@zentauri-ui/zentauri-components 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +8 -8
- package/dist/{chunk-N3FNN47Q.mjs → chunk-3IE4IELX.mjs} +32 -32
- package/dist/chunk-3IE4IELX.mjs.map +1 -0
- package/dist/{chunk-JEZUMCJ6.mjs → chunk-3N575QVC.mjs} +3 -3
- package/dist/{chunk-JEZUMCJ6.mjs.map → chunk-3N575QVC.mjs.map} +1 -1
- package/dist/{chunk-RRUVHDN6.js → chunk-5TVBPPS6.js} +11 -11
- package/dist/{chunk-RRUVHDN6.js.map → chunk-5TVBPPS6.js.map} +1 -1
- package/dist/{chunk-YNTUZCLI.js → chunk-642JVK45.js} +16 -16
- package/dist/{chunk-YNTUZCLI.js.map → chunk-642JVK45.js.map} +1 -1
- package/dist/{chunk-AZ26NZJV.mjs → chunk-6ERBVFDA.mjs} +35 -35
- package/dist/chunk-6ERBVFDA.mjs.map +1 -0
- package/dist/{chunk-SRJCGSNX.js → chunk-6Q4EOLKN.js} +23 -23
- package/dist/{chunk-SRJCGSNX.js.map → chunk-6Q4EOLKN.js.map} +1 -1
- package/dist/{chunk-TCEGQIGW.mjs → chunk-7N2UYQBJ.mjs} +9 -7
- package/dist/{chunk-TCEGQIGW.mjs.map → chunk-7N2UYQBJ.mjs.map} +1 -1
- package/dist/{chunk-VKEDTQY6.js → chunk-APCN6NUH.js} +8 -8
- package/dist/{chunk-VKEDTQY6.js.map → chunk-APCN6NUH.js.map} +1 -1
- package/dist/{chunk-X7HK6RTF.js → chunk-BIQZC26Q.js} +23 -23
- package/dist/{chunk-X7HK6RTF.js.map → chunk-BIQZC26Q.js.map} +1 -1
- package/dist/{chunk-K2H6LIPQ.mjs → chunk-GOH2THVW.mjs} +3 -3
- package/dist/{chunk-K2H6LIPQ.mjs.map → chunk-GOH2THVW.mjs.map} +1 -1
- package/dist/chunk-GUB3RSPR.mjs +211 -0
- package/dist/chunk-GUB3RSPR.mjs.map +1 -0
- package/dist/{chunk-GENYOZN4.mjs → chunk-HVMYPW3Q.mjs} +3 -3
- package/dist/{chunk-GENYOZN4.mjs.map → chunk-HVMYPW3Q.mjs.map} +1 -1
- package/dist/chunk-J5NTJVKX.js +229 -0
- package/dist/chunk-J5NTJVKX.js.map +1 -0
- package/dist/{chunk-XUW42JAP.js → chunk-PZ25OHJE.js} +32 -32
- package/dist/chunk-PZ25OHJE.js.map +1 -0
- package/dist/{chunk-UFDJ5NIY.mjs → chunk-PZI2UVPL.mjs} +3 -3
- package/dist/{chunk-UFDJ5NIY.mjs.map → chunk-PZI2UVPL.mjs.map} +1 -1
- package/dist/chunk-R4D5V7NT.js +19 -0
- package/dist/{chunk-4TX7EQ5Y.js.map → chunk-R4D5V7NT.js.map} +1 -1
- package/dist/{chunk-BGIWVTAU.mjs → chunk-RJ7L45SA.mjs} +3 -3
- package/dist/{chunk-BGIWVTAU.mjs.map → chunk-RJ7L45SA.mjs.map} +1 -1
- package/dist/{chunk-C6K2SWHC.mjs → chunk-TVEK6PKH.mjs} +23 -23
- package/dist/{chunk-C6K2SWHC.mjs.map → chunk-TVEK6PKH.mjs.map} +1 -1
- package/dist/{chunk-BJRS5RXR.mjs → chunk-TYBQZO6Y.mjs} +3 -3
- package/dist/{chunk-BJRS5RXR.mjs.map → chunk-TYBQZO6Y.mjs.map} +1 -1
- package/dist/{chunk-AOVZY2A3.js → chunk-UQQHB3OI.js} +35 -35
- package/dist/chunk-UQQHB3OI.js.map +1 -0
- package/dist/{chunk-NEFDIJ5N.js → chunk-V2LI5QZD.js} +54 -52
- package/dist/chunk-V2LI5QZD.js.map +1 -0
- package/dist/{chunk-KCXTYTOY.js → chunk-VHYUH5OH.js} +6 -6
- package/dist/{chunk-KCXTYTOY.js.map → chunk-VHYUH5OH.js.map} +1 -1
- package/dist/{chunk-BVTYDGLM.mjs → chunk-WIKNEHPJ.mjs} +23 -23
- package/dist/{chunk-BVTYDGLM.mjs.map → chunk-WIKNEHPJ.mjs.map} +1 -1
- package/dist/{chunk-XF3NHZZ3.js → chunk-Y6DFOQ5E.js} +7 -7
- package/dist/{chunk-XF3NHZZ3.js.map → chunk-Y6DFOQ5E.js.map} +1 -1
- package/dist/design-system/combobox.d.ts +120 -37
- package/dist/design-system/combobox.d.ts.map +1 -1
- package/dist/design-system/command.d.ts +33 -33
- package/dist/design-system/facade.js +7 -7
- package/dist/design-system/facade.mjs +6 -6
- package/dist/design-system/popover.d.ts +30 -30
- package/dist/design-system/tabs.d.ts +21 -21
- package/dist/design-system/toast.d.ts +21 -21
- package/dist/ui/buttons/animated.js +9 -9
- package/dist/ui/buttons/animated.mjs +7 -7
- package/dist/ui/buttons.js +10 -10
- package/dist/ui/buttons.mjs +8 -8
- package/dist/ui/combobox/combobox-base.d.ts.map +1 -1
- package/dist/ui/combobox/variants.d.ts +3 -3
- package/dist/ui/combobox.js +22 -20
- package/dist/ui/combobox.js.map +1 -1
- package/dist/ui/combobox.mjs +6 -4
- package/dist/ui/combobox.mjs.map +1 -1
- package/dist/ui/command/animated.js +3 -3
- package/dist/ui/command/animated.mjs +2 -2
- package/dist/ui/command.js +16 -16
- package/dist/ui/command.mjs +3 -3
- package/dist/ui/dynamic-stepper.js +19 -19
- package/dist/ui/dynamic-stepper.mjs +8 -8
- package/dist/ui/pagination.js +15 -15
- package/dist/ui/pagination.mjs +7 -7
- package/dist/ui/popover/animated.js +5 -5
- package/dist/ui/popover/animated.mjs +2 -2
- package/dist/ui/popover.js +8 -8
- package/dist/ui/popover.mjs +2 -2
- package/dist/ui/tabs/animated.js +3 -3
- package/dist/ui/tabs/animated.mjs +2 -2
- package/dist/ui/tabs.js +10 -10
- package/dist/ui/tabs.mjs +2 -2
- package/dist/ui/toast/animated.js +8 -8
- package/dist/ui/toast/animated.mjs +2 -2
- package/dist/ui/toast.js +13 -13
- package/dist/ui/toast.mjs +2 -2
- package/package.json +1 -1
- package/src/design-system/combobox.ts +176 -46
- package/src/design-system/command.ts +33 -33
- package/src/design-system/popover.ts +30 -30
- package/src/design-system/tabs.ts +21 -21
- package/src/design-system/toast.ts +21 -21
- package/src/ui/combobox/combobox-base.tsx +5 -3
- package/src/ui/combobox/combobox.test.tsx +69 -0
- package/src/ui/command/command.test.tsx +15 -0
- package/src/ui/popover/popover.test.tsx +15 -0
- package/src/ui/tabs/tabs.test.tsx +15 -0
- package/src/ui/toast/toast.test.tsx +12 -0
- package/dist/chunk-4TX7EQ5Y.js +0 -19
- package/dist/chunk-AOVZY2A3.js.map +0 -1
- package/dist/chunk-AZ26NZJV.mjs.map +0 -1
- package/dist/chunk-K7PR3XXT.mjs +0 -128
- package/dist/chunk-K7PR3XXT.mjs.map +0 -1
- package/dist/chunk-N3FNN47Q.mjs.map +0 -1
- package/dist/chunk-NEFDIJ5N.js.map +0 -1
- package/dist/chunk-QNRJT7R4.js +0 -144
- package/dist/chunk-QNRJT7R4.js.map +0 -1
- package/dist/chunk-XUW42JAP.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/command/variants.ts","../src/ui/command/command-base.tsx"],"names":["cva","zuiCommandOverlayBase","zuiCommandTriggerBase","zuiCommandContentBase","zuiCommandContentSizes","zuiCommandContentAppearances","zuiCommandInputRowBase","zuiCommandInputBase","zuiCommandListBase","zuiCommandGroupHeadingBase","zuiCommandItemBase","zuiCommandSeparatorBase","zuiCommandEmptyBase","zuiCommandFooterBase","createContext","useContext","useState","useEffect","createPortal","useFocusManagement","cn","jsxs","jsx","useCallback","useId","useRef","useMemo"],"mappings":";;;;;;;;;;AAkBO,IAAM,sBAAA,GAAyBA,2BAAIC,sCAAqB;AAExD,IAAM,sBAAA,GAAyBD,2BAAIE,sCAAqB,CAAA;AAExD,IAAM,sBAAA,GAAyBF,2BAAIG,sCAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC,uCAAA;AAAA,IACN,UAAA,EAAYC;AAAA,GACd;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEhB,CAAC;AAEM,IAAM,uBAAA,GAA0BL,2BAAIM,uCAAsB,CAAA;AAC1D,IAAM,oBAAA,GAAuBN,2BAAIO,oCAAmB,CAAA;AACpD,IAAM,mBAAA,GAAsBP,2BAAIQ,mCAAkB,CAAA;AAClD,IAAM,2BAAA,GAA8BR,2BAAIS,2CAA0B,CAAA;AAClE,IAAM,mBAAA,GAAsBT,2BAAIU,mCAAkB;AAClD,IAAM,wBAAA,GAA2BV,2BAAIW,wCAAuB,CAAA;AAC5D,IAAM,oBAAA,GAAuBX,2BAAIY,oCAAmB,CAAA;AACpD,IAAM,qBAAA,GAAwBZ,2BAAIa,qCAAoB,CAAA;ACU7D,IAAM,cAAA,GAAiBC,oBAAiC,IAAI,CAAA;AAErD,SAAS,kBAAkB,SAAA,EAA+B;AAC/D,EAAA,MAAM,GAAA,GAAMC,iBAAW,cAAc,CAAA;AACrC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,8BAAA,CAAgC,CAAA;AAAA,EAC9D;AACA,EAAA,OAAO,GAAA;AACT;AAEA,SAAS,WAAA,CACP,KAAA,EACA,IAAA,EACA,UAAA,EACS;AACT,EAAA,IAAI,CAAC,UAAA,EAAY;AACf,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,IAAI,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,UAAU,CAAA,EAAG;AAC5C,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,IAAI,KAAK,UAAA,EAAY,WAAA,EAAY,CAAE,QAAA,CAAS,UAAU,CAAA,EAAG;AACvD,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,OAAA;AAAA,IACL,KAAK,QAAA,EAAU,IAAA;AAAA,MAAK,CAAC,OAAA,KACnB,OAAA,CAAQ,WAAA,EAAY,CAAE,SAAS,UAAU;AAAA;AAC3C,GACF;AACF;AAEA,SAAS,sBAAsB,MAAA,EAAqC;AAClE,EAAA,IAAI,EAAE,kBAAkB,WAAA,CAAA,EAAc;AACpC,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAO,iBAAA,EAAmB;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,OAAA;AAAA,IACL,MAAA,CAAO,QAAQ,iDAAiD;AAAA,GAClE;AACF;AAEA,SAAS,sBAAA,GAA6C;AACpD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAS,KAAK,CAAA;AAEhD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO,QAAA,CAAS,IAAA;AAClB;AAEO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAS,EAA4B;AACnE,EAAA,MAAM,eAAe,sBAAA,EAAuB;AAE5C,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAOC,qBAAA,CAAa,UAAU,YAAY,CAAA;AAC5C;AAEO,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAS,EAA4B;AACxE,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAuB,WAAA,EAAU,kBAC7C,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,EAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,EAAE,MAAM,OAAA,EAAS,OAAA,EAAS,YAAY,UAAA,EAAW,GACrD,kBAAkB,aAAa,CAAA;AAEjC,EAAAC,mCAAA,CAAmB;AAAA,IACjB,IAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAiD;AAAA,IACrD,IAAA,EAAM,cAAA;AAAA,IACN,WAAA,EAAa,iBAAA;AAAA,IACb,WAAW,sBAAA,EAAuB;AAAA,IAClC,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK;AAAA,GAC9B;AAEA,EAAA,MAAM,UAAA,GAA6C;AAAA,IACjD,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,MAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,QAAA,GAAA,CAAI,IAAI,CAAA;AAAA,MACV,WAAW,GAAA,EAAK;AACd,QAAC,IAAyC,OAAA,GAAU,IAAA;AAAA,MACtD;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,YAAA,EAAc,IAAA;AAAA,IACd,iBAAA,EAAmB,OAAA;AAAA,IACnB,WAAA,EAAa,iBAAA;AAAA,IACb,QAAA,EAAU,EAAA;AAAA,IACV,SAAA,EAAWC,oBAAG,sBAAA,CAAuB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,IACrE,EAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,OAAA,GAAU,IAAA,mBACdC,eAAA,CAAC,kBAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,aAAA,GAAgB,cAAc,YAAY,CAAA,mBAAIC,cAAA,CAAC,KAAA,EAAA,EAAK,GAAG,YAAA,EAAc,CAAA;AAAA,IACrE,cAAc,WAAA,CAAY,UAAU,oBAAIA,cAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EAAY;AAAA,GAAA,EAChE,CAAA,GACE,IAAA;AAEJ,EAAA,sCACG,aAAA,EAAA,EACE,QAAA,EAAA,cAAA,GAAiB,cAAA,CAAe,OAAO,IAAI,OAAA,EAC9C,CAAA;AAEJ;AAEO,SAAS,OAAA,CAAQ;AAAA,EACtB,IAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,YAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,GAAQ,cAAA;AAAA,EACR;AACF,CAAA,EAAiB;AACf,EAAA,MAAM,eAAe,IAAA,KAAS,MAAA;AAC9B,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIN,eAAS,WAAW,CAAA;AACpE,EAAA,MAAM,YAAA,GAAe,YAAA,GAAe,OAAA,CAAQ,IAAI,CAAA,GAAI,gBAAA;AAEpD,EAAA,MAAM,OAAA,GAAUO,iBAAA;AAAA,IACd,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,MAC1B;AACA,MAAA,YAAA,GAAe,IAAI,CAAA;AAAA,IACrB,CAAA;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,GAC7B;AAEA,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,SAASA,WAAA,EAAM;AACrB,EAAA,MAAM,UAAA,GAAaC,aAA8B,IAAI,CAAA;AACrD,EAAA,MAAM,UAAA,GAAaA,aAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,QAAA,GAAWA,aAAgC,IAAI,CAAA;AAErD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIT,eAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAwB,IAAI,CAAA;AAClE,EAAA,MAAM,QAAA,GAAWS,YAAA,CAAyB,EAAE,CAAA;AAC5C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIT,eAAS,CAAC,CAAA;AAExD,EAAA,MAAM,YAAA,GAAeO,iBAAA,CAAY,CAAC,IAAA,KAAyB;AACzD,IAAA,QAAA,CAAS,OAAA,GAAU,CAAC,GAAG,QAAA,CAAS,SAAS,IAAI,CAAA;AAC7C,IAAA,kBAAA,CAAmB,CAAC,OAAA,KAAY,OAAA,GAAU,CAAC,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAU,QAAA,CAAS,OAAA,CAAQ,OAAO,CAAC,KAAA,KAAU,UAAU,IAAI,CAAA;AACpE,MAAA,kBAAA,CAAmB,CAAC,OAAA,KAAY,OAAA,GAAU,CAAC,CAAA;AAAA,IAC7C,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,kBAAA,GAAqBA,kBAAY,MAAM;AAC3C,IAAA,kBAAA,CAAmB,CAAC,OAAA,KAAY,OAAA,GAAU,CAAC,CAAA;AAAA,EAC7C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgBG,cAAQ,MAAM;AAElC,IAAA,MAAM,UAAA,GAAa,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY;AAC5C,IAAA,OAAO,QAAA,CAAS,OAAA,CACb,MAAA,CAAO,CAAC,IAAA,KAAS;AAChB,MAAA,MAAM,IAAA,GAAO,KAAK,OAAA,CAAQ,OAAA;AAC1B,MAAA,IAAI,KAAK,QAAA,EAAU;AACjB,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,OAAO,WAAA,CAAY,IAAA,CAAK,KAAA,EAAO,IAAA,EAAM,UAAU,CAAA;AAAA,IACjD,CAAC,CAAA,CACA,GAAA,CAAI,CAAC,IAAA,KAAS,KAAK,KAAK,CAAA;AAAA,EAC7B,CAAA,EAAG,CAAC,KAAA,EAAO,eAAe,CAAC,CAAA;AAE3B,EAAA,MAAM,UAAA,GAAaA,cAAQ,MAAM,IAAI,IAAI,aAAa,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AACxE,EAAA,MAAM,SAAA,GAAYH,iBAAA;AAAA,IAChB,CAAC,KAAA,KAAkB,UAAA,CAAW,GAAA,CAAI,KAAK,CAAA;AAAA,IACvC,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,WAAA,GAAcA,iBAAA,CAAY,CAAC,KAAA,KAAkB;AACjD,IAAA,MAAM,KAAA,GAAQ,SAAS,OAAA,CAAQ,IAAA,CAAK,CAAC,IAAA,KAAS,IAAA,CAAK,UAAU,KAAK,CAAA;AAClE,IAAA,IAAI,CAAC,KAAA,IAAS,KAAA,CAAM,OAAA,CAAQ,QAAQ,QAAA,EAAU;AAC5C,MAAA,OAAO,KAAA;AAAA,IACT;AACA,IAAA,KAAA,EAAO,OAAA,CAAQ,OAAA,CAAQ,QAAA,GAAW,KAAK,CAAA;AACvC,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AAGL,EAAAN,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA,IACrB;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,WAAA,IAAe,UAAA,CAAW,GAAA,CAAI,WAAW,CAAA,EAAG;AAC9C,MAAA;AAAA,IACF;AACA,IAAA,cAAA,CAAe,aAAA,CAAc,CAAC,CAAA,IAAK,IAAI,CAAA;AAAA,EACzC,GAAG,CAAC,YAAA,EAAc,WAAA,EAAa,UAAA,EAAY,aAAa,CAAC,CAAA;AAGzD,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA;AAAA,IACF;AACA,IAAA,MAAM,OAAO,OAAO,MAAA,KAAW,QAAA,GAAW,MAAA,GAAS,KAAK,WAAA,EAAY;AACpE,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAyB;AACxC,MAAA,IAAI,qBAAA,CAAsB,KAAA,CAAM,MAAM,CAAA,EAAG;AACvC,QAAA;AAAA,MACF;AACA,MAAA,IAAA,CAAK,KAAA,CAAM,WAAW,KAAA,CAAM,OAAA,KAAY,MAAM,GAAA,CAAI,WAAA,OAAkB,GAAA,EAAK;AACvE,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,OAAA,CAAQ,CAAC,YAAY,CAAA;AAAA,MACvB;AAAA,IACF,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,OAAO,CAAA;AAC1C,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,OAAO,CAAA;AAAA,EAC5D,CAAA,EAAG,CAAC,MAAA,EAAQ,YAAA,EAAc,OAAO,CAAC,CAAA;AAElC,EAAA,MAAM,GAAA,GAAMS,aAAA;AAAA,IACV,OAAO;AAAA,MACL,IAAA,EAAM,YAAA;AAAA,MACN,OAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,YAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,kBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACEL,eAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,OAAO,GAAA,EAC9B,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAM,IAAA,EAAC,EAAA,EAAI,SACd,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEf,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA,EAAK;AACP,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,OAAA,EAAS,UAAA,EAAW,GAAI,kBAAkB,gBAAgB,CAAA;AAClE,EAAA,uBACEA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,QAAA,IAAI,OAAO,YAAY,UAAA,EAAY;AACjC,UAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,QACd,WAAW,OAAA,EAAS;AAClB,UAAC,QAAgD,OAAA,GAAU,IAAA;AAAA,QAC7D;AAAA,MACF,CAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAWF,mBAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,OAAA,GAAU,KAAK,CAAA;AACf,QAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,UAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,uBACEE,cAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA,EAAc,gBAAA;AAAA,MACd,EAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,YAAA,CAAa;AAAA,EAC3B,SAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,cAAc,CAAA;AAEpC,EAAA,MAAM,UAAA,GAAa,CAAC,SAAA,KAAsB;AACxC,IAAA,IAAI,aAAA,CAAc,WAAW,CAAA,EAAG;AAC9B,MAAA;AAAA,IACF;AACA,IAAA,MAAM,YAAA,GAAe,WAAA,GAAc,aAAA,CAAc,OAAA,CAAQ,WAAW,CAAA,GAAI,EAAA;AACxE,IAAA,MAAM,SAAA,GACJ,YAAA,KAAiB,EAAA,GACb,SAAA,KAAc,CAAA,GACZ,CAAA,GACA,aAAA,CAAc,MAAA,GAAS,CAAA,GAAA,CACxB,YAAA,GAAe,SAAA,GAAY,aAAA,CAAc,UAC1C,aAAA,CAAc,MAAA;AACpB,IAAA,cAAA,CAAe,aAAA,CAAc,SAAS,CAAA,IAAK,IAAI,CAAA;AAAA,EACjD,CAAA;AAEA,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAW,uBAAA,EAAwB,EAAG,aAAU,mBAAA,EACnD,QAAA,EAAA;AAAA,oBAAAD,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAW,IAAA;AAAA,QACX,OAAA,EAAQ,WAAA;AAAA,QACR,SAAA,EAAU,4BAAA;AAAA,QACV,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAO,cAAA;AAAA,QACP,WAAA,EAAY,GAAA;AAAA,QACZ,aAAA,EAAc,OAAA;AAAA,QACd,cAAA,EAAe,OAAA;AAAA,QAEf,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,YAAO,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,0BAC9BA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gBAAA,EAAiB;AAAA;AAAA;AAAA,KAC3B;AAAA,oBACAA,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,UAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AACnB,UAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,YAAA,GAAA,CAAI,IAAI,CAAA;AAAA,UACV,WAAW,GAAA,EAAK;AACd,YAAC,IAA2C,OAAA,GAAU,IAAA;AAAA,UACxD;AAAA,QACF,CAAA;AAAA,QACA,IAAA,EAAK,MAAA;AAAA,QACL,SAAA,EAAS,IAAA;AAAA,QACT,IAAA,EAAK,UAAA;AAAA,QACL,eAAA,EAAa,IAAA;AAAA,QACb,eAAA,EAAe,MAAA;AAAA,QACf,mBAAA,EAAkB,MAAA;AAAA,QAClB,WAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAWF,mBAAA,CAAG,oBAAA,EAAqB,EAAG,SAAS,CAAA;AAAA,QAC/C,WAAA;AAAA,QACA,KAAA,EAAO,KAAA;AAAA,QACP,UAAU,CAAC,KAAA,KAAU,QAAA,CAAS,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,QAChD,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,UAAA,IAAI,KAAA,CAAM,QAAQ,WAAA,EAAa;AAC7B,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,UAAA,CAAW,CAAC,CAAA;AAAA,UACd,CAAA,MAAA,IAAW,KAAA,CAAM,GAAA,KAAQ,SAAA,EAAW;AAClC,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,UAAA,CAAW,EAAE,CAAA;AAAA,UACf,CAAA,MAAA,IAAW,KAAA,CAAM,GAAA,KAAQ,OAAA,EAAS;AAChC,YAAA,IAAI,WAAA,IAAe,aAAA,CAAc,QAAA,CAAS,WAAW,CAAA,EAAG;AACtD,cAAA,KAAA,CAAM,cAAA,EAAe;AACrB,cAAA,IAAI,WAAA,CAAY,WAAW,CAAA,EAAG;AAC5B,gBAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,cACf;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,QAAA,EAAS,EAAqB;AACrE,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,iBAAA,CAAkB,aAAa,CAAA;AAElD,EAAA,uBACEE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,MAAA;AAAA,MACJ,IAAA,EAAK,SAAA;AAAA,MACL,YAAA,EAAW,UAAA;AAAA,MACX,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAWF,mBAAA,CAAG,mBAAA,EAAoB,EAAG,SAAS,CAAA;AAAA,MAE7C;AAAA;AAAA,GACH;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,YAAA,CAAa;AAAA,EAC3B,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAWD,mBAAA;AAAA,QACT,8DAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,OAAA,mBACCE,cAAA,CAAC,SAAI,SAAA,EAAW,2BAAA,IAA+B,aAAA,EAAW,IAAA,EACvD,mBACH,CAAA,GACE,IAAA;AAAA,QACH;AAAA;AAAA;AAAA,GACH;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM;AAAA,IACJ,YAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,aAAa,CAAA;AAEnC,EAAA,MAAM,OAAA,GAAUG,aAA8B,IAAI,CAAA;AAClD,EAAA,MAAM,gBAAA,GAAmB,QAAA,EAAU,IAAA,CAAK,IAAQ,CAAA,IAAK,EAAA;AACrD,EAAA,MAAM,UAAUA,YAAA,CAAiB,EAAE,QAAA,EAAU,QAAA,EAAU,UAAU,CAAA;AACjE,EAAA,OAAA,CAAQ,OAAA,GAAU;AAAA,IAChB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA,EAAY,QAAQ,OAAA,CAAQ;AAAA,GAC9B;AAEA,EAAAR,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAA,GAAa,YAAA,CAAa,EAAE,KAAA,EAAO,SAAS,CAAA;AAClD,IAAA,OAAO,UAAA;AAAA,EACT,CAAA,EAAG,CAAC,YAAA,EAAc,KAAK,CAAC,CAAA;AAExB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,OAAA,GAAU;AAAA,MAChB,QAAA,EAAU,QAAQ,OAAA,CAAQ,QAAA;AAAA,MAC1B,QAAA;AAAA,MACA,QAAA,EAAU,QAAQ,OAAA,CAAQ,QAAA;AAAA,MAC1B,UAAA,EAAY,OAAA,CAAQ,OAAA,EAAS,WAAA,IAAe;AAAA,KAC9C;AACA,IAAA,kBAAA,EAAmB;AAAA,EACrB,GAAG,CAAC,QAAA,EAAU,QAAA,EAAU,kBAAA,EAAoB,gBAAgB,CAAC,CAAA;AAE7D,EAAA,MAAM,OAAA,GAAU,UAAU,KAAK,CAAA;AAC/B,EAAA,MAAM,SAAS,WAAA,KAAgB,KAAA;AAE/B,EAAA,uBACEK,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,eAAA,EAAe,MAAA;AAAA,MACf,iBAAe,QAAA,IAAY,MAAA;AAAA,MAC3B,WAAA,EAAU,cAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACZ,eAAa,MAAA,IAAU,MAAA;AAAA,MACvB,MAAA,EAAQ,CAAC,OAAA,IAAW,MAAA;AAAA,MACpB,SAAA,EAAWF,mBAAA,CAAG,mBAAA,EAAoB,EAAG,SAAS,CAAA;AAAA,MAC9C,cAAc,MAAM;AAClB,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,cAAA,CAAe,KAAK,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACA,SAAS,MAAM;AACb,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA;AAAA,QACF;AACA,QAAA,IAAI,WAAA,CAAY,KAAK,CAAA,EAAG;AACtB,UAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,QACf;AAAA,MACF,CAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAU,EAA2B;AACtE,EAAA,uBACEE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,WAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWF,mBAAA,CAAG,wBAAA,EAAyB,EAAG,SAAS;AAAA;AAAA,GACrD;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAExB,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,QAAA,EAAS,EAAwB;AACzE,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,iBAAA,CAAkB,cAAc,CAAA;AAC1D,EAAA,IAAI,aAAA,CAAc,SAAS,CAAA,EAAG;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,uBACEE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAWF,mBAAA,CAAG,oBAAA,EAAqB,EAAG,SAAS,CAAA;AAAA,MAE9C;AAAA;AAAA,GACH;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,QAAA,EAAS,EAAwB;AAC1E,EAAA,uBACEE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAWF,mBAAA,CAAG,qBAAA,EAAsB,EAAG,SAAS,CAAA;AAAA,MAE/C;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-YNTUZCLI.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiCommandContentAppearances,\n zuiCommandContentBase,\n zuiCommandContentSizes,\n zuiCommandEmptyBase,\n zuiCommandFooterBase,\n zuiCommandGroupHeadingBase,\n zuiCommandInputBase,\n zuiCommandInputRowBase,\n zuiCommandItemBase,\n zuiCommandListBase,\n zuiCommandOverlayBase,\n zuiCommandSeparatorBase,\n zuiCommandTriggerBase,\n} from \"../../design-system/command\";\n\nexport const commandOverlayVariants = cva(zuiCommandOverlayBase);\n\nexport const commandTriggerVariants = cva(zuiCommandTriggerBase);\n\nexport const commandContentVariants = cva(zuiCommandContentBase, {\n variants: {\n size: zuiCommandContentSizes,\n appearance: zuiCommandContentAppearances,\n },\n defaultVariants: {\n size: \"md\",\n appearance: \"default\",\n },\n});\n\nexport const commandInputRowVariants = cva(zuiCommandInputRowBase);\nexport const commandInputVariants = cva(zuiCommandInputBase);\nexport const commandListVariants = cva(zuiCommandListBase);\nexport const commandGroupHeadingVariants = cva(zuiCommandGroupHeadingBase);\nexport const commandItemVariants = cva(zuiCommandItemBase);\nexport const commandSeparatorVariants = cva(zuiCommandSeparatorBase);\nexport const commandEmptyVariants = cva(zuiCommandEmptyBase);\nexport const commandFooterVariants = cva(zuiCommandFooterBase);\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n CommandContentProps,\n CommandCtx,\n CommandGroupProps,\n CommandInputProps,\n CommandItemProps,\n CommandListProps,\n CommandProps,\n CommandSectionProps,\n CommandTriggerProps,\n ItemMeta,\n RegisteredItem,\n CommandContentVariantProps,\n CommandContentLayerProps,\n CommandContentOverlayRenderProps,\n CommandContentPanelRenderProps,\n} from \"./types\";\nimport {\n commandContentVariants,\n commandEmptyVariants,\n commandFooterVariants,\n commandGroupHeadingVariants,\n commandInputRowVariants,\n commandInputVariants,\n commandItemVariants,\n commandListVariants,\n commandOverlayVariants,\n commandSeparatorVariants,\n commandTriggerVariants,\n} from \"./variants\";\n\nconst CommandContext = createContext<CommandCtx | null>(null);\n\nexport function useCommandContext(component: string): CommandCtx {\n const ctx = useContext(CommandContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Command>`);\n }\n return ctx;\n}\n\nfunction itemMatches(\n value: string,\n meta: ItemMeta,\n normalized: string,\n): boolean {\n if (!normalized) {\n return true;\n }\n if (value.toLowerCase().includes(normalized)) {\n return true;\n }\n if (meta.searchText?.toLowerCase().includes(normalized)) {\n return true;\n }\n return Boolean(\n meta.keywords?.some((keyword) =>\n keyword.toLowerCase().includes(normalized),\n ),\n );\n}\n\nfunction isEditableEventTarget(target: EventTarget | null): boolean {\n if (!(target instanceof HTMLElement)) {\n return false;\n }\n if (target.isContentEditable) {\n return true;\n }\n return Boolean(\n target.closest(\"input, textarea, select, [contenteditable=true]\"),\n );\n}\n\nfunction useCommandPortalTarget(): HTMLElement | null {\n const [isMounted, setIsMounted] = useState(false);\n\n useEffect(() => {\n setIsMounted(true);\n }, []);\n\n if (!isMounted) {\n return null;\n }\n\n return document.body;\n}\n\nexport function CommandPortal({ children }: { children: ReactNode }) {\n const portalTarget = useCommandPortalTarget();\n\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(children, portalTarget);\n}\n\nexport function CommandPortalFrame({ children }: { children: ReactNode }) {\n return (\n <div className=\"fixed inset-0 z-9999\" data-slot=\"command-portal\">\n {children}\n </div>\n );\n}\n\nexport function CommandContentLayer({\n className,\n size,\n appearance,\n children,\n ref,\n id,\n style,\n componentName,\n renderPresence,\n renderOverlay,\n renderPanel,\n}: CommandContentLayerProps) {\n const { open, setOpen, labelId, contentRef, triggerRef } =\n useCommandContext(componentName);\n\n useFocusManagement({\n open,\n setOpen,\n contentRef,\n triggerRef,\n });\n\n const overlayProps: CommandContentOverlayRenderProps = {\n role: \"presentation\",\n \"data-slot\": \"command-overlay\",\n className: commandOverlayVariants(),\n onClick: () => setOpen(false),\n };\n\n const panelProps: CommandContentPanelRenderProps = {\n ref: (node) => {\n contentRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as RefObject<HTMLDivElement | null>).current = node;\n }\n },\n role: \"dialog\",\n \"aria-modal\": true,\n \"aria-labelledby\": labelId,\n \"data-slot\": \"command-content\",\n tabIndex: -1,\n className: cn(commandContentVariants({ size, appearance }), className),\n id,\n style,\n children,\n };\n\n const content = open ? (\n <CommandPortalFrame>\n {renderOverlay ? renderOverlay(overlayProps) : <div {...overlayProps} />}\n {renderPanel ? renderPanel(panelProps) : <div {...panelProps} />}\n </CommandPortalFrame>\n ) : null;\n\n return (\n <CommandPortal>\n {renderPresence ? renderPresence(content) : content}\n </CommandPortal>\n );\n}\n\nexport function Command({\n open,\n defaultOpen = false,\n onOpenChange,\n hotkey,\n label = \"Command menu\",\n children,\n}: CommandProps) {\n const isControlled = open !== undefined;\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (!isControlled) {\n setUncontrolledOpen(next);\n }\n onOpenChange?.(next);\n },\n [isControlled, onOpenChange],\n );\n\n const labelId = useId();\n const listId = useId();\n const contentRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n const [query, setQuery] = useState(\"\");\n const [activeValue, setActiveValue] = useState<string | null>(null);\n const itemsRef = useRef<RegisteredItem[]>([]);\n const [registryVersion, setRegistryVersion] = useState(0);\n\n const registerItem = useCallback((item: RegisteredItem) => {\n itemsRef.current = [...itemsRef.current, item];\n setRegistryVersion((version) => version + 1);\n return () => {\n itemsRef.current = itemsRef.current.filter((entry) => entry !== item);\n setRegistryVersion((version) => version + 1);\n };\n }, []);\n\n const invalidateRegistry = useCallback(() => {\n setRegistryVersion((version) => version + 1);\n }, []);\n\n const visibleValues = useMemo(() => {\n void registryVersion;\n const normalized = query.trim().toLowerCase();\n return itemsRef.current\n .filter((item) => {\n const meta = item.metaRef.current;\n if (meta.disabled) {\n return false;\n }\n return itemMatches(item.value, meta, normalized);\n })\n .map((item) => item.value);\n }, [query, registryVersion]);\n\n const visibleSet = useMemo(() => new Set(visibleValues), [visibleValues]);\n const isVisible = useCallback(\n (value: string) => visibleSet.has(value),\n [visibleSet],\n );\n\n const selectValue = useCallback((value: string) => {\n const entry = itemsRef.current.find((item) => item.value === value);\n if (!entry || entry.metaRef.current.disabled) {\n return false;\n }\n entry?.metaRef.current.onSelect?.(value);\n return true;\n }, []);\n\n // Reset transient state when the palette closes; keep active in sync with results.\n useEffect(() => {\n if (!resolvedOpen) {\n setQuery(\"\");\n setActiveValue(null);\n }\n }, [resolvedOpen]);\n\n useEffect(() => {\n if (!resolvedOpen) {\n return;\n }\n if (activeValue && visibleSet.has(activeValue)) {\n return;\n }\n setActiveValue(visibleValues[0] ?? null);\n }, [resolvedOpen, activeValue, visibleSet, visibleValues]);\n\n // Global hotkey: meta/ctrl + key toggles the palette.\n useEffect(() => {\n if (!hotkey) {\n return;\n }\n const key = (typeof hotkey === \"string\" ? hotkey : \"k\").toLowerCase();\n const handler = (event: KeyboardEvent) => {\n if (isEditableEventTarget(event.target)) {\n return;\n }\n if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {\n event.preventDefault();\n setOpen(!resolvedOpen);\n }\n };\n window.addEventListener(\"keydown\", handler);\n return () => window.removeEventListener(\"keydown\", handler);\n }, [hotkey, resolvedOpen, setOpen]);\n\n const ctx = useMemo<CommandCtx>(\n () => ({\n open: resolvedOpen,\n setOpen,\n labelId,\n listId,\n query,\n setQuery,\n activeValue,\n setActiveValue,\n visibleValues,\n isVisible,\n registerItem,\n invalidateRegistry,\n selectValue,\n contentRef,\n triggerRef,\n inputRef,\n }),\n [\n resolvedOpen,\n setOpen,\n labelId,\n listId,\n query,\n activeValue,\n visibleValues,\n isVisible,\n registerItem,\n invalidateRegistry,\n selectValue,\n ],\n );\n\n return (\n <CommandContext.Provider value={ctx}>\n <span hidden id={labelId}>\n {label}\n </span>\n {children}\n </CommandContext.Provider>\n );\n}\n\nCommand.displayName = \"Command\";\n\nexport function CommandTrigger({\n className,\n children,\n onClick,\n ref: refProp,\n}: CommandTriggerProps) {\n const { setOpen, triggerRef } = useCommandContext(\"CommandTrigger\");\n return (\n <button\n ref={(node) => {\n triggerRef.current = node;\n if (typeof refProp === \"function\") {\n refProp(node);\n } else if (refProp) {\n (refProp as RefObject<HTMLButtonElement | null>).current = node;\n }\n }}\n type=\"button\"\n data-slot=\"command-trigger\"\n className={cn(commandTriggerVariants(), className)}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n setOpen(true);\n }\n }}\n >\n {children}\n </button>\n );\n}\n\nCommandTrigger.displayName = \"CommandTrigger\";\n\nexport function CommandContent({\n className,\n size,\n appearance,\n children,\n ref,\n id,\n style,\n}: CommandContentProps) {\n return (\n <CommandContentLayer\n appearance={appearance}\n className={className}\n componentName=\"CommandContent\"\n id={id}\n ref={ref}\n size={size}\n style={style}\n >\n {children}\n </CommandContentLayer>\n );\n}\n\nCommandContent.displayName = \"CommandContent\";\n\nexport function CommandInput({\n className,\n placeholder,\n ref,\n}: CommandInputProps) {\n const {\n query,\n setQuery,\n visibleValues,\n activeValue,\n setActiveValue,\n selectValue,\n setOpen,\n inputRef,\n listId,\n } = useCommandContext(\"CommandInput\");\n\n const moveActive = (direction: 1 | -1) => {\n if (visibleValues.length === 0) {\n return;\n }\n const currentIndex = activeValue ? visibleValues.indexOf(activeValue) : -1;\n const nextIndex =\n currentIndex === -1\n ? direction === 1\n ? 0\n : visibleValues.length - 1\n : (currentIndex + direction + visibleValues.length) %\n visibleValues.length;\n setActiveValue(visibleValues[nextIndex] ?? null);\n };\n\n return (\n <div className={commandInputRowVariants()} data-slot=\"command-input-row\">\n <svg\n aria-hidden\n viewBox=\"0 0 24 24\"\n className=\"size-4 shrink-0 opacity-60\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <circle cx=\"11\" cy=\"11\" r=\"8\" />\n <path d=\"m21 21-4.3-4.3\" />\n </svg>\n <input\n ref={(node) => {\n inputRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as RefObject<HTMLInputElement | null>).current = node;\n }\n }}\n type=\"text\"\n autoFocus\n role=\"combobox\"\n aria-expanded\n aria-controls={listId}\n aria-autocomplete=\"list\"\n data-slot=\"command-input\"\n className={cn(commandInputVariants(), className)}\n placeholder={placeholder}\n value={query}\n onChange={(event) => setQuery(event.target.value)}\n onKeyDown={(event) => {\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n moveActive(1);\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n moveActive(-1);\n } else if (event.key === \"Enter\") {\n if (activeValue && visibleValues.includes(activeValue)) {\n event.preventDefault();\n if (selectValue(activeValue)) {\n setOpen(false);\n }\n }\n }\n }}\n />\n </div>\n );\n}\n\nCommandInput.displayName = \"CommandInput\";\n\nexport function CommandList({ className, children }: CommandListProps) {\n const { listId } = useCommandContext(\"CommandList\");\n\n return (\n <div\n id={listId}\n role=\"listbox\"\n aria-label=\"Commands\"\n data-slot=\"command-list\"\n className={cn(commandListVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandList.displayName = \"CommandList\";\n\nexport function CommandGroup({\n className,\n heading,\n children,\n}: CommandGroupProps) {\n return (\n <div\n role=\"group\"\n data-slot=\"command-group\"\n className={cn(\n \"[&:not(:has([data-slot=command-item]:not([hidden])))]:hidden\",\n className,\n )}\n >\n {heading ? (\n <div className={commandGroupHeadingVariants()} aria-hidden>\n {heading}\n </div>\n ) : null}\n {children}\n </div>\n );\n}\n\nCommandGroup.displayName = \"CommandGroup\";\n\nexport function CommandItem({\n className,\n value,\n keywords,\n disabled,\n onSelect,\n children,\n}: CommandItemProps) {\n const {\n registerItem,\n invalidateRegistry,\n isVisible,\n activeValue,\n setActiveValue,\n selectValue,\n setOpen,\n } = useCommandContext(\"CommandItem\");\n\n const itemRef = useRef<HTMLDivElement | null>(null);\n const keywordSignature = keywords?.join(\"\\u0000\") ?? \"\";\n const metaRef = useRef<ItemMeta>({ keywords, disabled, onSelect });\n metaRef.current = {\n keywords,\n disabled,\n onSelect,\n searchText: metaRef.current.searchText,\n };\n\n useEffect(() => {\n const unregister = registerItem({ value, metaRef });\n return unregister;\n }, [registerItem, value]);\n\n useEffect(() => {\n metaRef.current = {\n keywords: metaRef.current.keywords,\n disabled,\n onSelect: metaRef.current.onSelect,\n searchText: itemRef.current?.textContent ?? undefined,\n };\n invalidateRegistry();\n }, [children, disabled, invalidateRegistry, keywordSignature]);\n\n const visible = isVisible(value);\n const active = activeValue === value;\n\n return (\n <div\n ref={itemRef}\n role=\"option\"\n aria-selected={active}\n aria-disabled={disabled || undefined}\n data-slot=\"command-item\"\n data-value={value}\n data-active={active || undefined}\n hidden={!visible || undefined}\n className={cn(commandItemVariants(), className)}\n onMouseEnter={() => {\n if (!disabled) {\n setActiveValue(value);\n }\n }}\n onClick={() => {\n if (disabled) {\n return;\n }\n if (selectValue(value)) {\n setOpen(false);\n }\n }}\n >\n {children}\n </div>\n );\n}\n\nCommandItem.displayName = \"CommandItem\";\n\nexport function CommandSeparator({ className }: { className?: string }) {\n return (\n <div\n role=\"separator\"\n data-slot=\"command-separator\"\n className={cn(commandSeparatorVariants(), className)}\n />\n );\n}\n\nCommandSeparator.displayName = \"CommandSeparator\";\n\nexport function CommandEmpty({ className, children }: CommandSectionProps) {\n const { visibleValues } = useCommandContext(\"CommandEmpty\");\n if (visibleValues.length > 0) {\n return null;\n }\n return (\n <div\n data-slot=\"command-empty\"\n className={cn(commandEmptyVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandEmpty.displayName = \"CommandEmpty\";\n\nexport function CommandFooter({ className, children }: CommandSectionProps) {\n return (\n <div\n data-slot=\"command-footer\"\n className={cn(commandFooterVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandFooter.displayName = \"CommandFooter\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/ui/command/variants.ts","../src/ui/command/command-base.tsx"],"names":["cva","zuiCommandOverlayBase","zuiCommandTriggerBase","zuiCommandContentBase","zuiCommandContentSizes","zuiCommandContentAppearances","zuiCommandInputRowBase","zuiCommandInputBase","zuiCommandListBase","zuiCommandGroupHeadingBase","zuiCommandItemBase","zuiCommandSeparatorBase","zuiCommandEmptyBase","zuiCommandFooterBase","createContext","useContext","useState","useEffect","createPortal","useFocusManagement","cn","jsxs","jsx","useCallback","useId","useRef","useMemo"],"mappings":"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","file":"chunk-642JVK45.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiCommandContentAppearances,\n zuiCommandContentBase,\n zuiCommandContentSizes,\n zuiCommandEmptyBase,\n zuiCommandFooterBase,\n zuiCommandGroupHeadingBase,\n zuiCommandInputBase,\n zuiCommandInputRowBase,\n zuiCommandItemBase,\n zuiCommandListBase,\n zuiCommandOverlayBase,\n zuiCommandSeparatorBase,\n zuiCommandTriggerBase,\n} from \"../../design-system/command\";\n\nexport const commandOverlayVariants = cva(zuiCommandOverlayBase);\n\nexport const commandTriggerVariants = cva(zuiCommandTriggerBase);\n\nexport const commandContentVariants = cva(zuiCommandContentBase, {\n variants: {\n size: zuiCommandContentSizes,\n appearance: zuiCommandContentAppearances,\n },\n defaultVariants: {\n size: \"md\",\n appearance: \"default\",\n },\n});\n\nexport const commandInputRowVariants = cva(zuiCommandInputRowBase);\nexport const commandInputVariants = cva(zuiCommandInputBase);\nexport const commandListVariants = cva(zuiCommandListBase);\nexport const commandGroupHeadingVariants = cva(zuiCommandGroupHeadingBase);\nexport const commandItemVariants = cva(zuiCommandItemBase);\nexport const commandSeparatorVariants = cva(zuiCommandSeparatorBase);\nexport const commandEmptyVariants = cva(zuiCommandEmptyBase);\nexport const commandFooterVariants = cva(zuiCommandFooterBase);\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n CommandContentProps,\n CommandCtx,\n CommandGroupProps,\n CommandInputProps,\n CommandItemProps,\n CommandListProps,\n CommandProps,\n CommandSectionProps,\n CommandTriggerProps,\n ItemMeta,\n RegisteredItem,\n CommandContentVariantProps,\n CommandContentLayerProps,\n CommandContentOverlayRenderProps,\n CommandContentPanelRenderProps,\n} from \"./types\";\nimport {\n commandContentVariants,\n commandEmptyVariants,\n commandFooterVariants,\n commandGroupHeadingVariants,\n commandInputRowVariants,\n commandInputVariants,\n commandItemVariants,\n commandListVariants,\n commandOverlayVariants,\n commandSeparatorVariants,\n commandTriggerVariants,\n} from \"./variants\";\n\nconst CommandContext = createContext<CommandCtx | null>(null);\n\nexport function useCommandContext(component: string): CommandCtx {\n const ctx = useContext(CommandContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Command>`);\n }\n return ctx;\n}\n\nfunction itemMatches(\n value: string,\n meta: ItemMeta,\n normalized: string,\n): boolean {\n if (!normalized) {\n return true;\n }\n if (value.toLowerCase().includes(normalized)) {\n return true;\n }\n if (meta.searchText?.toLowerCase().includes(normalized)) {\n return true;\n }\n return Boolean(\n meta.keywords?.some((keyword) =>\n keyword.toLowerCase().includes(normalized),\n ),\n );\n}\n\nfunction isEditableEventTarget(target: EventTarget | null): boolean {\n if (!(target instanceof HTMLElement)) {\n return false;\n }\n if (target.isContentEditable) {\n return true;\n }\n return Boolean(\n target.closest(\"input, textarea, select, [contenteditable=true]\"),\n );\n}\n\nfunction useCommandPortalTarget(): HTMLElement | null {\n const [isMounted, setIsMounted] = useState(false);\n\n useEffect(() => {\n setIsMounted(true);\n }, []);\n\n if (!isMounted) {\n return null;\n }\n\n return document.body;\n}\n\nexport function CommandPortal({ children }: { children: ReactNode }) {\n const portalTarget = useCommandPortalTarget();\n\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(children, portalTarget);\n}\n\nexport function CommandPortalFrame({ children }: { children: ReactNode }) {\n return (\n <div className=\"fixed inset-0 z-9999\" data-slot=\"command-portal\">\n {children}\n </div>\n );\n}\n\nexport function CommandContentLayer({\n className,\n size,\n appearance,\n children,\n ref,\n id,\n style,\n componentName,\n renderPresence,\n renderOverlay,\n renderPanel,\n}: CommandContentLayerProps) {\n const { open, setOpen, labelId, contentRef, triggerRef } =\n useCommandContext(componentName);\n\n useFocusManagement({\n open,\n setOpen,\n contentRef,\n triggerRef,\n });\n\n const overlayProps: CommandContentOverlayRenderProps = {\n role: \"presentation\",\n \"data-slot\": \"command-overlay\",\n className: commandOverlayVariants(),\n onClick: () => setOpen(false),\n };\n\n const panelProps: CommandContentPanelRenderProps = {\n ref: (node) => {\n contentRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as RefObject<HTMLDivElement | null>).current = node;\n }\n },\n role: \"dialog\",\n \"aria-modal\": true,\n \"aria-labelledby\": labelId,\n \"data-slot\": \"command-content\",\n tabIndex: -1,\n className: cn(commandContentVariants({ size, appearance }), className),\n id,\n style,\n children,\n };\n\n const content = open ? (\n <CommandPortalFrame>\n {renderOverlay ? renderOverlay(overlayProps) : <div {...overlayProps} />}\n {renderPanel ? renderPanel(panelProps) : <div {...panelProps} />}\n </CommandPortalFrame>\n ) : null;\n\n return (\n <CommandPortal>\n {renderPresence ? renderPresence(content) : content}\n </CommandPortal>\n );\n}\n\nexport function Command({\n open,\n defaultOpen = false,\n onOpenChange,\n hotkey,\n label = \"Command menu\",\n children,\n}: CommandProps) {\n const isControlled = open !== undefined;\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (!isControlled) {\n setUncontrolledOpen(next);\n }\n onOpenChange?.(next);\n },\n [isControlled, onOpenChange],\n );\n\n const labelId = useId();\n const listId = useId();\n const contentRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n const [query, setQuery] = useState(\"\");\n const [activeValue, setActiveValue] = useState<string | null>(null);\n const itemsRef = useRef<RegisteredItem[]>([]);\n const [registryVersion, setRegistryVersion] = useState(0);\n\n const registerItem = useCallback((item: RegisteredItem) => {\n itemsRef.current = [...itemsRef.current, item];\n setRegistryVersion((version) => version + 1);\n return () => {\n itemsRef.current = itemsRef.current.filter((entry) => entry !== item);\n setRegistryVersion((version) => version + 1);\n };\n }, []);\n\n const invalidateRegistry = useCallback(() => {\n setRegistryVersion((version) => version + 1);\n }, []);\n\n const visibleValues = useMemo(() => {\n void registryVersion;\n const normalized = query.trim().toLowerCase();\n return itemsRef.current\n .filter((item) => {\n const meta = item.metaRef.current;\n if (meta.disabled) {\n return false;\n }\n return itemMatches(item.value, meta, normalized);\n })\n .map((item) => item.value);\n }, [query, registryVersion]);\n\n const visibleSet = useMemo(() => new Set(visibleValues), [visibleValues]);\n const isVisible = useCallback(\n (value: string) => visibleSet.has(value),\n [visibleSet],\n );\n\n const selectValue = useCallback((value: string) => {\n const entry = itemsRef.current.find((item) => item.value === value);\n if (!entry || entry.metaRef.current.disabled) {\n return false;\n }\n entry?.metaRef.current.onSelect?.(value);\n return true;\n }, []);\n\n // Reset transient state when the palette closes; keep active in sync with results.\n useEffect(() => {\n if (!resolvedOpen) {\n setQuery(\"\");\n setActiveValue(null);\n }\n }, [resolvedOpen]);\n\n useEffect(() => {\n if (!resolvedOpen) {\n return;\n }\n if (activeValue && visibleSet.has(activeValue)) {\n return;\n }\n setActiveValue(visibleValues[0] ?? null);\n }, [resolvedOpen, activeValue, visibleSet, visibleValues]);\n\n // Global hotkey: meta/ctrl + key toggles the palette.\n useEffect(() => {\n if (!hotkey) {\n return;\n }\n const key = (typeof hotkey === \"string\" ? hotkey : \"k\").toLowerCase();\n const handler = (event: KeyboardEvent) => {\n if (isEditableEventTarget(event.target)) {\n return;\n }\n if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {\n event.preventDefault();\n setOpen(!resolvedOpen);\n }\n };\n window.addEventListener(\"keydown\", handler);\n return () => window.removeEventListener(\"keydown\", handler);\n }, [hotkey, resolvedOpen, setOpen]);\n\n const ctx = useMemo<CommandCtx>(\n () => ({\n open: resolvedOpen,\n setOpen,\n labelId,\n listId,\n query,\n setQuery,\n activeValue,\n setActiveValue,\n visibleValues,\n isVisible,\n registerItem,\n invalidateRegistry,\n selectValue,\n contentRef,\n triggerRef,\n inputRef,\n }),\n [\n resolvedOpen,\n setOpen,\n labelId,\n listId,\n query,\n activeValue,\n visibleValues,\n isVisible,\n registerItem,\n invalidateRegistry,\n selectValue,\n ],\n );\n\n return (\n <CommandContext.Provider value={ctx}>\n <span hidden id={labelId}>\n {label}\n </span>\n {children}\n </CommandContext.Provider>\n );\n}\n\nCommand.displayName = \"Command\";\n\nexport function CommandTrigger({\n className,\n children,\n onClick,\n ref: refProp,\n}: CommandTriggerProps) {\n const { setOpen, triggerRef } = useCommandContext(\"CommandTrigger\");\n return (\n <button\n ref={(node) => {\n triggerRef.current = node;\n if (typeof refProp === \"function\") {\n refProp(node);\n } else if (refProp) {\n (refProp as RefObject<HTMLButtonElement | null>).current = node;\n }\n }}\n type=\"button\"\n data-slot=\"command-trigger\"\n className={cn(commandTriggerVariants(), className)}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n setOpen(true);\n }\n }}\n >\n {children}\n </button>\n );\n}\n\nCommandTrigger.displayName = \"CommandTrigger\";\n\nexport function CommandContent({\n className,\n size,\n appearance,\n children,\n ref,\n id,\n style,\n}: CommandContentProps) {\n return (\n <CommandContentLayer\n appearance={appearance}\n className={className}\n componentName=\"CommandContent\"\n id={id}\n ref={ref}\n size={size}\n style={style}\n >\n {children}\n </CommandContentLayer>\n );\n}\n\nCommandContent.displayName = \"CommandContent\";\n\nexport function CommandInput({\n className,\n placeholder,\n ref,\n}: CommandInputProps) {\n const {\n query,\n setQuery,\n visibleValues,\n activeValue,\n setActiveValue,\n selectValue,\n setOpen,\n inputRef,\n listId,\n } = useCommandContext(\"CommandInput\");\n\n const moveActive = (direction: 1 | -1) => {\n if (visibleValues.length === 0) {\n return;\n }\n const currentIndex = activeValue ? visibleValues.indexOf(activeValue) : -1;\n const nextIndex =\n currentIndex === -1\n ? direction === 1\n ? 0\n : visibleValues.length - 1\n : (currentIndex + direction + visibleValues.length) %\n visibleValues.length;\n setActiveValue(visibleValues[nextIndex] ?? null);\n };\n\n return (\n <div className={commandInputRowVariants()} data-slot=\"command-input-row\">\n <svg\n aria-hidden\n viewBox=\"0 0 24 24\"\n className=\"size-4 shrink-0 opacity-60\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <circle cx=\"11\" cy=\"11\" r=\"8\" />\n <path d=\"m21 21-4.3-4.3\" />\n </svg>\n <input\n ref={(node) => {\n inputRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as RefObject<HTMLInputElement | null>).current = node;\n }\n }}\n type=\"text\"\n autoFocus\n role=\"combobox\"\n aria-expanded\n aria-controls={listId}\n aria-autocomplete=\"list\"\n data-slot=\"command-input\"\n className={cn(commandInputVariants(), className)}\n placeholder={placeholder}\n value={query}\n onChange={(event) => setQuery(event.target.value)}\n onKeyDown={(event) => {\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n moveActive(1);\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n moveActive(-1);\n } else if (event.key === \"Enter\") {\n if (activeValue && visibleValues.includes(activeValue)) {\n event.preventDefault();\n if (selectValue(activeValue)) {\n setOpen(false);\n }\n }\n }\n }}\n />\n </div>\n );\n}\n\nCommandInput.displayName = \"CommandInput\";\n\nexport function CommandList({ className, children }: CommandListProps) {\n const { listId } = useCommandContext(\"CommandList\");\n\n return (\n <div\n id={listId}\n role=\"listbox\"\n aria-label=\"Commands\"\n data-slot=\"command-list\"\n className={cn(commandListVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandList.displayName = \"CommandList\";\n\nexport function CommandGroup({\n className,\n heading,\n children,\n}: CommandGroupProps) {\n return (\n <div\n role=\"group\"\n data-slot=\"command-group\"\n className={cn(\n \"[&:not(:has([data-slot=command-item]:not([hidden])))]:hidden\",\n className,\n )}\n >\n {heading ? (\n <div className={commandGroupHeadingVariants()} aria-hidden>\n {heading}\n </div>\n ) : null}\n {children}\n </div>\n );\n}\n\nCommandGroup.displayName = \"CommandGroup\";\n\nexport function CommandItem({\n className,\n value,\n keywords,\n disabled,\n onSelect,\n children,\n}: CommandItemProps) {\n const {\n registerItem,\n invalidateRegistry,\n isVisible,\n activeValue,\n setActiveValue,\n selectValue,\n setOpen,\n } = useCommandContext(\"CommandItem\");\n\n const itemRef = useRef<HTMLDivElement | null>(null);\n const keywordSignature = keywords?.join(\"\\u0000\") ?? \"\";\n const metaRef = useRef<ItemMeta>({ keywords, disabled, onSelect });\n metaRef.current = {\n keywords,\n disabled,\n onSelect,\n searchText: metaRef.current.searchText,\n };\n\n useEffect(() => {\n const unregister = registerItem({ value, metaRef });\n return unregister;\n }, [registerItem, value]);\n\n useEffect(() => {\n metaRef.current = {\n keywords: metaRef.current.keywords,\n disabled,\n onSelect: metaRef.current.onSelect,\n searchText: itemRef.current?.textContent ?? undefined,\n };\n invalidateRegistry();\n }, [children, disabled, invalidateRegistry, keywordSignature]);\n\n const visible = isVisible(value);\n const active = activeValue === value;\n\n return (\n <div\n ref={itemRef}\n role=\"option\"\n aria-selected={active}\n aria-disabled={disabled || undefined}\n data-slot=\"command-item\"\n data-value={value}\n data-active={active || undefined}\n hidden={!visible || undefined}\n className={cn(commandItemVariants(), className)}\n onMouseEnter={() => {\n if (!disabled) {\n setActiveValue(value);\n }\n }}\n onClick={() => {\n if (disabled) {\n return;\n }\n if (selectValue(value)) {\n setOpen(false);\n }\n }}\n >\n {children}\n </div>\n );\n}\n\nCommandItem.displayName = \"CommandItem\";\n\nexport function CommandSeparator({ className }: { className?: string }) {\n return (\n <div\n role=\"separator\"\n data-slot=\"command-separator\"\n className={cn(commandSeparatorVariants(), className)}\n />\n );\n}\n\nCommandSeparator.displayName = \"CommandSeparator\";\n\nexport function CommandEmpty({ className, children }: CommandSectionProps) {\n const { visibleValues } = useCommandContext(\"CommandEmpty\");\n if (visibleValues.length > 0) {\n return null;\n }\n return (\n <div\n data-slot=\"command-empty\"\n className={cn(commandEmptyVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandEmpty.displayName = \"CommandEmpty\";\n\nexport function CommandFooter({ className, children }: CommandSectionProps) {\n return (\n <div\n data-slot=\"command-footer\"\n className={cn(commandFooterVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandFooter.displayName = \"CommandFooter\";\n"]}
|
|
@@ -18,18 +18,18 @@ var zuiCommandFooterBase = "flex items-center gap-3 border-t border-[color:var(-
|
|
|
18
18
|
var zuiCommandContentAppearances = {
|
|
19
19
|
default: "bg-[var(--zui-command-content-default-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))]",
|
|
20
20
|
glass: "border-[color:var(--zui-command-content-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-command-content-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-command-content-glass-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-command-content-glass-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl",
|
|
21
|
-
sky: "border-[color:var(--zui-command-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-command-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-command-content-sky-bg,
|
|
22
|
-
rose: "border-[color:var(--zui-command-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-command-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-command-content-rose-bg,
|
|
23
|
-
purple: "border-[color:var(--zui-command-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-command-content-purple-bg,
|
|
24
|
-
pink: "border-[color:var(--zui-command-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-command-content-pink-bg,
|
|
25
|
-
orange: "border-[color:var(--zui-command-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-command-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-command-content-orange-bg,
|
|
26
|
-
yellow: "border-[color:var(--zui-command-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-command-content-yellow-bg,
|
|
27
|
-
teal: "border-[color:var(--zui-command-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-command-content-teal-bg,
|
|
28
|
-
indigo: "border-[color:var(--zui-command-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-command-content-indigo-bg,
|
|
29
|
-
emerald: "border-[color:var(--zui-command-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-command-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-command-content-emerald-bg,
|
|
30
|
-
gray: "border-[color:var(--zui-command-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-command-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-command-content-gray-bg,
|
|
31
|
-
amber: "border-[color:var(--zui-command-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-command-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-command-content-amber-bg,
|
|
32
|
-
violet: "border-[color:var(--zui-command-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-command-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-command-content-violet-bg,
|
|
21
|
+
sky: "border-[color:var(--zui-command-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-command-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-command-content-sky-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sky-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
22
|
+
rose: "border-[color:var(--zui-command-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-command-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-command-content-rose-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-rose-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
23
|
+
purple: "border-[color:var(--zui-command-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-command-content-purple-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-purple-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
24
|
+
pink: "border-[color:var(--zui-command-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-command-content-pink-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-pink-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
25
|
+
orange: "border-[color:var(--zui-command-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-command-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-command-content-orange-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-orange-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
26
|
+
yellow: "border-[color:var(--zui-command-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-command-content-yellow-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-yellow-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
27
|
+
teal: "border-[color:var(--zui-command-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-command-content-teal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-teal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
28
|
+
indigo: "border-[color:var(--zui-command-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-command-content-indigo-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-indigo-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
29
|
+
emerald: "border-[color:var(--zui-command-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-command-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-command-content-emerald-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-emerald-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
30
|
+
gray: "border-[color:var(--zui-command-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-command-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-command-content-gray-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-gray-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
31
|
+
amber: "border-[color:var(--zui-command-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-command-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-command-content-amber-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-amber-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
32
|
+
violet: "border-[color:var(--zui-command-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-command-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-command-content-violet-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-violet-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
33
33
|
"gradient-blue": "border-[color:var(--zui-command-content-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.85)))] to-[var(--zui-command-content-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl",
|
|
34
34
|
"gradient-green": "border-[color:var(--zui-command-content-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-command-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.85)))] to-[var(--zui-command-content-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-command-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.85)))] backdrop-blur-xl",
|
|
35
35
|
"gradient-red": "border-[color:var(--zui-command-content-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-command-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.85)))] to-[var(--zui-command-content-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl",
|
|
@@ -38,29 +38,29 @@ var zuiCommandContentAppearances = {
|
|
|
38
38
|
"gradient-teal": "border-[color:var(--zui-command-content-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.85)))] to-[var(--zui-command-content-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.85)))] backdrop-blur-xl",
|
|
39
39
|
"gradient-indigo": "border-[color:var(--zui-command-content-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.85)))] to-[var(--zui-command-content-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl",
|
|
40
40
|
"gradient-pink": "border-[color:var(--zui-command-content-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] to-[var(--zui-command-content-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.85)))] backdrop-blur-xl",
|
|
41
|
-
blue: "border border-[color:var(--zui-command-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-command-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-command-content-blue-bg,
|
|
42
|
-
cyan: "border border-[color:var(--zui-command-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-command-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-command-content-cyan-bg,
|
|
43
|
-
green: "border border-[color:var(--zui-command-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-command-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-command-content-green-bg,
|
|
44
|
-
lime: "border border-[color:var(--zui-command-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-command-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-command-content-lime-bg,
|
|
45
|
-
mint: "border border-[color:var(--zui-command-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-command-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-command-content-mint-bg,
|
|
46
|
-
ocean: "border border-[color:var(--zui-command-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-command-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-command-content-ocean-bg,
|
|
47
|
-
sapphire: "border border-[color:var(--zui-command-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-command-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-command-content-sapphire-bg,
|
|
48
|
-
lavender: "border border-[color:var(--zui-command-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-command-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-command-content-lavender-bg,
|
|
49
|
-
ruby: "border border-[color:var(--zui-command-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-command-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-command-content-ruby-bg,
|
|
50
|
-
red: "border border-[color:var(--zui-command-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-command-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-command-content-red-bg,
|
|
51
|
-
slate: "border border-[color:var(--zui-command-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-command-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-command-content-slate-bg,
|
|
52
|
-
zinc: "border border-[color:var(--zui-command-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-command-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-command-content-zinc-bg,
|
|
53
|
-
stone: "border border-[color:var(--zui-command-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-command-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-command-content-stone-bg,
|
|
54
|
-
royal: "border border-[color:var(--zui-command-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-command-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-command-content-royal-bg,
|
|
55
|
-
electric: "border border-[color:var(--zui-command-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-command-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-command-content-electric-bg,
|
|
56
|
-
forest: "border border-[color:var(--zui-command-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-command-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-command-content-forest-bg,
|
|
57
|
-
sunset: "border border-[color:var(--zui-command-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-command-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-command-content-sunset-bg,
|
|
58
|
-
magenta: "border border-[color:var(--zui-command-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-command-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-command-content-magenta-bg,
|
|
59
|
-
crimson: "border border-[color:var(--zui-command-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-command-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-command-content-crimson-bg,
|
|
60
|
-
aqua: "border border-[color:var(--zui-command-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-command-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-command-content-aqua-bg,
|
|
61
|
-
plum: "border border-[color:var(--zui-command-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-command-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-command-content-plum-bg,
|
|
41
|
+
blue: "border border-[color:var(--zui-command-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-command-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-command-content-blue-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-blue-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
42
|
+
cyan: "border border-[color:var(--zui-command-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-command-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-command-content-cyan-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-cyan-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
43
|
+
green: "border border-[color:var(--zui-command-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-command-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-command-content-green-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-green-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
44
|
+
lime: "border border-[color:var(--zui-command-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-command-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-command-content-lime-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-lime-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
45
|
+
mint: "border border-[color:var(--zui-command-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-command-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-command-content-mint-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-mint-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
46
|
+
ocean: "border border-[color:var(--zui-command-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-command-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-command-content-ocean-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-ocean-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
47
|
+
sapphire: "border border-[color:var(--zui-command-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-command-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-command-content-sapphire-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sapphire-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
48
|
+
lavender: "border border-[color:var(--zui-command-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-command-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-command-content-lavender-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-lavender-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
49
|
+
ruby: "border border-[color:var(--zui-command-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-command-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-command-content-ruby-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-ruby-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
50
|
+
red: "border border-[color:var(--zui-command-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-command-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-command-content-red-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-red-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
51
|
+
slate: "border border-[color:var(--zui-command-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-command-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-command-content-slate-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-slate-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
52
|
+
zinc: "border border-[color:var(--zui-command-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-command-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-command-content-zinc-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-zinc-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
53
|
+
stone: "border border-[color:var(--zui-command-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-command-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-command-content-stone-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-stone-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
54
|
+
royal: "border border-[color:var(--zui-command-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-command-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-command-content-royal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-royal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
55
|
+
electric: "border border-[color:var(--zui-command-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-command-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-command-content-electric-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-electric-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
56
|
+
forest: "border border-[color:var(--zui-command-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-command-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-command-content-forest-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-forest-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
57
|
+
sunset: "border border-[color:var(--zui-command-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-command-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-command-content-sunset-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sunset-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
58
|
+
magenta: "border border-[color:var(--zui-command-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-command-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-command-content-magenta-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-magenta-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
59
|
+
crimson: "border border-[color:var(--zui-command-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-command-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-command-content-crimson-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-crimson-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
60
|
+
aqua: "border border-[color:var(--zui-command-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-command-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-command-content-aqua-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-aqua-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
|
|
61
|
+
plum: "border border-[color:var(--zui-command-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-command-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-command-content-plum-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-plum-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl"
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
export { zuiCommandContentAppearances, zuiCommandContentBase, zuiCommandContentSizes, zuiCommandEmptyBase, zuiCommandFooterBase, zuiCommandGroupHeadingBase, zuiCommandInputBase, zuiCommandInputRowBase, zuiCommandItemBase, zuiCommandListBase, zuiCommandOverlayBase, zuiCommandSeparatorBase, zuiCommandTriggerBase };
|
|
65
|
-
//# sourceMappingURL=chunk-
|
|
66
|
-
//# sourceMappingURL=chunk-
|
|
65
|
+
//# sourceMappingURL=chunk-6ERBVFDA.mjs.map
|
|
66
|
+
//# sourceMappingURL=chunk-6ERBVFDA.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/command.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,sBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,0BAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,uBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,4BAAA,GAA+B;AAAA,EAC1C,OAAA,EACE,8MAAA;AAAA,EACF,KAAA,EACE,4ZAAA;AAAA,EACF,GAAA,EAAK,2ZAAA;AAAA,EACL,IAAA,EAAM,iaAAA;AAAA,EACN,MAAA,EACE,+aAAA;AAAA,EACF,IAAA,EAAM,+ZAAA;AAAA,EACN,MAAA,EACE,2aAAA;AAAA,EACF,MAAA,EACE,6aAAA;AAAA,EACF,IAAA,EAAM,iaAAA;AAAA,EACN,MAAA,EACE,+aAAA;AAAA,EACF,OAAA,EACE,qbAAA;AAAA,EACF,IAAA,EAAM,kaAAA;AAAA,EACN,KAAA,EACE,uaAAA;AAAA,EACF,MAAA,EACE,+aAAA;AAAA,EACF,eAAA,EACE,+sBAAA;AAAA,EACF,gBAAA,EACE,utBAAA;AAAA,EACF,cAAA,EACE,4rBAAA;AAAA,EACF,iBAAA,EACE,8tBAAA;AAAA,EACF,iBAAA,EACE,+tBAAA;AAAA,EACF,eAAA,EACE,0sBAAA;AAAA,EACF,iBAAA,EACE,ouBAAA;AAAA,EACF,eAAA,EACE,qsBAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,IAAA,EAAM,oYAAA;AAAA,EACN,KAAA,EACE,0YAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,IAAA,EAAM,oYAAA;AAAA,EACN,KAAA,EACE,0YAAA;AAAA,EACF,QAAA,EACE,4ZAAA;AAAA,EACF,QAAA,EACE,4ZAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,GAAA,EAAK,8XAAA;AAAA,EACL,KAAA,EACE,0YAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,KAAA,EACE,0YAAA;AAAA,EACF,KAAA,EACE,0YAAA;AAAA,EACF,QAAA,EACE,4ZAAA;AAAA,EACF,MAAA,EACE,gZAAA;AAAA,EACF,MAAA,EACE,gZAAA;AAAA,EACF,OAAA,EACE,sZAAA;AAAA,EACF,OAAA,EACE,sZAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-6ERBVFDA.mjs","sourcesContent":["export const zuiCommandOverlayBase =\n \"fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,var(--zui-fg,oklch(12.9%_0.042_264.695_/_0.6)))] dark:bg-[var(--zui-command-overlay-bg-dark,var(--zui-fg-dark,oklch(12.9%_0.042_264.695_/_0.6)))] backdrop-blur-sm\";\n\nexport const zuiCommandTriggerBase =\n \"relative inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-[color:var(--zui-command-trigger-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-command-trigger-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-command-trigger-bg,var(--zui-surface-soft,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-trigger-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695)))] px-3 py-2 text-sm text-[color:var(--zui-command-trigger-fg,var(--zui-fg,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-command-trigger-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] transition hover:bg-[var(--zui-command-trigger-bg-hover,var(--zui-surface-hover,#0000000d))] dark:hover:bg-[var(--zui-command-trigger-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-command-trigger-ring-focus,var(--zui-focus-ring,#06b6d466))] dark:focus-visible:ring-[var(--zui-command-trigger-ring-focus-dark,var(--zui-focus-ring-dark,#22d3ee66))]\";\n\nexport const zuiCommandContentBase =\n \"fixed left-1/2 top-[15%] z-9999 w-[calc(100%-2rem)] -translate-x-1/2 overflow-hidden rounded-xl border border-[color:var(--zui-command-content-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-command-content-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-command-content-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-command-content-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-command-content-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] shadow-[var(--zui-command-content-shadow,var(--zui-shadow,0_12px_40px_rgba(15,23,42,0.18)))] dark:shadow-[var(--zui-command-content-shadow-dark,var(--zui-shadow-dark,0_24px_80px_rgba(15,23,42,0.6)))] focus:outline-none\";\n\nexport const zuiCommandContentSizes = {\n sm: \"max-w-md\",\n md: \"max-w-lg\",\n lg: \"max-w-2xl\",\n} as const;\n\nexport const zuiCommandInputRowBase =\n \"flex items-center gap-2 border-b border-[color:var(--zui-command-input-border,var(--zui-border,#0000000f))] dark:border-[color:var(--zui-command-input-border-dark,var(--zui-border-dark,#ffffff14))] px-4\";\n\nexport const zuiCommandInputBase =\n \"h-12 w-full bg-transparent text-sm text-[color:var(--zui-command-input-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-command-input-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] placeholder:text-[color:var(--zui-command-input-placeholder,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:placeholder:text-[color:var(--zui-command-input-placeholder-dark,var(--zui-fg-muted-dark,oklch(55.1%_0.027_264.364)))] focus:outline-none\";\n\nexport const zuiCommandListBase =\n \"max-h-[min(60vh,420px)] overflow-y-auto overscroll-contain p-2\";\n\nexport const zuiCommandGroupHeadingBase =\n \"px-2 pb-1 pt-3 text-xs font-semibold uppercase tracking-[0.12em] text-[color:var(--zui-command-group-heading-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-group-heading-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandItemBase =\n \"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-[color:var(--zui-command-item-fg,var(--zui-fg,oklch(27.8%_0.033_256.848)))] dark:text-[color:var(--zui-command-item-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] transition-colors data-[active=true]:bg-[var(--zui-command-item-active-bg,var(--zui-surface-hover,oklch(95.1%_0.026_236.824)))] dark:data-[active=true]:bg-[var(--zui-command-item-active-bg-dark,var(--zui-surface-hover-dark,oklch(28.2%_0.091_267.935_/_0.55)))] data-[active=true]:text-[color:var(--zui-command-item-active-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[active=true]:text-[color:var(--zui-command-item-active-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] aria-disabled:cursor-not-allowed aria-disabled:opacity-50\";\n\nexport const zuiCommandSeparatorBase =\n \"my-1 h-px bg-[var(--zui-command-separator-bg,var(--zui-border,#0000000f))] dark:bg-[var(--zui-command-separator-bg-dark,var(--zui-border-dark,#ffffff14))]\";\n\nexport const zuiCommandEmptyBase =\n \"px-3 py-8 text-center text-sm text-[color:var(--zui-command-empty-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-empty-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandFooterBase =\n \"flex items-center gap-3 border-t border-[color:var(--zui-command-footer-border,var(--zui-border,#0000000f))] dark:border-[color:var(--zui-command-footer-border-dark,var(--zui-border-dark,#ffffff14))] px-4 py-2 text-xs text-[color:var(--zui-command-footer-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-footer-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandContentAppearances = {\n default:\n \"bg-[var(--zui-command-content-default-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))]\",\n glass:\n \"border-[color:var(--zui-command-content-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-command-content-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-command-content-glass-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-command-content-glass-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-command-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-command-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-command-content-sky-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sky-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-command-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-command-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-command-content-rose-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-rose-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-command-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-command-content-purple-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-purple-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-command-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-command-content-pink-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-pink-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-command-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-command-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-command-content-orange-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-orange-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-command-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-command-content-yellow-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-yellow-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-command-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-command-content-teal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-teal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-command-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-command-content-indigo-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-indigo-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-command-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-command-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-command-content-emerald-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-emerald-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-command-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-command-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-command-content-gray-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-gray-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-command-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-command-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-command-content-amber-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-amber-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-command-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-command-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-command-content-violet-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-violet-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-command-content-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.85)))] to-[var(--zui-command-content-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl\",\n \"gradient-green\":\n \"border-[color:var(--zui-command-content-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-command-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.85)))] to-[var(--zui-command-content-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-command-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.85)))] backdrop-blur-xl\",\n \"gradient-red\":\n \"border-[color:var(--zui-command-content-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-command-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.85)))] to-[var(--zui-command-content-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-command-content-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-br from-[var(--zui-command-content-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-command-content-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.85)))] to-[var(--zui-command-content-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-command-content-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.85)))] backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-[color:var(--zui-command-content-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] to-[var(--zui-command-content-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-[color:var(--zui-command-content-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.85)))] to-[var(--zui-command-content-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.85)))] backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-command-content-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.85)))] to-[var(--zui-command-content-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-[color:var(--zui-command-content-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] to-[var(--zui-command-content-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.85)))] backdrop-blur-xl\",\n blue: \"border border-[color:var(--zui-command-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-command-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-command-content-blue-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-blue-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n cyan: \"border border-[color:var(--zui-command-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-command-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-command-content-cyan-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-cyan-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n green:\n \"border border-[color:var(--zui-command-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-command-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-command-content-green-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-green-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n lime: \"border border-[color:var(--zui-command-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-command-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-command-content-lime-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-lime-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n mint: \"border border-[color:var(--zui-command-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-command-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-command-content-mint-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-mint-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n ocean:\n \"border border-[color:var(--zui-command-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-command-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-command-content-ocean-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-ocean-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n sapphire:\n \"border border-[color:var(--zui-command-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-command-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-command-content-sapphire-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sapphire-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n lavender:\n \"border border-[color:var(--zui-command-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-command-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-command-content-lavender-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-lavender-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n ruby: \"border border-[color:var(--zui-command-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-command-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-command-content-ruby-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-ruby-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n red: \"border border-[color:var(--zui-command-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-command-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-command-content-red-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-red-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n slate:\n \"border border-[color:var(--zui-command-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-command-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-command-content-slate-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-slate-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n zinc: \"border border-[color:var(--zui-command-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-command-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-command-content-zinc-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-zinc-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n stone:\n \"border border-[color:var(--zui-command-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-command-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-command-content-stone-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-stone-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n royal:\n \"border border-[color:var(--zui-command-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-command-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-command-content-royal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-royal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n electric:\n \"border border-[color:var(--zui-command-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-command-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-command-content-electric-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-electric-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n forest:\n \"border border-[color:var(--zui-command-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-command-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-command-content-forest-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-forest-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n sunset:\n \"border border-[color:var(--zui-command-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-command-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-command-content-sunset-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sunset-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n magenta:\n \"border border-[color:var(--zui-command-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-command-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-command-content-magenta-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-magenta-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n crimson:\n \"border border-[color:var(--zui-command-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-command-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-command-content-crimson-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-crimson-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n aqua: \"border border-[color:var(--zui-command-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-command-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-command-content-aqua-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-aqua-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n plum: \"border border-[color:var(--zui-command-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-command-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-command-content-plum-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-plum-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n} as const;\n"]}
|
|
@@ -37,27 +37,27 @@ var zuiToastRootAppearances = {
|
|
|
37
37
|
"gradient-indigo": "border-[color:var(--zui-toast-root-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-toast-root-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-toast-root-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-toast-root-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-toast-root-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl",
|
|
38
38
|
"gradient-pink": "border-[color:var(--zui-toast-root-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-toast-root-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-toast-root-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-toast-root-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-toast-root-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl",
|
|
39
39
|
"gradient-orange": "border-[color:var(--zui-toast-root-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-toast-root-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-toast-root-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-toast-root-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-toast-root-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl",
|
|
40
|
-
blue: "border border-[color:var(--zui-toast-root-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-toast-root-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-toast-root-blue-bg,
|
|
41
|
-
cyan: "border border-[color:var(--zui-toast-root-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-toast-root-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-toast-root-cyan-bg,
|
|
42
|
-
green: "border border-[color:var(--zui-toast-root-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-toast-root-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-toast-root-green-bg,
|
|
43
|
-
lime: "border border-[color:var(--zui-toast-root-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-toast-root-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-toast-root-lime-bg,
|
|
44
|
-
mint: "border border-[color:var(--zui-toast-root-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-toast-root-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-toast-root-mint-bg,
|
|
45
|
-
ocean: "border border-[color:var(--zui-toast-root-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-toast-root-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-toast-root-ocean-bg,
|
|
46
|
-
sapphire: "border border-[color:var(--zui-toast-root-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-toast-root-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-toast-root-sapphire-bg,
|
|
47
|
-
lavender: "border border-[color:var(--zui-toast-root-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-toast-root-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-toast-root-lavender-bg,
|
|
48
|
-
ruby: "border border-[color:var(--zui-toast-root-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-toast-root-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-toast-root-ruby-bg,
|
|
49
|
-
red: "border border-[color:var(--zui-toast-root-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-toast-root-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-toast-root-red-bg,
|
|
50
|
-
slate: "border border-[color:var(--zui-toast-root-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-toast-root-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-toast-root-slate-bg,
|
|
51
|
-
zinc: "border border-[color:var(--zui-toast-root-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-toast-root-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-toast-root-zinc-bg,
|
|
52
|
-
stone: "border border-[color:var(--zui-toast-root-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-toast-root-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-toast-root-stone-bg,
|
|
53
|
-
royal: "border border-[color:var(--zui-toast-root-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-toast-root-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-toast-root-royal-bg,
|
|
54
|
-
electric: "border border-[color:var(--zui-toast-root-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-toast-root-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-toast-root-electric-bg,
|
|
55
|
-
forest: "border border-[color:var(--zui-toast-root-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-toast-root-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-toast-root-forest-bg,
|
|
56
|
-
sunset: "border border-[color:var(--zui-toast-root-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-toast-root-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-toast-root-sunset-bg,
|
|
57
|
-
magenta: "border border-[color:var(--zui-toast-root-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-toast-root-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-toast-root-magenta-bg,
|
|
58
|
-
crimson: "border border-[color:var(--zui-toast-root-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-toast-root-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-toast-root-crimson-bg,
|
|
59
|
-
aqua: "border border-[color:var(--zui-toast-root-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-toast-root-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-toast-root-aqua-bg,
|
|
60
|
-
plum: "border border-[color:var(--zui-toast-root-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-toast-root-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-toast-root-plum-bg,
|
|
40
|
+
blue: "border border-[color:var(--zui-toast-root-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-toast-root-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-toast-root-blue-bg,oklch(25.7%_0.09_267.935))] dark:bg-[var(--zui-toast-root-blue-bg-dark,oklch(25.7%_0.09_267.935))] backdrop-blur-xl text-[color:var(--zui-toast-root-blue-fg,oklch(97.7%_0.013_236.62))] dark:text-[color:var(--zui-toast-root-blue-fg-dark,oklch(97.7%_0.013_236.62))]",
|
|
41
|
+
cyan: "border border-[color:var(--zui-toast-root-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-toast-root-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-toast-root-cyan-bg,oklch(30.2%_0.056_229.695))] dark:bg-[var(--zui-toast-root-cyan-bg-dark,oklch(30.2%_0.056_229.695))] backdrop-blur-xl text-[color:var(--zui-toast-root-cyan-fg,oklch(98.4%_0.019_200.873))] dark:text-[color:var(--zui-toast-root-cyan-fg-dark,oklch(98.4%_0.019_200.873))]",
|
|
42
|
+
green: "border border-[color:var(--zui-toast-root-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-toast-root-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-toast-root-green-bg,oklch(26.6%_0.065_152.934))] dark:bg-[var(--zui-toast-root-green-bg-dark,oklch(26.6%_0.065_152.934))] backdrop-blur-xl text-[color:var(--zui-toast-root-green-fg,oklch(97.9%_0.021_166.113))] dark:text-[color:var(--zui-toast-root-green-fg-dark,oklch(97.9%_0.021_166.113))]",
|
|
43
|
+
lime: "border border-[color:var(--zui-toast-root-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-toast-root-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-toast-root-lime-bg,oklch(27.4%_0.072_132.109))] dark:bg-[var(--zui-toast-root-lime-bg-dark,oklch(27.4%_0.072_132.109))] backdrop-blur-xl text-[color:var(--zui-toast-root-lime-fg,oklch(98.6%_0.031_120.757))] dark:text-[color:var(--zui-toast-root-lime-fg-dark,oklch(98.6%_0.031_120.757))]",
|
|
44
|
+
mint: "border border-[color:var(--zui-toast-root-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-toast-root-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-toast-root-mint-bg,oklch(26.2%_0.051_172.552))] dark:bg-[var(--zui-toast-root-mint-bg-dark,oklch(26.2%_0.051_172.552))] backdrop-blur-xl text-[color:var(--zui-toast-root-mint-fg,oklch(97.9%_0.021_166.113))] dark:text-[color:var(--zui-toast-root-mint-fg-dark,oklch(97.9%_0.021_166.113))]",
|
|
45
|
+
ocean: "border border-[color:var(--zui-toast-root-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-toast-root-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-toast-root-ocean-bg,oklch(29.3%_0.066_243.157))] dark:bg-[var(--zui-toast-root-ocean-bg-dark,oklch(29.3%_0.066_243.157))] backdrop-blur-xl text-[color:var(--zui-toast-root-ocean-fg,oklch(97.7%_0.013_236.62))] dark:text-[color:var(--zui-toast-root-ocean-fg-dark,oklch(97.7%_0.013_236.62))]",
|
|
46
|
+
sapphire: "border border-[color:var(--zui-toast-root-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-toast-root-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-toast-root-sapphire-bg,oklch(25.7%_0.09_281.288))] dark:bg-[var(--zui-toast-root-sapphire-bg-dark,oklch(25.7%_0.09_281.288))] backdrop-blur-xl text-[color:var(--zui-toast-root-sapphire-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-toast-root-sapphire-fg-dark,oklch(96.2%_0.018_272.314))]",
|
|
47
|
+
lavender: "border border-[color:var(--zui-toast-root-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-toast-root-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-toast-root-lavender-bg,oklch(28.3%_0.141_291.089))] dark:bg-[var(--zui-toast-root-lavender-bg-dark,oklch(28.3%_0.141_291.089))] backdrop-blur-xl text-[color:var(--zui-toast-root-lavender-fg,oklch(96.9%_0.016_293.756))] dark:text-[color:var(--zui-toast-root-lavender-fg-dark,oklch(96.9%_0.016_293.756))]",
|
|
48
|
+
ruby: "border border-[color:var(--zui-toast-root-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-toast-root-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-toast-root-ruby-bg,oklch(27.1%_0.105_12.094))] dark:bg-[var(--zui-toast-root-ruby-bg-dark,oklch(27.1%_0.105_12.094))] backdrop-blur-xl text-[color:var(--zui-toast-root-ruby-fg,oklch(96.9%_0.015_12.422))] dark:text-[color:var(--zui-toast-root-ruby-fg-dark,oklch(96.9%_0.015_12.422))]",
|
|
49
|
+
red: "border border-[color:var(--zui-toast-root-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-toast-root-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-toast-root-red-bg,oklch(25.8%_0.092_26.042))] dark:bg-[var(--zui-toast-root-red-bg-dark,oklch(25.8%_0.092_26.042))] backdrop-blur-xl text-[color:var(--zui-toast-root-red-fg,oklch(97.1%_0.013_17.38))] dark:text-[color:var(--zui-toast-root-red-fg-dark,oklch(97.1%_0.013_17.38))]",
|
|
50
|
+
slate: "border border-[color:var(--zui-toast-root-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-toast-root-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-toast-root-slate-bg,oklch(20%_0.03_255.652))] dark:bg-[var(--zui-toast-root-slate-bg-dark,oklch(20%_0.03_255.652))] backdrop-blur-xl text-[color:var(--zui-toast-root-slate-fg,oklch(98.5%_0.002_247.839))] dark:text-[color:var(--zui-toast-root-slate-fg-dark,oklch(98.5%_0.002_247.839))]",
|
|
51
|
+
zinc: "border border-[color:var(--zui-toast-root-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-toast-root-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-toast-root-zinc-bg,oklch(20%_0.01_258))] dark:bg-[var(--zui-toast-root-zinc-bg-dark,oklch(20%_0.01_258))] backdrop-blur-xl text-[color:var(--zui-toast-root-zinc-fg,oklch(98.5%_0.002_247.839))] dark:text-[color:var(--zui-toast-root-zinc-fg-dark,oklch(98.5%_0.002_247.839))]",
|
|
52
|
+
stone: "border border-[color:var(--zui-toast-root-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-toast-root-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-toast-root-stone-bg,oklch(20%_0.02_62))] dark:bg-[var(--zui-toast-root-stone-bg-dark,oklch(20%_0.02_62))] backdrop-blur-xl text-[color:var(--zui-toast-root-stone-fg,oklch(98.7%_0.022_95.277))] dark:text-[color:var(--zui-toast-root-stone-fg-dark,oklch(98.7%_0.022_95.277))]",
|
|
53
|
+
royal: "border border-[color:var(--zui-toast-root-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-toast-root-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-toast-root-royal-bg,oklch(25.7%_0.09_281.288))] dark:bg-[var(--zui-toast-root-royal-bg-dark,oklch(25.7%_0.09_281.288))] backdrop-blur-xl text-[color:var(--zui-toast-root-royal-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-toast-root-royal-fg-dark,oklch(96.2%_0.018_272.314))]",
|
|
54
|
+
electric: "border border-[color:var(--zui-toast-root-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-toast-root-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-toast-root-electric-bg,oklch(28.2%_0.091_267.935))] dark:bg-[var(--zui-toast-root-electric-bg-dark,oklch(28.2%_0.091_267.935))] backdrop-blur-xl text-[color:var(--zui-toast-root-electric-fg,oklch(97.7%_0.013_236.62))] dark:text-[color:var(--zui-toast-root-electric-fg-dark,oklch(97.7%_0.013_236.62))]",
|
|
55
|
+
forest: "border border-[color:var(--zui-toast-root-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-toast-root-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-toast-root-forest-bg,oklch(26.6%_0.065_152.934))] dark:bg-[var(--zui-toast-root-forest-bg-dark,oklch(26.6%_0.065_152.934))] backdrop-blur-xl text-[color:var(--zui-toast-root-forest-fg,oklch(97.9%_0.021_166.113))] dark:text-[color:var(--zui-toast-root-forest-fg-dark,oklch(97.9%_0.021_166.113))]",
|
|
56
|
+
sunset: "border border-[color:var(--zui-toast-root-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-toast-root-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-toast-root-sunset-bg,oklch(26.6%_0.079_36.259))] dark:bg-[var(--zui-toast-root-sunset-bg-dark,oklch(26.6%_0.079_36.259))] backdrop-blur-xl text-[color:var(--zui-toast-root-sunset-fg,oklch(98%_0.016_73.684))] dark:text-[color:var(--zui-toast-root-sunset-fg-dark,oklch(98%_0.016_73.684))]",
|
|
57
|
+
magenta: "border border-[color:var(--zui-toast-root-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-toast-root-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-toast-root-magenta-bg,oklch(27%_0.13_316))] dark:bg-[var(--zui-toast-root-magenta-bg-dark,oklch(27%_0.13_316))] backdrop-blur-xl text-[color:var(--zui-toast-root-magenta-fg,oklch(97.1%_0.014_343.198))] dark:text-[color:var(--zui-toast-root-magenta-fg-dark,oklch(97.1%_0.014_343.198))]",
|
|
58
|
+
crimson: "border border-[color:var(--zui-toast-root-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-toast-root-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-toast-root-crimson-bg,oklch(27.1%_0.105_12.094))] dark:bg-[var(--zui-toast-root-crimson-bg-dark,oklch(27.1%_0.105_12.094))] backdrop-blur-xl text-[color:var(--zui-toast-root-crimson-fg,oklch(96.9%_0.015_12.422))] dark:text-[color:var(--zui-toast-root-crimson-fg-dark,oklch(96.9%_0.015_12.422))]",
|
|
59
|
+
aqua: "border border-[color:var(--zui-toast-root-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-toast-root-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-toast-root-aqua-bg,oklch(27.7%_0.046_192.524))] dark:bg-[var(--zui-toast-root-aqua-bg-dark,oklch(27.7%_0.046_192.524))] backdrop-blur-xl text-[color:var(--zui-toast-root-aqua-fg,oklch(98.4%_0.014_180.72))] dark:text-[color:var(--zui-toast-root-aqua-fg-dark,oklch(98.4%_0.014_180.72))]",
|
|
60
|
+
plum: "border border-[color:var(--zui-toast-root-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-toast-root-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-toast-root-plum-bg,oklch(29.1%_0.149_302.717))] dark:bg-[var(--zui-toast-root-plum-bg-dark,oklch(29.1%_0.149_302.717))] backdrop-blur-xl text-[color:var(--zui-toast-root-plum-fg,oklch(97.7%_0.014_308.299))] dark:text-[color:var(--zui-toast-root-plum-fg-dark,oklch(97.7%_0.014_308.299))]"
|
|
61
61
|
};
|
|
62
62
|
var zuiToastRootSizes = {
|
|
63
63
|
sm: "p-3 text-xs",
|
|
@@ -70,5 +70,5 @@ exports.zuiToastRootBase = zuiToastRootBase;
|
|
|
70
70
|
exports.zuiToastRootSizes = zuiToastRootSizes;
|
|
71
71
|
exports.zuiToastViewportBase = zuiToastViewportBase;
|
|
72
72
|
exports.zuiToastViewportPositions = zuiToastViewportPositions;
|
|
73
|
-
//# sourceMappingURL=chunk-
|
|
74
|
-
//# sourceMappingURL=chunk-
|
|
73
|
+
//# sourceMappingURL=chunk-6Q4EOLKN.js.map
|
|
74
|
+
//# sourceMappingURL=chunk-6Q4EOLKN.js.map
|