unocss
diff --git a/‎packages-presets/extractor-arbitrary-variants/src/index.ts‎
Lines changed: 1 addition & 1 deletion b/‎packages-presets/extractor-arbitrary-variants/src/index.ts‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎packages-presets/extractor-arbitrary-variants/test/extractor-arbitrary-variants.test.ts‎
Lines changed: 28 additions & 1 deletion b/‎packages-presets/extractor-arbitrary-variants/test/extractor-arbitrary-variants.test.ts‎
Lines changed: 28 additions & 1 deletion
@@ -4,7 +4,7 @@ import { restoreSkipCode, transformSkipCode } from '#integration/utils'
 import { removeSourceMap } from './source-map'
 
 export const quotedArbitraryValuesRE
-  = /(?:[\w&:[\]-]|\[\S{1,64}=\S{1,64}\]){1,64}\[\\?['"]?\S{1,64}?['"]\]\]?[\w:-]{0,64}/g
+  = /(?:[\w&:[\].(-]|\[\S{1,64}=\S{1,64}\]){1,64}\[\\?['"]?\S{1,64}?['"]\](?:\)?\])?[\w:-]{0,64}/g
 
 export const arbitraryPropertyRE
   = /\[(\\\W|[\w-]){1,64}:[^\s:]{0,64}?("\S{1,64}?"|'\S{1,64}?'|`\S{1,64}?`|[^\s:]{1,64}?)[^\s:]{0,64}?\)?\]/g
 
@@ -1,6 +1,6 @@
 import { readFile } from 'node:fs/promises'
 import { describe, expect, it } from 'vitest'
-import { quotedArbitraryValuesRE } from '../src/index'
+import { quotedArbitraryValuesRE, splitCodeWithArbitraryVariants } from '../src/index'
 import { removeSourceMap } from '../src/source-map'
 
 describe('removeSourceMap()', () => {
@@ -24,3 +24,30 @@ describe('quotedArbitraryValuesRE', () => {
     quotedArbitraryValuesRE.test(code)
   })
 })
+
+describe('splitCodeWithArbitraryVariants()', () => {
+  it('extracts quoted attribute selectors behind a class or pseudo-class prefix', () => {
+    const code = [
+      `<div class='[&_.recharts-cartesian-grid_line[stroke="#ccc"]]:hidden'></div>`,
+      `<button class="[&_svg:not([class*='size-'])]:size-4"></button>`,
+    ].join('\n')
+
+    expect(splitCodeWithArbitraryVariants(code)).toEqual(
+      expect.arrayContaining([
+        '[&_.recharts-cartesian-grid_line[stroke="#ccc"]]:hidden',
+        `[&_svg:not([class*='size-'])]:size-4`,
+      ]),
+    )
+  })
+
+  it('keeps extracting quoted attribute selectors without such a prefix', () => {
+    const code = `<div class='[&_[stroke="#ccc"]]:hidden [&_tag[stroke="#ccc"]]:hidden'></div>`
+
+    expect(splitCodeWithArbitraryVariants(code)).toEqual(
+      expect.arrayContaining([
+        '[&_[stroke="#ccc"]]:hidden',
+        '[&_tag[stroke="#ccc"]]:hidden',
+      ]),
+    )
+  })
+})