@zentauri-ui/zentauri-components 1.9.0 → 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/README.md +7 -9
- 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-U3VV22G4.js → chunk-2RBUROXJ.js} +24 -3
- 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-TKVZU56F.mjs → chunk-6GPUHFXI.mjs} +24 -3
- 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 -5
- 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 +108 -0
- package/dist/design-system/inputs.d.ts.map +1 -1
- package/dist/design-system/kbd.d.ts +22 -1
- package/dist/design-system/kbd.d.ts.map +1 -1
- package/dist/design-system/marquee.d.ts +21 -0
- 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 +21 -0
- 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/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 +1 -1
- package/dist/ui/dynamic-stepper/variants.d.ts.map +1 -1
- package/dist/ui/dynamic-stepper.js +4 -4
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +2 -2
- 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.js +4 -4
- package/dist/ui/kbd.mjs +2 -2
- package/dist/ui/marquee/variants.d.ts +1 -1
- package/dist/ui/marquee.js +22 -1
- package/dist/ui/marquee.js.map +1 -1
- package/dist/ui/marquee.mjs +22 -1
- 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/types.d.ts +2 -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 +66 -3
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/select.mjs +66 -3
- 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 +18 -17
- 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 +8 -23
- 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 +171 -0
- package/src/design-system/kbd.ts +34 -1
- package/src/design-system/marquee.ts +33 -0
- 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 +33 -0
- 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/dropdown/types.ts +3 -27
- package/src/ui/inputs/variants.ts +435 -0
- package/src/ui/pagination/types.ts +4 -2
- package/src/ui/select/types.ts +2 -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-5IJC2OEN.js +0 -124
- package/dist/chunk-5IJC2OEN.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-CSFLMMAT.mjs.map +0 -1
- package/dist/chunk-DEZRB6DS.mjs.map +0 -1
- package/dist/chunk-DFCDLVZA.js.map +0 -1
- package/dist/chunk-DY7HLVGW.mjs +0 -120
- package/dist/chunk-DY7HLVGW.mjs.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-KVQI5PLL.mjs +0 -399
- package/dist/chunk-KVQI5PLL.mjs.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-NRPG2STN.js +0 -401
- package/dist/chunk-NRPG2STN.js.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-RIHJAEOL.js +0 -107
- package/dist/chunk-RIHJAEOL.js.map +0 -1
- package/dist/chunk-SSJXWD2M.mjs.map +0 -1
- package/dist/chunk-TKVZU56F.mjs.map +0 -1
- package/dist/chunk-TTTYW3TR.js.map +0 -1
- package/dist/chunk-U3VV22G4.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-VHVQELWF.js.map +0 -1
- package/dist/chunk-X3O45MPI.js.map +0 -1
- package/dist/chunk-XYEMP4K7.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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/design-system/skeleton.ts","../src/ui/skeleton/variants.ts","../src/ui/skeleton/skeleton-base.tsx"],"names":[],"mappings":"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","file":"chunk-UR7TNW45.mjs","sourcesContent":["const shimmerLayer =\n \"[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]\";\n\nexport const zuiSkeletonShimmerGradientClasses = {\n default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,\n subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,\n muted: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]`,\n sky: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]`,\n rose: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]`,\n purple: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]`,\n pink: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n orange: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n yellow: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]`,\n teal: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n indigo: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n emerald: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n gray: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]`,\n amber: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]`,\n violet: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n \"gradient-blue\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]`,\n \"gradient-green\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n \"gradient-red\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]`,\n \"gradient-yellow\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]`,\n \"gradient-purple\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n \"gradient-teal\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n \"gradient-indigo\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n \"gradient-pink\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n \"gradient-orange\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n} as const;\n\nexport type ZuiSkeletonShimmerTone =\n keyof typeof zuiSkeletonShimmerGradientClasses;\n\nexport const zuiSkeletonBase =\n \"relative overflow-hidden bg-[var(--zui-skeleton-bg,#0000001a)] dark:bg-[var(--zui-skeleton-bg-dark,#ffffff1a)] text-[color:var(--zui-skeleton-fg,transparent)] dark:text-[color:var(--zui-skeleton-fg-dark,transparent)]\";\n\nexport const zuiSkeletonAppearances = {\n default:\n \"bg-[var(--zui-skeleton-default-bg,#0000001a)] dark:bg-[var(--zui-skeleton-default-bg-dark,#ffffff1a)]\",\n subtle:\n \"bg-[var(--zui-skeleton-subtle-bg,#00000012)] dark:bg-[var(--zui-skeleton-subtle-bg-dark,#ffffff12)]\",\n muted:\n \"bg-[var(--zui-skeleton-muted-bg,oklch(92.9%_0.013_255.508_/_0.8))] dark:bg-[var(--zui-skeleton-muted-bg-dark,oklch(27.9%_0.041_260.031_/_0.8))]\",\n sky: \"bg-[var(--zui-skeleton-sky-bg,oklch(68.5%_0.169_237.323_/_0.1))] dark:bg-[var(--zui-skeleton-sky-bg-dark,oklch(68.5%_0.169_237.323_/_0.1))]\",\n rose: \"bg-[var(--zui-skeleton-rose-bg,oklch(64.5%_0.246_16.439_/_0.1))] dark:bg-[var(--zui-skeleton-rose-bg-dark,oklch(64.5%_0.246_16.439_/_0.1))]\",\n purple:\n \"bg-[var(--zui-skeleton-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-skeleton-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))]\",\n pink: \"bg-[var(--zui-skeleton-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-skeleton-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))]\",\n orange:\n \"bg-[var(--zui-skeleton-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-skeleton-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))]\",\n yellow:\n \"bg-[var(--zui-skeleton-yellow-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-skeleton-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))]\",\n teal: \"bg-[var(--zui-skeleton-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-skeleton-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))]\",\n indigo:\n \"bg-[var(--zui-skeleton-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-skeleton-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))]\",\n emerald:\n \"bg-[var(--zui-skeleton-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-skeleton-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))]\",\n gray: \"bg-[var(--zui-skeleton-gray-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-skeleton-gray-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))]\",\n amber:\n \"bg-[var(--zui-skeleton-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-skeleton-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))]\",\n violet:\n \"bg-[var(--zui-skeleton-violet-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-skeleton-violet-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))]\",\n \"gradient-blue\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-skeleton-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-skeleton-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-skeleton-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))]\",\n \"gradient-green\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-skeleton-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-skeleton-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-skeleton-gradient-green-to-dark,oklch(64.8%_0.2_131.684))]\",\n \"gradient-red\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-skeleton-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-skeleton-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-skeleton-gradient-red-to-dark,oklch(59.2%_0.249_0.584))]\",\n \"gradient-yellow\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-skeleton-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-skeleton-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-skeleton-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))]\",\n \"gradient-purple\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-skeleton-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-skeleton-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-skeleton-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))]\",\n \"gradient-teal\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-skeleton-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-skeleton-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-skeleton-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))]\",\n \"gradient-indigo\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-skeleton-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-skeleton-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-skeleton-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))]\",\n \"gradient-pink\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-skeleton-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-skeleton-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-skeleton-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))]\",\n \"gradient-orange\":\n \"bg-linear-to-r from-[var(--zui-skeleton-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-skeleton-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-skeleton-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-skeleton-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))]\",\n} as const;\n\nexport const zuiSkeletonSizes = {\n sm: \"min-h-3\",\n md: \"min-h-4\",\n lg: \"min-h-6\",\n} as const;\n\nexport const zuiSkeletonRounded = {\n none: \"rounded-none\",\n sm: \"rounded-md\",\n md: \"rounded-lg\",\n lg: \"rounded-xl\",\n full: \"rounded-full\",\n} as const;\n\nexport const zuiSkeletonAnimations = {\n none: \"\",\n shimmer: \"\",\n pulse: \"\",\n} as const;\n\nexport const zuiSkeletonShimmerTones = {\n default: \"\",\n subtle: \"\",\n muted: \"\",\n sky: \"\",\n rose: \"\",\n purple: \"\",\n pink: \"\",\n orange: \"\",\n yellow: \"\",\n teal: \"\",\n indigo: \"\",\n emerald: \"\",\n gray: \"\",\n amber: \"\",\n violet: \"\",\n \"gradient-blue\": \"\",\n \"gradient-green\": \"\",\n \"gradient-red\": \"\",\n \"gradient-yellow\": \"\",\n \"gradient-purple\": \"\",\n \"gradient-teal\": \"\",\n \"gradient-indigo\": \"\",\n \"gradient-pink\": \"\",\n \"gradient-orange\": \"\",\n} as const;\n\nexport const zuiSkeletonTextLineBase = \"block w-full\";\n\nexport const zuiSkeletonTextLineSizes = {\n sm: \"h-2.5\",\n md: \"h-3\",\n lg: \"h-4\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSkeletonAnimations,\n zuiSkeletonAppearances,\n zuiSkeletonBase,\n zuiSkeletonRounded,\n zuiSkeletonShimmerGradientClasses,\n zuiSkeletonShimmerTones,\n zuiSkeletonSizes,\n zuiSkeletonTextLineBase,\n zuiSkeletonTextLineSizes,\n type ZuiSkeletonShimmerTone,\n} from \"../../design-system/skeleton\";\n\nexport const skeletonShimmerGradientClasses = zuiSkeletonShimmerGradientClasses;\nexport type SkeletonShimmerTone = ZuiSkeletonShimmerTone;\n\nexport const skeletonVariants = cva(zuiSkeletonBase, {\n variants: {\n appearance: zuiSkeletonAppearances,\n size: zuiSkeletonSizes,\n rounded: zuiSkeletonRounded,\n animation: zuiSkeletonAnimations,\n shimmerTone: zuiSkeletonShimmerTones,\n },\n compoundVariants: [\n {\n animation: \"shimmer\",\n shimmerTone: \"default\",\n class: skeletonShimmerGradientClasses.default,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"muted\",\n class: skeletonShimmerGradientClasses.subtle,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"subtle\",\n class: skeletonShimmerGradientClasses.subtle,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"sky\",\n class: skeletonShimmerGradientClasses.sky,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"rose\",\n class: skeletonShimmerGradientClasses.rose,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"purple\",\n class: skeletonShimmerGradientClasses.purple,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"pink\",\n class: skeletonShimmerGradientClasses.pink,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"orange\",\n class: skeletonShimmerGradientClasses.orange,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"yellow\",\n class: skeletonShimmerGradientClasses.yellow,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"teal\",\n class: skeletonShimmerGradientClasses.teal,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"indigo\",\n class: skeletonShimmerGradientClasses.indigo,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"emerald\",\n class: skeletonShimmerGradientClasses.emerald,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gray\",\n class: skeletonShimmerGradientClasses.gray,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"amber\",\n class: skeletonShimmerGradientClasses.amber,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"violet\",\n class: skeletonShimmerGradientClasses.violet,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-blue\",\n class: skeletonShimmerGradientClasses[\"gradient-blue\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-green\",\n class: skeletonShimmerGradientClasses[\"gradient-green\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-red\",\n class: skeletonShimmerGradientClasses[\"gradient-red\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-yellow\",\n class: skeletonShimmerGradientClasses[\"gradient-yellow\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-purple\",\n class: skeletonShimmerGradientClasses[\"gradient-purple\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-teal\",\n class: skeletonShimmerGradientClasses[\"gradient-teal\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-indigo\",\n class: skeletonShimmerGradientClasses[\"gradient-indigo\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-pink\",\n class: skeletonShimmerGradientClasses[\"gradient-pink\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-orange\",\n class: skeletonShimmerGradientClasses[\"gradient-orange\"],\n },\n {\n animation: \"pulse\",\n class: \"\",\n },\n ],\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n rounded: \"md\",\n animation: \"shimmer\",\n shimmerTone: \"default\",\n },\n});\n\nexport const skeletonTextLineVariants = cva(zuiSkeletonTextLineBase, {\n variants: {\n size: zuiSkeletonTextLineSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SkeletonAnimation,\n SkeletonAvatarProps,\n SkeletonButtonProps,\n SkeletonCardProps,\n SkeletonProps,\n SkeletonTextProps,\n} from \"./types\";\nimport { skeletonTextLineVariants, skeletonVariants } from \"./variants\";\n\nexport const SkeletonAnimationContext = createContext<\n SkeletonAnimation | undefined\n>(undefined);\n\nexport function useSkeletonAnimation(\n fallback: SkeletonAnimation,\n): SkeletonAnimation {\n const value = useContext(SkeletonAnimationContext);\n return value ?? fallback;\n}\n\nfunction skeletonMotionClass(animation: SkeletonAnimation): string {\n if (animation === \"none\") {\n return \"\";\n }\n return \"animate-pulse\";\n}\n\nexport function SkeletonBase(props: SkeletonProps) {\n const {\n className,\n appearance,\n size,\n rounded,\n animation = \"shimmer\",\n shimmerTone,\n busy,\n children,\n ref,\n as: Wrapper = \"div\",\n ...rest\n } = props;\n const ctx = useMemo(() => animation, [animation]);\n\n return (\n <SkeletonAnimationContext.Provider value={ctx}>\n <Wrapper\n ref={ref}\n data-slot=\"skeleton\"\n aria-hidden\n aria-busy={busy ? true : undefined}\n className={cn(\n skeletonVariants({\n appearance,\n size,\n rounded,\n animation,\n shimmerTone,\n }),\n skeletonMotionClass(animation),\n className,\n )}\n {...rest}\n >\n {children}\n </Wrapper>\n </SkeletonAnimationContext.Provider>\n );\n}\n\nSkeletonBase.displayName = \"Skeleton\";\n\nexport function SkeletonTextBase(props: SkeletonTextProps) {\n const {\n lines = 3,\n className,\n appearance,\n size,\n rounded,\n animation = \"shimmer\",\n shimmerTone,\n busy,\n ref,\n as: Wrapper = \"div\",\n } = props;\n const effectiveAnimation = useSkeletonAnimation(animation);\n const motionClass = skeletonMotionClass(effectiveAnimation);\n\n return (\n <div\n data-slot=\"skeleton-text\"\n className={cn(\"flex w-full flex-col gap-2\", className)}\n aria-hidden\n aria-busy={busy ? true : undefined}\n >\n {Array.from({ length: lines }).map((_, index) => (\n <Wrapper\n key={index}\n ref={index === 0 ? ref : undefined}\n className={cn(\n skeletonVariants({\n appearance,\n size,\n rounded,\n animation: effectiveAnimation,\n shimmerTone,\n }),\n skeletonTextLineVariants({ size }),\n index === lines - 1 ? \"w-3/5\" : \"w-full\",\n motionClass,\n )}\n />\n ))}\n </div>\n );\n}\n\nSkeletonTextBase.displayName = \"SkeletonText\";\n\nconst avatarSizeClass: Record<\n NonNullable<SkeletonAvatarProps[\"avatarSize\"]>,\n string\n> = {\n xs: \"size-6\",\n sm: \"size-8\",\n md: \"size-10\",\n lg: \"size-12\",\n xl: \"size-14\",\n \"2xl\": \"size-16\",\n};\n\nexport function SkeletonAvatarBase(props: SkeletonAvatarProps) {\n const {\n avatarSize = \"md\",\n className,\n appearance,\n size,\n rounded = \"full\",\n animation,\n shimmerTone,\n busy,\n ref,\n as: Wrapper = \"div\",\n ...rest\n } = props;\n const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n const motionClass = skeletonMotionClass(effectiveAnimation);\n\n return (\n <Wrapper\n ref={ref}\n data-slot=\"skeleton-avatar\"\n aria-hidden\n aria-busy={busy ? true : undefined}\n className={cn(\n skeletonVariants({\n appearance,\n size,\n rounded,\n animation: effectiveAnimation,\n shimmerTone,\n }),\n avatarSizeClass[avatarSize],\n motionClass,\n className,\n )}\n {...rest}\n />\n );\n}\n\nSkeletonAvatarBase.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardBase(props: SkeletonCardProps) {\n const {\n className,\n busy,\n animation = \"shimmer\",\n shimmerTone,\n appearance,\n size,\n rounded,\n ref,\n } = props;\n\n return (\n <div\n ref={ref as never}\n data-slot=\"skeleton-card\"\n className={cn(\"w-full max-w-sm\", className)}\n aria-busy={busy ? true : undefined}\n >\n <SkeletonBase\n rounded=\"lg\"\n animation={animation}\n shimmerTone={shimmerTone}\n appearance={appearance}\n size={size}\n busy={busy}\n className=\"flex flex-col gap-4 p-4\"\n >\n <div className=\"flex items-center gap-3\">\n <SkeletonAvatarBase\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n rounded={rounded}\n />\n <div className=\"flex flex-1 flex-col gap-2\">\n <SkeletonTextBase\n lines={2}\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n />\n </div>\n </div>\n <SkeletonTextBase\n lines={4}\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n />\n </SkeletonBase>\n </div>\n );\n}\n\nSkeletonCardBase.displayName = \"SkeletonCard\";\n\nconst buttonHeight: Record<\n NonNullable<SkeletonButtonProps[\"buttonSize\"]>,\n string\n> = {\n sm: \"h-8 w-24\",\n md: \"h-10 w-32\",\n lg: \"h-12 w-40\",\n};\n\nexport function SkeletonButtonBase(props: SkeletonButtonProps) {\n const {\n buttonSize = \"md\",\n className,\n appearance,\n size,\n rounded = \"md\",\n animation,\n shimmerTone,\n busy,\n ref,\n ...rest\n } = props;\n const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n const motionClass = skeletonMotionClass(effectiveAnimation);\n\n return (\n <div\n ref={ref}\n data-slot=\"skeleton-button\"\n aria-hidden\n aria-busy={busy ? true : undefined}\n className={cn(\n skeletonVariants({\n appearance,\n size,\n rounded,\n animation: effectiveAnimation,\n shimmerTone,\n }),\n buttonHeight[buttonSize],\n motionClass,\n className,\n )}\n {...rest}\n />\n );\n}\n\nSkeletonButtonBase.displayName = \"SkeletonButton\";\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/design-system/alert.ts","../src/ui/alert/variants.ts","../src/ui/alert/alert-base.tsx"],"names":[],"mappings":"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","file":"chunk-UROKWFPX.mjs","sourcesContent":["export const zuiAlertBase =\n \"relative flex w-full gap-3 border text-sm ring-offset-[var(--zui-alert-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-alert-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors\";\n\nexport const zuiAlertAppearances = {\n default:\n \"border-[color:var(--zui-alert-default-border,#0000001a)] dark:border-[color:var(--zui-alert-default-border-dark,#ffffff1a)] bg-[var(--zui-alert-default-bg,#0000000d)] dark:bg-[var(--zui-alert-default-bg-dark,#ffffff0d)] text-[color:var(--zui-alert-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n success:\n \"border-[color:var(--zui-alert-success-border,oklch(69.6%_0.17_162.48_/_0.4))] dark:border-[color:var(--zui-alert-success-border-dark,oklch(69.6%_0.17_162.48_/_0.4))] bg-[var(--zui-alert-success-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-alert-success-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-alert-success-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-alert-success-fg-dark,oklch(97.9%_0.021_166.113))]\",\n warning:\n \"border-[color:var(--zui-alert-warning-border,oklch(76.9%_0.188_70.08_/_0.4))] dark:border-[color:var(--zui-alert-warning-border-dark,oklch(76.9%_0.188_70.08_/_0.4))] bg-[var(--zui-alert-warning-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-alert-warning-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-alert-warning-fg,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-alert-warning-fg-dark,oklch(98.7%_0.022_95.277))]\",\n error:\n \"border-[color:var(--zui-alert-error-border,oklch(64.5%_0.246_16.439_/_0.5))] dark:border-[color:var(--zui-alert-error-border-dark,oklch(64.5%_0.246_16.439_/_0.5))] bg-[var(--zui-alert-error-bg,oklch(64.5%_0.246_16.439_/_0.1))] dark:bg-[var(--zui-alert-error-bg-dark,oklch(64.5%_0.246_16.439_/_0.1))] text-[color:var(--zui-alert-error-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-alert-error-fg-dark,oklch(96.9%_0.015_12.422))]\",\n info: \"border-[color:var(--zui-alert-info-border,oklch(68.5%_0.169_237.323_/_0.4))] dark:border-[color:var(--zui-alert-info-border-dark,oklch(68.5%_0.169_237.323_/_0.4))] bg-[var(--zui-alert-info-bg,oklch(68.5%_0.169_237.323_/_0.1))] dark:bg-[var(--zui-alert-info-bg-dark,oklch(68.5%_0.169_237.323_/_0.1))] text-[color:var(--zui-alert-info-fg,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-alert-info-fg-dark,oklch(97.7%_0.013_236.62))]\",\n ghost:\n \"border-[color:var(--zui-alert-ghost-border,transparent)] dark:border-[color:var(--zui-alert-ghost-border-dark,transparent)] bg-[var(--zui-alert-ghost-bg,transparent)] dark:bg-[var(--zui-alert-ghost-bg-dark,transparent)] text-[color:var(--zui-alert-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-alert-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n purple:\n \"border-[color:var(--zui-alert-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-alert-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-alert-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-alert-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-purple-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-purple-fg-dark,oklch(98.4%_0.003_247.858))]\",\n pink: \"border-[color:var(--zui-alert-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-alert-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-alert-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-alert-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-pink-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-pink-fg-dark,oklch(98.4%_0.003_247.858))]\",\n orange:\n \"border-[color:var(--zui-alert-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-alert-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-alert-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-alert-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-orange-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-orange-fg-dark,oklch(98.4%_0.003_247.858))]\",\n yellow:\n \"border-[color:var(--zui-alert-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-alert-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-alert-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-alert-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-yellow-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-yellow-fg-dark,oklch(98.4%_0.003_247.858))]\",\n teal: \"border-[color:var(--zui-alert-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-alert-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-alert-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-alert-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-teal-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-teal-fg-dark,oklch(98.4%_0.003_247.858))]\",\n indigo:\n \"border-[color:var(--zui-alert-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-alert-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-alert-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-alert-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-indigo-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-indigo-fg-dark,oklch(98.4%_0.003_247.858))]\",\n gray: \"border-[color:var(--zui-alert-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-alert-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-alert-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-alert-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gray-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gray-fg-dark,oklch(98.4%_0.003_247.858))]\",\n violet:\n \"border-[color:var(--zui-alert-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-alert-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-alert-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-alert-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-violet-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-violet-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-alert-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-alert-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-alert-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-alert-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-alert-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-alert-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-blue-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-blue-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-alert-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-alert-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-alert-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-alert-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-alert-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-alert-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-green-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-green-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-alert-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-alert-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-alert-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-alert-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-alert-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-alert-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-red-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-red-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-alert-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-alert-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-alert-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-alert-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-alert-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-alert-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-yellow-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-yellow-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-alert-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-alert-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-alert-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-alert-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-alert-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-alert-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-purple-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-purple-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-alert-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-alert-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-alert-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-alert-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-alert-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-alert-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-teal-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-teal-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-alert-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-alert-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-alert-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-alert-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-alert-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-alert-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-indigo-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-indigo-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-alert-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-alert-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-alert-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-alert-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-alert-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-alert-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-pink-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-pink-fg-dark,oklch(98.4%_0.003_247.858))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-alert-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-alert-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-alert-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-alert-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-alert-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-alert-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-orange-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-orange-fg-dark,oklch(98.4%_0.003_247.858))]\",\n} as const;\n\nexport const zuiAlertSizes = {\n sm: \"rounded-lg p-3\",\n md: \"rounded-xl p-4\",\n lg: \"rounded-2xl p-5 text-base\",\n} as const;\n\nexport const zuiAlertTitleBase = \"font-semibold leading-tight\";\n\nexport const zuiAlertTextSizes = {\n sm: \"text-xs md:text-sm\",\n md: \"text-xs md:text-sm\",\n lg: \"text-xs md:text-sm\",\n} as const;\n\nexport const zuiAlertDescriptionBase =\n \"text-[color:var(--zui-alert-description-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-alert-description-fg-dark,oklch(86.9%_0.022_252.894))]\";\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiAlertAppearances,\n zuiAlertBase,\n zuiAlertDescriptionBase,\n zuiAlertSizes,\n zuiAlertTextSizes,\n zuiAlertTitleBase,\n} from \"../../design-system/alert\";\n\nexport const alertVariants = cva(zuiAlertBase, {\n variants: {\n appearance: zuiAlertAppearances,\n size: zuiAlertSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const alertTitleVariants = cva(zuiAlertTitleBase, {\n variants: {\n size: zuiAlertTextSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n\nexport const alertDescriptionVariants = cva(zuiAlertDescriptionBase, {\n variants: {\n size: zuiAlertTextSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport {\n HiExclamationTriangle,\n HiInformationCircle,\n HiXMark,\n} from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n AlertBaseProps,\n AlertProps,\n AlertSectionProps,\n AlertSize,\n} from \"./types\";\nimport {\n alertDescriptionVariants,\n alertTitleVariants,\n alertVariants,\n} from \"./variants\";\n\nconst AlertSizeContext = createContext<AlertSize>(\"md\");\n\nfunction useAlertSize(): AlertSize {\n const ctx = useContext(AlertSizeContext);\n if (!ctx) {\n throw new Error(\"useAlertSize must be used within an Alert\");\n }\n return ctx;\n}\n\nexport function AlertBase(props: AlertBaseProps) {\n const {\n className,\n triggerClassName,\n appearance = \"default\",\n size = \"md\",\n closable = false,\n onClose,\n closeLabel = \"Dismiss alert\",\n children,\n ref,\n as: Wrapper = \"div\",\n ...rest\n } = props;\n\n const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n const ctx = useMemo(() => size ?? \"md\", [size]);\n\n return (\n <AlertSizeContext.Provider value={ctx}>\n <Wrapper\n ref={ref}\n data-slot=\"alert\"\n role=\"alert\"\n aria-live={live}\n className={cn(\n alertVariants({ appearance, size }),\n closable ? \"pr-12\" : \"\",\n className,\n )}\n {...rest}\n >\n {children}\n {closable ? (\n <button\n type=\"button\"\n data-slot=\"alert-close\"\n aria-label={closeLabel}\n onClick={onClose}\n className={cn(\n \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n triggerClassName,\n )}\n >\n <HiXMark className=\"size-4\" aria-hidden />\n </button>\n ) : null}\n </Wrapper>\n </AlertSizeContext.Provider>\n );\n}\n\nAlertBase.displayName = \"AlertBase\";\n\nexport function AlertIcon({ className, children }: AlertSectionProps) {\n return (\n <span\n data-slot=\"alert-icon\"\n className={cn(\"mt-0.5 shrink-0 text-current\", className)}\n >\n {children}\n </span>\n );\n}\n\nAlertIcon.displayName = \"AlertIcon\";\n\nexport function AlertTitle({ className, children }: AlertSectionProps) {\n const size = useAlertSize();\n return (\n <div\n data-slot=\"alert-title\"\n className={cn(alertTitleVariants({ size }), className)}\n >\n {children}\n </div>\n );\n}\n\nAlertTitle.displayName = \"AlertTitle\";\n\nexport function AlertDescription({ className, children }: AlertSectionProps) {\n const size = useAlertSize();\n return (\n <div\n data-slot=\"alert-description\"\n className={cn(alertDescriptionVariants({ size }), className)}\n >\n {children}\n </div>\n );\n}\n\nAlertDescription.displayName = \"AlertDescription\";\n\nexport function AlertClose({\n className,\n children,\n \"aria-label\": ariaLabel = \"Dismiss alert\",\n onClick,\n}: AlertSectionProps & { onClick?: () => void; \"aria-label\"?: string }) {\n return (\n <button\n type=\"button\"\n data-slot=\"alert-close\"\n aria-label={ariaLabel}\n onClick={onClick}\n className={cn(\n \"inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n className,\n )}\n >\n {children ?? <HiXMark className=\"size-4\" aria-hidden />}\n </button>\n );\n}\n\nAlertClose.displayName = \"AlertClose\";\n\nexport function AlertDefaultIcon({\n appearance,\n}: {\n appearance?: AlertProps[\"appearance\"];\n}) {\n if (appearance === \"error\") {\n return <HiExclamationTriangle className=\"size-5\" aria-hidden />;\n }\n return <HiInformationCircle className=\"size-5\" aria-hidden />;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/design-system/drawer.ts","../src/ui/drawer/variants.ts","../src/ui/drawer/drawer-base.tsx"],"names":["cva","createContext","useContext","useState","useCallback","useId","useRef","useMemo","jsx","cn","useFocusManagement","createPortal","jsxs"],"mappings":";;;;;;;;;;AAAO,IAAM,oBAAA,GACX,sLAAA;AAEK,IAAM,oBAAA,GACX,yEAAA;AAEK,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EACE,qJAAA;AAAA,EACF,KAAA,EACE,qcAAA;AAAA,EACF,GAAA,EAAK,gdAAA;AAAA,EACL,IAAA,EAAM,sdAAA;AAAA,EACN,MAAA,EACE,ueAAA;AAAA,EACF,IAAA,EAAM,mdAAA;AAAA,EACN,MAAA,EACE,4dAAA;AAAA,EACF,MAAA,EACE,meAAA;AAAA,EACF,IAAA,EAAM,wdAAA;AAAA,EACN,MAAA,EACE,seAAA;AAAA,EACF,OAAA,EACE,6eAAA;AAAA,EACF,IAAA,EAAM,wdAAA;AAAA,EACN,KAAA,EACE,4dAAA;AAAA,EACF,MAAA,EACE,ueAAA;AAAA,EACF,eAAA,EACE,4sBAAA;AAAA,EACF,gBAAA,EACE,stBAAA;AAAA,EACF,cAAA,EACE,8rBAAA;AAAA,EACF,iBAAA,EACE,stBAAA;AAAA,EACF,iBAAA,EACE,4tBAAA;AAAA,EACF,eAAA,EACE,2sBAAA;AAAA,EACF,iBAAA,EACE,6tBAAA;AAAA,EACF,eAAA,EACE,osBAAA;AAAA,EACF,iBAAA,EACE;AACJ,CAAA;AAEO,IAAM,oBAAA,GACX,qoBAAA;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,IAAA,EAAM,yCAAA;AAAA,EACN,KAAA,EAAO,0CAAA;AAAA,EACP,GAAA,EAAK,6CAAA;AAAA,EACL,MAAA,EAAQ;AACV,CAAA;AAEO,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EACE,sSAAA;AAAA,EACF,KAAA,EACE,wTAAA;AAAA,EACF,GAAA,EAAK,yUAAA;AAAA,EACL,IAAA,EAAM,4UAAA;AAAA,EACN,MAAA,EACE,wVAAA;AAAA,EACF,IAAA,EAAM,0UAAA;AAAA,EACN,MAAA,EACE,gVAAA;AAAA,EACF,MAAA,EACE,qVAAA;AAAA,EACF,IAAA,EAAM,6UAAA;AAAA,EACN,MAAA,EACE,uVAAA;AAAA,EACF,OAAA,EACE,4VAAA;AAAA,EACF,IAAA,EAAM,6UAAA;AAAA,EACN,KAAA,EACE,gVAAA;AAAA,EACF,MAAA,EACE,wVAAA;AAAA,EACF,eAAA,EACE,+iBAAA;AAAA,EACF,gBAAA,EACE,ujBAAA;AAAA,EACF,cAAA,EACE,oiBAAA;AAAA,EACF,iBAAA,EACE,sjBAAA;AAAA,EACF,iBAAA,EACE,2jBAAA;AAAA,EACF,eAAA,EACE,8iBAAA;AAAA,EACF,iBAAA,EACE,4jBAAA;AAAA,EACF,eAAA,EACE,yiBAAA;AAAA,EACF,iBAAA,EACE;AACJ,CAAA;;;AClGO,IAAM,qBAAA,GAAwBA,2BAAI,oBAAoB;AAEtD,IAAM,qBAAA,GAAwBA,2BAAI,oBAAA,EAAsB;AAAA,EAC7D,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,GACd;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY;AAAA;AAEhB,CAAC,CAAA;AAEM,IAAM,qBAAA,GAAwBA,2BAAI,oBAAA,EAAsB;AAAA,EAC7D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,qBAAA;AAAA,IACN,IAAA,EAAM,qBAAA;AAAA,IACN,UAAA,EAAY;AAAA,GACd;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,qBAAA,EAAsB;AAAA,IACzD,EAAE,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,qBAAA,EAAsB;AAAA,IACzD,EAAE,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,qBAAA,EAAsB;AAAA,IACzD,EAAE,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,qBAAA,EAAsB;AAAA,IACzD,EAAE,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,MAAA,EAAQ,OAAO,mBAAA,EAAoB;AAAA,IACzD,EAAE,IAAA,EAAM,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,OAAO,qBAAA,EAAsB;AAAA,IAC1D,EAAE,IAAA,EAAM,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,OAAO,qBAAA,EAAsB;AAAA,IAC1D,EAAE,IAAA,EAAM,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,OAAO,qBAAA,EAAsB;AAAA,IAC1D,EAAE,IAAA,EAAM,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,OAAO,qBAAA,EAAsB;AAAA,IAC1D,EAAE,IAAA,EAAM,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,OAAO,mBAAA;AAAoB,GAC5D;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,OAAA;AAAA,IACN,IAAA,EAAM,IAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEhB,CAAC;AChBD,IAAM,aAAA,GAAgBC,oBAAgC,IAAI,CAAA;AAEnD,SAAS,iBAAiB,SAAA,EAA8B;AAC7D,EAAA,MAAM,GAAA,GAAMC,iBAAW,aAAa,CAAA;AACpC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,6BAAA,CAA+B,CAAA;AAAA,EAC7D;AACA,EAAA,OAAO,GAAA;AACT;AAEO,SAAS,MAAA,CAAO;AAAA,EACrB,IAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,YAAA;AAAA,EACA;AACF,CAAA,EAAgB;AACd,EAAA,MAAM,eAAe,IAAA,KAAS,MAAA;AAC9B,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIC,eAAS,WAAW,CAAA;AACpE,EAAA,MAAM,YAAA,GAAe,YAAA,GAAe,OAAA,CAAQ,IAAI,CAAA,GAAI,gBAAA;AAEpD,EAAA,MAAM,OAAA,GAAUC,iBAAA;AAAA,IACd,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,MAC1B;AACA,MAAA,YAAA,GAAe,IAAI,CAAA;AAAA,IACrB,CAAA;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,GAC7B;AAEA,EAAA,MAAM,SAASC,WAAA,EAAM;AACrB,EAAA,MAAM,OAAA,GAAU,GAAG,MAAM,CAAA,MAAA,CAAA;AACzB,EAAA,MAAM,aAAA,GAAgB,GAAG,MAAM,CAAA,YAAA,CAAA;AAC/B,EAAA,MAAM,UAAA,GAAaC,aAA8B,IAAI,CAAA;AACrD,EAAA,MAAM,UAAA,GAAaA,aAA2B,IAAI,CAAA;AAElD,EAAA,MAAM,GAAA,GAAMC,aAAA;AAAA,IACV,OAAO;AAAA,MACL,IAAA,EAAM,YAAA;AAAA,MACN,OAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,YAAA,EAAc,OAAA,EAAS,OAAO;AAAA,GAChD;AAEA,EAAA,sCACG,aAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EAAO,KAAM,QAAA,EAAS,CAAA;AAElD;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AAEd,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA,EAAK,OAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,EAAE,OAAA,EAAS,UAAA,EAAW,GAAI,iBAAiB,eAAe,CAAA;AAChE,EAAA,uBACEC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,QAAA,IAAI,OAAO,YAAY,UAAA,EAAY;AACjC,UAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,QACd,WAAW,OAAA,EAAS;AAClB,UAAC,QAAgD,OAAA,GAAU,IAAA;AAAA,QAC7D;AAAA,MACF,CAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,gBAAA;AAAA,MACV,WAAWC,mBAAA,CAAG,qBAAA,CAAsB,EAAE,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAC9D,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,OAAA,GAAU,KAAK,CAAA;AACf,QAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,UAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP,IAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,EAAE,MAAM,OAAA,EAAS,OAAA,EAAS,eAAe,UAAA,EAAY,UAAA,EAAW,GACpE,gBAAA,CAAiB,eAAe,CAAA;AAClC,EAAA,MAAM,eAAe,IAAA,IAAQ,OAAA;AAE7B,EAAAC,mCAAA,CAAmB;AAAA,IACjB,IAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,KAAa,WAAA,GAAc,SAAS,IAAA,GAAO,IAAA;AACvE,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAOC,qBAAA;AAAA,IACL,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAsB,aAAU,eAAA,EAC7C,QAAA,EAAA;AAAA,sBAAAJ,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,cAAA;AAAA,UACL,WAAA,EAAU,gBAAA;AAAA,UACV,WAAW,qBAAA,EAAsB;AAAA,UACjC,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK;AAAA;AAAA,OAC9B;AAAA,sBACAA,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,YAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,YAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,cAAA,GAAA,CAAI,IAAI,CAAA;AAAA,YACV,WAAW,GAAA,EAAK;AACd,cAAC,IAAyC,OAAA,GAAU,IAAA;AAAA,YACtD;AAAA,UACF,CAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAW,MAAA;AAAA,UACX,iBAAA,EAAiB,OAAA;AAAA,UACjB,kBAAA,EAAkB,aAAA;AAAA,UAClB,WAAA,EAAU,gBAAA;AAAA,UACV,QAAA,EAAU,EAAA;AAAA,UACV,SAAA,EAAWC,mBAAA;AAAA,YACT,sBAAsB,EAAE,IAAA,EAAM,YAAA,EAAc,IAAA,EAAM,YAAY,CAAA;AAAA,YAC9D;AAAA,WACF;AAAA,UACA,EAAA;AAAA,UACA,KAAA;AAAA,UAEC;AAAA;AAAA;AACH,KAAA,EACF,CAAA,GACE,IAAA;AAAA,IACJ;AAAA,GACF;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,QAAA,EAAS,EAAuB;AACxE,EAAA,uBACED,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAWC,mBAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAElD;AAAA;AAAA,GACH;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,QAAA,EAAS,EAAuB;AACtE,EAAA,uBACED,cAAA,CAAC,SAAI,WAAA,EAAU,aAAA,EAAc,WAAWC,mBAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA,EACnE,QAAA,EACH,CAAA;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAElB,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,QAAA,EAAS,EAAuB;AACxE,EAAA,uBACED,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAWC,mBAAA,CAAG,6BAAA,EAA+B,SAAS,CAAA;AAAA,MAErD;AAAA;AAAA,GACH;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,QAAA,EAAS,EAAuB;AACvE,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,CAAiB,aAAa,CAAA;AAClD,EAAA,uBACED,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,OAAA;AAAA,MACJ,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAWC,mBAAA,CAAG,uBAAA,EAAyB,SAAS,CAAA;AAAA,MAE/C;AAAA;AAAA,GACH;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,CAAiB,aAAa,CAAA;AAClD,EAAA,uBACED,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAWC,mBAAA;AAAA,QACT,8NAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,YAAA,EAAW,cAAA;AAAA,MACX,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC3B,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,QAAA,IAAY;AAAA;AAAA,GACf;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-UY65KX3M.js","sourcesContent":["export const zuiDrawerOverlayBase =\n \"fixed inset-0 z-101 bg-[var(--zui-drawer-overlay-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm\";\n\nexport const zuiDrawerTriggerBase =\n \"relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5\";\n\nexport const zuiDrawerTriggerAppearances = {\n default:\n \"bg-[var(--zui-drawer-trigger-default-bg,oklch(12.9%_0.042_264.695))] dark:bg-[var(--zui-drawer-trigger-default-bg-dark,oklch(12.9%_0.042_264.695))]\",\n glass:\n \"border-[color:var(--zui-drawer-trigger-glass-border,#00000026)] dark:border-[color:var(--zui-drawer-trigger-glass-border-dark,#ffffff26)] bg-[var(--zui-drawer-trigger-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-trigger-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-trigger-glass-fg-dark,#ffffff)]\",\n sky: \"border-[color:var(--zui-drawer-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-drawer-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-drawer-trigger-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-drawer-trigger-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-drawer-trigger-sky-fg-dark,#ffffff)]\",\n rose: \"border-[color:var(--zui-drawer-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-drawer-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-drawer-trigger-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-drawer-trigger-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-drawer-trigger-rose-fg-dark,#ffffff)]\",\n purple:\n \"border-[color:var(--zui-drawer-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-drawer-trigger-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-drawer-trigger-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-drawer-trigger-purple-fg-dark,#ffffff)]\",\n pink: \"border-[color:var(--zui-drawer-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-drawer-trigger-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-drawer-trigger-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-pink-fg-dark,#ffffff)]\",\n orange:\n \"border-[color:var(--zui-drawer-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-drawer-trigger-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-drawer-trigger-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-orange-fg-dark,#ffffff)]\",\n yellow:\n \"border-[color:var(--zui-drawer-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-drawer-trigger-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-drawer-trigger-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-drawer-trigger-yellow-fg-dark,#ffffff)]\",\n teal: \"border-[color:var(--zui-drawer-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-trigger-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-drawer-trigger-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-drawer-trigger-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-drawer-trigger-teal-fg-dark,#ffffff)]\",\n indigo:\n \"border-[color:var(--zui-drawer-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-drawer-trigger-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-drawer-trigger-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-indigo-fg-dark,#ffffff)]\",\n emerald:\n \"border-[color:var(--zui-drawer-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-drawer-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-drawer-trigger-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-drawer-trigger-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-drawer-trigger-emerald-fg-dark,#ffffff)]\",\n gray: \"border-[color:var(--zui-drawer-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-drawer-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-drawer-trigger-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-drawer-trigger-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-drawer-trigger-gray-fg-dark,#ffffff)]\",\n amber:\n \"border-[color:var(--zui-drawer-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-drawer-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-drawer-trigger-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-drawer-trigger-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-drawer-trigger-amber-fg-dark,#ffffff)]\",\n violet:\n \"border-[color:var(--zui-drawer-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-drawer-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-drawer-trigger-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-drawer-trigger-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-drawer-trigger-violet-fg-dark,#ffffff)]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-drawer-trigger-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-drawer-trigger-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-drawer-trigger-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-drawer-trigger-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-blue-fg,oklch(42.4%_0.199_265.638))] dark:text-[color:var(--zui-drawer-trigger-gradient-blue-fg-dark,#ffffff)]\",\n \"gradient-green\":\n \"border-[color:var(--zui-drawer-trigger-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-drawer-trigger-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-drawer-trigger-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-drawer-trigger-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-drawer-trigger-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-green-fg,oklch(44.8%_0.119_151.328))] dark:text-[color:var(--zui-drawer-trigger-gradient-green-fg-dark,#ffffff)]\",\n \"gradient-red\":\n \"border-[color:var(--zui-drawer-trigger-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-drawer-trigger-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-drawer-trigger-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-drawer-trigger-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-trigger-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-red-fg,oklch(44.4%_0.177_26.899))] dark:text-[color:var(--zui-drawer-trigger-gradient-red-fg-dark,#ffffff)]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-drawer-trigger-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-trigger-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-drawer-trigger-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-drawer-trigger-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-drawer-trigger-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-drawer-trigger-gradient-yellow-fg-dark,#ffffff)]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-drawer-trigger-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-trigger-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-drawer-trigger-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-drawer-trigger-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-trigger-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-drawer-trigger-gradient-purple-fg-dark,#ffffff)]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-drawer-trigger-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-trigger-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-drawer-trigger-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-drawer-trigger-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-drawer-trigger-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-drawer-trigger-gradient-teal-fg-dark,#ffffff)]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-drawer-trigger-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-trigger-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-trigger-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-gradient-indigo-fg-dark,#ffffff)]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-drawer-trigger-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-trigger-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-trigger-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-trigger-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-gradient-pink-fg-dark,#ffffff)]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-drawer-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-gradient-orange-fg-dark,#ffffff)]\",\n} as const;\n\nexport const zuiDrawerContentBase =\n \"fixed z-101 flex max-h-[min(92vh,900px)] flex-col border border-[color:var(--zui-drawer-content-border,#0000001a)] dark:border-[color:var(--zui-drawer-content-border-dark,#ffffff1a)] bg-[var(--zui-drawer-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-bg-dark,oklch(12.9%_0.042_264.695))] p-6 text-[color:var(--zui-drawer-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-drawer-content-shadow,0_12px_40px_rgba(15,23,42,0.14))] dark:shadow-[var(--zui-drawer-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.55))] focus:outline-none\";\n\nexport const zuiDrawerContentSides = {\n left: \"left-0 top-0 h-full w-[min(100%,420px)]\",\n right: \"right-0 top-0 h-full w-[min(100%,420px)]\",\n top: \"left-0 top-0 w-full max-h-[min(92vh,520px)]\",\n bottom: \"bottom-0 left-0 w-full max-h-[min(92vh,520px)]\",\n} as const;\n\nexport const zuiDrawerContentSizes = {\n sm: \"\",\n md: \"\",\n lg: \"\",\n xl: \"\",\n full: \"\",\n} as const;\n\nexport const zuiDrawerContentAppearances = {\n default:\n \"bg-[var(--zui-drawer-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-default-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-drawer-content-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-default-fg-dark,#ffffff)]\",\n glass:\n \"border-[color:var(--zui-drawer-content-glass-border,#00000026)] dark:border-[color:var(--zui-drawer-content-glass-border-dark,#ffffff26)] bg-[var(--zui-drawer-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-drawer-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-drawer-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-drawer-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-drawer-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-drawer-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-drawer-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-drawer-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-drawer-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-drawer-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-drawer-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-drawer-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-drawer-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-drawer-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-drawer-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-drawer-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-drawer-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-drawer-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-drawer-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-drawer-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-drawer-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-drawer-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-drawer-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-drawer-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-drawer-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-drawer-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-drawer-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-drawer-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-drawer-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-drawer-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-drawer-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-drawer-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-drawer-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-drawer-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-drawer-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-drawer-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-drawer-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-drawer-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-drawer-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-drawer-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-drawer-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-drawer-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-drawer-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-drawer-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-drawer-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-drawer-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-drawer-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n \"gradient-green\":\n \"border-[color:var(--zui-drawer-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-drawer-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-drawer-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-drawer-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-drawer-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl\",\n \"gradient-red\":\n \"border-[color:var(--zui-drawer-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-drawer-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-drawer-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-drawer-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-drawer-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-drawer-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-drawer-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-drawer-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-[color:var(--zui-drawer-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-drawer-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-drawer-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-[color:var(--zui-drawer-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-drawer-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-drawer-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-drawer-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-drawer-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-[color:var(--zui-drawer-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n \"gradient-orange\":\n \"border-[color:var(--zui-drawer-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiDrawerContentAppearances,\n zuiDrawerContentBase,\n zuiDrawerContentSides,\n zuiDrawerContentSizes,\n zuiDrawerOverlayBase,\n zuiDrawerTriggerAppearances,\n zuiDrawerTriggerBase,\n} from \"../../design-system/drawer\";\n\nexport const drawerOverlayVariants = cva(zuiDrawerOverlayBase);\n\nexport const drawerTriggerVariants = cva(zuiDrawerTriggerBase, {\n variants: {\n appearance: zuiDrawerTriggerAppearances,\n },\n defaultVariants: {\n appearance: \"default\",\n },\n});\n\nexport const drawerContentVariants = cva(zuiDrawerContentBase, {\n variants: {\n side: zuiDrawerContentSides,\n size: zuiDrawerContentSizes,\n appearance: zuiDrawerContentAppearances,\n },\n compoundVariants: [\n { side: \"left\", size: \"sm\", class: \"w-[min(100%,320px)]\" },\n { side: \"left\", size: \"md\", class: \"w-[min(100%,420px)]\" },\n { side: \"left\", size: \"lg\", class: \"w-[min(100%,520px)]\" },\n { side: \"left\", size: \"xl\", class: \"w-[min(100%,640px)]\" },\n { side: \"left\", size: \"full\", class: \"w-full max-w-none\" },\n { side: \"right\", size: \"sm\", class: \"w-[min(100%,320px)]\" },\n { side: \"right\", size: \"md\", class: \"w-[min(100%,420px)]\" },\n { side: \"right\", size: \"lg\", class: \"w-[min(100%,520px)]\" },\n { side: \"right\", size: \"xl\", class: \"w-[min(100%,640px)]\" },\n { side: \"right\", size: \"full\", class: \"w-full max-w-none\" },\n ],\n defaultVariants: {\n side: \"right\",\n size: \"md\",\n appearance: \"default\",\n },\n});\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useId,\n useMemo,\n useRef,\n useState,\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 DrawerContentProps,\n DrawerCtx,\n DrawerProps,\n DrawerSectionProps,\n DrawerTriggerProps,\n} from \"./types\";\nimport {\n drawerContentVariants,\n drawerOverlayVariants,\n drawerTriggerVariants,\n} from \"./variants\";\n\nconst DrawerContext = createContext<DrawerCtx | null>(null);\n\nexport function useDrawerContext(component: string): DrawerCtx {\n const ctx = useContext(DrawerContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Drawer>`);\n }\n return ctx;\n}\n\nexport function Drawer({\n open,\n defaultOpen = false,\n onOpenChange,\n children,\n}: DrawerProps) {\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 baseId = useId();\n const titleId = `${baseId}-title`;\n const descriptionId = `${baseId}-description`;\n const contentRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n\n const ctx = useMemo(\n () => ({\n open: resolvedOpen,\n setOpen,\n titleId,\n descriptionId,\n contentRef,\n triggerRef,\n }),\n [descriptionId, resolvedOpen, setOpen, titleId],\n );\n\n return (\n <DrawerContext.Provider value={ctx}>{children}</DrawerContext.Provider>\n );\n}\n\nDrawer.displayName = \"Drawer\";\n\nexport function DrawerTrigger({\n className,\n children,\n appearance,\n onClick,\n ref: refProp,\n ...rest\n}: DrawerTriggerProps) {\n const { setOpen, triggerRef } = useDrawerContext(\"DrawerTrigger\");\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=\"drawer-trigger\"\n className={cn(drawerTriggerVariants({ appearance }), className)}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n setOpen(true);\n }\n }}\n {...rest}\n >\n {children}\n </button>\n );\n}\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n\nexport function DrawerContent({\n className,\n side = \"right\",\n size,\n appearance,\n children,\n ref,\n id,\n style,\n}: DrawerContentProps) {\n const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } =\n useDrawerContext(\"DrawerContent\");\n const resolvedSide = side ?? \"right\";\n\n useFocusManagement({\n open,\n setOpen,\n contentRef,\n triggerRef,\n });\n\n const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(\n open ? (\n <div className=\"fixed inset-0 z-101\" data-slot=\"drawer-portal\">\n <div\n role=\"presentation\"\n data-slot=\"drawer-overlay\"\n className={drawerOverlayVariants()}\n onClick={() => setOpen(false)}\n />\n <div\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={titleId}\n aria-describedby={descriptionId}\n data-slot=\"drawer-content\"\n tabIndex={-1}\n className={cn(\n drawerContentVariants({ side: resolvedSide, size, appearance }),\n className,\n )}\n id={id}\n style={style}\n >\n {children}\n </div>\n </div>\n ) : null,\n portalTarget,\n );\n}\n\nDrawerContent.displayName = \"DrawerContent\";\n\nexport function DrawerHeader({ className, children }: DrawerSectionProps) {\n return (\n <header\n data-slot=\"drawer-header\"\n className={cn(\"mb-4 flex flex-col gap-2\", className)}\n >\n {children}\n </header>\n );\n}\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport function DrawerBody({ className, children }: DrawerSectionProps) {\n return (\n <div data-slot=\"drawer-body\" className={cn(\"flex-1 text-sm\", className)}>\n {children}\n </div>\n );\n}\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport function DrawerFooter({ className, children }: DrawerSectionProps) {\n return (\n <footer\n data-slot=\"drawer-footer\"\n className={cn(\"mt-6 flex justify-end gap-2\", className)}\n >\n {children}\n </footer>\n );\n}\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\nexport function DrawerTitle({ className, children }: DrawerSectionProps) {\n const { titleId } = useDrawerContext(\"DrawerTitle\");\n return (\n <h2\n id={titleId}\n data-slot=\"drawer-title\"\n className={cn(\"text-lg font-semibold\", className)}\n >\n {children}\n </h2>\n );\n}\n\nDrawerTitle.displayName = \"DrawerTitle\";\n\nexport function DrawerClose({\n className,\n children,\n ...rest\n}: DrawerSectionProps) {\n const { setOpen } = useDrawerContext(\"DrawerClose\");\n return (\n <button\n type=\"button\"\n data-slot=\"drawer-close\"\n className={cn(\n \"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md dark:text-slate-200 text-slate-900 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n className,\n )}\n aria-label=\"Close drawer\"\n onClick={() => setOpen(false)}\n {...rest}\n >\n {children ?? \"×\"}\n </button>\n );\n}\n\nDrawerClose.displayName = \"DrawerClose\";\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/design-system/popover.ts","../src/ui/popover/variants.ts","../src/ui/popover/popover-base.tsx"],"names":["cva","createContext","useContext","cn","useState","useId","useRef","useCallback","useEffect","useMemo","jsx","Children","isValidElement","cloneElement"],"mappings":"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","file":"chunk-VHVQELWF.js","sourcesContent":["export const zuiPopoverContentBase =\n \"absolute z-50 rounded-lg border shadow-lg transition-all duration-200 outline-none\";\n\nexport const zuiPopoverContentVariants = {\n default:\n \"border-[color:var(--zui-popover-default-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-popover-default-border-dark,#ffffff1a)] bg-[var(--zui-popover-default-bg,#ffffff)] dark:bg-[var(--zui-popover-default-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-popover-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-default-fg-dark,oklch(96.8%_0.007_247.896))]\",\n outline:\n \"border-[color:var(--zui-popover-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-popover-outline-border-dark,oklch(87.2%_0.01_258.338))] bg-[var(--zui-popover-outline-bg,#ffffff)] dark:bg-[var(--zui-popover-outline-bg-dark,#000000)] text-[color:var(--zui-popover-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-outline-fg-dark,#ffffff)]\",\n ghost:\n \"border-transparent bg-[var(--zui-popover-ghost-bg,oklch(96.7%_0.003_264.542))] dark:bg-[var(--zui-popover-ghost-bg-dark,oklch(27.8%_0.033_256.848))] text-[color:var(--zui-popover-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-ghost-fg-dark,#ffffffe6)]\",\n glass:\n \"border-[color:var(--zui-popover-glass-border,#00000026)] dark:border-[color:var(--zui-popover-glass-border-dark,#ffffff26)] bg-[var(--zui-popover-glass-bg,#ffffffb3)] dark:bg-[var(--zui-popover-glass-bg-dark,#020617b3)] text-[color:var(--zui-popover-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-glass-fg-dark,#ffffff)] backdrop-blur-md\",\n emerald:\n \"border-[color:var(--zui-popover-emerald-border,oklch(43.2%_0.095_166.913_/_0.35))] dark:border-[color:var(--zui-popover-emerald-border-dark,oklch(43.2%_0.095_166.913_/_0.35))] bg-[var(--zui-popover-emerald-bg,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-popover-emerald-fg,oklch(37.8%_0.077_168.94))] dark:bg-[var(--zui-popover-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-popover-emerald-fg-dark,oklch(90.5%_0.093_164.15))]\",\n indigo:\n \"border-[color:var(--zui-popover-indigo-border,oklch(39.8%_0.195_277.366_/_0.35))] dark:border-[color:var(--zui-popover-indigo-border-dark,oklch(39.8%_0.195_277.366_/_0.35))] bg-[var(--zui-popover-indigo-bg,oklch(87%_0.065_274.039))] text-[color:var(--zui-popover-indigo-fg,oklch(35.9%_0.144_278.697))] dark:bg-[var(--zui-popover-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-popover-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n purple:\n \"border-[color:var(--zui-popover-purple-border,oklch(43.8%_0.218_303.724_/_0.35))] dark:border-[color:var(--zui-popover-purple-border-dark,oklch(43.8%_0.218_303.724_/_0.35))] bg-[var(--zui-popover-purple-bg,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-popover-purple-fg,oklch(38.1%_0.176_304.987))] dark:bg-[var(--zui-popover-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-popover-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n pink: \"border-[color:var(--zui-popover-pink-border,oklch(45.9%_0.187_3.815_/_0.35))] dark:border-[color:var(--zui-popover-pink-border-dark,oklch(45.9%_0.187_3.815_/_0.35))] bg-[var(--zui-popover-pink-bg,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-popover-pink-fg,oklch(40.8%_0.153_2.432))] dark:bg-[var(--zui-popover-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-popover-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n rose: \"border-[color:var(--zui-popover-rose-border,oklch(45.5%_0.188_13.697_/_0.35))] dark:border-[color:var(--zui-popover-rose-border-dark,oklch(45.5%_0.188_13.697_/_0.35))] bg-[var(--zui-popover-rose-bg,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-popover-rose-fg,oklch(41%_0.159_10.272))] dark:bg-[var(--zui-popover-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-popover-rose-fg-dark,oklch(89.2%_0.058_10.001))]\",\n sky: \"border-[color:var(--zui-popover-sky-border,oklch(44.3%_0.11_240.79_/_0.35))] dark:border-[color:var(--zui-popover-sky-border-dark,oklch(44.3%_0.11_240.79_/_0.35))] bg-[var(--zui-popover-sky-bg,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-popover-sky-fg,oklch(39.1%_0.09_240.876))] dark:bg-[var(--zui-popover-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-popover-sky-fg-dark,oklch(90.1%_0.058_230.902))]\",\n teal: \"border-[color:var(--zui-popover-teal-border,oklch(43.7%_0.078_188.216_/_0.35))] dark:border-[color:var(--zui-popover-teal-border-dark,oklch(43.7%_0.078_188.216_/_0.35))] bg-[var(--zui-popover-teal-bg,oklch(91%_0.096_180.426))] text-[color:var(--zui-popover-teal-fg,oklch(38.6%_0.063_188.416))] dark:bg-[var(--zui-popover-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-popover-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n yellow:\n \"border-[color:var(--zui-popover-yellow-border,oklch(47.6%_0.114_61.907_/_0.35))] dark:border-[color:var(--zui-popover-yellow-border-dark,oklch(47.6%_0.114_61.907_/_0.35))] bg-[var(--zui-popover-yellow-bg,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-popover-yellow-fg,oklch(42.1%_0.095_57.708))] dark:bg-[var(--zui-popover-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-popover-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n orange:\n \"border-[color:var(--zui-popover-orange-border,oklch(47%_0.157_37.304_/_0.35))] dark:border-[color:var(--zui-popover-orange-border-dark,oklch(47%_0.157_37.304_/_0.35))] bg-[var(--zui-popover-orange-bg,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-popover-orange-fg,oklch(40.8%_0.123_38.172))] dark:bg-[var(--zui-popover-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-popover-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n green:\n \"border-[color:var(--zui-popover-green-border,oklch(44.8%_0.119_151.328_/_0.35))] dark:border-[color:var(--zui-popover-green-border-dark,oklch(44.8%_0.119_151.328_/_0.35))] bg-[var(--zui-popover-green-bg,oklch(92.5%_0.084_155.995))] text-[color:var(--zui-popover-green-fg,oklch(39.3%_0.095_152.535))] dark:bg-[var(--zui-popover-green-bg-dark,oklch(26.6%_0.065_152.934))] dark:text-[color:var(--zui-popover-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n \"gradient-blue\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-popover-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-popover-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-blue-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,#ffffff)]\",\n \"gradient-green\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-popover-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-popover-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-popover-gradient-green-to-dark,oklch(45.3%_0.124_130.933))] text-[color:var(--zui-popover-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,#ffffff)]\",\n \"gradient-red\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-popover-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-popover-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-red-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,#ffffff)]\",\n \"gradient-yellow\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-popover-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-popover-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,#ffffff)]\",\n \"gradient-purple\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-popover-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-popover-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-purple-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,#ffffff)]\",\n \"gradient-teal\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-popover-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-popover-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-popover-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-popover-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,#ffffff)]\",\n \"gradient-indigo\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-popover-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,#ffffff)]\",\n \"gradient-pink\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-popover-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-popover-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-popover-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-popover-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,#ffffff)]\",\n \"gradient-orange\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-popover-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-popover-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-popover-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-popover-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,#ffffff)]\",\n} as const;\n\nexport const zuiPopoverContentSizes = {\n sm: \"p-3 text-sm\",\n md: \"p-4 text-sm\",\n lg: \"p-5 text-base\",\n} as const;\n\nexport const zuiPopoverContentWidths = {\n xs: \"min-w-50 md:min-w-xs\",\n sm: \"min-w-50 md:min-w-sm\",\n md: \"min-w-50 md:min-w-md\",\n lg: \"min-w-50 md:min-w-lg\",\n xl: \"min-w-50 md:min-w-xl\",\n \"2xl\": \"min-w-50 md:min-w-2xl\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPopoverContentBase,\n zuiPopoverContentSizes,\n zuiPopoverContentVariants,\n zuiPopoverContentWidths,\n} from \"../../design-system/popover\";\n\nexport const popoverContentVariants = cva(zuiPopoverContentBase, {\n variants: {\n variant: zuiPopoverContentVariants,\n size: zuiPopoverContentSizes,\n width: zuiPopoverContentWidths,\n },\n defaultVariants: {\n variant: \"default\",\n size: \"md\",\n width: \"xs\",\n },\n});\n","\"use client\";\n\nimport {\n Children,\n cloneElement,\n createContext,\n isValidElement,\n useCallback,\n useContext,\n useEffect,\n useId,\n useRef,\n useState,\n type RefObject,\n type KeyboardEventHandler,\n type MouseEventHandler,\n type ReactElement,\n type Ref,\n useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n PopoverAlign,\n PopoverContentProps,\n PopoverContextType,\n PopoverProps,\n PopoverSide,\n PopoverTriggerProps,\n} from \"./types\";\nimport { popoverContentVariants } from \"./variants\";\n\nexport const PopoverContext = createContext<PopoverContextType | null>(null);\n\nexport const usePopover = () => {\n const context = useContext(PopoverContext);\n if (!context) {\n throw new Error(\"Popover components must be used within Popover\");\n }\n return context;\n};\n\nfunction mergeRefs<T>(...refs: Array<Ref<T> | undefined>) {\n return (node: T) => {\n for (const ref of refs) {\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as RefObject<T | null>).current = node;\n }\n }\n };\n}\n\nexport function sideAlignClass(side: PopoverSide, align: PopoverAlign) {\n const sideClasses = {\n top: \"bottom-full mb-2\",\n bottom: \"top-full mt-2\",\n left: \"right-full mr-2\",\n right: \"left-full ml-2\",\n } satisfies Record<PopoverSide, string>;\n\n const verticalAlign = {\n start: \"left-0\",\n center: \"left-1/2 -translate-x-1/2\",\n end: \"right-0\",\n } satisfies Record<PopoverAlign, string>;\n\n const horizontalAlign = {\n start: \"top-0\",\n center: \"top-1/2 -translate-y-1/2\",\n end: \"bottom-0\",\n } satisfies Record<PopoverAlign, string>;\n\n return cn(\n sideClasses[side],\n side === \"top\" || side === \"bottom\"\n ? verticalAlign[align]\n : horizontalAlign[align],\n );\n}\n\nexport const Popover = ({\n children,\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n closeOnEscape = true,\n closeOnOutsideClick = true,\n}: PopoverProps) => {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const contentId = `${useId()}-popover`;\n const triggerRef = useRef<HTMLElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n\n const isControlled = controlledOpen !== undefined;\n const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n const setOpen = useCallback(\n (value: boolean) => {\n if (!isControlled) {\n setUncontrolledOpen(value);\n }\n onOpenChange?.(value);\n },\n [isControlled, onOpenChange],\n );\n\n const toggleOpen = useCallback(() => setOpen(!open), [open, setOpen]);\n\n useEffect(() => {\n if (!open) {\n return undefined;\n }\n\n const onPointerDown = (event: PointerEvent) => {\n if (!closeOnOutsideClick) {\n return;\n }\n const target = event.target as Node;\n if (\n contentRef.current?.contains(target) ||\n triggerRef.current?.contains(target)\n ) {\n return;\n }\n setOpen(false);\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\" && closeOnEscape) {\n setOpen(false);\n triggerRef.current?.focus();\n }\n };\n\n document.addEventListener(\"pointerdown\", onPointerDown);\n document.addEventListener(\"keydown\", onKeyDown);\n\n return () => {\n document.removeEventListener(\"pointerdown\", onPointerDown);\n document.removeEventListener(\"keydown\", onKeyDown);\n };\n }, [closeOnEscape, closeOnOutsideClick, open, setOpen]);\n\n const contextValue = useMemo(\n () => ({\n open,\n setOpen,\n toggleOpen,\n contentId,\n triggerRef,\n contentRef,\n }),\n [open, setOpen, toggleOpen, contentId],\n );\n\n return (\n <PopoverContext.Provider value={contextValue}>\n <div className=\"relative inline-block\">{children}</div>\n </PopoverContext.Provider>\n );\n};\n\nexport const PopoverTrigger = ({\n children,\n className,\n}: PopoverTriggerProps) => {\n const { open, toggleOpen, contentId, triggerRef } = usePopover();\n const childList = Children.toArray(children).filter(\n (node) => node !== null && node !== undefined && typeof node !== \"boolean\",\n );\n\n const soleCandidate =\n childList.length === 1 && isValidElement(childList[0])\n ? (childList[0] as ReactElement<{\n className?: string;\n ref?: Ref<HTMLElement>;\n onClick?: MouseEventHandler;\n onKeyDown?: KeyboardEventHandler;\n \"aria-expanded\"?: boolean;\n \"aria-haspopup\"?: string;\n \"aria-controls\"?: string;\n }>)\n : undefined;\n\n if (soleCandidate) {\n return cloneElement(soleCandidate, {\n ref: mergeRefs(triggerRef, soleCandidate.props.ref),\n onClick: (event) => {\n soleCandidate.props.onClick?.(event);\n if (!event.defaultPrevented) {\n toggleOpen();\n }\n },\n onKeyDown: (event) => {\n soleCandidate.props.onKeyDown?.(event);\n if (event.key === \"Escape\") {\n event.preventDefault();\n }\n },\n className: cn(className, soleCandidate.props.className),\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n \"aria-controls\": open ? contentId : undefined,\n });\n }\n\n return (\n <button\n ref={triggerRef as Ref<HTMLButtonElement>}\n type=\"button\"\n className={className}\n aria-expanded={open}\n aria-haspopup=\"dialog\"\n aria-controls={open ? contentId : undefined}\n onClick={toggleOpen}\n >\n {children}\n </button>\n );\n};\n\nexport const PopoverContent = ({\n children,\n className,\n variant,\n size,\n width,\n side = \"bottom\",\n align = \"center\",\n role = \"dialog\",\n ...props\n}: PopoverContentProps) => {\n const { open, contentId, contentRef } = usePopover();\n\n if (!open) {\n return null;\n }\n\n return (\n <div\n ref={contentRef}\n id={contentId}\n data-open={open}\n role={role}\n tabIndex={-1}\n className={cn(\n popoverContentVariants({ variant, size, width }),\n sideAlignClass(side, align),\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
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,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,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;;;AChGO,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-X3O45MPI.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 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 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"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/design-system/progress.ts","../src/ui/progress/variants.ts","../src/ui/progress/progress-base.tsx"],"names":["cva","createContext","useContext","clamp","useId","useRef","useState","useCallback","useMemo","jsx","cn","Fragment","useEffect"],"mappings":"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","file":"chunk-XYEMP4K7.js","sourcesContent":["export const zuiProgressBase =\n \"w-full text-[color:var(--zui-progress-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-progress-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiProgressAppearances = {\n default:\n \"[--progress-fill:var(--zui-progress-default-fill,oklch(20.8%_0.042_265.755))] dark:[--progress-fill:var(--zui-progress-default-fill-dark,oklch(98.4%_0.003_247.858))]\",\n secondary:\n \"[--progress-fill:var(--zui-progress-secondary-fill,oklch(44.6%_0.043_257.281))] dark:[--progress-fill:var(--zui-progress-secondary-fill-dark,oklch(86.9%_0.022_252.894))]\",\n destructive:\n \"[--progress-fill:var(--zui-progress-destructive-fill,oklch(45.5%_0.188_13.697))] dark:[--progress-fill:var(--zui-progress-destructive-fill-dark,oklch(71.2%_0.194_13.428))]\",\n emerald:\n \"[--progress-fill:var(--zui-progress-emerald-fill,oklch(43.2%_0.095_166.913))] dark:[--progress-fill:var(--zui-progress-emerald-fill-dark,oklch(76.5%_0.177_163.223))]\",\n indigo:\n \"[--progress-fill:var(--zui-progress-indigo-fill,oklch(39.8%_0.195_277.366))] dark:[--progress-fill:var(--zui-progress-indigo-fill-dark,oklch(67.3%_0.182_276.935))]\",\n purple:\n \"[--progress-fill:var(--zui-progress-purple-fill,oklch(43.8%_0.218_303.724))] dark:[--progress-fill:var(--zui-progress-purple-fill-dark,oklch(71.4%_0.203_305.504))]\",\n pink: \"[--progress-fill:var(--zui-progress-pink-fill,oklch(45.9%_0.187_3.815))] dark:[--progress-fill:var(--zui-progress-pink-fill-dark,oklch(71.8%_0.202_349.761))]\",\n rose: \"[--progress-fill:var(--zui-progress-rose-fill,oklch(45.5%_0.188_13.697))] dark:[--progress-fill:var(--zui-progress-rose-fill-dark,oklch(71.2%_0.194_13.428))]\",\n sky: \"[--progress-fill:var(--zui-progress-sky-fill,oklch(44.3%_0.11_240.79))] dark:[--progress-fill:var(--zui-progress-sky-fill-dark,oklch(74.6%_0.16_232.661))]\",\n teal: \"[--progress-fill:var(--zui-progress-teal-fill,oklch(43.7%_0.078_188.216))] dark:[--progress-fill:var(--zui-progress-teal-fill-dark,oklch(77.7%_0.152_181.912))]\",\n yellow:\n \"[--progress-fill:var(--zui-progress-yellow-fill,oklch(47.6%_0.114_61.907))] dark:[--progress-fill:var(--zui-progress-yellow-fill-dark,oklch(85.2%_0.199_91.936))]\",\n orange:\n \"[--progress-fill:var(--zui-progress-orange-fill,oklch(47%_0.157_37.304))] dark:[--progress-fill:var(--zui-progress-orange-fill-dark,oklch(75%_0.183_55.934))]\",\n outline:\n \"[--progress-fill:var(--zui-progress-outline-fill,oklch(52%_0.105_223.128))] dark:[--progress-fill:var(--zui-progress-outline-fill-dark,oklch(86.5%_0.127_207.078))]\",\n ghost:\n \"[--progress-fill:var(--zui-progress-ghost-fill,oklch(27.9%_0.041_260.031))] dark:[--progress-fill:var(--zui-progress-ghost-fill-dark,oklch(92.9%_0.013_255.508))]\",\n glass:\n \"[--progress-fill:var(--zui-progress-glass-fill,oklch(20.8%_0.042_265.755))] dark:[--progress-fill:var(--zui-progress-glass-fill-dark,#ffffff)]\",\n \"gradient-blue\":\n \"[--progress-fill:var(--zui-progress-gradient-blue-fill,linear-gradient(90deg,oklch(62.3%_0.214_259.815),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-blue-fill-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815),oklch(62.7%_0.265_303.9)))]\",\n \"gradient-green\":\n \"[--progress-fill:var(--zui-progress-gradient-green-fill,linear-gradient(90deg,oklch(72.3%_0.219_149.579),oklch(76.8%_0.233_130.85)))] dark:[--progress-fill:var(--zui-progress-gradient-green-fill-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579),oklch(76.8%_0.233_130.85)))]\",\n \"gradient-red\":\n \"[--progress-fill:var(--zui-progress-gradient-red-fill,linear-gradient(90deg,oklch(63.7%_0.237_25.331),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-red-fill-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331),oklch(65.6%_0.241_354.308)))]\",\n \"gradient-yellow\":\n \"[--progress-fill:var(--zui-progress-gradient-yellow-fill,linear-gradient(90deg,oklch(79.5%_0.184_86.047),oklch(70.5%_0.213_47.604)))] dark:[--progress-fill:var(--zui-progress-gradient-yellow-fill-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047),oklch(70.5%_0.213_47.604)))]\",\n \"gradient-purple\":\n \"[--progress-fill:var(--zui-progress-gradient-purple-fill,linear-gradient(90deg,oklch(62.7%_0.265_303.9),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-purple-fill-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9),oklch(65.6%_0.241_354.308)))]\",\n \"gradient-teal\":\n \"[--progress-fill:var(--zui-progress-gradient-teal-fill,linear-gradient(90deg,oklch(70.4%_0.14_182.503),oklch(71.5%_0.143_215.221)))] dark:[--progress-fill:var(--zui-progress-gradient-teal-fill-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503),oklch(71.5%_0.143_215.221)))]\",\n \"gradient-indigo\":\n \"[--progress-fill:var(--zui-progress-gradient-indigo-fill,linear-gradient(90deg,oklch(58.5%_0.233_277.117),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-indigo-fill-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117),oklch(62.7%_0.265_303.9)))]\",\n \"gradient-pink\":\n \"[--progress-fill:var(--zui-progress-gradient-pink-fill,linear-gradient(90deg,oklch(65.6%_0.241_354.308),oklch(64.5%_0.246_16.439)))] dark:[--progress-fill:var(--zui-progress-gradient-pink-fill-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308),oklch(64.5%_0.246_16.439)))]\",\n \"gradient-orange\":\n \"[--progress-fill:var(--zui-progress-gradient-orange-fill,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))] dark:[--progress-fill:var(--zui-progress-gradient-orange-fill-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))]\",\n} as const;\n\nexport const zuiProgressSizes = {\n xs: \"text-[0.65rem]\",\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n xl: \"text-lg\",\n} as const;\n\nexport const zuiProgressShapes = {\n flat: \"rounded-none\",\n rounded: \"rounded-md\",\n pill: \"rounded-full\",\n} as const;\n\nexport const zuiProgressBoolean = {\n true: \"\",\n false: \"\",\n} as const;\n\nexport const zuiProgressTrackBase =\n \"relative w-full overflow-hidden bg-[var(--zui-progress-track-bg,#0000001a)] dark:bg-[var(--zui-progress-track-bg-dark,#ffffff1a)]\";\n\nexport const zuiProgressTrackSizes = {\n xs: \"h-1\",\n sm: \"h-1.5\",\n md: \"h-2\",\n lg: \"h-3\",\n xl: \"h-4\",\n} as const;\n\nexport const zuiProgressBarBase = \"h-full w-full origin-left rounded-[inherit]\";\n\nexport const zuiProgressBarStriped = {\n true: \"[background:var(--zui-progress-bar-bg-striped,repeating-linear-gradient(135deg,rgba(255,255,255,0.28)_0,rgba(255,255,255,0.28)_10px,transparent_10px,transparent_20px)),var(--progress-fill)] dark:[background:var(--zui-progress-bar-bg-striped-dark,repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)),var(--progress-fill)]\",\n false: \"[background:var(--progress-fill)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiProgressAppearances,\n zuiProgressBarBase,\n zuiProgressBarStriped,\n zuiProgressBase,\n zuiProgressBoolean,\n zuiProgressShapes,\n zuiProgressSizes,\n zuiProgressTrackBase,\n zuiProgressTrackSizes,\n} from \"../../design-system/progress\";\n\nexport const progressVariants = cva(zuiProgressBase, {\n variants: {\n appearance: zuiProgressAppearances,\n size: zuiProgressSizes,\n shape: zuiProgressShapes,\n striped: zuiProgressBoolean,\n animated: zuiProgressBoolean,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n shape: \"rounded\",\n striped: false,\n animated: false,\n },\n});\n\nexport const progressTrackVariants = cva(zuiProgressTrackBase, {\n variants: {\n size: zuiProgressTrackSizes,\n shape: zuiProgressShapes,\n },\n defaultVariants: {\n size: \"md\",\n shape: \"rounded\",\n },\n});\n\nexport const progressBarVariants = cva(zuiProgressBarBase, {\n variants: {\n striped: zuiProgressBarStriped,\n },\n defaultVariants: { striped: false },\n});\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useId,\n useRef,\n useState,\n} from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n progressBarVariants,\n progressTrackVariants,\n progressVariants,\n} from \"./variants\";\n\nexport const ProgressContext = createContext<ProgressCtx | null>(null);\n\nexport function useProgressContext(component: string): ProgressCtx {\n const ctx = useContext(ProgressContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Progress>`);\n }\n return ctx;\n}\n\nexport function ProgressBase(props: ProgressProps) {\n const {\n className,\n appearance = \"default\",\n size = \"md\",\n shape = \"rounded\",\n striped = false,\n animated = false,\n value = 0,\n min = 0,\n max = 100,\n label,\n children,\n ref,\n as: Wrapper = \"div\",\n ...rest\n } = props;\n const clamped = clamp(value, min, max);\n const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n const labelSlotId = `${useId()}-progress-label`;\n const labelSlotCountRef = useRef(0);\n const [labelSlotMounted, setLabelSlotMounted] = useState(false);\n const registerProgressLabel = useCallback(() => {\n labelSlotCountRef.current += 1;\n if (labelSlotCountRef.current === 1) {\n setLabelSlotMounted(true);\n }\n return () => {\n labelSlotCountRef.current -= 1;\n if (labelSlotCountRef.current === 0) {\n setLabelSlotMounted(false);\n }\n };\n }, []);\n const hasInlineLabelProp = Boolean(label?.trim().length);\n\n const labelingProps = useMemo(() => {\n if (hasInlineLabelProp) {\n return { \"aria-label\": label?.trim() ?? \"Progress\" };\n }\n if (labelSlotMounted) {\n return { \"aria-labelledby\": labelSlotId };\n }\n return { \"aria-label\": \"Progress\" };\n }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);\n\n const ctx = useMemo(\n () => ({\n value: clamped,\n min,\n max,\n size: size ?? \"md\",\n shape: shape ?? \"rounded\",\n striped: Boolean(striped),\n animated: Boolean(animated),\n appearance: appearance ?? \"default\",\n labelSlotId,\n registerProgressLabel,\n }),\n [\n animated,\n appearance,\n clamped,\n labelSlotId,\n max,\n min,\n registerProgressLabel,\n shape,\n size,\n striped,\n ],\n );\n\n return (\n <ProgressContext.Provider value={ctx}>\n <Wrapper\n ref={ref}\n data-slot=\"progress\"\n role=\"progressbar\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={clamped}\n {...labelingProps}\n className={cn(\n progressVariants({ appearance, size, shape, striped, animated }),\n className,\n )}\n {...rest}\n >\n {children ?? (\n <>\n <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n </>\n )}\n </Wrapper>\n </ProgressContext.Provider>\n );\n}\n\nProgressBase.displayName = \"Progress\";\n\nexport function ProgressBar({\n className,\n style,\n ref,\n as: Wrapper = \"div\",\n ...rest\n}: ProgressSectionProps & {\n style?: React.CSSProperties;\n ref?: React.Ref<HTMLDivElement>;\n}) {\n const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n return (\n <Wrapper\n data-slot=\"progress-track\"\n className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n >\n <div\n ref={ref}\n data-slot=\"progress-bar\"\n className={cn(\n progressBarVariants({ striped }),\n animated ? \"animate-pulse\" : undefined,\n className,\n )}\n style={{\n transformOrigin: \"left center\",\n ...style,\n }}\n {...rest}\n />\n </Wrapper>\n );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n const { labelSlotId, registerProgressLabel } =\n useProgressContext(\"ProgressLabel\");\n\n useEffect(() => {\n return registerProgressLabel();\n }, [registerProgressLabel]);\n\n return (\n <div\n id={labelSlotId}\n data-slot=\"progress-label\"\n className={cn(\"mb-2 font-medium text-slate-200\", className)}\n >\n {children}\n </div>\n );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n const { value, min, max } = useProgressContext(\"ProgressValue\");\n const range = max - min;\n const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n const content = children ?? `${pct}%`;\n return (\n <div\n data-slot=\"progress-value\"\n className={cn(\"mt-2 text-right text-slate-400\", className)}\n >\n {content}\n </div>\n );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}
|
package/dist/chunk-ZUT7ZUM7.js
DELETED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
4
|
-
|
|
5
|
-
// src/ui/checkbox/variants.ts
|
|
6
|
-
|
|
7
|
-
// src/design-system/checkbox.ts
|
|
8
|
-
var zuiCheckboxRootBase = "group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-checkbox-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-checkbox-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
|
|
9
|
-
var zuiCheckboxControlBase = "grid shrink-0 place-items-center rounded-md border-2 border-[color:var(--zui-checkbox-border,#0000004d)] bg-[var(--zui-checkbox-bg,transparent)] dark:bg-[var(--zui-checkbox-bg-dark,transparent)] text-[color:var(--zui-checkbox-fg,oklch(44.6%_0.043_257.281))] transition-[background-color,border-color,color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-checkbox-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-checkbox-border-dark,#ffffff4d)] dark:text-[color:var(--zui-checkbox-fg-dark,oklch(92.9%_0.013_255.508))] dark:peer-focus-visible:ring-[var(--zui-checkbox-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed";
|
|
10
|
-
var zuiCheckboxIndicatorBase = "pointer-events-none opacity-0 transition-opacity duration-150 stroke-white group-data-[state=checked]:opacity-100 group-data-[state=indeterminate]:opacity-100";
|
|
11
|
-
var zuiCheckboxSizes = {
|
|
12
|
-
sm: {
|
|
13
|
-
root: "text-xs",
|
|
14
|
-
control: "mt-0.5 size-4 rounded-[0.35rem]",
|
|
15
|
-
indicator: "size-3"
|
|
16
|
-
},
|
|
17
|
-
md: {
|
|
18
|
-
root: "text-sm",
|
|
19
|
-
control: "mt-0.5 size-5",
|
|
20
|
-
indicator: "size-3.5"
|
|
21
|
-
},
|
|
22
|
-
lg: {
|
|
23
|
-
root: "text-base",
|
|
24
|
-
control: "mt-0.5 size-6",
|
|
25
|
-
indicator: "size-4"
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
var zuiCheckboxAppearances = {
|
|
29
|
-
default: "group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] dark:group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked-dark,#ffffff)]",
|
|
30
|
-
success: "group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked-dark,oklch(59.6%_0.145_163.225))]",
|
|
31
|
-
warning: "group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))]",
|
|
32
|
-
error: "group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))]",
|
|
33
|
-
info: "group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))]",
|
|
34
|
-
violet: "group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))]",
|
|
35
|
-
amber: "group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))]",
|
|
36
|
-
pink: "group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))]",
|
|
37
|
-
indigo: "group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked-dark,oklch(51.1%_0.262_276.966))]"
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
// src/ui/checkbox/variants.ts
|
|
41
|
-
var checkboxRootVariants = classVarianceAuthority.cva(zuiCheckboxRootBase, {
|
|
42
|
-
variants: {
|
|
43
|
-
size: {
|
|
44
|
-
sm: zuiCheckboxSizes.sm.root,
|
|
45
|
-
md: zuiCheckboxSizes.md.root,
|
|
46
|
-
lg: zuiCheckboxSizes.lg.root
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
defaultVariants: {
|
|
50
|
-
size: "md"
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
var checkboxControlVariants = classVarianceAuthority.cva(zuiCheckboxControlBase, {
|
|
54
|
-
variants: {
|
|
55
|
-
appearance: zuiCheckboxAppearances,
|
|
56
|
-
size: {
|
|
57
|
-
sm: zuiCheckboxSizes.sm.control,
|
|
58
|
-
md: zuiCheckboxSizes.md.control,
|
|
59
|
-
lg: zuiCheckboxSizes.lg.control
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
defaultVariants: {
|
|
63
|
-
appearance: "default",
|
|
64
|
-
size: "md"
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
var checkboxIndicatorVariants = classVarianceAuthority.cva(zuiCheckboxIndicatorBase, {
|
|
68
|
-
variants: {
|
|
69
|
-
size: {
|
|
70
|
-
sm: zuiCheckboxSizes.sm.indicator,
|
|
71
|
-
md: zuiCheckboxSizes.md.indicator,
|
|
72
|
-
lg: zuiCheckboxSizes.lg.indicator
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
defaultVariants: {
|
|
76
|
-
size: "md"
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
|
|
80
|
-
exports.checkboxControlVariants = checkboxControlVariants;
|
|
81
|
-
exports.checkboxIndicatorVariants = checkboxIndicatorVariants;
|
|
82
|
-
exports.checkboxRootVariants = checkboxRootVariants;
|
|
83
|
-
//# sourceMappingURL=chunk-ZUT7ZUM7.js.map
|
|
84
|
-
//# sourceMappingURL=chunk-ZUT7ZUM7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/design-system/checkbox.ts","../src/ui/checkbox/variants.ts"],"names":["cva"],"mappings":";;;;;;;AAAO,IAAM,mBAAA,GACX,6RAAA;AAEK,IAAM,sBAAA,GACX,29BAAA;AAEK,IAAM,wBAAA,GACX,gKAAA;AAEK,IAAM,gBAAA,GAAmB;AAAA,EAC9B,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,iCAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,WAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA;AAEf,CAAA;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,OAAA,EACE,qwCAAA;AAAA,EACF,OAAA,EACE,ikCAAA;AAAA,EACF,OAAA,EACE,yjCAAA;AAAA,EACF,KAAA,EACE,qiCAAA;AAAA,EACF,IAAA,EAAM,miCAAA;AAAA,EACN,MAAA,EACE,ujCAAA;AAAA,EACF,KAAA,EACE,qiCAAA;AAAA,EACF,IAAA,EAAM,mhCAAA;AAAA,EACN,MAAA,EACE;AACJ,CAAA;;;AClCO,IAAM,oBAAA,GAAuBA,2BAAI,mBAAA,EAAqB;AAAA,EAC3D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAiB,EAAA,CAAG,IAAA;AAAA,MACxB,EAAA,EAAI,iBAAiB,EAAA,CAAG,IAAA;AAAA,MACxB,EAAA,EAAI,iBAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,uBAAA,GAA0BA,2BAAI,sBAAA,EAAwB;AAAA,EACjE,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,sBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAiB,EAAA,CAAG,OAAA;AAAA,MACxB,EAAA,EAAI,iBAAiB,EAAA,CAAG,OAAA;AAAA,MACxB,EAAA,EAAI,iBAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4BA,2BAAI,wBAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAiB,EAAA,CAAG,SAAA;AAAA,MACxB,EAAA,EAAI,iBAAiB,EAAA,CAAG,SAAA;AAAA,MACxB,EAAA,EAAI,iBAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-ZUT7ZUM7.js","sourcesContent":["export const zuiCheckboxRootBase =\n \"group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-checkbox-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-checkbox-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiCheckboxControlBase =\n \"grid shrink-0 place-items-center rounded-md border-2 border-[color:var(--zui-checkbox-border,#0000004d)] bg-[var(--zui-checkbox-bg,transparent)] dark:bg-[var(--zui-checkbox-bg-dark,transparent)] text-[color:var(--zui-checkbox-fg,oklch(44.6%_0.043_257.281))] transition-[background-color,border-color,color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-checkbox-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-checkbox-border-dark,#ffffff4d)] dark:text-[color:var(--zui-checkbox-fg-dark,oklch(92.9%_0.013_255.508))] dark:peer-focus-visible:ring-[var(--zui-checkbox-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed\";\n\nexport const zuiCheckboxIndicatorBase =\n \"pointer-events-none opacity-0 transition-opacity duration-150 stroke-white group-data-[state=checked]:opacity-100 group-data-[state=indeterminate]:opacity-100\";\n\nexport const zuiCheckboxSizes = {\n sm: {\n root: \"text-xs\",\n control: \"mt-0.5 size-4 rounded-[0.35rem]\",\n indicator: \"size-3\",\n },\n md: {\n root: \"text-sm\",\n control: \"mt-0.5 size-5\",\n indicator: \"size-3.5\",\n },\n lg: {\n root: \"text-base\",\n control: \"mt-0.5 size-6\",\n indicator: \"size-4\",\n },\n} as const;\n\nexport const zuiCheckboxAppearances = {\n default:\n \"group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] dark:group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked-dark,#ffffff)]\",\n success:\n \"group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked-dark,oklch(59.6%_0.145_163.225))]\",\n warning:\n \"group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))]\",\n error:\n \"group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))]\",\n info: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))]\",\n violet:\n \"group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))]\",\n amber:\n \"group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))]\",\n pink: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))]\",\n indigo:\n \"group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked-dark,oklch(51.1%_0.262_276.966))]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiCheckboxAppearances,\n zuiCheckboxControlBase,\n zuiCheckboxIndicatorBase,\n zuiCheckboxRootBase,\n zuiCheckboxSizes,\n} from \"../../design-system/checkbox\";\n\nexport const checkboxRootVariants = cva(zuiCheckboxRootBase, {\n variants: {\n size: {\n sm: zuiCheckboxSizes.sm.root,\n md: zuiCheckboxSizes.md.root,\n lg: zuiCheckboxSizes.lg.root,\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\nexport const checkboxControlVariants = cva(zuiCheckboxControlBase, {\n variants: {\n appearance: zuiCheckboxAppearances,\n size: {\n sm: zuiCheckboxSizes.sm.control,\n md: zuiCheckboxSizes.md.control,\n lg: zuiCheckboxSizes.lg.control,\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const checkboxIndicatorVariants = cva(zuiCheckboxIndicatorBase, {\n variants: {\n size: {\n sm: zuiCheckboxSizes.sm.indicator,\n md: zuiCheckboxSizes.md.indicator,\n lg: zuiCheckboxSizes.lg.indicator,\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n"]}
|