From 01df814ed9fa95f308eec97ac3ecc56ce4fd9f58 Mon Sep 17 00:00:00 2001
From: sibbng <sibbngheid@gmail.com>
Date: Tue, 29 Nov 2022 11:31:35 +0300
Subject: [PATCH] fix(core): don't treat arrow functions as variant groups
 (#1922)

---
 packages/core/src/utils/variantGroup.ts |  2 +-
 test/transformer-variant-group.test.ts  | 26 +++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/utils/variantGroup.ts b/packages/core/src/utils/variantGroup.ts
index a6cec8accf..4efe7c1ccc 100644
--- a/packages/core/src/utils/variantGroup.ts
+++ b/packages/core/src/utils/variantGroup.ts
@@ -1,6 +1,6 @@
 import type MagicString from 'magic-string'
 
-export const regexClassGroup = /((?:[!\w+:_/-]|\[&?>?:?.*\])+?)([:-])\(((?:[~!\w\s:/\\,%#.$-]|\[.*?\])*?)\)/gm
+export const regexClassGroup = /((?:[!\w+:_/-]|\[&?>?:?.*\])+?)([:-])\(((?:[~!\w\s:/\\,%#.$-]|\[.*?\])+?)\)(?!\s*?=>)/gm
 
 export function expandVariantGroup(str: string, seperators?: string[], depth?: number): string
 export function expandVariantGroup(str: MagicString, seperators?: string[], depth?: number): MagicString
diff --git a/test/transformer-variant-group.test.ts b/test/transformer-variant-group.test.ts
index 7d33dc5a97..b2eff00470 100644
--- a/test/transformer-variant-group.test.ts
+++ b/test/transformer-variant-group.test.ts
@@ -58,4 +58,30 @@ describe('transformer-variant-group', () => {
       "
     `)
   })
+
+  test('empty group', async () => {
+    const result = await transform(
+      'hover:()',
+    )
+    expect(result).toMatchInlineSnapshot('"hover:()"')
+  })
+
+  test('ignore arrow fn', async () => {
+    const result = await transform(`
+      {
+        hover:(p6) => {
+          console.log('ok')
+        },
+      }
+    `)
+    expect(result).toMatchInlineSnapshot(`
+      "
+            {
+              hover:(p6) => {
+                console.log('ok')
+              },
+            }
+          "
+    `)
+  })
 })