@particle-academy/react-fancy 5.52.0 → 5.53.0

package/dist/inputs.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 require('./chunk-O5IO7TCO.cjs');
+var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
 require('./chunk-QGPMVFZJ.cjs');
 var chunkQHN63FRP_cjs = require('./chunk-QHN63FRP.cjs');
 var chunkH7ELUIF6_cjs = require('./chunk-H7ELUIF6.cjs');
@@ -8,7 +9,6 @@ require('./chunk-HXLSEBAL.cjs');
 var chunkZ4UXLQSK_cjs = require('./chunk-Z4UXLQSK.cjs');
 require('./chunk-OYZDSMNP.cjs');
 require('./chunk-5FV6GMFP.cjs');
-var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
 var chunkETNQ4AEQ_cjs = require('./chunk-ETNQ4AEQ.cjs');
 var chunkDJB3N4G3_cjs = require('./chunk-DJB3N4G3.cjs');
 require('./chunk-URTLYNZI.cjs');
@@ -34,6 +34,14 @@ require('./chunk-ZU5Q77OT.cjs');
 
 
 
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return chunk6MDZQIMZ_cjs.Form; }
+});
+Object.defineProperty(exports, "FormProvider", {
+  enumerable: true,
+  get: function () { return chunk6MDZQIMZ_cjs.FormProvider; }
+});
 Object.defineProperty(exports, "MultiSwitch", {
   enumerable: true,
   get: function () { return chunkQHN63FRP_cjs.MultiSwitch; }
@@ -46,14 +54,6 @@ Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function () { return chunkZ4UXLQSK_cjs.Slider; }
 });
-Object.defineProperty(exports, "Form", {
-  enumerable: true,
-  get: function () { return chunk6MDZQIMZ_cjs.Form; }
-});
-Object.defineProperty(exports, "FormProvider", {
-  enumerable: true,
-  get: function () { return chunk6MDZQIMZ_cjs.FormProvider; }
-});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () { return chunkETNQ4AEQ_cjs.Checkbox; }

package/dist/inputs.js

@@ -1,4 +1,5 @@
 import './chunk-VXHFR5MV.js';
+export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
 import './chunk-SHDSKHCC.js';
 export { MultiSwitch } from './chunk-ZULMMW5W.js';
 export { RadioGroup } from './chunk-4FH2JHUY.js';
@@ -6,7 +7,6 @@ import './chunk-GNHQVPZP.js';
 export { Slider } from './chunk-NVXTHTJI.js';
 import './chunk-NW3GJWJ7.js';
 import './chunk-ORCXPDDG.js';
-export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
 export { Checkbox } from './chunk-OTM7RL2L.js';
 export { CheckboxGroup } from './chunk-TAYJSIOP.js';
 import './chunk-V4EARA4F.js';

package/dist/json-editor.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJBHQQGG5_cjs = require('./chunk-JBHQQGG5.cjs');
+var chunkSW2MDI2E_cjs = require('./chunk-SW2MDI2E.cjs');
 require('./chunk-JRRYYW3Y.cjs');
 require('./chunk-BDUL42VO.cjs');
 require('./chunk-RVBTDXPD.cjs');
@@ -10,22 +10,22 @@ require('./chunk-MRZXTL46.cjs');
 require('./chunk-P53432AK.cjs');
 require('./chunk-QF7CD4JH.cjs');
 require('./chunk-O3F6DYWR.cjs');
+require('./chunk-4XMBXG4K.cjs');
 require('./chunk-GKLETY7D.cjs');
 require('./chunk-5JK2VDWY.cjs');
 require('./chunk-UZG6LO4Z.cjs');
-require('./chunk-MOU6O324.cjs');
-require('./chunk-CAMQ5B3V.cjs');
-require('./chunk-X2FC7ODX.cjs');
-require('./chunk-XCZZVRBY.cjs');
-require('./chunk-QKFOJKVE.cjs');
-require('./chunk-LCNHEYIM.cjs');
-require('./chunk-4XMBXG4K.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-NBZC6LOB.cjs');
+require('./chunk-MOU6O324.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-RXDRYWVD.cjs');
+require('./chunk-CAMQ5B3V.cjs');
+require('./chunk-X2FC7ODX.cjs');
+require('./chunk-XCZZVRBY.cjs');
+require('./chunk-QKFOJKVE.cjs');
+require('./chunk-LCNHEYIM.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -33,47 +33,47 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.JsonEditor; }
+  get: function () { return chunkSW2MDI2E_cjs.JsonEditor; }
 });
 Object.defineProperty(exports, "applyJsonEdit", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.applyJsonEdit; }
+  get: function () { return chunkSW2MDI2E_cjs.applyJsonEdit; }
 });
 Object.defineProperty(exports, "describeEdit", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.describeEdit; }
+  get: function () { return chunkSW2MDI2E_cjs.describeEdit; }
 });
 Object.defineProperty(exports, "findJsonConflicts", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.findJsonConflicts; }
+  get: function () { return chunkSW2MDI2E_cjs.findJsonConflicts; }
 });
 Object.defineProperty(exports, "getAtPath", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.getAtPath; }
+  get: function () { return chunkSW2MDI2E_cjs.getAtPath; }
 });
 Object.defineProperty(exports, "inferType", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.inferType; }
+  get: function () { return chunkSW2MDI2E_cjs.inferType; }
 });
 Object.defineProperty(exports, "parseKeyMap", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.parseKeyMap; }
+  get: function () { return chunkSW2MDI2E_cjs.parseKeyMap; }
 });
 Object.defineProperty(exports, "parsePath", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.parsePath; }
+  get: function () { return chunkSW2MDI2E_cjs.parsePath; }
 });
 Object.defineProperty(exports, "pathToString", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.pathToString; }
+  get: function () { return chunkSW2MDI2E_cjs.pathToString; }
 });
 Object.defineProperty(exports, "resolveKeyRule", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.resolveKeyRule; }
+  get: function () { return chunkSW2MDI2E_cjs.resolveKeyRule; }
 });
 Object.defineProperty(exports, "typeMatches", {
   enumerable: true,
-  get: function () { return chunkJBHQQGG5_cjs.typeMatches; }
+  get: function () { return chunkSW2MDI2E_cjs.typeMatches; }
 });
 //# sourceMappingURL=json-editor.cjs.map
 //# sourceMappingURL=json-editor.cjs.map

package/dist/json-editor.js

@@ -1,4 +1,4 @@
-export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-ELBCK3V7.js';
+export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-VOHTL6WN.js';
 import './chunk-XQDGUXMS.js';
 import './chunk-OFNA5HS5.js';
 import './chunk-VQXXX6DK.js';
@@ -8,22 +8,22 @@ import './chunk-KXYMMNNV.js';
 import './chunk-WX5XYDVN.js';
 import './chunk-5WQ6FPSP.js';
 import './chunk-USWQAMI3.js';
+import './chunk-XM3V3RSU.js';
 import './chunk-SVSQXKFL.js';
 import './chunk-M6XBF2ZS.js';
 import './chunk-XYOT75HH.js';
-import './chunk-6FCQD2KQ.js';
-import './chunk-26JZ47BJ.js';
-import './chunk-6TBRBN7H.js';
-import './chunk-45BBNJQD.js';
-import './chunk-IVRYSSM7.js';
-import './chunk-ZXZJYVWP.js';
-import './chunk-XM3V3RSU.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-WHEXTDPV.js';
+import './chunk-6FCQD2KQ.js';
 import './chunk-RGANGU7X.js';
 import './chunk-JXE5XID6.js';
+import './chunk-26JZ47BJ.js';
+import './chunk-6TBRBN7H.js';
+import './chunk-45BBNJQD.js';
+import './chunk-IVRYSSM7.js';
+import './chunk-ZXZJYVWP.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=json-editor.js.map

package/dist/magic-wand.cjs

@@ -1,11 +1,14 @@
 'use strict';
 
-var chunkBYUJJXGY_cjs = require('./chunk-BYUJJXGY.cjs');
+var chunk2KFHSFFY_cjs = require('./chunk-2KFHSFFY.cjs');
 require('./chunk-MAZEX4EZ.cjs');
 require('./chunk-MRZXTL46.cjs');
 require('./chunk-P53432AK.cjs');
 require('./chunk-QF7CD4JH.cjs');
 require('./chunk-O3F6DYWR.cjs');
+require('./chunk-KJ22KE56.cjs');
+require('./chunk-L3V3BYVS.cjs');
+require('./chunk-NBZC6LOB.cjs');
 require('./chunk-VBWRH4UW.cjs');
 require('./chunk-MOU6O324.cjs');
 require('./chunk-M5MUGSON.cjs');
@@ -13,16 +16,13 @@ require('./chunk-CAMQ5B3V.cjs');
 require('./chunk-X2FC7ODX.cjs');
 require('./chunk-XCZZVRBY.cjs');
 require('./chunk-QKFOJKVE.cjs');
-require('./chunk-KJ22KE56.cjs');
-require('./chunk-L3V3BYVS.cjs');
-require('./chunk-NBZC6LOB.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "MagicWand", {
   enumerable: true,
-  get: function () { return chunkBYUJJXGY_cjs.MagicWand; }
+  get: function () { return chunk2KFHSFFY_cjs.MagicWand; }
 });
 //# sourceMappingURL=magic-wand.cjs.map
 //# sourceMappingURL=magic-wand.cjs.map

package/dist/magic-wand.js

@@ -1,9 +1,12 @@
-export { MagicWand } from './chunk-N2JESOCJ.js';
+export { MagicWand } from './chunk-EJ6P7K4G.js';
 import './chunk-UVUBV4VZ.js';
 import './chunk-KXYMMNNV.js';
 import './chunk-WX5XYDVN.js';
 import './chunk-5WQ6FPSP.js';
 import './chunk-USWQAMI3.js';
+import './chunk-OL53XYHF.js';
+import './chunk-NRXK42LO.js';
+import './chunk-WHEXTDPV.js';
 import './chunk-IQ4KQJAO.js';
 import './chunk-6FCQD2KQ.js';
 import './chunk-LQ4ICCN2.js';
@@ -11,9 +14,6 @@ import './chunk-26JZ47BJ.js';
 import './chunk-6TBRBN7H.js';
 import './chunk-45BBNJQD.js';
 import './chunk-IVRYSSM7.js';
-import './chunk-OL53XYHF.js';
-import './chunk-NRXK42LO.js';
-import './chunk-WHEXTDPV.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=magic-wand.js.map
 //# sourceMappingURL=magic-wand.js.map

package/dist/media-viewer.cjs

@@ -6,8 +6,8 @@ require('./chunk-XM3W5ETT.cjs');
 require('./chunk-7QENPLOP.cjs');
 require('./chunk-M5SEYDSS.cjs');
 require('./chunk-T6YELZPJ.cjs');
-require('./chunk-KE4XURZD.cjs');
 require('./chunk-SNHU2AI4.cjs');
+require('./chunk-KE4XURZD.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 

package/dist/media-viewer.js

@@ -4,8 +4,8 @@ import './chunk-HRH5BIYG.js';
 import './chunk-ICMLLZKZ.js';
 import './chunk-GVMWJ4NI.js';
 import './chunk-CPY7NHXM.js';
-import './chunk-2OMA3O63.js';
 import './chunk-EDYAXGUM.js';
+import './chunk-2OMA3O63.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=media-viewer.js.map
 //# sourceMappingURL=media-viewer.js.map

package/dist/mobile-menu.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkA5DN2XNM_cjs = require('./chunk-A5DN2XNM.cjs');
-require('./chunk-HPNIEYSJ.cjs');
+require('./chunk-A2JUTNE6.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-TXTRTTG7.cjs');
 require('./chunk-FQZE5N2N.cjs');

package/dist/mobile-menu.js

@@ -1,5 +1,5 @@
 export { MobileMenu, useMobileMenu } from './chunk-4TVAHZ35.js';
-import './chunk-FWCREAIT.js';
+import './chunk-2BXMMVQS.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-5U2DZ7AV.js';
 import './chunk-3K2CEAI7.js';

package/dist/prompt-input.cjs

@@ -5,15 +5,15 @@ require('./chunk-X7H75WVP.cjs');
 require('./chunk-AIA5UNQ5.cjs');
 require('./chunk-5JK2VDWY.cjs');
 require('./chunk-UZG6LO4Z.cjs');
+require('./chunk-J2DI6RMR.cjs');
+require('./chunk-NBZC6LOB.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
 require('./chunk-M5MUGSON.cjs');
 require('./chunk-CAMQ5B3V.cjs');
 require('./chunk-X2FC7ODX.cjs');
 require('./chunk-XCZZVRBY.cjs');
 require('./chunk-QKFOJKVE.cjs');
-require('./chunk-J2DI6RMR.cjs');
-require('./chunk-NBZC6LOB.cjs');
-require('./chunk-57FQGQJK.cjs');
-require('./chunk-RXDRYWVD.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 

package/dist/prompt-input.js

@@ -3,15 +3,15 @@ import './chunk-CF5KRDN4.js';
 import './chunk-TJ66S5K6.js';
 import './chunk-M6XBF2ZS.js';
 import './chunk-XYOT75HH.js';
+import './chunk-MQ6VGG62.js';
+import './chunk-WHEXTDPV.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
 import './chunk-LQ4ICCN2.js';
 import './chunk-26JZ47BJ.js';
 import './chunk-6TBRBN7H.js';
 import './chunk-45BBNJQD.js';
 import './chunk-IVRYSSM7.js';
-import './chunk-MQ6VGG62.js';
-import './chunk-WHEXTDPV.js';
-import './chunk-RGANGU7X.js';
-import './chunk-JXE5XID6.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=prompt-input.js.map

package/dist/reason-tag.cjs

@@ -2,15 +2,15 @@
 
 var chunkTFKG5FSG_cjs = require('./chunk-TFKG5FSG.cjs');
 require('./chunk-UZG6LO4Z.cjs');
+require('./chunk-J2DI6RMR.cjs');
+require('./chunk-NBZC6LOB.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
 require('./chunk-M5MUGSON.cjs');
 require('./chunk-CAMQ5B3V.cjs');
 require('./chunk-X2FC7ODX.cjs');
 require('./chunk-XCZZVRBY.cjs');
 require('./chunk-QKFOJKVE.cjs');
-require('./chunk-J2DI6RMR.cjs');
-require('./chunk-NBZC6LOB.cjs');
-require('./chunk-57FQGQJK.cjs');
-require('./chunk-RXDRYWVD.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 

package/dist/reason-tag.js

@@ -1,14 +1,14 @@
 export { ReasonTag } from './chunk-Y6LL3B5P.js';
 import './chunk-XYOT75HH.js';
+import './chunk-MQ6VGG62.js';
+import './chunk-WHEXTDPV.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
 import './chunk-LQ4ICCN2.js';
 import './chunk-26JZ47BJ.js';
 import './chunk-6TBRBN7H.js';
 import './chunk-45BBNJQD.js';
 import './chunk-IVRYSSM7.js';
-import './chunk-MQ6VGG62.js';
-import './chunk-WHEXTDPV.js';
-import './chunk-RGANGU7X.js';
-import './chunk-JXE5XID6.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=reason-tag.js.map
 //# sourceMappingURL=reason-tag.js.map

package/dist/sidebar.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkSONXLQPJ_cjs = require('./chunk-SONXLQPJ.cjs');
-require('./chunk-HPNIEYSJ.cjs');
+require('./chunk-A2JUTNE6.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-TXTRTTG7.cjs');
 require('./chunk-FQZE5N2N.cjs');

package/dist/sidebar.js

@@ -1,5 +1,5 @@
 export { Sidebar, useSidebar } from './chunk-UVMIJCY3.js';
-import './chunk-FWCREAIT.js';
+import './chunk-2BXMMVQS.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-5U2DZ7AV.js';
 import './chunk-3K2CEAI7.js';

package/dist/styles.css

@@ -13,7 +13,7 @@
     width: 4rem;
     height: 4rem;
   }
-  :where(.dark) {
+  :where(.dark, [data-theme=dark]) {
     --color-secondary-50: var(--color-zinc-950);
     --color-secondary-100: var(--color-zinc-900);
     --color-secondary-200: var(--color-zinc-800);
@@ -40,65 +40,65 @@
       box-shadow 0.15s ease,
       background-color 0.15s ease;
   }
-  :where(.dark [data-react-fancy-input] input),
-  :where(.dark [data-react-fancy-textarea]),
-  :where(.dark [data-react-fancy-select]),
-  :where(.dark [data-react-fancy-date-picker]),
-  :where(.dark [data-react-fancy-autocomplete] input),
-  :where(.dark [data-react-fancy-pillbox]),
-  :where(.dark [data-react-fancy-otp-input] input),
-  :where(.dark [data-react-fancy-time-picker] input) {
+  :where(.dark [data-react-fancy-input] input, [data-theme=dark] [data-react-fancy-input] input),
+  :where(.dark [data-react-fancy-textarea], [data-theme=dark] [data-react-fancy-textarea]),
+  :where(.dark [data-react-fancy-select], [data-theme=dark] [data-react-fancy-select]),
+  :where(.dark [data-react-fancy-date-picker], [data-theme=dark] [data-react-fancy-date-picker]),
+  :where(.dark [data-react-fancy-autocomplete] input, [data-theme=dark] [data-react-fancy-autocomplete] input),
+  :where(.dark [data-react-fancy-pillbox], [data-theme=dark] [data-react-fancy-pillbox]),
+  :where(.dark [data-react-fancy-otp-input] input, [data-theme=dark] [data-react-fancy-otp-input] input),
+  :where(.dark [data-react-fancy-time-picker] input, [data-theme=dark] [data-react-fancy-time-picker] input) {
     background-color: var(--fancy-input-dark, #1e1e24);
     border-color: var(--fancy-border-strong-dark, #3f3f46);
   }
-  :where(.dark [data-react-fancy-input] input:focus),
-  :where(.dark [data-react-fancy-textarea]:focus),
-  :where(.dark [data-react-fancy-select]:focus),
-  :where(.dark [data-react-fancy-date-picker]:focus),
-  :where(.dark [data-react-fancy-autocomplete] input:focus),
-  :where(.dark [data-react-fancy-otp-input] input:focus),
-  :where(.dark [data-react-fancy-time-picker] input:focus) {
+  :where(.dark [data-react-fancy-input] input:focus, [data-theme=dark] [data-react-fancy-input] input:focus),
+  :where(.dark [data-react-fancy-textarea]:focus, [data-theme=dark] [data-react-fancy-textarea]:focus),
+  :where(.dark [data-react-fancy-select]:focus, [data-theme=dark] [data-react-fancy-select]:focus),
+  :where(.dark [data-react-fancy-date-picker]:focus, [data-theme=dark] [data-react-fancy-date-picker]:focus),
+  :where(.dark [data-react-fancy-autocomplete] input:focus, [data-theme=dark] [data-react-fancy-autocomplete] input:focus),
+  :where(.dark [data-react-fancy-otp-input] input:focus, [data-theme=dark] [data-react-fancy-otp-input] input:focus),
+  :where(.dark [data-react-fancy-time-picker] input:focus, [data-theme=dark] [data-react-fancy-time-picker] input:focus) {
     border-color: var(--fancy-focus-dark, #60a5fa);
     box-shadow: 0 0 0 3px color-mix(in srgb, var(--fancy-focus-dark, #60a5fa) 15%, transparent);
   }
-  :where(.dark [data-react-fancy-field] > label:first-child) {
+  :where(.dark [data-react-fancy-field] > label:first-child, [data-theme=dark] [data-react-fancy-field] > label:first-child) {
     color: var(--fancy-text-dark, #f4f4f5);
   }
-  :where(.dark [data-react-fancy-checkbox] input),
-  :where(.dark [data-react-fancy-radio-group] input) {
+  :where(.dark [data-react-fancy-checkbox] input, [data-theme=dark] [data-react-fancy-checkbox] input),
+  :where(.dark [data-react-fancy-radio-group] input, [data-theme=dark] [data-react-fancy-radio-group] input) {
     background-color: var(--fancy-input-dark, #1e1e24);
     border-color: var(--fancy-border-strong-dark, #3f3f46);
   }
-  :where(.dark [data-react-fancy-switch] button[aria-checked=false]) {
+  :where(.dark [data-react-fancy-switch] button[aria-checked=false], [data-theme=dark] [data-react-fancy-switch] button[aria-checked=false]) {
     background-color: var(--fancy-border-dark, #3f3f46);
   }
-  :where(.dark [data-react-fancy-input-wrapper] > span:first-child),
-  :where(.dark [data-react-fancy-input-wrapper] > span:last-child) {
+  :where(.dark [data-react-fancy-input-wrapper] > span:first-child, [data-theme=dark] [data-react-fancy-input-wrapper] > span:first-child),
+  :where(.dark [data-react-fancy-input-wrapper] > span:last-child, [data-theme=dark] [data-react-fancy-input-wrapper] > span:last-child) {
     border-color: var(--fancy-border-strong-dark, #3f3f46);
     background-color: var(--fancy-surface-muted-dark, #27272a);
   }
-  :where(.dark [data-react-fancy-date-picker]::-webkit-calendar-picker-indicator) {
+  :where(.dark [data-react-fancy-date-picker]::-webkit-calendar-picker-indicator, [data-theme=dark] [data-react-fancy-date-picker]::-webkit-calendar-picker-indicator) {
     filter: invert(0.8);
   }
-  :where(.dark [data-react-fancy-dropdown]),
-  :where(.dark [data-react-fancy-menu]),
-  :where(.dark [data-react-fancy-popover]),
-  :where(.dark [data-react-fancy-context-menu]),
-  :where(.dark [data-react-fancy-context-menu-sub-content]),
-  :where(.dark [data-react-fancy-mobile-menu-flyout]),
-  :where(.dark [data-react-fancy-modal]),
-  :where(.dark [data-react-fancy-toast-item]) {
+  :where(.dark [data-react-fancy-dropdown], [data-theme=dark] [data-react-fancy-dropdown]),
+  :where(.dark [data-react-fancy-menu], [data-theme=dark] [data-react-fancy-menu]),
+  :where(.dark [data-react-fancy-popover], [data-theme=dark] [data-react-fancy-popover]),
+  :where(.dark [data-react-fancy-context-menu], [data-theme=dark] [data-react-fancy-context-menu]),
+  :where(.dark [data-react-fancy-context-menu-sub-content], [data-theme=dark] [data-react-fancy-context-menu-sub-content]),
+  :where(.dark [data-react-fancy-mobile-menu-flyout], [data-theme=dark] [data-react-fancy-mobile-menu-flyout]),
+  :where(.dark [data-react-fancy-modal], [data-theme=dark] [data-react-fancy-modal]),
+  :where(.dark [data-react-fancy-toast-item], [data-theme=dark] [data-react-fancy-toast-item]) {
     background-color: var(--fancy-surface-dark, #18181b);
     border-color: var(--fancy-border-dark, #3f3f46);
     color: var(--fancy-text-soft-dark, #d4d4d8);
   }
-  :where(.dark [data-react-fancy-dropdown-item]:hover),
-  :where(.dark [data-react-fancy-menu-item]:hover),
-  :where(.dark [data-react-fancy-context-menu-item]:hover) {
+  :where(.dark [data-react-fancy-dropdown-item]:hover, [data-theme=dark] [data-react-fancy-dropdown-item]:hover),
+  :where(.dark [data-react-fancy-menu-item]:hover, [data-theme=dark] [data-react-fancy-menu-item]:hover),
+  :where(.dark [data-react-fancy-context-menu-item]:hover, [data-theme=dark] [data-react-fancy-context-menu-item]:hover) {
     background-color: var(--fancy-surface-muted-dark, #27272a);
   }
-  :where(.dark [data-react-fancy-dropdown-separator]),
-  :where(.dark [data-react-fancy-context-menu-separator]) {
+  :where(.dark [data-react-fancy-dropdown-separator], [data-theme=dark] [data-react-fancy-dropdown-separator]),
+  :where(.dark [data-react-fancy-context-menu-separator], [data-theme=dark] [data-react-fancy-context-menu-separator]) {
     background-color: var(--fancy-border-dark, #3f3f46);
   }
   .fancy-checkerboard {
@@ -127,7 +127,7 @@
       8px -8px,
       -8px 0;
   }
-  :where(.dark) .fancy-checkerboard {
+  :where(.dark, [data-theme=dark]) .fancy-checkerboard {
     background-color: #18181b;
     background-image:
       linear-gradient(