@zentauri-ui/zentauri-components 1.8.42 → 1.9.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 +9 -8
- package/cli/registry.json +0 -1
- package/dist/animations/blur-in.js +2 -2
- package/dist/animations/blur-in.mjs +1 -1
- package/dist/animations/blur-out.js +2 -2
- package/dist/animations/blur-out.mjs +1 -1
- package/dist/animations/bounce.js +2 -2
- package/dist/animations/bounce.mjs +1 -1
- package/dist/animations/fade-down.js +2 -2
- package/dist/animations/fade-down.mjs +1 -1
- package/dist/animations/fade-in.js +2 -2
- package/dist/animations/fade-in.mjs +1 -1
- package/dist/animations/fade-left.js +2 -2
- package/dist/animations/fade-left.mjs +1 -1
- package/dist/animations/fade-out.js +2 -2
- package/dist/animations/fade-out.mjs +1 -1
- package/dist/animations/fade-right.js +2 -2
- package/dist/animations/fade-right.mjs +1 -1
- package/dist/animations/fade-up.js +2 -2
- package/dist/animations/fade-up.mjs +1 -1
- package/dist/animations/flip-in.js +2 -2
- package/dist/animations/flip-in.mjs +1 -1
- package/dist/animations/flip.js +2 -2
- package/dist/animations/flip.mjs +1 -1
- package/dist/animations/float.js +2 -2
- package/dist/animations/float.mjs +1 -1
- package/dist/animations/hover-lift.js +2 -2
- package/dist/animations/hover-lift.mjs +1 -1
- package/dist/animations/hover-scale.js +2 -2
- package/dist/animations/hover-scale.mjs +1 -1
- package/dist/animations/magnetic.js +2 -2
- package/dist/animations/magnetic.mjs +1 -1
- package/dist/animations/parallax.js +2 -2
- package/dist/animations/parallax.mjs +1 -1
- package/dist/animations/ping.js +2 -2
- package/dist/animations/ping.mjs +1 -1
- package/dist/animations/pop-in.js +2 -2
- package/dist/animations/pop-in.mjs +1 -1
- package/dist/animations/press.js +2 -2
- package/dist/animations/press.mjs +1 -1
- package/dist/animations/progress.js +2 -2
- package/dist/animations/progress.mjs +1 -1
- package/dist/animations/pulse.js +2 -2
- package/dist/animations/pulse.mjs +1 -1
- package/dist/animations/reorder.js +2 -2
- package/dist/animations/reorder.mjs +1 -1
- package/dist/animations/reveal-blur.js +2 -2
- package/dist/animations/reveal-blur.mjs +1 -1
- package/dist/animations/reveal-down.js +2 -2
- package/dist/animations/reveal-down.mjs +1 -1
- package/dist/animations/reveal-left.js +2 -2
- package/dist/animations/reveal-left.mjs +1 -1
- package/dist/animations/reveal-right.js +2 -2
- package/dist/animations/reveal-right.mjs +1 -1
- package/dist/animations/reveal-up.js +2 -2
- package/dist/animations/reveal-up.mjs +1 -1
- package/dist/animations/rotate-in.js +2 -2
- package/dist/animations/rotate-in.mjs +1 -1
- package/dist/animations/scale-in.js +2 -2
- package/dist/animations/scale-in.mjs +1 -1
- package/dist/animations/scale-out.js +2 -2
- package/dist/animations/scale-out.mjs +1 -1
- package/dist/animations/shake.js +2 -2
- package/dist/animations/shake.mjs +1 -1
- package/dist/animations/shared/create-motion-animation.d.ts.map +1 -1
- package/dist/animations/skeleton-shimmer.js +2 -2
- package/dist/animations/skeleton-shimmer.mjs +1 -1
- package/dist/animations/slide-down.js +2 -2
- package/dist/animations/slide-down.mjs +1 -1
- package/dist/animations/slide-left.js +2 -2
- package/dist/animations/slide-left.mjs +1 -1
- package/dist/animations/slide-right.js +2 -2
- package/dist/animations/slide-right.mjs +1 -1
- package/dist/animations/slide-up.js +2 -2
- package/dist/animations/slide-up.mjs +1 -1
- package/dist/animations/spin.js +2 -2
- package/dist/animations/spin.mjs +1 -1
- package/dist/animations/text-reveal.js +2 -2
- package/dist/animations/text-reveal.mjs +1 -1
- package/dist/animations/text-shimmer.js +2 -2
- package/dist/animations/text-shimmer.mjs +1 -1
- package/dist/animations/tilt.js +2 -2
- package/dist/animations/tilt.mjs +1 -1
- package/dist/animations/wiggle.js +2 -2
- package/dist/animations/wiggle.mjs +1 -1
- package/dist/chunk-2RBUROXJ.js +316 -0
- package/dist/chunk-2RBUROXJ.js.map +1 -0
- package/dist/{chunk-3W224B3M.js → chunk-3IBWZM52.js} +23 -3
- package/dist/chunk-3IBWZM52.js.map +1 -0
- package/dist/{chunk-466QDL44.js → chunk-3RHJJZIT.js} +24 -3
- package/dist/chunk-3RHJJZIT.js.map +1 -0
- package/dist/{chunk-LNYCEPW5.js → chunk-4GVMPQZS.js} +23 -2
- package/dist/chunk-4GVMPQZS.js.map +1 -0
- package/dist/chunk-4WRCXG5E.mjs +942 -0
- package/dist/chunk-4WRCXG5E.mjs.map +1 -0
- package/dist/chunk-6GPUHFXI.mjs +299 -0
- package/dist/chunk-6GPUHFXI.mjs.map +1 -0
- package/dist/{chunk-HLG2YJFZ.mjs → chunk-6ONKAOI7.mjs} +24 -3
- package/dist/chunk-6ONKAOI7.mjs.map +1 -0
- package/dist/chunk-6VZGM4DI.mjs +170 -0
- package/dist/chunk-6VZGM4DI.mjs.map +1 -0
- package/dist/{chunk-2ZKW2E7B.mjs → chunk-7PIOCFV3.mjs} +34 -4
- package/dist/chunk-7PIOCFV3.mjs.map +1 -0
- package/dist/{chunk-IM6KN77X.mjs → chunk-7XHWUEQR.mjs} +46 -4
- package/dist/chunk-7XHWUEQR.mjs.map +1 -0
- package/dist/{chunk-QHEHBC6M.js → chunk-AFBKMQMK.js} +46 -4
- package/dist/chunk-AFBKMQMK.js.map +1 -0
- package/dist/{chunk-NNZXBL7R.mjs → chunk-AS34PVUG.mjs} +24 -3
- package/dist/chunk-AS34PVUG.mjs.map +1 -0
- package/dist/{chunk-TTTYW3TR.js → chunk-B3LCKPBX.js} +23 -2
- package/dist/chunk-B3LCKPBX.js.map +1 -0
- package/dist/chunk-CARQELOX.mjs +101 -0
- package/dist/chunk-CARQELOX.mjs.map +1 -0
- package/dist/{chunk-CIEZFHCO.mjs → chunk-CCVQ5KX6.mjs} +24 -3
- package/dist/chunk-CCVQ5KX6.mjs.map +1 -0
- package/dist/{chunk-UR7TNW45.mjs → chunk-DBW25HOR.mjs} +68 -5
- package/dist/chunk-DBW25HOR.mjs.map +1 -0
- package/dist/chunk-DMDCXYNN.js +105 -0
- package/dist/chunk-DMDCXYNN.js.map +1 -0
- package/dist/{chunk-H7WDA6U6.mjs → chunk-EKLWWV3G.mjs} +23 -2
- package/dist/chunk-EKLWWV3G.mjs.map +1 -0
- package/dist/{chunk-OZHETX4J.mjs → chunk-ENV73575.mjs} +24 -3
- package/dist/chunk-ENV73575.mjs.map +1 -0
- package/dist/{chunk-7OVJXYSS.mjs → chunk-F4BM6LX2.mjs} +2 -2
- package/dist/{chunk-7OVJXYSS.mjs.map → chunk-F4BM6LX2.mjs.map} +1 -1
- package/dist/{chunk-ZX2IBIZT.js → chunk-FWY22BZZ.js} +46 -4
- package/dist/chunk-FWY22BZZ.js.map +1 -0
- package/dist/chunk-HI54NLVM.js +179 -0
- package/dist/chunk-HI54NLVM.js.map +1 -0
- package/dist/{chunk-BU2MPXPZ.js → chunk-IW2E4MLG.js} +24 -3
- package/dist/chunk-IW2E4MLG.js.map +1 -0
- package/dist/{chunk-DEZRB6DS.mjs → chunk-IZAQBJKT.mjs} +46 -4
- package/dist/chunk-IZAQBJKT.mjs.map +1 -0
- package/dist/{chunk-VHVQELWF.js → chunk-JGSQZZHF.js} +23 -3
- package/dist/chunk-JGSQZZHF.js.map +1 -0
- package/dist/{chunk-DFCDLVZA.js → chunk-JRB22VVK.js} +23 -2
- package/dist/chunk-JRB22VVK.js.map +1 -0
- package/dist/{chunk-XYEMP4K7.js → chunk-KC77BXBC.js} +24 -3
- package/dist/chunk-KC77BXBC.js.map +1 -0
- package/dist/{chunk-EIRCCTNA.js → chunk-KIAYTBS5.js} +24 -3
- package/dist/chunk-KIAYTBS5.js.map +1 -0
- package/dist/{chunk-UY65KX3M.js → chunk-KLGB3FYE.js} +46 -4
- package/dist/chunk-KLGB3FYE.js.map +1 -0
- package/dist/{chunk-C6NA452Q.mjs → chunk-NUYNJV5U.mjs} +3 -3
- package/dist/{chunk-C6NA452Q.mjs.map → chunk-NUYNJV5U.mjs.map} +1 -1
- package/dist/{chunk-EZCYSFML.mjs → chunk-O233I5N7.mjs} +23 -2
- package/dist/chunk-O233I5N7.mjs.map +1 -0
- package/dist/chunk-OEDD43IT.mjs +141 -0
- package/dist/chunk-OEDD43IT.mjs.map +1 -0
- package/dist/{chunk-3F4FF2H4.mjs → chunk-OY3YJGOX.mjs} +23 -3
- package/dist/chunk-OY3YJGOX.mjs.map +1 -0
- package/dist/{chunk-INXWZ4DS.js → chunk-PZBTZGJE.js} +46 -4
- package/dist/chunk-PZBTZGJE.js.map +1 -0
- package/dist/{chunk-2F7P4EJQ.js → chunk-QCHHXFJQ.js} +25 -4
- package/dist/chunk-QCHHXFJQ.js.map +1 -0
- package/dist/{chunk-CSFLMMAT.mjs → chunk-REDZL4DY.mjs} +23 -2
- package/dist/chunk-REDZL4DY.mjs.map +1 -0
- package/dist/{chunk-BJSWQQSC.mjs → chunk-RFBTMJ2Z.mjs} +24 -3
- package/dist/chunk-RFBTMJ2Z.mjs.map +1 -0
- package/dist/chunk-S4NQTWMW.mjs +121 -0
- package/dist/chunk-S4NQTWMW.mjs.map +1 -0
- package/dist/{chunk-X3O45MPI.js → chunk-SRLYXLUU.js} +44 -2
- package/dist/chunk-SRLYXLUU.js.map +1 -0
- package/dist/{chunk-6HPS3ZOP.js → chunk-U7FZ5RMV.js} +68 -5
- package/dist/chunk-U7FZ5RMV.js.map +1 -0
- package/dist/{chunk-OL3BJSRC.mjs → chunk-UMXCV5IT.mjs} +68 -5
- package/dist/chunk-UMXCV5IT.mjs.map +1 -0
- package/dist/{chunk-IL4LH2XX.js → chunk-UNPKDNLA.js} +68 -5
- package/dist/chunk-UNPKDNLA.js.map +1 -0
- package/dist/{chunk-OKCC7E36.js → chunk-UOZZUWIX.js} +6 -6
- package/dist/{chunk-OKCC7E36.js.map → chunk-UOZZUWIX.js.map} +1 -1
- package/dist/{chunk-ORFI4BCJ.mjs → chunk-URXYF25P.mjs} +44 -2
- package/dist/chunk-URXYF25P.mjs.map +1 -0
- package/dist/{chunk-5565GZ4T.js → chunk-VGVB5XZX.js} +24 -3
- package/dist/chunk-VGVB5XZX.js.map +1 -0
- package/dist/{chunk-PYUZOVLY.js → chunk-VJSME7ML.js} +23 -2
- package/dist/{chunk-EZCYSFML.mjs.map → chunk-VJSME7ML.js.map} +1 -1
- package/dist/{chunk-SSJXWD2M.mjs → chunk-VO7LNOC5.mjs} +46 -4
- package/dist/chunk-VO7LNOC5.mjs.map +1 -0
- package/dist/{chunk-ECLHBSC6.mjs → chunk-VX56EVPF.mjs} +25 -4
- package/dist/chunk-VX56EVPF.mjs.map +1 -0
- package/dist/{chunk-R2JJTREQ.mjs → chunk-W73CZFMA.mjs} +23 -3
- package/dist/chunk-W73CZFMA.mjs.map +1 -0
- package/dist/{chunk-3J3FYIG3.js → chunk-WRHUWKZS.js} +34 -4
- package/dist/chunk-WRHUWKZS.js.map +1 -0
- package/dist/{chunk-NSJ6KGW2.js → chunk-WVBFSJEB.js} +24 -3
- package/dist/chunk-WVBFSJEB.js.map +1 -0
- package/dist/chunk-XIG2QDVN.js +145 -0
- package/dist/chunk-XIG2QDVN.js.map +1 -0
- package/dist/{chunk-HNLQXHSQ.mjs → chunk-XJFDGKZO.mjs} +24 -3
- package/dist/chunk-XJFDGKZO.mjs.map +1 -0
- package/dist/{chunk-GRJFGIZC.mjs → chunk-XOYCFLEZ.mjs} +46 -4
- package/dist/chunk-XOYCFLEZ.mjs.map +1 -0
- package/dist/chunk-XYKDSHRG.js +944 -0
- package/dist/chunk-XYKDSHRG.js.map +1 -0
- package/dist/{chunk-UROKWFPX.mjs → chunk-YFXGRV7X.mjs} +23 -2
- package/dist/chunk-YFXGRV7X.mjs.map +1 -0
- package/dist/{chunk-R5LL56ZO.js → chunk-ZHXYGUMA.js} +2 -2
- package/dist/{chunk-R5LL56ZO.js.map → chunk-ZHXYGUMA.js.map} +1 -1
- package/dist/chunk-ZZ53RJNH.js +128 -0
- package/dist/chunk-ZZ53RJNH.js.map +1 -0
- package/dist/design-system/accordion.d.ts +42 -0
- package/dist/design-system/accordion.d.ts.map +1 -1
- package/dist/design-system/alert.d.ts +21 -0
- package/dist/design-system/alert.d.ts.map +1 -1
- package/dist/design-system/animated-number.d.ts +21 -0
- package/dist/design-system/animated-number.d.ts.map +1 -1
- package/dist/design-system/avatar.d.ts +21 -0
- package/dist/design-system/avatar.d.ts.map +1 -1
- package/dist/design-system/badge.d.ts +42 -0
- package/dist/design-system/badge.d.ts.map +1 -1
- package/dist/design-system/breadcrumb.d.ts +21 -0
- package/dist/design-system/breadcrumb.d.ts.map +1 -1
- package/dist/design-system/button.d.ts +22 -1
- package/dist/design-system/button.d.ts.map +1 -1
- package/dist/design-system/card.d.ts +21 -0
- package/dist/design-system/card.d.ts.map +1 -1
- package/dist/design-system/checkbox.d.ts +22 -1
- package/dist/design-system/checkbox.d.ts.map +1 -1
- package/dist/design-system/command.d.ts +21 -0
- package/dist/design-system/command.d.ts.map +1 -1
- package/dist/design-system/context-menu.d.ts +21 -0
- package/dist/design-system/context-menu.d.ts.map +1 -1
- package/dist/design-system/copy-button.d.ts +22 -1
- package/dist/design-system/copy-button.d.ts.map +1 -1
- package/dist/design-system/divider.d.ts +21 -0
- package/dist/design-system/divider.d.ts.map +1 -1
- package/dist/design-system/drawer.d.ts +42 -0
- package/dist/design-system/drawer.d.ts.map +1 -1
- package/dist/design-system/dropdown.d.ts +42 -0
- package/dist/design-system/dropdown.d.ts.map +1 -1
- package/dist/design-system/dynamic-stepper.d.ts +98 -6
- package/dist/design-system/dynamic-stepper.d.ts.map +1 -1
- package/dist/design-system/empty-state.d.ts +21 -0
- package/dist/design-system/empty-state.d.ts.map +1 -1
- package/dist/design-system/file-upload.d.ts +21 -0
- package/dist/design-system/file-upload.d.ts.map +1 -1
- package/dist/design-system/index.d.ts +0 -1
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/inputs.d.ts +173 -0
- package/dist/design-system/inputs.d.ts.map +1 -1
- package/dist/design-system/kbd.d.ts +23 -1
- package/dist/design-system/kbd.d.ts.map +1 -1
- package/dist/design-system/marquee.d.ts +30 -9
- package/dist/design-system/marquee.d.ts.map +1 -1
- package/dist/design-system/modal.d.ts +42 -0
- package/dist/design-system/modal.d.ts.map +1 -1
- package/dist/design-system/otp-input.d.ts +21 -0
- package/dist/design-system/otp-input.d.ts.map +1 -1
- package/dist/design-system/pagination.d.ts +21 -0
- package/dist/design-system/pagination.d.ts.map +1 -1
- package/dist/design-system/popover.d.ts +20 -0
- package/dist/design-system/popover.d.ts.map +1 -1
- package/dist/design-system/progress.d.ts +21 -0
- package/dist/design-system/progress.d.ts.map +1 -1
- package/dist/design-system/radio-group.d.ts +21 -0
- package/dist/design-system/radio-group.d.ts.map +1 -1
- package/dist/design-system/rating.d.ts +21 -0
- package/dist/design-system/rating.d.ts.map +1 -1
- package/dist/design-system/scroll-area.d.ts +21 -0
- package/dist/design-system/scroll-area.d.ts.map +1 -1
- package/dist/design-system/select.d.ts +63 -0
- package/dist/design-system/select.d.ts.map +1 -1
- package/dist/design-system/skeleton.d.ts +63 -0
- package/dist/design-system/skeleton.d.ts.map +1 -1
- package/dist/design-system/slider.d.ts +22 -1
- package/dist/design-system/slider.d.ts.map +1 -1
- package/dist/design-system/spinner.d.ts +21 -0
- package/dist/design-system/spinner.d.ts.map +1 -1
- package/dist/design-system/table.d.ts +63 -0
- package/dist/design-system/table.d.ts.map +1 -1
- package/dist/design-system/tabs.d.ts +21 -0
- package/dist/design-system/tabs.d.ts.map +1 -1
- package/dist/design-system/timeline.d.ts +30 -9
- package/dist/design-system/timeline.d.ts.map +1 -1
- package/dist/design-system/toast.d.ts +21 -0
- package/dist/design-system/toast.d.ts.map +1 -1
- package/dist/design-system/toggle.d.ts +30 -0
- package/dist/design-system/toggle.d.ts.map +1 -1
- package/dist/design-system/tooltip.d.ts +20 -0
- package/dist/design-system/tooltip.d.ts.map +1 -1
- package/dist/design-system/tree-view.d.ts +42 -0
- package/dist/design-system/tree-view.d.ts.map +1 -1
- package/dist/design-system/typography.d.ts +1 -1
- package/dist/test-utils/axe.d.ts +30 -0
- package/dist/test-utils/axe.d.ts.map +1 -0
- package/dist/ui/accordion/animated.js +7 -7
- package/dist/ui/accordion/animated.mjs +2 -2
- package/dist/ui/accordion/variants.d.ts +2 -2
- package/dist/ui/accordion.js +9 -9
- package/dist/ui/accordion.mjs +2 -2
- package/dist/ui/alert/animated.js +2 -2
- package/dist/ui/alert/animated.mjs +1 -1
- package/dist/ui/alert/variants.d.ts +1 -1
- package/dist/ui/alert.js +10 -10
- package/dist/ui/alert.mjs +2 -2
- package/dist/ui/animated-number/variants.d.ts +1 -1
- package/dist/ui/animated-number.js +21 -0
- package/dist/ui/animated-number.js.map +1 -1
- package/dist/ui/animated-number.mjs +21 -0
- package/dist/ui/animated-number.mjs.map +1 -1
- package/dist/ui/avatar/animated.js +5 -5
- package/dist/ui/avatar/animated.mjs +2 -2
- package/dist/ui/avatar/variants.d.ts +1 -1
- package/dist/ui/avatar.js +9 -9
- package/dist/ui/avatar.mjs +2 -2
- package/dist/ui/badge/animated.js +2 -2
- package/dist/ui/badge/animated.mjs +1 -1
- package/dist/ui/badge/variants.d.ts +22 -1
- package/dist/ui/badge/variants.d.ts.map +1 -1
- package/dist/ui/badge.js +4 -4
- package/dist/ui/badge.mjs +2 -2
- package/dist/ui/breadcrumb/variants.d.ts +1 -1
- package/dist/ui/breadcrumb.js +21 -0
- package/dist/ui/breadcrumb.js.map +1 -1
- package/dist/ui/breadcrumb.mjs +21 -0
- package/dist/ui/breadcrumb.mjs.map +1 -1
- package/dist/ui/buttons/animated.js +3 -3
- package/dist/ui/buttons/animated.mjs +1 -1
- package/dist/ui/buttons/variants.d.ts +1 -1
- package/dist/ui/buttons.js +4 -4
- package/dist/ui/buttons.mjs +2 -2
- package/dist/ui/card/animated.js +7 -7
- package/dist/ui/card/animated.mjs +2 -2
- package/dist/ui/card/variants.d.ts +1 -1
- package/dist/ui/card.js +12 -12
- package/dist/ui/card.mjs +2 -2
- package/dist/ui/checkbox/animated.js +4 -4
- package/dist/ui/checkbox/animated.mjs +1 -1
- package/dist/ui/checkbox/variants.d.ts +1 -1
- package/dist/ui/checkbox.js +8 -8
- package/dist/ui/checkbox.mjs +2 -2
- package/dist/ui/command/animated.js +2 -2
- package/dist/ui/command/animated.mjs +1 -1
- package/dist/ui/command/variants.d.ts +1 -1
- package/dist/ui/command.js +15 -15
- package/dist/ui/command.mjs +2 -2
- package/dist/ui/context-menu/variants.d.ts +1 -1
- package/dist/ui/context-menu.js +47 -26
- package/dist/ui/context-menu.js.map +1 -1
- package/dist/ui/context-menu.mjs +23 -2
- package/dist/ui/context-menu.mjs.map +1 -1
- package/dist/ui/copy-button/animated.js +2 -2
- package/dist/ui/copy-button/animated.mjs +1 -1
- package/dist/ui/copy-button/variants.d.ts +1 -1
- package/dist/ui/copy-button.js +3 -3
- package/dist/ui/copy-button.mjs +2 -2
- package/dist/ui/divider/animated.js +2 -2
- package/dist/ui/divider/animated.mjs +1 -1
- package/dist/ui/divider/variants.d.ts +2 -2
- package/dist/ui/divider.js +6 -6
- package/dist/ui/divider.mjs +2 -2
- package/dist/ui/drawer/animated.js +11 -11
- package/dist/ui/drawer/animated.mjs +2 -2
- package/dist/ui/drawer/variants.d.ts +2 -2
- package/dist/ui/drawer.js +11 -11
- package/dist/ui/drawer.mjs +1 -1
- package/dist/ui/dropdown/types.d.ts +2 -1
- package/dist/ui/dropdown/types.d.ts.map +1 -1
- package/dist/ui/dropdown/variants.d.ts +2 -2
- package/dist/ui/dropdown.js +9 -9
- package/dist/ui/dropdown.mjs +1 -1
- package/dist/ui/dynamic-stepper/variants.d.ts +2 -2
- package/dist/ui/dynamic-stepper/variants.d.ts.map +1 -1
- package/dist/ui/dynamic-stepper.js +7 -8
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +5 -6
- package/dist/ui/dynamic-stepper.mjs.map +1 -1
- package/dist/ui/empty-state/animated.js +2 -2
- package/dist/ui/empty-state/animated.mjs +1 -1
- package/dist/ui/empty-state/variants.d.ts +1 -1
- package/dist/ui/empty-state.js +10 -10
- package/dist/ui/empty-state.mjs +2 -2
- package/dist/ui/file-upload/variants.d.ts +1 -1
- package/dist/ui/file-upload.js +22 -1
- package/dist/ui/file-upload.js.map +1 -1
- package/dist/ui/file-upload.mjs +22 -1
- package/dist/ui/file-upload.mjs.map +1 -1
- package/dist/ui/inputs/animated.js +3 -3
- package/dist/ui/inputs/animated.mjs +1 -1
- package/dist/ui/inputs/variants.d.ts +1 -1
- package/dist/ui/inputs/variants.d.ts.map +1 -1
- package/dist/ui/inputs.js +4 -4
- package/dist/ui/inputs.mjs +2 -2
- package/dist/ui/kbd/animated.js +2 -2
- package/dist/ui/kbd/animated.mjs +1 -1
- package/dist/ui/kbd/variants.d.ts +1 -1
- package/dist/ui/kbd/variants.d.ts.map +1 -1
- package/dist/ui/kbd.js +4 -4
- package/dist/ui/kbd.mjs +2 -2
- package/dist/ui/marquee/variants.d.ts +1 -1
- package/dist/ui/marquee.js +30 -9
- package/dist/ui/marquee.js.map +1 -1
- package/dist/ui/marquee.mjs +30 -9
- package/dist/ui/marquee.mjs.map +1 -1
- package/dist/ui/modal/animated.js +4 -4
- package/dist/ui/modal/animated.mjs +1 -1
- package/dist/ui/modal/variants.d.ts +2 -2
- package/dist/ui/modal.js +12 -12
- package/dist/ui/modal.mjs +2 -2
- package/dist/ui/otp-input/variants.d.ts +1 -1
- package/dist/ui/otp-input.js +22 -1
- package/dist/ui/otp-input.js.map +1 -1
- package/dist/ui/otp-input.mjs +22 -1
- package/dist/ui/otp-input.mjs.map +1 -1
- package/dist/ui/pagination/types.d.ts +4 -2
- package/dist/ui/pagination/types.d.ts.map +1 -1
- package/dist/ui/pagination/variants.d.ts +1 -1
- package/dist/ui/pagination.js +26 -5
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pagination.mjs +23 -2
- package/dist/ui/pagination.mjs.map +1 -1
- package/dist/ui/popover/animated.js +4 -4
- package/dist/ui/popover/animated.mjs +1 -1
- package/dist/ui/popover/variants.d.ts +1 -1
- package/dist/ui/popover.js +7 -7
- package/dist/ui/popover.mjs +1 -1
- package/dist/ui/progress/animated.js +8 -8
- package/dist/ui/progress/animated.mjs +2 -2
- package/dist/ui/progress/variants.d.ts +1 -1
- package/dist/ui/progress.js +9 -9
- package/dist/ui/progress.mjs +2 -2
- package/dist/ui/radio-group/animated.js +7 -7
- package/dist/ui/radio-group/animated.mjs +1 -1
- package/dist/ui/radio-group/variants.d.ts +1 -1
- package/dist/ui/radio-group.js +11 -11
- package/dist/ui/radio-group.mjs +2 -2
- package/dist/ui/rating/variants.d.ts +1 -1
- package/dist/ui/rating.js +22 -1
- package/dist/ui/rating.js.map +1 -1
- package/dist/ui/rating.mjs +22 -1
- package/dist/ui/rating.mjs.map +1 -1
- package/dist/ui/scroll-area/variants.d.ts +1 -1
- package/dist/ui/scroll-area.js +22 -1
- package/dist/ui/scroll-area.js.map +1 -1
- package/dist/ui/scroll-area.mjs +22 -1
- package/dist/ui/scroll-area.mjs.map +1 -1
- package/dist/ui/search.js +2 -2
- package/dist/ui/search.mjs +1 -1
- package/dist/ui/select/select.d.ts +2 -2
- package/dist/ui/select/select.d.ts.map +1 -1
- package/dist/ui/select/types.d.ts +4 -1
- package/dist/ui/select/types.d.ts.map +1 -1
- package/dist/ui/select/variants.d.ts +3 -3
- package/dist/ui/select.js +92 -7
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/select.mjs +93 -8
- package/dist/ui/select.mjs.map +1 -1
- package/dist/ui/skeleton/animated.js +8 -8
- package/dist/ui/skeleton/animated.mjs +1 -1
- package/dist/ui/skeleton/variants.d.ts +23 -2
- package/dist/ui/skeleton/variants.d.ts.map +1 -1
- package/dist/ui/skeleton.js +9 -9
- package/dist/ui/skeleton.mjs +1 -1
- package/dist/ui/slider/variants.d.ts +1 -1
- package/dist/ui/slider.js +23 -2
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/slider.mjs +23 -2
- package/dist/ui/slider.mjs.map +1 -1
- package/dist/ui/spinner/animated/variants.d.ts +1 -1
- package/dist/ui/spinner/animated.js +22 -1
- package/dist/ui/spinner/animated.js.map +1 -1
- package/dist/ui/spinner/animated.mjs +22 -1
- package/dist/ui/spinner/animated.mjs.map +1 -1
- package/dist/ui/table/animated.js +8 -8
- package/dist/ui/table/animated.mjs +2 -2
- package/dist/ui/table/variants.d.ts +3 -3
- package/dist/ui/table.js +14 -14
- package/dist/ui/table.mjs +1 -1
- package/dist/ui/tabs/animated.js +2 -2
- package/dist/ui/tabs/animated.mjs +1 -1
- package/dist/ui/tabs/types.d.ts +4 -2
- package/dist/ui/tabs/types.d.ts.map +1 -1
- package/dist/ui/tabs/variants.d.ts +1 -1
- package/dist/ui/tabs.js +9 -9
- package/dist/ui/tabs.mjs +1 -1
- package/dist/ui/timeline/animated.js +11 -11
- package/dist/ui/timeline/animated.mjs +2 -2
- package/dist/ui/timeline/variants.d.ts +1 -1
- package/dist/ui/timeline.js +14 -14
- package/dist/ui/timeline.mjs +2 -2
- package/dist/ui/toast/animated.js +7 -7
- package/dist/ui/toast/animated.mjs +1 -1
- package/dist/ui/toast/variants.d.ts +1 -1
- package/dist/ui/toast.js +12 -12
- package/dist/ui/toast.mjs +1 -1
- package/dist/ui/toggle/animated.js +4 -4
- package/dist/ui/toggle/animated.mjs +1 -1
- package/dist/ui/toggle/variants.d.ts +2 -2
- package/dist/ui/toggle.js +4 -4
- package/dist/ui/toggle.mjs +2 -2
- package/dist/ui/tooltip/animated.js +3 -3
- package/dist/ui/tooltip/animated.mjs +1 -1
- package/dist/ui/tooltip/types.d.ts +3 -1
- package/dist/ui/tooltip/types.d.ts.map +1 -1
- package/dist/ui/tooltip/variants.d.ts +1 -1
- package/dist/ui/tooltip.js +7 -7
- package/dist/ui/tooltip.mjs +1 -1
- package/dist/ui/tree-view/animated.js +2 -2
- package/dist/ui/tree-view/animated.mjs +1 -1
- package/dist/ui/tree-view/variants.d.ts +2 -2
- package/dist/ui/tree-view.js +5 -5
- package/dist/ui/tree-view.mjs +2 -2
- package/dist/ui/typography.js +1 -1
- package/dist/ui/typography.js.map +1 -1
- package/dist/ui/typography.mjs +1 -1
- package/dist/ui/typography.mjs.map +1 -1
- package/package.json +6 -3
- package/src/animations/animations.test.tsx +1 -2
- package/src/animations/shared/create-motion-animation.tsx +3 -1
- package/src/design-system/accordion.ts +66 -0
- package/src/design-system/alert.ts +33 -0
- package/src/design-system/animated-number.ts +33 -0
- package/src/design-system/avatar.ts +33 -0
- package/src/design-system/badge.ts +33 -0
- package/src/design-system/breadcrumb.ts +33 -0
- package/src/design-system/button.ts +34 -1
- package/src/design-system/card.ts +33 -0
- package/src/design-system/checkbox.ts +34 -1
- package/src/design-system/command.ts +33 -0
- package/src/design-system/context-menu.ts +21 -0
- package/src/design-system/copy-button.ts +34 -1
- package/src/design-system/divider.ts +33 -0
- package/src/design-system/drawer.ts +66 -0
- package/src/design-system/dropdown.ts +66 -0
- package/src/design-system/dynamic-stepper.ts +7 -29
- package/src/design-system/empty-state.ts +33 -0
- package/src/design-system/file-upload.ts +33 -0
- package/src/design-system/index.ts +0 -1
- package/src/design-system/inputs.ts +273 -0
- package/src/design-system/kbd.ts +37 -1
- package/src/design-system/marquee.ts +42 -9
- package/src/design-system/modal.ts +66 -0
- package/src/design-system/otp-input.ts +33 -0
- package/src/design-system/pagination.ts +33 -0
- package/src/design-system/popover.ts +31 -0
- package/src/design-system/progress.ts +33 -0
- package/src/design-system/radio-group.ts +33 -0
- package/src/design-system/rating.ts +33 -0
- package/src/design-system/scroll-area.ts +33 -0
- package/src/design-system/select.ts +99 -0
- package/src/design-system/skeleton.ts +75 -0
- package/src/design-system/slider.ts +34 -2
- package/src/design-system/spinner.ts +33 -0
- package/src/design-system/table.ts +99 -0
- package/src/design-system/tabs.ts +33 -0
- package/src/design-system/timeline.ts +42 -9
- package/src/design-system/toast.ts +33 -0
- package/src/design-system/toggle.ts +48 -0
- package/src/design-system/tooltip.ts +31 -0
- package/src/design-system/tree-view.ts +66 -0
- package/src/design-system/typography.ts +1 -1
- package/src/ui/accessibility/axe-core.test.tsx +139 -0
- package/src/ui/dropdown/types.ts +3 -27
- package/src/ui/dynamic-stepper/variants.ts +7 -3
- package/src/ui/inputs/variants.ts +492 -90
- package/src/ui/kbd/variants.ts +8 -10
- package/src/ui/pagination/types.ts +4 -2
- package/src/ui/select/select.test.tsx +24 -0
- package/src/ui/select/select.tsx +37 -4
- package/src/ui/select/types.ts +4 -23
- package/src/ui/tabs/types.ts +5 -42
- package/src/ui/tooltip/types.ts +4 -24
- package/dist/chunk-2F7P4EJQ.js.map +0 -1
- package/dist/chunk-2ZKW2E7B.mjs.map +0 -1
- package/dist/chunk-3F4FF2H4.mjs.map +0 -1
- package/dist/chunk-3J3FYIG3.js.map +0 -1
- package/dist/chunk-3W224B3M.js.map +0 -1
- package/dist/chunk-466QDL44.js.map +0 -1
- package/dist/chunk-5565GZ4T.js.map +0 -1
- package/dist/chunk-6HPS3ZOP.js.map +0 -1
- package/dist/chunk-7XCUMSCJ.mjs +0 -80
- package/dist/chunk-7XCUMSCJ.mjs.map +0 -1
- package/dist/chunk-BJSWQQSC.mjs.map +0 -1
- package/dist/chunk-BU2MPXPZ.js.map +0 -1
- package/dist/chunk-CIEZFHCO.mjs.map +0 -1
- package/dist/chunk-CJXGDY7A.mjs +0 -122
- package/dist/chunk-CJXGDY7A.mjs.map +0 -1
- package/dist/chunk-CSFLMMAT.mjs.map +0 -1
- package/dist/chunk-D3VZKUMH.mjs +0 -340
- package/dist/chunk-D3VZKUMH.mjs.map +0 -1
- package/dist/chunk-DEZRB6DS.mjs.map +0 -1
- package/dist/chunk-DFCDLVZA.js.map +0 -1
- package/dist/chunk-ECLHBSC6.mjs.map +0 -1
- package/dist/chunk-EIRCCTNA.js.map +0 -1
- package/dist/chunk-GRJFGIZC.mjs.map +0 -1
- package/dist/chunk-H7WDA6U6.mjs.map +0 -1
- package/dist/chunk-HLG2YJFZ.mjs.map +0 -1
- package/dist/chunk-HNLQXHSQ.mjs.map +0 -1
- package/dist/chunk-IL4LH2XX.js.map +0 -1
- package/dist/chunk-IM6KN77X.mjs.map +0 -1
- package/dist/chunk-INXWZ4DS.js.map +0 -1
- package/dist/chunk-LNYCEPW5.js.map +0 -1
- package/dist/chunk-NFEA5TN2.js +0 -158
- package/dist/chunk-NFEA5TN2.js.map +0 -1
- package/dist/chunk-NMQAHUYA.mjs +0 -149
- package/dist/chunk-NMQAHUYA.mjs.map +0 -1
- package/dist/chunk-NNZXBL7R.mjs.map +0 -1
- package/dist/chunk-NSJ6KGW2.js.map +0 -1
- package/dist/chunk-OL3BJSRC.mjs.map +0 -1
- package/dist/chunk-ORFI4BCJ.mjs.map +0 -1
- package/dist/chunk-OZHETX4J.mjs.map +0 -1
- package/dist/chunk-PYUZOVLY.js.map +0 -1
- package/dist/chunk-QHEHBC6M.js.map +0 -1
- package/dist/chunk-R2JJTREQ.mjs.map +0 -1
- package/dist/chunk-RFT2FLQT.js +0 -126
- package/dist/chunk-RFT2FLQT.js.map +0 -1
- package/dist/chunk-RIHJAEOL.js +0 -107
- package/dist/chunk-RIHJAEOL.js.map +0 -1
- package/dist/chunk-SSJXWD2M.mjs.map +0 -1
- package/dist/chunk-TTTYW3TR.js.map +0 -1
- package/dist/chunk-UGH23TAH.js +0 -342
- package/dist/chunk-UGH23TAH.js.map +0 -1
- package/dist/chunk-UPZ5XGUD.mjs +0 -100
- package/dist/chunk-UPZ5XGUD.mjs.map +0 -1
- package/dist/chunk-UR7TNW45.mjs.map +0 -1
- package/dist/chunk-UROKWFPX.mjs.map +0 -1
- package/dist/chunk-UY65KX3M.js.map +0 -1
- package/dist/chunk-V5JTDRV5.mjs +0 -278
- package/dist/chunk-V5JTDRV5.mjs.map +0 -1
- package/dist/chunk-VHVQELWF.js.map +0 -1
- package/dist/chunk-X3O45MPI.js.map +0 -1
- package/dist/chunk-XYEMP4K7.js.map +0 -1
- package/dist/chunk-Z4KHAD6Y.js +0 -295
- package/dist/chunk-Z4KHAD6Y.js.map +0 -1
- package/dist/chunk-ZUT7ZUM7.js +0 -84
- package/dist/chunk-ZUT7ZUM7.js.map +0 -1
- package/dist/chunk-ZX2IBIZT.js.map +0 -1
- package/dist/design-system/stepper.d.ts +0 -42
- package/dist/design-system/stepper.d.ts.map +0 -1
- package/dist/ui/stepper/index.d.ts +0 -4
- package/dist/ui/stepper/index.d.ts.map +0 -1
- package/dist/ui/stepper/stepper.d.ts +0 -28
- package/dist/ui/stepper/stepper.d.ts.map +0 -1
- package/dist/ui/stepper/types.d.ts +0 -25
- package/dist/ui/stepper/types.d.ts.map +0 -1
- package/dist/ui/stepper/variants.d.ts +0 -11
- package/dist/ui/stepper/variants.d.ts.map +0 -1
- package/dist/ui/stepper.js +0 -216
- package/dist/ui/stepper.js.map +0 -1
- package/dist/ui/stepper.mjs +0 -207
- package/dist/ui/stepper.mjs.map +0 -1
- package/src/design-system/stepper.ts +0 -66
- package/src/ui/stepper/index.ts +0 -22
- package/src/ui/stepper/stepper.test.tsx +0 -190
- package/src/ui/stepper/stepper.tsx +0 -171
- package/src/ui/stepper/types.ts +0 -38
- package/src/ui/stepper/variants.ts +0 -40
|
@@ -44,7 +44,28 @@ var zuiCommandContentAppearances = {
|
|
|
44
44
|
"gradient-purple": "border-[color:var(--zui-command-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.85))] to-[var(--zui-command-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.85))] backdrop-blur-xl",
|
|
45
45
|
"gradient-teal": "border-[color:var(--zui-command-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.85))] to-[var(--zui-command-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.85))] backdrop-blur-xl",
|
|
46
46
|
"gradient-indigo": "border-[color:var(--zui-command-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.85))] to-[var(--zui-command-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.85))] backdrop-blur-xl",
|
|
47
|
-
"gradient-pink": "border-[color:var(--zui-command-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.85))] to-[var(--zui-command-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.85))] backdrop-blur-xl"
|
|
47
|
+
"gradient-pink": "border-[color:var(--zui-command-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.85))] to-[var(--zui-command-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.85))] backdrop-blur-xl",
|
|
48
|
+
blue: "border border-[color:var(--zui-command-content-blue-border,#2563eb)] dark:border-[color:var(--zui-command-content-blue-border-dark,#3b82f6)] bg-[var(--zui-command-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-command-content-blue-bg-dark,#3b82f624)] backdrop-blur-xl",
|
|
49
|
+
cyan: "border border-[color:var(--zui-command-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-command-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-command-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-command-content-cyan-bg-dark,#22d3ee24)] backdrop-blur-xl",
|
|
50
|
+
green: "border border-[color:var(--zui-command-content-green-border,#16a34a)] dark:border-[color:var(--zui-command-content-green-border-dark,#22c55e)] bg-[var(--zui-command-content-green-bg,#16a34a14)] dark:bg-[var(--zui-command-content-green-bg-dark,#22c55e24)] backdrop-blur-xl",
|
|
51
|
+
lime: "border border-[color:var(--zui-command-content-lime-border,#65a30d)] dark:border-[color:var(--zui-command-content-lime-border-dark,#a3e635)] bg-[var(--zui-command-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-command-content-lime-bg-dark,#a3e63524)] backdrop-blur-xl",
|
|
52
|
+
mint: "border border-[color:var(--zui-command-content-mint-border,#10b981)] dark:border-[color:var(--zui-command-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-command-content-mint-bg,#10b98114)] dark:bg-[var(--zui-command-content-mint-bg-dark,#6ee7b724)] backdrop-blur-xl",
|
|
53
|
+
ocean: "border border-[color:var(--zui-command-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-command-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-command-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-command-content-ocean-bg-dark,#38bdf824)] backdrop-blur-xl",
|
|
54
|
+
sapphire: "border border-[color:var(--zui-command-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-command-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-command-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-command-content-sapphire-bg-dark,#60a5fa24)] backdrop-blur-xl",
|
|
55
|
+
lavender: "border border-[color:var(--zui-command-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-command-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-command-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-command-content-lavender-bg-dark,#a78bfa24)] backdrop-blur-xl",
|
|
56
|
+
ruby: "border border-[color:var(--zui-command-content-ruby-border,#be123c)] dark:border-[color:var(--zui-command-content-ruby-border-dark,#fb7185)] bg-[var(--zui-command-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-command-content-ruby-bg-dark,#fb718524)] backdrop-blur-xl",
|
|
57
|
+
red: "border border-[color:var(--zui-command-content-red-border,#dc2626)] dark:border-[color:var(--zui-command-content-red-border-dark,#ef4444)] bg-[var(--zui-command-content-red-bg,#dc262614)] dark:bg-[var(--zui-command-content-red-bg-dark,#ef444424)] backdrop-blur-xl",
|
|
58
|
+
slate: "border border-[color:var(--zui-command-content-slate-border,#475569)] dark:border-[color:var(--zui-command-content-slate-border-dark,#64748b)] bg-[var(--zui-command-content-slate-bg,#47556914)] dark:bg-[var(--zui-command-content-slate-bg-dark,#64748b24)] backdrop-blur-xl",
|
|
59
|
+
zinc: "border border-[color:var(--zui-command-content-zinc-border,#52525b)] dark:border-[color:var(--zui-command-content-zinc-border-dark,#71717a)] bg-[var(--zui-command-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-command-content-zinc-bg-dark,#71717a24)] backdrop-blur-xl",
|
|
60
|
+
stone: "border border-[color:var(--zui-command-content-stone-border,#57534e)] dark:border-[color:var(--zui-command-content-stone-border-dark,#78716c)] bg-[var(--zui-command-content-stone-bg,#57534e14)] dark:bg-[var(--zui-command-content-stone-bg-dark,#78716c24)] backdrop-blur-xl",
|
|
61
|
+
royal: "border border-[color:var(--zui-command-content-royal-border,#4338ca)] dark:border-[color:var(--zui-command-content-royal-border-dark,#818cf8)] bg-[var(--zui-command-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-command-content-royal-bg-dark,#818cf824)] backdrop-blur-xl",
|
|
62
|
+
electric: "border border-[color:var(--zui-command-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-command-content-electric-border-dark,#38bdf8)] bg-[var(--zui-command-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-command-content-electric-bg-dark,#38bdf824)] backdrop-blur-xl",
|
|
63
|
+
forest: "border border-[color:var(--zui-command-content-forest-border,#166534)] dark:border-[color:var(--zui-command-content-forest-border-dark,#4ade80)] bg-[var(--zui-command-content-forest-bg,#16653414)] dark:bg-[var(--zui-command-content-forest-bg-dark,#4ade8024)] backdrop-blur-xl",
|
|
64
|
+
sunset: "border border-[color:var(--zui-command-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-command-content-sunset-border-dark,#fb923c)] bg-[var(--zui-command-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-command-content-sunset-bg-dark,#fb923c24)] backdrop-blur-xl",
|
|
65
|
+
magenta: "border border-[color:var(--zui-command-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-command-content-magenta-border-dark,#e879f9)] bg-[var(--zui-command-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-command-content-magenta-bg-dark,#e879f924)] backdrop-blur-xl",
|
|
66
|
+
crimson: "border border-[color:var(--zui-command-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-command-content-crimson-border-dark,#f87171)] bg-[var(--zui-command-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-command-content-crimson-bg-dark,#f8717124)] backdrop-blur-xl",
|
|
67
|
+
aqua: "border border-[color:var(--zui-command-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-command-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-command-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-command-content-aqua-bg-dark,#2dd4bf24)] backdrop-blur-xl",
|
|
68
|
+
plum: "border border-[color:var(--zui-command-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-command-content-plum-border-dark,#c084fc)] bg-[var(--zui-command-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-command-content-plum-bg-dark,#c084fc24)] backdrop-blur-xl"
|
|
48
69
|
};
|
|
49
70
|
|
|
50
71
|
// src/ui/command/variants.ts
|
|
@@ -596,5 +617,5 @@ function CommandFooter({ className, children }) {
|
|
|
596
617
|
CommandFooter.displayName = "CommandFooter";
|
|
597
618
|
|
|
598
619
|
export { Command, CommandContent, CommandContentLayer, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandTrigger, commandContentVariants, commandItemVariants, commandOverlayVariants, useCommandContext };
|
|
599
|
-
//# sourceMappingURL=chunk-
|
|
600
|
-
//# sourceMappingURL=chunk-
|
|
620
|
+
//# sourceMappingURL=chunk-RFBTMJ2Z.mjs.map
|
|
621
|
+
//# sourceMappingURL=chunk-RFBTMJ2Z.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/command.ts","../src/ui/command/variants.ts","../src/ui/command/command-base.tsx"],"names":[],"mappings":"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","file":"chunk-RFBTMJ2Z.mjs","sourcesContent":["export const zuiCommandOverlayBase =\n \"fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,oklch(12.9%_0.042_264.695_/_0.6))] dark:bg-[var(--zui-command-overlay-bg-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,#0000001a)] dark:border-[color:var(--zui-command-trigger-border-dark,#ffffff1a)] bg-[var(--zui-command-trigger-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-trigger-bg-dark,oklch(12.9%_0.042_264.695))] px-3 py-2 text-sm text-[color:var(--zui-command-trigger-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-command-trigger-fg-dark,oklch(86.9%_0.022_252.894))] transition hover:bg-black/5 dark:hover:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-500/40\";\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,#0000001a)] dark:border-[color:var(--zui-command-content-border-dark,#ffffff1a)] bg-[var(--zui-command-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-content-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-command-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-command-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-command-content-shadow,0_12px_40px_rgba(15,23,42,0.18))] dark:shadow-[var(--zui-command-content-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,#0000000f)] dark:border-[color:var(--zui-command-input-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,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-command-input-fg-dark,oklch(98.4%_0.003_247.858))] placeholder:text-[color:var(--zui-command-input-placeholder,oklch(55.1%_0.027_264.364))] dark:placeholder:text-[color:var(--zui-command-input-placeholder-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,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-group-heading-fg-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,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-command-item-fg-dark,oklch(86.9%_0.022_252.894))] transition-colors data-[active=true]:bg-[var(--zui-command-item-active-bg,oklch(95.1%_0.026_236.824))] dark:data-[active=true]:bg-[var(--zui-command-item-active-bg-dark,oklch(28.2%_0.091_267.935_/_0.55))] data-[active=true]:text-[color:var(--zui-command-item-active-fg,oklch(20.8%_0.042_265.755))] dark:data-[active=true]:text-[color:var(--zui-command-item-active-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,#0000000f)] dark:bg-[var(--zui-command-separator-bg-dark,#ffffff14)]\";\n\nexport const zuiCommandEmptyBase =\n \"px-3 py-8 text-center text-sm text-[color:var(--zui-command-empty-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-empty-fg-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,#0000000f)] dark:border-[color:var(--zui-command-footer-border-dark,#ffffff14)] px-4 py-2 text-xs text-[color:var(--zui-command-footer-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-footer-fg-dark,oklch(70.7%_0.022_261.325))]\";\n\nexport const zuiCommandContentAppearances = {\n default:\n \"bg-[var(--zui-command-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-content-default-bg-dark,oklch(12.9%_0.042_264.695))]\",\n glass:\n \"border-[color:var(--zui-command-content-glass-border,#00000026)] dark:border-[color:var(--zui-command-content-glass-border-dark,#ffffff26)] bg-[var(--zui-command-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-command-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-command-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-command-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-command-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-command-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-command-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-command-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-command-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-command-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-command-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-command-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-command-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-command-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-command-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-command-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-command-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-command-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-command-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-command-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-command-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-command-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-command-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-command-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-command-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-command-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-command-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-command-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-command-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-command-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-command-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-command-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-command-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-command-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-command-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-command-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-command-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-command-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-command-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-command-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-command-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-command-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-command-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-command-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-command-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-command-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-command-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.85))] to-[var(--zui-command-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-blue-to-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,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-command-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.85))] to-[var(--zui-command-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-command-content-gradient-green-to-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,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-command-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.85))] to-[var(--zui-command-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-red-to-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,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-command-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-br from-[var(--zui-command-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-command-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.85))] to-[var(--zui-command-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-command-content-gradient-yellow-to-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,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.85))] to-[var(--zui-command-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-purple-to-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,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.85))] to-[var(--zui-command-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-command-content-gradient-teal-to-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,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.85))] to-[var(--zui-command-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-indigo-to-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,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.85))] to-[var(--zui-command-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.85))] backdrop-blur-xl\",\n blue: \"border border-[color:var(--zui-command-content-blue-border,#2563eb)] dark:border-[color:var(--zui-command-content-blue-border-dark,#3b82f6)] bg-[var(--zui-command-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-command-content-blue-bg-dark,#3b82f624)] backdrop-blur-xl\",\n cyan: \"border border-[color:var(--zui-command-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-command-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-command-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-command-content-cyan-bg-dark,#22d3ee24)] backdrop-blur-xl\",\n green:\n \"border border-[color:var(--zui-command-content-green-border,#16a34a)] dark:border-[color:var(--zui-command-content-green-border-dark,#22c55e)] bg-[var(--zui-command-content-green-bg,#16a34a14)] dark:bg-[var(--zui-command-content-green-bg-dark,#22c55e24)] backdrop-blur-xl\",\n lime: \"border border-[color:var(--zui-command-content-lime-border,#65a30d)] dark:border-[color:var(--zui-command-content-lime-border-dark,#a3e635)] bg-[var(--zui-command-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-command-content-lime-bg-dark,#a3e63524)] backdrop-blur-xl\",\n mint: \"border border-[color:var(--zui-command-content-mint-border,#10b981)] dark:border-[color:var(--zui-command-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-command-content-mint-bg,#10b98114)] dark:bg-[var(--zui-command-content-mint-bg-dark,#6ee7b724)] backdrop-blur-xl\",\n ocean:\n \"border border-[color:var(--zui-command-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-command-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-command-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-command-content-ocean-bg-dark,#38bdf824)] backdrop-blur-xl\",\n sapphire:\n \"border border-[color:var(--zui-command-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-command-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-command-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-command-content-sapphire-bg-dark,#60a5fa24)] backdrop-blur-xl\",\n lavender:\n \"border border-[color:var(--zui-command-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-command-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-command-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-command-content-lavender-bg-dark,#a78bfa24)] backdrop-blur-xl\",\n ruby: \"border border-[color:var(--zui-command-content-ruby-border,#be123c)] dark:border-[color:var(--zui-command-content-ruby-border-dark,#fb7185)] bg-[var(--zui-command-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-command-content-ruby-bg-dark,#fb718524)] backdrop-blur-xl\",\n red: \"border border-[color:var(--zui-command-content-red-border,#dc2626)] dark:border-[color:var(--zui-command-content-red-border-dark,#ef4444)] bg-[var(--zui-command-content-red-bg,#dc262614)] dark:bg-[var(--zui-command-content-red-bg-dark,#ef444424)] backdrop-blur-xl\",\n slate:\n \"border border-[color:var(--zui-command-content-slate-border,#475569)] dark:border-[color:var(--zui-command-content-slate-border-dark,#64748b)] bg-[var(--zui-command-content-slate-bg,#47556914)] dark:bg-[var(--zui-command-content-slate-bg-dark,#64748b24)] backdrop-blur-xl\",\n zinc: \"border border-[color:var(--zui-command-content-zinc-border,#52525b)] dark:border-[color:var(--zui-command-content-zinc-border-dark,#71717a)] bg-[var(--zui-command-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-command-content-zinc-bg-dark,#71717a24)] backdrop-blur-xl\",\n stone:\n \"border border-[color:var(--zui-command-content-stone-border,#57534e)] dark:border-[color:var(--zui-command-content-stone-border-dark,#78716c)] bg-[var(--zui-command-content-stone-bg,#57534e14)] dark:bg-[var(--zui-command-content-stone-bg-dark,#78716c24)] backdrop-blur-xl\",\n royal:\n \"border border-[color:var(--zui-command-content-royal-border,#4338ca)] dark:border-[color:var(--zui-command-content-royal-border-dark,#818cf8)] bg-[var(--zui-command-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-command-content-royal-bg-dark,#818cf824)] backdrop-blur-xl\",\n electric:\n \"border border-[color:var(--zui-command-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-command-content-electric-border-dark,#38bdf8)] bg-[var(--zui-command-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-command-content-electric-bg-dark,#38bdf824)] backdrop-blur-xl\",\n forest:\n \"border border-[color:var(--zui-command-content-forest-border,#166534)] dark:border-[color:var(--zui-command-content-forest-border-dark,#4ade80)] bg-[var(--zui-command-content-forest-bg,#16653414)] dark:bg-[var(--zui-command-content-forest-bg-dark,#4ade8024)] backdrop-blur-xl\",\n sunset:\n \"border border-[color:var(--zui-command-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-command-content-sunset-border-dark,#fb923c)] bg-[var(--zui-command-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-command-content-sunset-bg-dark,#fb923c24)] backdrop-blur-xl\",\n magenta:\n \"border border-[color:var(--zui-command-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-command-content-magenta-border-dark,#e879f9)] bg-[var(--zui-command-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-command-content-magenta-bg-dark,#e879f924)] backdrop-blur-xl\",\n crimson:\n \"border border-[color:var(--zui-command-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-command-content-crimson-border-dark,#f87171)] bg-[var(--zui-command-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-command-content-crimson-bg-dark,#f8717124)] backdrop-blur-xl\",\n aqua: \"border border-[color:var(--zui-command-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-command-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-command-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-command-content-aqua-bg-dark,#2dd4bf24)] backdrop-blur-xl\",\n plum: \"border border-[color:var(--zui-command-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-command-content-plum-border-dark,#c084fc)] bg-[var(--zui-command-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-command-content-plum-bg-dark,#c084fc24)] backdrop-blur-xl\",\n} as const;\n","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"]}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { cva } from 'class-variance-authority';
|
|
2
|
+
import { createContext, useContext } from 'react';
|
|
3
|
+
|
|
4
|
+
// src/ui/radio-group/variants.ts
|
|
5
|
+
|
|
6
|
+
// src/design-system/radio-group.ts
|
|
7
|
+
var zuiRadioGroupRootBase = "grid gap-2";
|
|
8
|
+
var zuiRadioGroupItemBase = "group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-radio-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-radio-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
|
|
9
|
+
var zuiRadioGroupControlBase = "grid shrink-0 place-items-center rounded-full border-2 border-[color:var(--zui-radio-border,#0000004d)] bg-[var(--zui-radio-bg,transparent)] dark:bg-[var(--zui-radio-bg-dark,transparent)] transition-[background-color,border-color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-radio-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-radio-border-dark,#ffffff4d)] dark:peer-focus-visible:ring-[var(--zui-radio-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed";
|
|
10
|
+
var zuiRadioGroupIndicatorBase = "pointer-events-none block rounded-full opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100";
|
|
11
|
+
var zuiRadioGroupSizes = {
|
|
12
|
+
sm: {
|
|
13
|
+
item: "text-xs",
|
|
14
|
+
control: "mt-0.5 size-4",
|
|
15
|
+
indicator: "size-1.5"
|
|
16
|
+
},
|
|
17
|
+
md: {
|
|
18
|
+
item: "text-sm",
|
|
19
|
+
control: "mt-0.5 size-5",
|
|
20
|
+
indicator: "size-2"
|
|
21
|
+
},
|
|
22
|
+
lg: {
|
|
23
|
+
item: "text-base",
|
|
24
|
+
control: "mt-0.5 size-6",
|
|
25
|
+
indicator: "size-2.5"
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
var zuiRadioGroupAppearances = {
|
|
29
|
+
default: "group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked-dark,oklch(44.6%_0.043_257.281))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg,oklch(44.6%_0.043_257.281))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg-dark,oklch(44.6%_0.043_257.281))]",
|
|
30
|
+
success: "group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked-dark,oklch(59.6%_0.145_163.225))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg,oklch(59.6%_0.145_163.225))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg-dark,oklch(59.6%_0.145_163.225))]",
|
|
31
|
+
warning: "group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg,oklch(68.1%_0.162_75.834))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg-dark,oklch(68.1%_0.162_75.834))]",
|
|
32
|
+
error: "group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked-dark,oklch(58.6%_0.253_17.585))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg,oklch(58.6%_0.253_17.585))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg-dark,oklch(58.6%_0.253_17.585))]",
|
|
33
|
+
info: "group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked-dark,oklch(54.6%_0.245_262.881))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg,oklch(54.6%_0.245_262.881))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg-dark,oklch(54.6%_0.245_262.881))]",
|
|
34
|
+
violet: "group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg,oklch(54.1%_0.281_293.009))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg-dark,oklch(54.1%_0.281_293.009))]",
|
|
35
|
+
amber: "group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg,oklch(66.6%_0.179_58.318))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg-dark,oklch(66.6%_0.179_58.318))]",
|
|
36
|
+
pink: "group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg,oklch(59.2%_0.249_0.584))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg-dark,oklch(59.2%_0.249_0.584))]",
|
|
37
|
+
indigo: "group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg,oklch(51.1%_0.262_276.966))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg-dark,oklch(51.1%_0.262_276.966))]",
|
|
38
|
+
blue: "border-[color:var(--zui-radio-group-blue-border,#2563eb)] dark:border-[color:var(--zui-radio-group-blue-border-dark,#3b82f6)] text-[color:var(--zui-radio-group-blue-fg,#2563eb)] dark:text-[color:var(--zui-radio-group-blue-fg-dark,#3b82f6)] data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked,#2563eb)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked-dark,#3b82f6)] data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked,#2563eb14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked-dark,#3b82f624)]",
|
|
39
|
+
cyan: "border-[color:var(--zui-radio-group-cyan-border,#0891b2)] dark:border-[color:var(--zui-radio-group-cyan-border-dark,#22d3ee)] text-[color:var(--zui-radio-group-cyan-fg,#0891b2)] dark:text-[color:var(--zui-radio-group-cyan-fg-dark,#22d3ee)] data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked,#0891b2)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked-dark,#22d3ee)] data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked,#0891b214)] dark:data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked-dark,#22d3ee24)]",
|
|
40
|
+
green: "border-[color:var(--zui-radio-group-green-border,#16a34a)] dark:border-[color:var(--zui-radio-group-green-border-dark,#22c55e)] text-[color:var(--zui-radio-group-green-fg,#16a34a)] dark:text-[color:var(--zui-radio-group-green-fg-dark,#22c55e)] data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked,#16a34a)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked-dark,#22c55e)] data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked,#16a34a14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked-dark,#22c55e24)]",
|
|
41
|
+
lime: "border-[color:var(--zui-radio-group-lime-border,#65a30d)] dark:border-[color:var(--zui-radio-group-lime-border-dark,#a3e635)] text-[color:var(--zui-radio-group-lime-fg,#65a30d)] dark:text-[color:var(--zui-radio-group-lime-fg-dark,#a3e635)] data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked,#65a30d)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked-dark,#a3e635)] data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked,#65a30d14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked-dark,#a3e63524)]",
|
|
42
|
+
mint: "border-[color:var(--zui-radio-group-mint-border,#10b981)] dark:border-[color:var(--zui-radio-group-mint-border-dark,#6ee7b7)] text-[color:var(--zui-radio-group-mint-fg,#10b981)] dark:text-[color:var(--zui-radio-group-mint-fg-dark,#6ee7b7)] data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked,#10b981)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked-dark,#6ee7b7)] data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked,#10b98114)] dark:data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked-dark,#6ee7b724)]",
|
|
43
|
+
ocean: "border-[color:var(--zui-radio-group-ocean-border,#0284c7)] dark:border-[color:var(--zui-radio-group-ocean-border-dark,#38bdf8)] text-[color:var(--zui-radio-group-ocean-fg,#0284c7)] dark:text-[color:var(--zui-radio-group-ocean-fg-dark,#38bdf8)] data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked,#0284c7)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked-dark,#38bdf8)] data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked,#0284c714)] dark:data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked-dark,#38bdf824)]",
|
|
44
|
+
sapphire: "border-[color:var(--zui-radio-group-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-radio-group-sapphire-border-dark,#60a5fa)] text-[color:var(--zui-radio-group-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-radio-group-sapphire-fg-dark,#60a5fa)] data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked,#1d4ed8)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked-dark,#60a5fa)] data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked,#1d4ed814)] dark:data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked-dark,#60a5fa24)]",
|
|
45
|
+
lavender: "border-[color:var(--zui-radio-group-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-radio-group-lavender-border-dark,#a78bfa)] text-[color:var(--zui-radio-group-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-radio-group-lavender-fg-dark,#a78bfa)] data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked,#8b5cf6)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked-dark,#a78bfa)] data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked,#8b5cf614)] dark:data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked-dark,#a78bfa24)]",
|
|
46
|
+
ruby: "border-[color:var(--zui-radio-group-ruby-border,#be123c)] dark:border-[color:var(--zui-radio-group-ruby-border-dark,#fb7185)] text-[color:var(--zui-radio-group-ruby-fg,#be123c)] dark:text-[color:var(--zui-radio-group-ruby-fg-dark,#fb7185)] data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked,#be123c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked-dark,#fb7185)] data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked,#be123c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked-dark,#fb718524)]",
|
|
47
|
+
red: "border-[color:var(--zui-radio-group-red-border,#dc2626)] dark:border-[color:var(--zui-radio-group-red-border-dark,#ef4444)] text-[color:var(--zui-radio-group-red-fg,#dc2626)] dark:text-[color:var(--zui-radio-group-red-fg-dark,#ef4444)] data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked,#dc2626)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked-dark,#ef4444)] data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked,#dc262614)] dark:data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked-dark,#ef444424)]",
|
|
48
|
+
slate: "border-[color:var(--zui-radio-group-slate-border,#475569)] dark:border-[color:var(--zui-radio-group-slate-border-dark,#64748b)] text-[color:var(--zui-radio-group-slate-fg,#475569)] dark:text-[color:var(--zui-radio-group-slate-fg-dark,#64748b)] data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked,#475569)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked-dark,#64748b)] data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked,#47556914)] dark:data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked-dark,#64748b24)]",
|
|
49
|
+
zinc: "border-[color:var(--zui-radio-group-zinc-border,#52525b)] dark:border-[color:var(--zui-radio-group-zinc-border-dark,#71717a)] text-[color:var(--zui-radio-group-zinc-fg,#52525b)] dark:text-[color:var(--zui-radio-group-zinc-fg-dark,#71717a)] data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked,#52525b)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked-dark,#71717a)] data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked,#52525b14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked-dark,#71717a24)]",
|
|
50
|
+
stone: "border-[color:var(--zui-radio-group-stone-border,#57534e)] dark:border-[color:var(--zui-radio-group-stone-border-dark,#78716c)] text-[color:var(--zui-radio-group-stone-fg,#57534e)] dark:text-[color:var(--zui-radio-group-stone-fg-dark,#78716c)] data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked,#57534e)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked-dark,#78716c)] data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked,#57534e14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked-dark,#78716c24)]",
|
|
51
|
+
royal: "border-[color:var(--zui-radio-group-royal-border,#4338ca)] dark:border-[color:var(--zui-radio-group-royal-border-dark,#818cf8)] text-[color:var(--zui-radio-group-royal-fg,#4338ca)] dark:text-[color:var(--zui-radio-group-royal-fg-dark,#818cf8)] data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked,#4338ca)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked-dark,#818cf8)] data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked,#4338ca14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked-dark,#818cf824)]",
|
|
52
|
+
electric: "border-[color:var(--zui-radio-group-electric-border,#0ea5e9)] dark:border-[color:var(--zui-radio-group-electric-border-dark,#38bdf8)] text-[color:var(--zui-radio-group-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-radio-group-electric-fg-dark,#38bdf8)] data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked,#0ea5e9)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked-dark,#38bdf8)] data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked,#0ea5e914)] dark:data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked-dark,#38bdf824)]",
|
|
53
|
+
forest: "border-[color:var(--zui-radio-group-forest-border,#166534)] dark:border-[color:var(--zui-radio-group-forest-border-dark,#4ade80)] text-[color:var(--zui-radio-group-forest-fg,#166534)] dark:text-[color:var(--zui-radio-group-forest-fg-dark,#4ade80)] data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked,#166534)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked-dark,#4ade80)] data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked,#16653414)] dark:data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked-dark,#4ade8024)]",
|
|
54
|
+
sunset: "border-[color:var(--zui-radio-group-sunset-border,#ea580c)] dark:border-[color:var(--zui-radio-group-sunset-border-dark,#fb923c)] text-[color:var(--zui-radio-group-sunset-fg,#ea580c)] dark:text-[color:var(--zui-radio-group-sunset-fg-dark,#fb923c)] data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked,#ea580c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked-dark,#fb923c)] data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked,#ea580c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked-dark,#fb923c24)]",
|
|
55
|
+
magenta: "border-[color:var(--zui-radio-group-magenta-border,#c026d3)] dark:border-[color:var(--zui-radio-group-magenta-border-dark,#e879f9)] text-[color:var(--zui-radio-group-magenta-fg,#c026d3)] dark:text-[color:var(--zui-radio-group-magenta-fg-dark,#e879f9)] data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked,#c026d3)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked-dark,#e879f9)] data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked,#c026d314)] dark:data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked-dark,#e879f924)]",
|
|
56
|
+
crimson: "border-[color:var(--zui-radio-group-crimson-border,#b91c1c)] dark:border-[color:var(--zui-radio-group-crimson-border-dark,#f87171)] text-[color:var(--zui-radio-group-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-radio-group-crimson-fg-dark,#f87171)] data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked,#b91c1c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked-dark,#f87171)] data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked,#b91c1c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked-dark,#f8717124)]",
|
|
57
|
+
aqua: "border-[color:var(--zui-radio-group-aqua-border,#0f766e)] dark:border-[color:var(--zui-radio-group-aqua-border-dark,#2dd4bf)] text-[color:var(--zui-radio-group-aqua-fg,#0f766e)] dark:text-[color:var(--zui-radio-group-aqua-fg-dark,#2dd4bf)] data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked,#0f766e)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked-dark,#2dd4bf)] data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked,#0f766e14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked-dark,#2dd4bf24)]",
|
|
58
|
+
plum: "border-[color:var(--zui-radio-group-plum-border,#7e22ce)] dark:border-[color:var(--zui-radio-group-plum-border-dark,#c084fc)] text-[color:var(--zui-radio-group-plum-fg,#7e22ce)] dark:text-[color:var(--zui-radio-group-plum-fg-dark,#c084fc)] data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked,#7e22ce)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked-dark,#c084fc)] data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked,#7e22ce14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked-dark,#c084fc24)]"
|
|
59
|
+
};
|
|
60
|
+
var zuiRadioGroupOrientations = {
|
|
61
|
+
vertical: "grid gap-2",
|
|
62
|
+
horizontal: "flex flex-wrap gap-x-5 gap-y-2"
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
// src/ui/radio-group/variants.ts
|
|
66
|
+
var radioGroupRootVariants = cva(zuiRadioGroupRootBase, {
|
|
67
|
+
variants: {
|
|
68
|
+
orientation: zuiRadioGroupOrientations
|
|
69
|
+
},
|
|
70
|
+
defaultVariants: {
|
|
71
|
+
orientation: "vertical"
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
var radioGroupItemVariants = cva(zuiRadioGroupItemBase, {
|
|
75
|
+
variants: {
|
|
76
|
+
size: {
|
|
77
|
+
sm: zuiRadioGroupSizes.sm.item,
|
|
78
|
+
md: zuiRadioGroupSizes.md.item,
|
|
79
|
+
lg: zuiRadioGroupSizes.lg.item
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
defaultVariants: {
|
|
83
|
+
size: "md"
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
var radioGroupControlVariants = cva(zuiRadioGroupControlBase, {
|
|
87
|
+
variants: {
|
|
88
|
+
appearance: zuiRadioGroupAppearances,
|
|
89
|
+
size: {
|
|
90
|
+
sm: zuiRadioGroupSizes.sm.control,
|
|
91
|
+
md: zuiRadioGroupSizes.md.control,
|
|
92
|
+
lg: zuiRadioGroupSizes.lg.control
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
defaultVariants: {
|
|
96
|
+
appearance: "default",
|
|
97
|
+
size: "md"
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
var radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {
|
|
101
|
+
variants: {
|
|
102
|
+
size: {
|
|
103
|
+
sm: zuiRadioGroupSizes.sm.indicator,
|
|
104
|
+
md: zuiRadioGroupSizes.md.indicator,
|
|
105
|
+
lg: zuiRadioGroupSizes.lg.indicator
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
defaultVariants: {
|
|
109
|
+
size: "md"
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
|
+
var RadioGroupContext = createContext(
|
|
113
|
+
null
|
|
114
|
+
);
|
|
115
|
+
function useRadioGroupContext() {
|
|
116
|
+
return useContext(RadioGroupContext);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
export { RadioGroupContext, radioGroupControlVariants, radioGroupIndicatorVariants, radioGroupItemVariants, radioGroupRootVariants, useRadioGroupContext };
|
|
120
|
+
//# sourceMappingURL=chunk-S4NQTWMW.mjs.map
|
|
121
|
+
//# sourceMappingURL=chunk-S4NQTWMW.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/radio-group.ts","../src/ui/radio-group/variants.ts","../src/ui/radio-group/radio-group-context.ts"],"names":[],"mappings":"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","file":"chunk-S4NQTWMW.mjs","sourcesContent":["export const zuiRadioGroupRootBase = \"grid gap-2\";\n\nexport const zuiRadioGroupItemBase =\n \"group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-radio-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-radio-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRadioGroupControlBase =\n \"grid shrink-0 place-items-center rounded-full border-2 border-[color:var(--zui-radio-border,#0000004d)] bg-[var(--zui-radio-bg,transparent)] dark:bg-[var(--zui-radio-bg-dark,transparent)] transition-[background-color,border-color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-radio-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-radio-border-dark,#ffffff4d)] dark:peer-focus-visible:ring-[var(--zui-radio-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed\";\n\nexport const zuiRadioGroupIndicatorBase =\n \"pointer-events-none block rounded-full opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100\";\n\nexport const zuiRadioGroupSizes = {\n sm: {\n item: \"text-xs\",\n control: \"mt-0.5 size-4\",\n indicator: \"size-1.5\",\n },\n md: {\n item: \"text-sm\",\n control: \"mt-0.5 size-5\",\n indicator: \"size-2\",\n },\n lg: {\n item: \"text-base\",\n control: \"mt-0.5 size-6\",\n indicator: \"size-2.5\",\n },\n} as const;\n\nexport const zuiRadioGroupAppearances = {\n default:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked-dark,oklch(44.6%_0.043_257.281))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg,oklch(44.6%_0.043_257.281))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg-dark,oklch(44.6%_0.043_257.281))]\",\n success:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked-dark,oklch(59.6%_0.145_163.225))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg,oklch(59.6%_0.145_163.225))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg-dark,oklch(59.6%_0.145_163.225))]\",\n warning:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg,oklch(68.1%_0.162_75.834))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg-dark,oklch(68.1%_0.162_75.834))]\",\n error:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked-dark,oklch(58.6%_0.253_17.585))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg,oklch(58.6%_0.253_17.585))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg-dark,oklch(58.6%_0.253_17.585))]\",\n info: \"group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked-dark,oklch(54.6%_0.245_262.881))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg,oklch(54.6%_0.245_262.881))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg-dark,oklch(54.6%_0.245_262.881))]\",\n violet:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg,oklch(54.1%_0.281_293.009))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg-dark,oklch(54.1%_0.281_293.009))]\",\n amber:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg,oklch(66.6%_0.179_58.318))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg-dark,oklch(66.6%_0.179_58.318))]\",\n pink: \"group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg,oklch(59.2%_0.249_0.584))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg-dark,oklch(59.2%_0.249_0.584))]\",\n indigo:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg,oklch(51.1%_0.262_276.966))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg-dark,oklch(51.1%_0.262_276.966))]\",\n blue: \"border-[color:var(--zui-radio-group-blue-border,#2563eb)] dark:border-[color:var(--zui-radio-group-blue-border-dark,#3b82f6)] text-[color:var(--zui-radio-group-blue-fg,#2563eb)] dark:text-[color:var(--zui-radio-group-blue-fg-dark,#3b82f6)] data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked,#2563eb)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked-dark,#3b82f6)] data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked,#2563eb14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked-dark,#3b82f624)]\",\n cyan: \"border-[color:var(--zui-radio-group-cyan-border,#0891b2)] dark:border-[color:var(--zui-radio-group-cyan-border-dark,#22d3ee)] text-[color:var(--zui-radio-group-cyan-fg,#0891b2)] dark:text-[color:var(--zui-radio-group-cyan-fg-dark,#22d3ee)] data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked,#0891b2)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked-dark,#22d3ee)] data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked,#0891b214)] dark:data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked-dark,#22d3ee24)]\",\n green:\n \"border-[color:var(--zui-radio-group-green-border,#16a34a)] dark:border-[color:var(--zui-radio-group-green-border-dark,#22c55e)] text-[color:var(--zui-radio-group-green-fg,#16a34a)] dark:text-[color:var(--zui-radio-group-green-fg-dark,#22c55e)] data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked,#16a34a)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked-dark,#22c55e)] data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked,#16a34a14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked-dark,#22c55e24)]\",\n lime: \"border-[color:var(--zui-radio-group-lime-border,#65a30d)] dark:border-[color:var(--zui-radio-group-lime-border-dark,#a3e635)] text-[color:var(--zui-radio-group-lime-fg,#65a30d)] dark:text-[color:var(--zui-radio-group-lime-fg-dark,#a3e635)] data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked,#65a30d)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked-dark,#a3e635)] data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked,#65a30d14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked-dark,#a3e63524)]\",\n mint: \"border-[color:var(--zui-radio-group-mint-border,#10b981)] dark:border-[color:var(--zui-radio-group-mint-border-dark,#6ee7b7)] text-[color:var(--zui-radio-group-mint-fg,#10b981)] dark:text-[color:var(--zui-radio-group-mint-fg-dark,#6ee7b7)] data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked,#10b981)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked-dark,#6ee7b7)] data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked,#10b98114)] dark:data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked-dark,#6ee7b724)]\",\n ocean:\n \"border-[color:var(--zui-radio-group-ocean-border,#0284c7)] dark:border-[color:var(--zui-radio-group-ocean-border-dark,#38bdf8)] text-[color:var(--zui-radio-group-ocean-fg,#0284c7)] dark:text-[color:var(--zui-radio-group-ocean-fg-dark,#38bdf8)] data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked,#0284c7)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked-dark,#38bdf8)] data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked,#0284c714)] dark:data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked-dark,#38bdf824)]\",\n sapphire:\n \"border-[color:var(--zui-radio-group-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-radio-group-sapphire-border-dark,#60a5fa)] text-[color:var(--zui-radio-group-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-radio-group-sapphire-fg-dark,#60a5fa)] data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked,#1d4ed8)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked-dark,#60a5fa)] data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked,#1d4ed814)] dark:data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked-dark,#60a5fa24)]\",\n lavender:\n \"border-[color:var(--zui-radio-group-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-radio-group-lavender-border-dark,#a78bfa)] text-[color:var(--zui-radio-group-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-radio-group-lavender-fg-dark,#a78bfa)] data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked,#8b5cf6)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked-dark,#a78bfa)] data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked,#8b5cf614)] dark:data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked-dark,#a78bfa24)]\",\n ruby: \"border-[color:var(--zui-radio-group-ruby-border,#be123c)] dark:border-[color:var(--zui-radio-group-ruby-border-dark,#fb7185)] text-[color:var(--zui-radio-group-ruby-fg,#be123c)] dark:text-[color:var(--zui-radio-group-ruby-fg-dark,#fb7185)] data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked,#be123c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked-dark,#fb7185)] data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked,#be123c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked-dark,#fb718524)]\",\n red: \"border-[color:var(--zui-radio-group-red-border,#dc2626)] dark:border-[color:var(--zui-radio-group-red-border-dark,#ef4444)] text-[color:var(--zui-radio-group-red-fg,#dc2626)] dark:text-[color:var(--zui-radio-group-red-fg-dark,#ef4444)] data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked,#dc2626)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked-dark,#ef4444)] data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked,#dc262614)] dark:data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked-dark,#ef444424)]\",\n slate:\n \"border-[color:var(--zui-radio-group-slate-border,#475569)] dark:border-[color:var(--zui-radio-group-slate-border-dark,#64748b)] text-[color:var(--zui-radio-group-slate-fg,#475569)] dark:text-[color:var(--zui-radio-group-slate-fg-dark,#64748b)] data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked,#475569)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked-dark,#64748b)] data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked,#47556914)] dark:data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked-dark,#64748b24)]\",\n zinc: \"border-[color:var(--zui-radio-group-zinc-border,#52525b)] dark:border-[color:var(--zui-radio-group-zinc-border-dark,#71717a)] text-[color:var(--zui-radio-group-zinc-fg,#52525b)] dark:text-[color:var(--zui-radio-group-zinc-fg-dark,#71717a)] data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked,#52525b)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked-dark,#71717a)] data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked,#52525b14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked-dark,#71717a24)]\",\n stone:\n \"border-[color:var(--zui-radio-group-stone-border,#57534e)] dark:border-[color:var(--zui-radio-group-stone-border-dark,#78716c)] text-[color:var(--zui-radio-group-stone-fg,#57534e)] dark:text-[color:var(--zui-radio-group-stone-fg-dark,#78716c)] data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked,#57534e)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked-dark,#78716c)] data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked,#57534e14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked-dark,#78716c24)]\",\n royal:\n \"border-[color:var(--zui-radio-group-royal-border,#4338ca)] dark:border-[color:var(--zui-radio-group-royal-border-dark,#818cf8)] text-[color:var(--zui-radio-group-royal-fg,#4338ca)] dark:text-[color:var(--zui-radio-group-royal-fg-dark,#818cf8)] data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked,#4338ca)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked-dark,#818cf8)] data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked,#4338ca14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked-dark,#818cf824)]\",\n electric:\n \"border-[color:var(--zui-radio-group-electric-border,#0ea5e9)] dark:border-[color:var(--zui-radio-group-electric-border-dark,#38bdf8)] text-[color:var(--zui-radio-group-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-radio-group-electric-fg-dark,#38bdf8)] data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked,#0ea5e9)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked-dark,#38bdf8)] data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked,#0ea5e914)] dark:data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked-dark,#38bdf824)]\",\n forest:\n \"border-[color:var(--zui-radio-group-forest-border,#166534)] dark:border-[color:var(--zui-radio-group-forest-border-dark,#4ade80)] text-[color:var(--zui-radio-group-forest-fg,#166534)] dark:text-[color:var(--zui-radio-group-forest-fg-dark,#4ade80)] data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked,#166534)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked-dark,#4ade80)] data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked,#16653414)] dark:data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked-dark,#4ade8024)]\",\n sunset:\n \"border-[color:var(--zui-radio-group-sunset-border,#ea580c)] dark:border-[color:var(--zui-radio-group-sunset-border-dark,#fb923c)] text-[color:var(--zui-radio-group-sunset-fg,#ea580c)] dark:text-[color:var(--zui-radio-group-sunset-fg-dark,#fb923c)] data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked,#ea580c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked-dark,#fb923c)] data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked,#ea580c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked-dark,#fb923c24)]\",\n magenta:\n \"border-[color:var(--zui-radio-group-magenta-border,#c026d3)] dark:border-[color:var(--zui-radio-group-magenta-border-dark,#e879f9)] text-[color:var(--zui-radio-group-magenta-fg,#c026d3)] dark:text-[color:var(--zui-radio-group-magenta-fg-dark,#e879f9)] data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked,#c026d3)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked-dark,#e879f9)] data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked,#c026d314)] dark:data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked-dark,#e879f924)]\",\n crimson:\n \"border-[color:var(--zui-radio-group-crimson-border,#b91c1c)] dark:border-[color:var(--zui-radio-group-crimson-border-dark,#f87171)] text-[color:var(--zui-radio-group-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-radio-group-crimson-fg-dark,#f87171)] data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked,#b91c1c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked-dark,#f87171)] data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked,#b91c1c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked-dark,#f8717124)]\",\n aqua: \"border-[color:var(--zui-radio-group-aqua-border,#0f766e)] dark:border-[color:var(--zui-radio-group-aqua-border-dark,#2dd4bf)] text-[color:var(--zui-radio-group-aqua-fg,#0f766e)] dark:text-[color:var(--zui-radio-group-aqua-fg-dark,#2dd4bf)] data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked,#0f766e)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked-dark,#2dd4bf)] data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked,#0f766e14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked-dark,#2dd4bf24)]\",\n plum: \"border-[color:var(--zui-radio-group-plum-border,#7e22ce)] dark:border-[color:var(--zui-radio-group-plum-border-dark,#c084fc)] text-[color:var(--zui-radio-group-plum-fg,#7e22ce)] dark:text-[color:var(--zui-radio-group-plum-fg-dark,#c084fc)] data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked,#7e22ce)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked-dark,#c084fc)] data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked,#7e22ce14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked-dark,#c084fc24)]\",\n} as const;\n\nexport const zuiRadioGroupOrientations = {\n vertical: \"grid gap-2\",\n horizontal: \"flex flex-wrap gap-x-5 gap-y-2\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiRadioGroupAppearances,\n zuiRadioGroupControlBase,\n zuiRadioGroupIndicatorBase,\n zuiRadioGroupItemBase,\n zuiRadioGroupOrientations,\n zuiRadioGroupRootBase,\n zuiRadioGroupSizes,\n} from \"../../design-system/radio-group\";\n\nexport const radioGroupRootVariants = cva(zuiRadioGroupRootBase, {\n variants: {\n orientation: zuiRadioGroupOrientations,\n },\n defaultVariants: {\n orientation: \"vertical\",\n },\n});\n\nexport const radioGroupItemVariants = cva(zuiRadioGroupItemBase, {\n variants: {\n size: {\n sm: zuiRadioGroupSizes.sm.item,\n md: zuiRadioGroupSizes.md.item,\n lg: zuiRadioGroupSizes.lg.item,\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\nexport const radioGroupControlVariants = cva(zuiRadioGroupControlBase, {\n variants: {\n appearance: zuiRadioGroupAppearances,\n size: {\n sm: zuiRadioGroupSizes.sm.control,\n md: zuiRadioGroupSizes.md.control,\n lg: zuiRadioGroupSizes.lg.control,\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {\n variants: {\n size: {\n sm: zuiRadioGroupSizes.sm.indicator,\n md: zuiRadioGroupSizes.md.indicator,\n lg: zuiRadioGroupSizes.lg.indicator,\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { RadioGroupAppearance, RadioGroupSize } from \"./types\";\n\nexport type RadioGroupContextValue = {\n value: string | undefined;\n name: string;\n disabled?: boolean;\n required?: boolean;\n appearance?: RadioGroupAppearance;\n size?: RadioGroupSize;\n onValueChange: (value: string) => void;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n null,\n);\n\nexport function useRadioGroupContext() {\n return useContext(RadioGroupContext);\n}\n"]}
|
|
@@ -13,6 +13,27 @@ var zuiAccordionAppearances = {
|
|
|
13
13
|
ghost: "divide-y divide-[var(--zui-accordion-ghost-divider,#0000000d)] dark:divide-[var(--zui-accordion-ghost-divider-dark,#ffffff0d)]",
|
|
14
14
|
card: "space-y-2",
|
|
15
15
|
separated: "space-y-3",
|
|
16
|
+
blue: "divide-y divide-[var(--zui-accordion-blue-divider,#2563eb)] dark:divide-[var(--zui-accordion-blue-divider-dark,#3b82f6)] rounded-xl border border-[color:var(--zui-accordion-blue-border,#2563eb)] dark:border-[color:var(--zui-accordion-blue-border-dark,#3b82f6)]",
|
|
17
|
+
cyan: "divide-y divide-[var(--zui-accordion-cyan-divider,#0891b2)] dark:divide-[var(--zui-accordion-cyan-divider-dark,#22d3ee)] rounded-xl border border-[color:var(--zui-accordion-cyan-border,#0891b2)] dark:border-[color:var(--zui-accordion-cyan-border-dark,#22d3ee)]",
|
|
18
|
+
green: "divide-y divide-[var(--zui-accordion-green-divider,#16a34a)] dark:divide-[var(--zui-accordion-green-divider-dark,#22c55e)] rounded-xl border border-[color:var(--zui-accordion-green-border,#16a34a)] dark:border-[color:var(--zui-accordion-green-border-dark,#22c55e)]",
|
|
19
|
+
lime: "divide-y divide-[var(--zui-accordion-lime-divider,#65a30d)] dark:divide-[var(--zui-accordion-lime-divider-dark,#a3e635)] rounded-xl border border-[color:var(--zui-accordion-lime-border,#65a30d)] dark:border-[color:var(--zui-accordion-lime-border-dark,#a3e635)]",
|
|
20
|
+
mint: "divide-y divide-[var(--zui-accordion-mint-divider,#10b981)] dark:divide-[var(--zui-accordion-mint-divider-dark,#6ee7b7)] rounded-xl border border-[color:var(--zui-accordion-mint-border,#10b981)] dark:border-[color:var(--zui-accordion-mint-border-dark,#6ee7b7)]",
|
|
21
|
+
ocean: "divide-y divide-[var(--zui-accordion-ocean-divider,#0284c7)] dark:divide-[var(--zui-accordion-ocean-divider-dark,#38bdf8)] rounded-xl border border-[color:var(--zui-accordion-ocean-border,#0284c7)] dark:border-[color:var(--zui-accordion-ocean-border-dark,#38bdf8)]",
|
|
22
|
+
sapphire: "divide-y divide-[var(--zui-accordion-sapphire-divider,#1d4ed8)] dark:divide-[var(--zui-accordion-sapphire-divider-dark,#60a5fa)] rounded-xl border border-[color:var(--zui-accordion-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-accordion-sapphire-border-dark,#60a5fa)]",
|
|
23
|
+
lavender: "divide-y divide-[var(--zui-accordion-lavender-divider,#8b5cf6)] dark:divide-[var(--zui-accordion-lavender-divider-dark,#a78bfa)] rounded-xl border border-[color:var(--zui-accordion-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-accordion-lavender-border-dark,#a78bfa)]",
|
|
24
|
+
ruby: "divide-y divide-[var(--zui-accordion-ruby-divider,#be123c)] dark:divide-[var(--zui-accordion-ruby-divider-dark,#fb7185)] rounded-xl border border-[color:var(--zui-accordion-ruby-border,#be123c)] dark:border-[color:var(--zui-accordion-ruby-border-dark,#fb7185)]",
|
|
25
|
+
red: "divide-y divide-[var(--zui-accordion-red-divider,#dc2626)] dark:divide-[var(--zui-accordion-red-divider-dark,#ef4444)] rounded-xl border border-[color:var(--zui-accordion-red-border,#dc2626)] dark:border-[color:var(--zui-accordion-red-border-dark,#ef4444)]",
|
|
26
|
+
slate: "divide-y divide-[var(--zui-accordion-slate-divider,#475569)] dark:divide-[var(--zui-accordion-slate-divider-dark,#64748b)] rounded-xl border border-[color:var(--zui-accordion-slate-border,#475569)] dark:border-[color:var(--zui-accordion-slate-border-dark,#64748b)]",
|
|
27
|
+
zinc: "divide-y divide-[var(--zui-accordion-zinc-divider,#52525b)] dark:divide-[var(--zui-accordion-zinc-divider-dark,#71717a)] rounded-xl border border-[color:var(--zui-accordion-zinc-border,#52525b)] dark:border-[color:var(--zui-accordion-zinc-border-dark,#71717a)]",
|
|
28
|
+
stone: "divide-y divide-[var(--zui-accordion-stone-divider,#57534e)] dark:divide-[var(--zui-accordion-stone-divider-dark,#78716c)] rounded-xl border border-[color:var(--zui-accordion-stone-border,#57534e)] dark:border-[color:var(--zui-accordion-stone-border-dark,#78716c)]",
|
|
29
|
+
royal: "divide-y divide-[var(--zui-accordion-royal-divider,#4338ca)] dark:divide-[var(--zui-accordion-royal-divider-dark,#818cf8)] rounded-xl border border-[color:var(--zui-accordion-royal-border,#4338ca)] dark:border-[color:var(--zui-accordion-royal-border-dark,#818cf8)]",
|
|
30
|
+
electric: "divide-y divide-[var(--zui-accordion-electric-divider,#0ea5e9)] dark:divide-[var(--zui-accordion-electric-divider-dark,#38bdf8)] rounded-xl border border-[color:var(--zui-accordion-electric-border,#0ea5e9)] dark:border-[color:var(--zui-accordion-electric-border-dark,#38bdf8)]",
|
|
31
|
+
forest: "divide-y divide-[var(--zui-accordion-forest-divider,#166534)] dark:divide-[var(--zui-accordion-forest-divider-dark,#4ade80)] rounded-xl border border-[color:var(--zui-accordion-forest-border,#166534)] dark:border-[color:var(--zui-accordion-forest-border-dark,#4ade80)]",
|
|
32
|
+
sunset: "divide-y divide-[var(--zui-accordion-sunset-divider,#ea580c)] dark:divide-[var(--zui-accordion-sunset-divider-dark,#fb923c)] rounded-xl border border-[color:var(--zui-accordion-sunset-border,#ea580c)] dark:border-[color:var(--zui-accordion-sunset-border-dark,#fb923c)]",
|
|
33
|
+
magenta: "divide-y divide-[var(--zui-accordion-magenta-divider,#c026d3)] dark:divide-[var(--zui-accordion-magenta-divider-dark,#e879f9)] rounded-xl border border-[color:var(--zui-accordion-magenta-border,#c026d3)] dark:border-[color:var(--zui-accordion-magenta-border-dark,#e879f9)]",
|
|
34
|
+
crimson: "divide-y divide-[var(--zui-accordion-crimson-divider,#b91c1c)] dark:divide-[var(--zui-accordion-crimson-divider-dark,#f87171)] rounded-xl border border-[color:var(--zui-accordion-crimson-border,#b91c1c)] dark:border-[color:var(--zui-accordion-crimson-border-dark,#f87171)]",
|
|
35
|
+
aqua: "divide-y divide-[var(--zui-accordion-aqua-divider,#0f766e)] dark:divide-[var(--zui-accordion-aqua-divider-dark,#2dd4bf)] rounded-xl border border-[color:var(--zui-accordion-aqua-border,#0f766e)] dark:border-[color:var(--zui-accordion-aqua-border-dark,#2dd4bf)]",
|
|
36
|
+
plum: "divide-y divide-[var(--zui-accordion-plum-divider,#7e22ce)] dark:divide-[var(--zui-accordion-plum-divider-dark,#c084fc)] rounded-xl border border-[color:var(--zui-accordion-plum-border,#7e22ce)] dark:border-[color:var(--zui-accordion-plum-border-dark,#c084fc)]",
|
|
16
37
|
sky: "divide-y divide-[var(--zui-accordion-sky-divider,oklch(44.3%_0.11_240.79))] dark:divide-[var(--zui-accordion-sky-divider-dark,oklch(58.8%_0.158_241.966))] rounded-xl border border-[color:var(--zui-accordion-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-sky-border-dark,oklch(58.8%_0.158_241.966))]",
|
|
17
38
|
rose: "divide-y divide-[var(--zui-accordion-rose-divider,oklch(45.5%_0.188_13.697))] dark:divide-[var(--zui-accordion-rose-divider-dark,oklch(58.6%_0.253_17.585))] rounded-xl border border-[color:var(--zui-accordion-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-rose-border-dark,oklch(58.6%_0.253_17.585))]",
|
|
18
39
|
purple: "divide-y divide-[var(--zui-accordion-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-purple-border-dark,oklch(55.8%_0.288_302.321))]",
|
|
@@ -44,6 +65,27 @@ var zuiAccordionItemAppearances = {
|
|
|
44
65
|
ghost: "",
|
|
45
66
|
card: "rounded-xl border border-[color:var(--zui-accordion-item-card-border,#0000001a)] dark:border-[color:var(--zui-accordion-item-card-border-dark,#ffffff1a)] bg-[var(--zui-accordion-item-card-bg,#0000000d)] dark:bg-[var(--zui-accordion-item-card-bg-dark,#00000099)] p-2",
|
|
46
67
|
separated: "rounded-xl border border-[color:var(--zui-accordion-item-separated-border,#0000001a)] dark:border-[color:var(--zui-accordion-item-separated-border-dark,#ffffff1a)] bg-[var(--zui-accordion-item-separated-bg,oklch(98.4%_0.003_247.858_/_0.4))] dark:bg-[var(--zui-accordion-item-separated-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] p-2",
|
|
68
|
+
blue: "rounded-xl border border-[color:var(--zui-accordion-item-blue-border,#2563eb)] dark:border-[color:var(--zui-accordion-item-blue-border-dark,#3b82f6)] bg-[var(--zui-accordion-item-blue-bg,#2563eb1a)] dark:bg-[var(--zui-accordion-item-blue-bg-dark,#3b82f626)] p-2",
|
|
69
|
+
cyan: "rounded-xl border border-[color:var(--zui-accordion-item-cyan-border,#0891b2)] dark:border-[color:var(--zui-accordion-item-cyan-border-dark,#22d3ee)] bg-[var(--zui-accordion-item-cyan-bg,#0891b21a)] dark:bg-[var(--zui-accordion-item-cyan-bg-dark,#22d3ee26)] p-2",
|
|
70
|
+
green: "rounded-xl border border-[color:var(--zui-accordion-item-green-border,#16a34a)] dark:border-[color:var(--zui-accordion-item-green-border-dark,#22c55e)] bg-[var(--zui-accordion-item-green-bg,#16a34a1a)] dark:bg-[var(--zui-accordion-item-green-bg-dark,#22c55e26)] p-2",
|
|
71
|
+
lime: "rounded-xl border border-[color:var(--zui-accordion-item-lime-border,#65a30d)] dark:border-[color:var(--zui-accordion-item-lime-border-dark,#a3e635)] bg-[var(--zui-accordion-item-lime-bg,#65a30d1a)] dark:bg-[var(--zui-accordion-item-lime-bg-dark,#a3e63526)] p-2",
|
|
72
|
+
mint: "rounded-xl border border-[color:var(--zui-accordion-item-mint-border,#10b981)] dark:border-[color:var(--zui-accordion-item-mint-border-dark,#6ee7b7)] bg-[var(--zui-accordion-item-mint-bg,#10b9811a)] dark:bg-[var(--zui-accordion-item-mint-bg-dark,#6ee7b726)] p-2",
|
|
73
|
+
ocean: "rounded-xl border border-[color:var(--zui-accordion-item-ocean-border,#0284c7)] dark:border-[color:var(--zui-accordion-item-ocean-border-dark,#38bdf8)] bg-[var(--zui-accordion-item-ocean-bg,#0284c71a)] dark:bg-[var(--zui-accordion-item-ocean-bg-dark,#38bdf826)] p-2",
|
|
74
|
+
sapphire: "rounded-xl border border-[color:var(--zui-accordion-item-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-accordion-item-sapphire-border-dark,#60a5fa)] bg-[var(--zui-accordion-item-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-accordion-item-sapphire-bg-dark,#60a5fa26)] p-2",
|
|
75
|
+
lavender: "rounded-xl border border-[color:var(--zui-accordion-item-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-accordion-item-lavender-border-dark,#a78bfa)] bg-[var(--zui-accordion-item-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-accordion-item-lavender-bg-dark,#a78bfa26)] p-2",
|
|
76
|
+
ruby: "rounded-xl border border-[color:var(--zui-accordion-item-ruby-border,#be123c)] dark:border-[color:var(--zui-accordion-item-ruby-border-dark,#fb7185)] bg-[var(--zui-accordion-item-ruby-bg,#be123c1a)] dark:bg-[var(--zui-accordion-item-ruby-bg-dark,#fb718526)] p-2",
|
|
77
|
+
red: "rounded-xl border border-[color:var(--zui-accordion-item-red-border,#dc2626)] dark:border-[color:var(--zui-accordion-item-red-border-dark,#ef4444)] bg-[var(--zui-accordion-item-red-bg,#dc26261a)] dark:bg-[var(--zui-accordion-item-red-bg-dark,#ef444426)] p-2",
|
|
78
|
+
slate: "rounded-xl border border-[color:var(--zui-accordion-item-slate-border,#475569)] dark:border-[color:var(--zui-accordion-item-slate-border-dark,#64748b)] bg-[var(--zui-accordion-item-slate-bg,#4755691a)] dark:bg-[var(--zui-accordion-item-slate-bg-dark,#64748b26)] p-2",
|
|
79
|
+
zinc: "rounded-xl border border-[color:var(--zui-accordion-item-zinc-border,#52525b)] dark:border-[color:var(--zui-accordion-item-zinc-border-dark,#71717a)] bg-[var(--zui-accordion-item-zinc-bg,#52525b1a)] dark:bg-[var(--zui-accordion-item-zinc-bg-dark,#71717a26)] p-2",
|
|
80
|
+
stone: "rounded-xl border border-[color:var(--zui-accordion-item-stone-border,#57534e)] dark:border-[color:var(--zui-accordion-item-stone-border-dark,#78716c)] bg-[var(--zui-accordion-item-stone-bg,#57534e1a)] dark:bg-[var(--zui-accordion-item-stone-bg-dark,#78716c26)] p-2",
|
|
81
|
+
royal: "rounded-xl border border-[color:var(--zui-accordion-item-royal-border,#4338ca)] dark:border-[color:var(--zui-accordion-item-royal-border-dark,#818cf8)] bg-[var(--zui-accordion-item-royal-bg,#4338ca1a)] dark:bg-[var(--zui-accordion-item-royal-bg-dark,#818cf826)] p-2",
|
|
82
|
+
electric: "rounded-xl border border-[color:var(--zui-accordion-item-electric-border,#0ea5e9)] dark:border-[color:var(--zui-accordion-item-electric-border-dark,#38bdf8)] bg-[var(--zui-accordion-item-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-accordion-item-electric-bg-dark,#38bdf826)] p-2",
|
|
83
|
+
forest: "rounded-xl border border-[color:var(--zui-accordion-item-forest-border,#166534)] dark:border-[color:var(--zui-accordion-item-forest-border-dark,#4ade80)] bg-[var(--zui-accordion-item-forest-bg,#1665341a)] dark:bg-[var(--zui-accordion-item-forest-bg-dark,#4ade8026)] p-2",
|
|
84
|
+
sunset: "rounded-xl border border-[color:var(--zui-accordion-item-sunset-border,#ea580c)] dark:border-[color:var(--zui-accordion-item-sunset-border-dark,#fb923c)] bg-[var(--zui-accordion-item-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-accordion-item-sunset-bg-dark,#fb923c26)] p-2",
|
|
85
|
+
magenta: "rounded-xl border border-[color:var(--zui-accordion-item-magenta-border,#c026d3)] dark:border-[color:var(--zui-accordion-item-magenta-border-dark,#e879f9)] bg-[var(--zui-accordion-item-magenta-bg,#c026d31a)] dark:bg-[var(--zui-accordion-item-magenta-bg-dark,#e879f926)] p-2",
|
|
86
|
+
crimson: "rounded-xl border border-[color:var(--zui-accordion-item-crimson-border,#b91c1c)] dark:border-[color:var(--zui-accordion-item-crimson-border-dark,#f87171)] bg-[var(--zui-accordion-item-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-accordion-item-crimson-bg-dark,#f8717126)] p-2",
|
|
87
|
+
aqua: "rounded-xl border border-[color:var(--zui-accordion-item-aqua-border,#0f766e)] dark:border-[color:var(--zui-accordion-item-aqua-border-dark,#2dd4bf)] bg-[var(--zui-accordion-item-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-accordion-item-aqua-bg-dark,#2dd4bf26)] p-2",
|
|
88
|
+
plum: "rounded-xl border border-[color:var(--zui-accordion-item-plum-border,#7e22ce)] dark:border-[color:var(--zui-accordion-item-plum-border-dark,#c084fc)] bg-[var(--zui-accordion-item-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-accordion-item-plum-bg-dark,#c084fc26)] p-2",
|
|
47
89
|
sky: "rounded-xl border border-[color:var(--zui-accordion-item-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-item-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-accordion-item-sky-bg,oklch(95.1%_0.026_236.824_/_0.5))] dark:bg-[var(--zui-accordion-item-sky-bg-dark,oklch(58.8%_0.158_241.966_/_0.03))] p-2",
|
|
48
90
|
rose: "rounded-xl border border-[color:var(--zui-accordion-item-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-item-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-accordion-item-rose-bg,oklch(94.1%_0.03_12.58_/_0.5))] dark:bg-[var(--zui-accordion-item-rose-bg-dark,oklch(58.6%_0.253_17.585_/_0.03))] p-2",
|
|
49
91
|
purple: "rounded-xl border border-[color:var(--zui-accordion-item-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-item-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-accordion-item-purple-bg,oklch(94.6%_0.033_307.174_/_0.5))] dark:bg-[var(--zui-accordion-item-purple-bg-dark,oklch(55.8%_0.288_302.321_/_0.03))] p-2",
|
|
@@ -284,5 +326,5 @@ exports.accordionTriggerVariants = accordionTriggerVariants;
|
|
|
284
326
|
exports.accordionVariants = accordionVariants;
|
|
285
327
|
exports.useAccordionContext = useAccordionContext;
|
|
286
328
|
exports.useAccordionItemValue = useAccordionItemValue;
|
|
287
|
-
//# sourceMappingURL=chunk-
|
|
288
|
-
//# sourceMappingURL=chunk-
|
|
329
|
+
//# sourceMappingURL=chunk-SRLYXLUU.js.map
|
|
330
|
+
//# sourceMappingURL=chunk-SRLYXLUU.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/accordion.ts","../src/ui/accordion/variants.ts","../src/ui/accordion/accordion-base.tsx"],"names":["cva","createContext","useContext","useState","useMemo","useCallback","next","jsx","cn","useId"],"mappings":";;;;;;;;AAAO,IAAM,gBAAA,GAAmB,QAAA;AAEzB,IAAM,uBAAA,GAA0B;AAAA,EACrC,OAAA,EACE,0RAAA;AAAA,EACF,OAAA,EACE,0RAAA;AAAA,EACF,KAAA,EACE,gIAAA;AAAA,EACF,IAAA,EAAM,WAAA;AAAA,EACN,SAAA,EAAW,WAAA;AAAA,EACX,IAAA,EAAM,sQAAA;AAAA,EACN,IAAA,EAAM,sQAAA;AAAA,EACN,KAAA,EACE,0QAAA;AAAA,EACF,IAAA,EAAM,sQAAA;AAAA,EACN,IAAA,EAAM,sQAAA;AAAA,EACN,KAAA,EACE,0QAAA;AAAA,EACF,QAAA,EACE,sRAAA;AAAA,EACF,QAAA,EACE,sRAAA;AAAA,EACF,IAAA,EAAM,sQAAA;AAAA,EACN,GAAA,EAAK,kQAAA;AAAA,EACL,KAAA,EACE,0QAAA;AAAA,EACF,IAAA,EAAM,sQAAA;AAAA,EACN,KAAA,EACE,0QAAA;AAAA,EACF,KAAA,EACE,0QAAA;AAAA,EACF,QAAA,EACE,sRAAA;AAAA,EACF,MAAA,EACE,8QAAA;AAAA,EACF,MAAA,EACE,8QAAA;AAAA,EACF,OAAA,EACE,kRAAA;AAAA,EACF,OAAA,EACE,kRAAA;AAAA,EACF,IAAA,EAAM,sQAAA;AAAA,EACN,IAAA,EAAM,sQAAA;AAAA,EACN,GAAA,EAAK,0UAAA;AAAA,EACL,IAAA,EAAM,8UAAA;AAAA,EACN,MAAA,EACE,0VAAA;AAAA,EACF,IAAA,EAAM,0UAAA;AAAA,EACN,MAAA,EACE,kVAAA;AAAA,EACF,MAAA,EACE,sVAAA;AAAA,EACF,IAAA,EAAM,8UAAA;AAAA,EACN,MAAA,EACE,0VAAA;AAAA,EACF,OAAA,EACE,8VAAA;AAAA,EACF,eAAA,EACE,sXAAA;AAAA,EACF,gBAAA,EACE,0XAAA;AAAA,EACF,cAAA,EACE,8WAAA;AAAA,EACF,iBAAA,EACE,0XAAA;AAAA,EACF,iBAAA,EACE,8XAAA;AAAA,EACF,eAAA,EACE,kXAAA;AAAA,EACF,iBAAA,EACE,8XAAA;AAAA,EACF,eAAA,EACE,8WAAA;AAAA,EACF,iBAAA,EACE;AACJ,CAAA;AAEO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,oBAAA,GACX,qJAAA;AAEK,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM,2QAAA;AAAA,EACN,SAAA,EACE,6UAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,IAAA,EAAM,uQAAA;AAAA,EACN,KAAA,EACE,2QAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,IAAA,EAAM,uQAAA;AAAA,EACN,KAAA,EACE,2QAAA;AAAA,EACF,QAAA,EACE,uRAAA;AAAA,EACF,QAAA,EACE,uRAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,GAAA,EAAK,mQAAA;AAAA,EACL,KAAA,EACE,2QAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,KAAA,EACE,2QAAA;AAAA,EACF,KAAA,EACE,2QAAA;AAAA,EACF,QAAA,EACE,uRAAA;AAAA,EACF,MAAA,EACE,+QAAA;AAAA,EACF,MAAA,EACE,+QAAA;AAAA,EACF,OAAA,EACE,mRAAA;AAAA,EACF,OAAA,EACE,mRAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,IAAA,EAAM,uQAAA;AAAA,EACN,GAAA,EAAK,sVAAA;AAAA,EACL,IAAA,EAAM,sVAAA;AAAA,EACN,MAAA,EACE,oWAAA;AAAA,EACF,IAAA,EAAM,sVAAA;AAAA,EACN,MAAA,EACE,8VAAA;AAAA,EACF,MAAA,EACE,iWAAA;AAAA,EACF,IAAA,EAAM,wVAAA;AAAA,EACN,MAAA,EACE,kWAAA;AAAA,EACF,OAAA,EACE,sWAAA;AAAA,EACF,eAAA,EACE,uWAAA;AAAA,EACF,gBAAA,EACE,wWAAA;AAAA,EACF,cAAA,EACE,8VAAA;AAAA,EACF,iBAAA,EACE,0WAAA;AAAA,EACF,iBAAA,EACE,4WAAA;AAAA,EACF,eAAA,EACE,qWAAA;AAAA,EACF,iBAAA,EACE,+WAAA;AAAA,EACF,eAAA,EACE,gWAAA;AAAA,EACF,iBAAA,EACE;AACJ,CAAA;AAEO,IAAM,uBAAA,GACX,ykBAAA;AAEK,IAAM,wBAAA,GAA2B;AAAA,EACtC,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,uBAAA,GAA0B,cAAA;AAEhC,IAAM,wBAAA,GAA2B;AAAA,EACtC,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;;;AClKO,IAAM,iBAAA,GAAoBA,2BAAI,gBAAA,EAAkB;AAAA,EACrD,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,uBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,qBAAA,GAAwBA,2BAAI,oBAAA,EAAsB;AAAA,EAC7D,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,GACd;AAAA,EACA,eAAA,EAAiB,EAAE,UAAA,EAAY,SAAA;AACjC,CAAC;AAEM,IAAM,wBAAA,GAA2BA,2BAAI,uBAAA,EAAyB;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,wBAAA,GAA2BA,2BAAI,uBAAA,EAAyB;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACjBD,IAAM,gBAAA,GAAmBC,oBAAmC,IAAI,CAAA;AAEhE,IAAM,yBAAA,GAA4BA,oBAA6B,IAAI,CAAA;AAE5D,SAAS,oBAAoB,SAAA,EAAiC;AACnE,EAAA,MAAM,GAAA,GAAMC,iBAAW,gBAAgB,CAAA;AACvC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,gCAAA,CAAkC,CAAA;AAAA,EAChE;AACA,EAAA,OAAO,GAAA;AACT;AAEO,SAAS,sBAAsB,SAAA,EAA2B;AAC/D,EAAA,MAAM,KAAA,GAAQA,iBAAW,yBAAyB,CAAA;AAClD,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,oCAAA,CAAsC,CAAA;AAAA,EACpE;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,aAAA,CAAc;AAAA,EAC5B,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA,GAAa,SAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,SAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,qBAAqB,KAAA,KAAU,MAAA;AACrC,EAAA,MAAM,uBAAuB,MAAA,KAAW,MAAA;AACxC,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAIC,eAElD,YAAY,CAAA;AACd,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAIA,cAAA;AAAA,IACtD,iBAAiB;AAAC,GACpB;AAEA,EAAA,MAAM,WAAA,GAAc,qBAAqB,KAAA,GAAQ,kBAAA;AACjD,EAAA,MAAM,cAAA,GAAiBC,aAAA;AAAA,IACrB,MAAO,oBAAA,GAAwB,MAAA,IAAU,EAAC,GAAK,oBAAA;AAAA,IAC/C,CAAC,oBAAA,EAAsB,MAAA,EAAQ,oBAAoB;AAAA,GACrD;AAEA,EAAA,MAAM,MAAA,GAASC,iBAAA;AAAA,IACb,CAAC,SAAA,KAAsB;AACrB,MAAA,IAAI,SAAS,QAAA,EAAU;AACrB,QAAA,OAAO,WAAA,KAAgB,SAAA;AAAA,MACzB;AACA,MAAA,OAAO,cAAA,CAAe,SAAS,SAAS,CAAA;AAAA,IAC1C,CAAA;AAAA,IACA,CAAC,cAAA,EAAgB,WAAA,EAAa,IAAI;AAAA,GACpC;AAEA,EAAA,MAAM,MAAA,GAASA,iBAAA;AAAA,IACb,CAAC,SAAA,KAAsB;AACrB,MAAA,IAAI,SAAS,QAAA,EAAU;AACrB,QAAA,MAAMC,KAAAA,GAAO,WAAA,KAAgB,SAAA,GAAY,MAAA,GAAY,SAAA;AACrD,QAAA,IAAI,CAAC,kBAAA,EAAoB;AACvB,UAAA,qBAAA,CAAsBA,KAAI,CAAA;AAAA,QAC5B;AACA,QAAA,aAAA,GAAgBA,KAAI,CAAA;AACpB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,MAAA,GAAS,cAAA,CAAe,QAAA,CAAS,SAAS,CAAA;AAChD,MAAA,MAAM,IAAA,GAAO,MAAA,GACT,cAAA,CAAe,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,KAAU,SAAS,CAAA,GACpD,CAAC,GAAG,cAAA,EAAgB,SAAS,CAAA;AACjC,MAAA,IAAI,CAAC,oBAAA,EAAsB;AACzB,QAAA,uBAAA,CAAwB,IAAI,CAAA;AAAA,MAC9B;AACA,MAAA,cAAA,GAAiB,IAAI,CAAA;AAAA,IACvB,CAAA;AAAA,IACA;AAAA,MACE,oBAAA;AAAA,MACA,kBAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,GAAA,GAAMF,aAAA;AAAA,IACV,OAAO;AAAA,MACL,IAAA;AAAA,MACA,YAAY,UAAA,IAAc,SAAA;AAAA,MAC1B,MAAM,IAAA,IAAQ,IAAA;AAAA,MACd,MAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAA,EAAY,MAAA,EAAQ,IAAA,EAAM,QAAQ,IAAI;AAAA,GACzC;AAEA,EAAA,uBACEG,cAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OAAO,GAAA,EAChC,QAAA,kBAAAA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAWC,oBAAG,iBAAA,CAAkB,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAE/D;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,WAAA;AAErB,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,mBAAA,CAAoB,eAAe,CAAA;AAC1D,EAAA,uBACED,cAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAClC,QAAA,kBAAAA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACZ,WAAWC,mBAAA,CAAG,qBAAA,CAAsB,EAAE,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAC7D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,SAAA,GAAY,sBAAsB,kBAAkB,CAAA;AAC1D,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAQ,IAAA,EAAK,GAAI,oBAAoB,kBAAkB,CAAA;AACvE,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,MAAM,OAAA,GAAU,GAAG,SAAS,CAAA,MAAA,CAAA;AAC5B,EAAA,MAAM,SAASC,WAAA,EAAM;AAErB,EAAA,uBACEF,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,KAAA,EACZ,QAAA,kBAAAA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,EAAA,EAAI,CAAA,EAAG,MAAM,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA;AAAA,MAClC,eAAA,EAAe,IAAA;AAAA,MACf,eAAA,EAAe,OAAA;AAAA,MACf,WAAWC,mBAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC3D,OAAA,EAAS,MAAM,MAAA,CAAO,SAAS,CAAA;AAAA,MAC9B,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAExB,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,SAAA,GAAY,sBAAsB,kBAAkB,CAAA;AAC1D,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAK,GAAI,oBAAoB,kBAAkB,CAAA;AAC/D,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,MAAM,OAAA,GAAU,GAAG,SAAS,CAAA,MAAA,CAAA;AAE5B,EAAA,OAAO,IAAA,mBACLD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,GAAA;AAAA,MACA,EAAA,EAAI,OAAA;AAAA,MACJ,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,WAAWC,mBAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAE1D;AAAA,KAAA;AAAA,IAPI;AAAA,GAQP,GACE,IAAA;AACN;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-SRLYXLUU.js","sourcesContent":["export const zuiAccordionBase = \"w-full\";\n\nexport const zuiAccordionAppearances = {\n default:\n \"divide-y divide-[var(--zui-accordion-default-divider,#0000001a)] dark:divide-[var(--zui-accordion-default-divider-dark,#ffffff1a)] rounded-xl border border-[color:var(--zui-accordion-default-border,#0000001a)] dark:border-[color:var(--zui-accordion-default-border-dark,#ffffff1a)]\",\n outline:\n \"divide-y divide-[var(--zui-accordion-outline-divider,#0000001a)] dark:divide-[var(--zui-accordion-outline-divider-dark,#ffffff1a)] rounded-xl border border-[color:var(--zui-accordion-outline-border,#00000026)] dark:border-[color:var(--zui-accordion-outline-border-dark,#ffffff26)]\",\n ghost:\n \"divide-y divide-[var(--zui-accordion-ghost-divider,#0000000d)] dark:divide-[var(--zui-accordion-ghost-divider-dark,#ffffff0d)]\",\n card: \"space-y-2\",\n separated: \"space-y-3\",\n blue: \"divide-y divide-[var(--zui-accordion-blue-divider,#2563eb)] dark:divide-[var(--zui-accordion-blue-divider-dark,#3b82f6)] rounded-xl border border-[color:var(--zui-accordion-blue-border,#2563eb)] dark:border-[color:var(--zui-accordion-blue-border-dark,#3b82f6)]\",\n cyan: \"divide-y divide-[var(--zui-accordion-cyan-divider,#0891b2)] dark:divide-[var(--zui-accordion-cyan-divider-dark,#22d3ee)] rounded-xl border border-[color:var(--zui-accordion-cyan-border,#0891b2)] dark:border-[color:var(--zui-accordion-cyan-border-dark,#22d3ee)]\",\n green:\n \"divide-y divide-[var(--zui-accordion-green-divider,#16a34a)] dark:divide-[var(--zui-accordion-green-divider-dark,#22c55e)] rounded-xl border border-[color:var(--zui-accordion-green-border,#16a34a)] dark:border-[color:var(--zui-accordion-green-border-dark,#22c55e)]\",\n lime: \"divide-y divide-[var(--zui-accordion-lime-divider,#65a30d)] dark:divide-[var(--zui-accordion-lime-divider-dark,#a3e635)] rounded-xl border border-[color:var(--zui-accordion-lime-border,#65a30d)] dark:border-[color:var(--zui-accordion-lime-border-dark,#a3e635)]\",\n mint: \"divide-y divide-[var(--zui-accordion-mint-divider,#10b981)] dark:divide-[var(--zui-accordion-mint-divider-dark,#6ee7b7)] rounded-xl border border-[color:var(--zui-accordion-mint-border,#10b981)] dark:border-[color:var(--zui-accordion-mint-border-dark,#6ee7b7)]\",\n ocean:\n \"divide-y divide-[var(--zui-accordion-ocean-divider,#0284c7)] dark:divide-[var(--zui-accordion-ocean-divider-dark,#38bdf8)] rounded-xl border border-[color:var(--zui-accordion-ocean-border,#0284c7)] dark:border-[color:var(--zui-accordion-ocean-border-dark,#38bdf8)]\",\n sapphire:\n \"divide-y divide-[var(--zui-accordion-sapphire-divider,#1d4ed8)] dark:divide-[var(--zui-accordion-sapphire-divider-dark,#60a5fa)] rounded-xl border border-[color:var(--zui-accordion-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-accordion-sapphire-border-dark,#60a5fa)]\",\n lavender:\n \"divide-y divide-[var(--zui-accordion-lavender-divider,#8b5cf6)] dark:divide-[var(--zui-accordion-lavender-divider-dark,#a78bfa)] rounded-xl border border-[color:var(--zui-accordion-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-accordion-lavender-border-dark,#a78bfa)]\",\n ruby: \"divide-y divide-[var(--zui-accordion-ruby-divider,#be123c)] dark:divide-[var(--zui-accordion-ruby-divider-dark,#fb7185)] rounded-xl border border-[color:var(--zui-accordion-ruby-border,#be123c)] dark:border-[color:var(--zui-accordion-ruby-border-dark,#fb7185)]\",\n red: \"divide-y divide-[var(--zui-accordion-red-divider,#dc2626)] dark:divide-[var(--zui-accordion-red-divider-dark,#ef4444)] rounded-xl border border-[color:var(--zui-accordion-red-border,#dc2626)] dark:border-[color:var(--zui-accordion-red-border-dark,#ef4444)]\",\n slate:\n \"divide-y divide-[var(--zui-accordion-slate-divider,#475569)] dark:divide-[var(--zui-accordion-slate-divider-dark,#64748b)] rounded-xl border border-[color:var(--zui-accordion-slate-border,#475569)] dark:border-[color:var(--zui-accordion-slate-border-dark,#64748b)]\",\n zinc: \"divide-y divide-[var(--zui-accordion-zinc-divider,#52525b)] dark:divide-[var(--zui-accordion-zinc-divider-dark,#71717a)] rounded-xl border border-[color:var(--zui-accordion-zinc-border,#52525b)] dark:border-[color:var(--zui-accordion-zinc-border-dark,#71717a)]\",\n stone:\n \"divide-y divide-[var(--zui-accordion-stone-divider,#57534e)] dark:divide-[var(--zui-accordion-stone-divider-dark,#78716c)] rounded-xl border border-[color:var(--zui-accordion-stone-border,#57534e)] dark:border-[color:var(--zui-accordion-stone-border-dark,#78716c)]\",\n royal:\n \"divide-y divide-[var(--zui-accordion-royal-divider,#4338ca)] dark:divide-[var(--zui-accordion-royal-divider-dark,#818cf8)] rounded-xl border border-[color:var(--zui-accordion-royal-border,#4338ca)] dark:border-[color:var(--zui-accordion-royal-border-dark,#818cf8)]\",\n electric:\n \"divide-y divide-[var(--zui-accordion-electric-divider,#0ea5e9)] dark:divide-[var(--zui-accordion-electric-divider-dark,#38bdf8)] rounded-xl border border-[color:var(--zui-accordion-electric-border,#0ea5e9)] dark:border-[color:var(--zui-accordion-electric-border-dark,#38bdf8)]\",\n forest:\n \"divide-y divide-[var(--zui-accordion-forest-divider,#166534)] dark:divide-[var(--zui-accordion-forest-divider-dark,#4ade80)] rounded-xl border border-[color:var(--zui-accordion-forest-border,#166534)] dark:border-[color:var(--zui-accordion-forest-border-dark,#4ade80)]\",\n sunset:\n \"divide-y divide-[var(--zui-accordion-sunset-divider,#ea580c)] dark:divide-[var(--zui-accordion-sunset-divider-dark,#fb923c)] rounded-xl border border-[color:var(--zui-accordion-sunset-border,#ea580c)] dark:border-[color:var(--zui-accordion-sunset-border-dark,#fb923c)]\",\n magenta:\n \"divide-y divide-[var(--zui-accordion-magenta-divider,#c026d3)] dark:divide-[var(--zui-accordion-magenta-divider-dark,#e879f9)] rounded-xl border border-[color:var(--zui-accordion-magenta-border,#c026d3)] dark:border-[color:var(--zui-accordion-magenta-border-dark,#e879f9)]\",\n crimson:\n \"divide-y divide-[var(--zui-accordion-crimson-divider,#b91c1c)] dark:divide-[var(--zui-accordion-crimson-divider-dark,#f87171)] rounded-xl border border-[color:var(--zui-accordion-crimson-border,#b91c1c)] dark:border-[color:var(--zui-accordion-crimson-border-dark,#f87171)]\",\n aqua: \"divide-y divide-[var(--zui-accordion-aqua-divider,#0f766e)] dark:divide-[var(--zui-accordion-aqua-divider-dark,#2dd4bf)] rounded-xl border border-[color:var(--zui-accordion-aqua-border,#0f766e)] dark:border-[color:var(--zui-accordion-aqua-border-dark,#2dd4bf)]\",\n plum: \"divide-y divide-[var(--zui-accordion-plum-divider,#7e22ce)] dark:divide-[var(--zui-accordion-plum-divider-dark,#c084fc)] rounded-xl border border-[color:var(--zui-accordion-plum-border,#7e22ce)] dark:border-[color:var(--zui-accordion-plum-border-dark,#c084fc)]\",\n sky: \"divide-y divide-[var(--zui-accordion-sky-divider,oklch(44.3%_0.11_240.79))] dark:divide-[var(--zui-accordion-sky-divider-dark,oklch(58.8%_0.158_241.966))] rounded-xl border border-[color:var(--zui-accordion-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-sky-border-dark,oklch(58.8%_0.158_241.966))]\",\n rose: \"divide-y divide-[var(--zui-accordion-rose-divider,oklch(45.5%_0.188_13.697))] dark:divide-[var(--zui-accordion-rose-divider-dark,oklch(58.6%_0.253_17.585))] rounded-xl border border-[color:var(--zui-accordion-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-rose-border-dark,oklch(58.6%_0.253_17.585))]\",\n purple:\n \"divide-y divide-[var(--zui-accordion-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n pink: \"divide-y divide-[var(--zui-accordion-pink-divider,oklch(45.9%_0.187_3.815))] dark:divide-[var(--zui-accordion-pink-divider-dark,oklch(59.2%_0.249_0.584))] rounded-xl border border-[color:var(--zui-accordion-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n orange:\n \"divide-y divide-[var(--zui-accordion-orange-divider,oklch(47%_0.157_37.304))] dark:divide-[var(--zui-accordion-orange-divider-dark,oklch(64.6%_0.222_41.116))] rounded-xl border border-[color:var(--zui-accordion-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n yellow:\n \"divide-y divide-[var(--zui-accordion-yellow-divider,oklch(47.6%_0.114_61.907))] dark:divide-[var(--zui-accordion-yellow-divider-dark,oklch(68.1%_0.162_75.834))] rounded-xl border border-[color:var(--zui-accordion-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n teal: \"divide-y divide-[var(--zui-accordion-teal-divider,oklch(43.7%_0.078_188.216))] dark:divide-[var(--zui-accordion-teal-divider-dark,oklch(60%_0.118_184.704))] rounded-xl border border-[color:var(--zui-accordion-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-teal-border-dark,oklch(60%_0.118_184.704))]\",\n indigo:\n \"divide-y divide-[var(--zui-accordion-indigo-divider,oklch(39.8%_0.195_277.366))] dark:divide-[var(--zui-accordion-indigo-divider-dark,oklch(51.1%_0.262_276.966))] rounded-xl border border-[color:var(--zui-accordion-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n emerald:\n \"divide-y divide-[var(--zui-accordion-emerald-divider,oklch(43.2%_0.095_166.913))] dark:divide-[var(--zui-accordion-emerald-divider-dark,oklch(59.6%_0.145_163.225))] rounded-xl border border-[color:var(--zui-accordion-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-accordion-emerald-border-dark,oklch(59.6%_0.145_163.225))]\",\n \"gradient-blue\":\n \"divide-y divide-[var(--zui-accordion-gradient-blue-divider,oklch(42.4%_0.199_265.638))] dark:divide-[var(--zui-accordion-gradient-blue-divider-dark,oklch(54.6%_0.245_262.881))] rounded-xl border border-[color:var(--zui-accordion-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-accordion-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))]\",\n \"gradient-green\":\n \"divide-y divide-[var(--zui-accordion-gradient-green-divider,oklch(44.8%_0.119_151.328))] dark:divide-[var(--zui-accordion-gradient-green-divider-dark,oklch(62.7%_0.194_149.214))] rounded-xl border border-[color:var(--zui-accordion-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-accordion-gradient-green-border-dark,oklch(62.7%_0.194_149.214))]\",\n \"gradient-red\":\n \"divide-y divide-[var(--zui-accordion-gradient-red-divider,oklch(44.4%_0.177_26.899))] dark:divide-[var(--zui-accordion-gradient-red-divider-dark,oklch(57.7%_0.245_27.325))] rounded-xl border border-[color:var(--zui-accordion-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-accordion-gradient-red-border-dark,oklch(57.7%_0.245_27.325))]\",\n \"gradient-yellow\":\n \"divide-y divide-[var(--zui-accordion-gradient-yellow-divider,oklch(47.6%_0.114_61.907))] dark:divide-[var(--zui-accordion-gradient-yellow-divider-dark,oklch(68.1%_0.162_75.834))] rounded-xl border border-[color:var(--zui-accordion-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n \"gradient-purple\":\n \"divide-y divide-[var(--zui-accordion-gradient-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-gradient-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n \"gradient-teal\":\n \"divide-y divide-[var(--zui-accordion-gradient-teal-divider,oklch(43.7%_0.078_188.216))] dark:divide-[var(--zui-accordion-gradient-teal-divider-dark,oklch(60%_0.118_184.704))] rounded-xl border border-[color:var(--zui-accordion-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-gradient-teal-border-dark,oklch(60%_0.118_184.704))]\",\n \"gradient-indigo\":\n \"divide-y divide-[var(--zui-accordion-gradient-indigo-divider,oklch(39.8%_0.195_277.366))] dark:divide-[var(--zui-accordion-gradient-indigo-divider-dark,oklch(51.1%_0.262_276.966))] rounded-xl border border-[color:var(--zui-accordion-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n \"gradient-pink\":\n \"divide-y divide-[var(--zui-accordion-gradient-pink-divider,oklch(45.9%_0.187_3.815))] dark:divide-[var(--zui-accordion-gradient-pink-divider-dark,oklch(59.2%_0.249_0.584))] rounded-xl border border-[color:var(--zui-accordion-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n \"gradient-orange\":\n \"divide-y divide-[var(--zui-accordion-gradient-orange-divider,oklch(47%_0.157_37.304))] dark:divide-[var(--zui-accordion-gradient-orange-divider-dark,oklch(64.6%_0.222_41.116))] rounded-xl border border-[color:var(--zui-accordion-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n} as const;\n\nexport const zuiAccordionSizes = {\n sm: \"px-3 py-2 text-sm\",\n md: \"px-4 py-3 text-sm\",\n lg: \"px-5 py-4 text-base\",\n} as const;\n\nexport const zuiAccordionItemBase =\n \"text-[color:var(--zui-accordion-item-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-accordion-item-fg-dark,oklch(92.9%_0.013_255.508))]\";\n\nexport const zuiAccordionItemAppearances = {\n default: \"\",\n outline: \"\",\n ghost: \"\",\n card: \"rounded-xl border border-[color:var(--zui-accordion-item-card-border,#0000001a)] dark:border-[color:var(--zui-accordion-item-card-border-dark,#ffffff1a)] bg-[var(--zui-accordion-item-card-bg,#0000000d)] dark:bg-[var(--zui-accordion-item-card-bg-dark,#00000099)] p-2\",\n separated:\n \"rounded-xl border border-[color:var(--zui-accordion-item-separated-border,#0000001a)] dark:border-[color:var(--zui-accordion-item-separated-border-dark,#ffffff1a)] bg-[var(--zui-accordion-item-separated-bg,oklch(98.4%_0.003_247.858_/_0.4))] dark:bg-[var(--zui-accordion-item-separated-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] p-2\",\n blue: \"rounded-xl border border-[color:var(--zui-accordion-item-blue-border,#2563eb)] dark:border-[color:var(--zui-accordion-item-blue-border-dark,#3b82f6)] bg-[var(--zui-accordion-item-blue-bg,#2563eb1a)] dark:bg-[var(--zui-accordion-item-blue-bg-dark,#3b82f626)] p-2\",\n cyan: \"rounded-xl border border-[color:var(--zui-accordion-item-cyan-border,#0891b2)] dark:border-[color:var(--zui-accordion-item-cyan-border-dark,#22d3ee)] bg-[var(--zui-accordion-item-cyan-bg,#0891b21a)] dark:bg-[var(--zui-accordion-item-cyan-bg-dark,#22d3ee26)] p-2\",\n green:\n \"rounded-xl border border-[color:var(--zui-accordion-item-green-border,#16a34a)] dark:border-[color:var(--zui-accordion-item-green-border-dark,#22c55e)] bg-[var(--zui-accordion-item-green-bg,#16a34a1a)] dark:bg-[var(--zui-accordion-item-green-bg-dark,#22c55e26)] p-2\",\n lime: \"rounded-xl border border-[color:var(--zui-accordion-item-lime-border,#65a30d)] dark:border-[color:var(--zui-accordion-item-lime-border-dark,#a3e635)] bg-[var(--zui-accordion-item-lime-bg,#65a30d1a)] dark:bg-[var(--zui-accordion-item-lime-bg-dark,#a3e63526)] p-2\",\n mint: \"rounded-xl border border-[color:var(--zui-accordion-item-mint-border,#10b981)] dark:border-[color:var(--zui-accordion-item-mint-border-dark,#6ee7b7)] bg-[var(--zui-accordion-item-mint-bg,#10b9811a)] dark:bg-[var(--zui-accordion-item-mint-bg-dark,#6ee7b726)] p-2\",\n ocean:\n \"rounded-xl border border-[color:var(--zui-accordion-item-ocean-border,#0284c7)] dark:border-[color:var(--zui-accordion-item-ocean-border-dark,#38bdf8)] bg-[var(--zui-accordion-item-ocean-bg,#0284c71a)] dark:bg-[var(--zui-accordion-item-ocean-bg-dark,#38bdf826)] p-2\",\n sapphire:\n \"rounded-xl border border-[color:var(--zui-accordion-item-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-accordion-item-sapphire-border-dark,#60a5fa)] bg-[var(--zui-accordion-item-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-accordion-item-sapphire-bg-dark,#60a5fa26)] p-2\",\n lavender:\n \"rounded-xl border border-[color:var(--zui-accordion-item-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-accordion-item-lavender-border-dark,#a78bfa)] bg-[var(--zui-accordion-item-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-accordion-item-lavender-bg-dark,#a78bfa26)] p-2\",\n ruby: \"rounded-xl border border-[color:var(--zui-accordion-item-ruby-border,#be123c)] dark:border-[color:var(--zui-accordion-item-ruby-border-dark,#fb7185)] bg-[var(--zui-accordion-item-ruby-bg,#be123c1a)] dark:bg-[var(--zui-accordion-item-ruby-bg-dark,#fb718526)] p-2\",\n red: \"rounded-xl border border-[color:var(--zui-accordion-item-red-border,#dc2626)] dark:border-[color:var(--zui-accordion-item-red-border-dark,#ef4444)] bg-[var(--zui-accordion-item-red-bg,#dc26261a)] dark:bg-[var(--zui-accordion-item-red-bg-dark,#ef444426)] p-2\",\n slate:\n \"rounded-xl border border-[color:var(--zui-accordion-item-slate-border,#475569)] dark:border-[color:var(--zui-accordion-item-slate-border-dark,#64748b)] bg-[var(--zui-accordion-item-slate-bg,#4755691a)] dark:bg-[var(--zui-accordion-item-slate-bg-dark,#64748b26)] p-2\",\n zinc: \"rounded-xl border border-[color:var(--zui-accordion-item-zinc-border,#52525b)] dark:border-[color:var(--zui-accordion-item-zinc-border-dark,#71717a)] bg-[var(--zui-accordion-item-zinc-bg,#52525b1a)] dark:bg-[var(--zui-accordion-item-zinc-bg-dark,#71717a26)] p-2\",\n stone:\n \"rounded-xl border border-[color:var(--zui-accordion-item-stone-border,#57534e)] dark:border-[color:var(--zui-accordion-item-stone-border-dark,#78716c)] bg-[var(--zui-accordion-item-stone-bg,#57534e1a)] dark:bg-[var(--zui-accordion-item-stone-bg-dark,#78716c26)] p-2\",\n royal:\n \"rounded-xl border border-[color:var(--zui-accordion-item-royal-border,#4338ca)] dark:border-[color:var(--zui-accordion-item-royal-border-dark,#818cf8)] bg-[var(--zui-accordion-item-royal-bg,#4338ca1a)] dark:bg-[var(--zui-accordion-item-royal-bg-dark,#818cf826)] p-2\",\n electric:\n \"rounded-xl border border-[color:var(--zui-accordion-item-electric-border,#0ea5e9)] dark:border-[color:var(--zui-accordion-item-electric-border-dark,#38bdf8)] bg-[var(--zui-accordion-item-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-accordion-item-electric-bg-dark,#38bdf826)] p-2\",\n forest:\n \"rounded-xl border border-[color:var(--zui-accordion-item-forest-border,#166534)] dark:border-[color:var(--zui-accordion-item-forest-border-dark,#4ade80)] bg-[var(--zui-accordion-item-forest-bg,#1665341a)] dark:bg-[var(--zui-accordion-item-forest-bg-dark,#4ade8026)] p-2\",\n sunset:\n \"rounded-xl border border-[color:var(--zui-accordion-item-sunset-border,#ea580c)] dark:border-[color:var(--zui-accordion-item-sunset-border-dark,#fb923c)] bg-[var(--zui-accordion-item-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-accordion-item-sunset-bg-dark,#fb923c26)] p-2\",\n magenta:\n \"rounded-xl border border-[color:var(--zui-accordion-item-magenta-border,#c026d3)] dark:border-[color:var(--zui-accordion-item-magenta-border-dark,#e879f9)] bg-[var(--zui-accordion-item-magenta-bg,#c026d31a)] dark:bg-[var(--zui-accordion-item-magenta-bg-dark,#e879f926)] p-2\",\n crimson:\n \"rounded-xl border border-[color:var(--zui-accordion-item-crimson-border,#b91c1c)] dark:border-[color:var(--zui-accordion-item-crimson-border-dark,#f87171)] bg-[var(--zui-accordion-item-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-accordion-item-crimson-bg-dark,#f8717126)] p-2\",\n aqua: \"rounded-xl border border-[color:var(--zui-accordion-item-aqua-border,#0f766e)] dark:border-[color:var(--zui-accordion-item-aqua-border-dark,#2dd4bf)] bg-[var(--zui-accordion-item-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-accordion-item-aqua-bg-dark,#2dd4bf26)] p-2\",\n plum: \"rounded-xl border border-[color:var(--zui-accordion-item-plum-border,#7e22ce)] dark:border-[color:var(--zui-accordion-item-plum-border-dark,#c084fc)] bg-[var(--zui-accordion-item-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-accordion-item-plum-bg-dark,#c084fc26)] p-2\",\n sky: \"rounded-xl border border-[color:var(--zui-accordion-item-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-item-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-accordion-item-sky-bg,oklch(95.1%_0.026_236.824_/_0.5))] dark:bg-[var(--zui-accordion-item-sky-bg-dark,oklch(58.8%_0.158_241.966_/_0.03))] p-2\",\n rose: \"rounded-xl border border-[color:var(--zui-accordion-item-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-item-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-accordion-item-rose-bg,oklch(94.1%_0.03_12.58_/_0.5))] dark:bg-[var(--zui-accordion-item-rose-bg-dark,oklch(58.6%_0.253_17.585_/_0.03))] p-2\",\n purple:\n \"rounded-xl border border-[color:var(--zui-accordion-item-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-item-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-accordion-item-purple-bg,oklch(94.6%_0.033_307.174_/_0.5))] dark:bg-[var(--zui-accordion-item-purple-bg-dark,oklch(55.8%_0.288_302.321_/_0.03))] p-2\",\n pink: \"rounded-xl border border-[color:var(--zui-accordion-item-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-item-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-accordion-item-pink-bg,oklch(94.8%_0.028_342.258_/_0.5))] dark:bg-[var(--zui-accordion-item-pink-bg-dark,oklch(59.2%_0.249_0.584_/_0.03))] p-2\",\n orange:\n \"rounded-xl border border-[color:var(--zui-accordion-item-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-item-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-accordion-item-orange-bg,oklch(95.4%_0.038_75.164_/_0.5))] dark:bg-[var(--zui-accordion-item-orange-bg-dark,oklch(64.6%_0.222_41.116_/_0.03))] p-2\",\n yellow:\n \"rounded-xl border border-[color:var(--zui-accordion-item-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-accordion-item-yellow-bg,oklch(97.3%_0.071_103.193_/_0.5))] dark:bg-[var(--zui-accordion-item-yellow-bg-dark,oklch(68.1%_0.162_75.834_/_0.03))] p-2\",\n teal: \"rounded-xl border border-[color:var(--zui-accordion-item-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-item-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-accordion-item-teal-bg,oklch(95.3%_0.051_180.801_/_0.5))] dark:bg-[var(--zui-accordion-item-teal-bg-dark,oklch(60%_0.118_184.704_/_0.03))] p-2\",\n indigo:\n \"rounded-xl border border-[color:var(--zui-accordion-item-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-accordion-item-indigo-bg,oklch(93%_0.034_272.788_/_0.5))] dark:bg-[var(--zui-accordion-item-indigo-bg-dark,oklch(51.1%_0.262_276.966_/_0.03))] p-2\",\n emerald:\n \"rounded-xl border border-[color:var(--zui-accordion-item-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-accordion-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-accordion-item-emerald-bg,oklch(95%_0.052_163.051_/_0.5))] dark:bg-[var(--zui-accordion-item-emerald-bg-dark,oklch(59.6%_0.145_163.225_/_0.03))] p-2\",\n \"gradient-blue\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-blue-from,oklch(80.9%_0.105_251.813))] dark:from-[var(--zui-accordion-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-accordion-item-gradient-blue-to,oklch(82.7%_0.119_306.383))] dark:to-[var(--zui-accordion-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] p-2\",\n \"gradient-green\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-green-from,oklch(87.1%_0.15_154.449))] dark:from-[var(--zui-accordion-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-accordion-item-gradient-green-to,oklch(89.7%_0.196_126.665))] dark:to-[var(--zui-accordion-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] p-2\",\n \"gradient-red\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-red-from,oklch(80.8%_0.114_19.571))] dark:from-[var(--zui-accordion-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-accordion-item-gradient-red-to,oklch(82.3%_0.12_346.018))] dark:to-[var(--zui-accordion-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] p-2\",\n \"gradient-yellow\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-yellow-from,oklch(90.5%_0.182_98.111))] dark:from-[var(--zui-accordion-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-accordion-item-gradient-yellow-to,oklch(83.7%_0.128_66.29))] dark:to-[var(--zui-accordion-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] p-2\",\n \"gradient-purple\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-purple-from,oklch(82.7%_0.119_306.383))] dark:from-[var(--zui-accordion-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-accordion-item-gradient-purple-to,oklch(82.3%_0.12_346.018))] dark:to-[var(--zui-accordion-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] p-2\",\n \"gradient-teal\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-teal-from,oklch(85.5%_0.138_181.071))] dark:from-[var(--zui-accordion-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-accordion-item-gradient-teal-to,oklch(86.5%_0.127_207.078))] dark:to-[var(--zui-accordion-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] p-2\",\n \"gradient-indigo\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-indigo-from,oklch(78.5%_0.115_274.713))] dark:from-[var(--zui-accordion-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-accordion-item-gradient-indigo-to,oklch(82.7%_0.119_306.383))] dark:to-[var(--zui-accordion-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] p-2\",\n \"gradient-pink\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-pink-from,oklch(82.3%_0.12_346.018))] dark:from-[var(--zui-accordion-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-accordion-item-gradient-pink-to,oklch(81%_0.117_11.638))] dark:to-[var(--zui-accordion-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] p-2\",\n \"gradient-orange\":\n \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-orange-from,oklch(83.7%_0.128_66.29))] dark:from-[var(--zui-accordion-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-accordion-item-gradient-orange-to,oklch(80.8%_0.114_19.571))] dark:to-[var(--zui-accordion-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] p-2\",\n} as const;\n\nexport const zuiAccordionTriggerBase =\n \"flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-[color:var(--zui-accordion-trigger-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-accordion-trigger-fg-dark,oklch(92.9%_0.013_255.508))] outline-none transition hover:text-[color:var(--zui-accordion-trigger-fg-hover,oklch(20.8%_0.042_265.755))] dark:hover:text-[color:var(--zui-accordion-trigger-fg-hover-dark,#ffffff)] focus-visible:ring-2 focus-visible:ring-[var(--zui-accordion-trigger-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-accordion-trigger-ring-focus-dark,#ffffff4d)]\";\n\nexport const zuiAccordionTriggerSizes = {\n sm: \"py-2 text-sm\",\n md: \"py-3 text-sm\",\n lg: \"py-4 text-base\",\n} as const;\n\nexport const zuiAccordionContentBase = \"pb-3 text-sm\";\n\nexport const zuiAccordionContentSizes = {\n sm: \"pb-2 text-xs\",\n md: \"pb-3 text-sm\",\n lg: \"pb-4 text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiAccordionAppearances,\n zuiAccordionBase,\n zuiAccordionContentBase,\n zuiAccordionContentSizes,\n zuiAccordionItemAppearances,\n zuiAccordionItemBase,\n zuiAccordionSizes,\n zuiAccordionTriggerBase,\n zuiAccordionTriggerSizes,\n} from \"../../design-system/accordion\";\n\nexport const accordionVariants = cva(zuiAccordionBase, {\n variants: {\n appearance: zuiAccordionAppearances,\n size: zuiAccordionSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const accordionItemVariants = cva(zuiAccordionItemBase, {\n variants: {\n appearance: zuiAccordionItemAppearances,\n },\n defaultVariants: { appearance: \"default\" },\n});\n\nexport const accordionTriggerVariants = cva(zuiAccordionTriggerBase, {\n variants: {\n size: zuiAccordionTriggerSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n\nexport const accordionContentVariants = cva(zuiAccordionContentBase, {\n variants: {\n size: zuiAccordionContentSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useId,\n useMemo,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n AccordionBaseProps,\n AccordionContentProps,\n AccordionCtx,\n AccordionItemProps,\n AccordionTriggerProps,\n} from \"./types\";\nimport {\n accordionContentVariants,\n accordionItemVariants,\n accordionTriggerVariants,\n accordionVariants,\n} from \"./variants\";\n\nconst AccordionContext = createContext<AccordionCtx | null>(null);\n\nconst AccordionItemValueContext = createContext<string | null>(null);\n\nexport function useAccordionContext(component: string): AccordionCtx {\n const ctx = useContext(AccordionContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Accordion>`);\n }\n return ctx;\n}\n\nexport function useAccordionItemValue(component: string): string {\n const value = useContext(AccordionItemValueContext);\n if (!value) {\n throw new Error(`${component} must be used within <AccordionItem>`);\n }\n return value;\n}\n\nexport function AccordionBase({\n type = \"single\",\n value,\n values,\n defaultValue,\n defaultValues,\n onValueChange,\n onValuesChange,\n appearance = \"default\",\n size = \"md\",\n className,\n children,\n}: AccordionBaseProps) {\n const isSingleControlled = value !== undefined;\n const isMultipleControlled = values !== undefined;\n const [singleUncontrolled, setSingleUncontrolled] = useState<\n string | undefined\n >(defaultValue);\n const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(\n defaultValues ?? [],\n );\n\n const singleValue = isSingleControlled ? value : singleUncontrolled;\n const multipleValues = useMemo(\n () => (isMultipleControlled ? (values ?? []) : multipleUncontrolled),\n [isMultipleControlled, values, multipleUncontrolled],\n );\n\n const isOpen = useCallback(\n (itemValue: string) => {\n if (type === \"single\") {\n return singleValue === itemValue;\n }\n return multipleValues.includes(itemValue);\n },\n [multipleValues, singleValue, type],\n );\n\n const toggle = useCallback(\n (itemValue: string) => {\n if (type === \"single\") {\n const next = singleValue === itemValue ? undefined : itemValue;\n if (!isSingleControlled) {\n setSingleUncontrolled(next);\n }\n onValueChange?.(next);\n return;\n }\n const exists = multipleValues.includes(itemValue);\n const next = exists\n ? multipleValues.filter((entry) => entry !== itemValue)\n : [...multipleValues, itemValue];\n if (!isMultipleControlled) {\n setMultipleUncontrolled(next);\n }\n onValuesChange?.(next);\n },\n [\n isMultipleControlled,\n isSingleControlled,\n multipleValues,\n onValueChange,\n onValuesChange,\n singleValue,\n type,\n ],\n );\n\n const ctx = useMemo(\n () => ({\n type,\n appearance: appearance ?? \"default\",\n size: size ?? \"md\",\n isOpen,\n toggle,\n }),\n [appearance, isOpen, size, toggle, type],\n );\n\n return (\n <AccordionContext.Provider value={ctx}>\n <div\n data-slot=\"accordion\"\n className={cn(accordionVariants({ appearance, size }), className)}\n >\n {children}\n </div>\n </AccordionContext.Provider>\n );\n}\n\nAccordionBase.displayName = \"Accordion\";\n\nexport function AccordionItem({\n className,\n value,\n children,\n ref,\n ...rest\n}: AccordionItemProps) {\n const { appearance } = useAccordionContext(\"AccordionItem\");\n return (\n <AccordionItemValueContext.Provider value={value}>\n <div\n ref={ref}\n data-slot=\"accordion-item\"\n data-value={value}\n className={cn(accordionItemVariants({ appearance }), className)}\n {...rest}\n >\n {children}\n </div>\n </AccordionItemValueContext.Provider>\n );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport function AccordionTrigger({\n className,\n children,\n ref,\n ...rest\n}: AccordionTriggerProps) {\n const itemValue = useAccordionItemValue(\"AccordionTrigger\");\n const { isOpen, toggle, size } = useAccordionContext(\"AccordionTrigger\");\n const open = isOpen(itemValue);\n const panelId = `${itemValue}-panel`;\n const baseId = useId();\n\n return (\n <h3 className=\"m-0\">\n <button\n ref={ref}\n type=\"button\"\n data-slot=\"accordion-trigger\"\n id={`${baseId}-trigger-${itemValue}`}\n aria-expanded={open}\n aria-controls={panelId}\n className={cn(accordionTriggerVariants({ size }), className)}\n onClick={() => toggle(itemValue)}\n {...rest}\n >\n {children}\n </button>\n </h3>\n );\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport function AccordionContent({\n className,\n children,\n ref,\n}: AccordionContentProps) {\n const itemValue = useAccordionItemValue(\"AccordionContent\");\n const { isOpen, size } = useAccordionContext(\"AccordionContent\");\n const open = isOpen(itemValue);\n const panelId = `${itemValue}-panel`;\n\n return open ? (\n <div\n key={itemValue}\n ref={ref}\n id={panelId}\n role=\"region\"\n data-slot=\"accordion-content\"\n className={cn(accordionContentVariants({ size }), className)}\n >\n {children}\n </div>\n ) : null;\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n"]}
|