feat: expand CSS conditions for active and open states

package.json

@@ -7,7 +7,7 @@
     "README.md"
   ],
   "main": "dist/index.js",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "scripts": {
     "prepare": "ts-patch install -s && bun .husky/install.ts",
     "prepublishOnly": "bun run build",

src/index.ts

@@ -190,7 +190,8 @@ const srJuggernautPandaPreset = (config?: ThemeConfig) => {
     },
     conditions: {
       extend: {
-        active: '&[data-state="open"]'
+        active: '&:is(:active, [data-active], [data-state="active"], [data-state="open"])',
+        open: '&:is(:open, [open], [data-open], [data-state="open"])'
       }
     },
     globalCss: {