@zentauri-ui/zentauri-components 1.6.3 → 1.7.0
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 +33 -3
- package/cli/cli.integration.test.ts +8 -0
- package/cli/index.mjs +46 -1
- package/dist/charts/area.js +11 -10
- package/dist/charts/area.js.map +1 -1
- package/dist/charts/area.mjs +4 -3
- package/dist/charts/area.mjs.map +1 -1
- package/dist/charts/bar.js +10 -9
- package/dist/charts/bar.js.map +1 -1
- package/dist/charts/bar.mjs +4 -3
- package/dist/charts/bar.mjs.map +1 -1
- package/dist/charts/bubble.js +10 -9
- package/dist/charts/bubble.js.map +1 -1
- package/dist/charts/bubble.mjs +4 -3
- package/dist/charts/bubble.mjs.map +1 -1
- package/dist/charts/line.js +10 -9
- package/dist/charts/line.js.map +1 -1
- package/dist/charts/line.mjs +4 -3
- package/dist/charts/line.mjs.map +1 -1
- package/dist/charts/pie.js +6 -5
- package/dist/charts/pie.js.map +1 -1
- package/dist/charts/pie.mjs +3 -2
- package/dist/charts/pie.mjs.map +1 -1
- package/dist/charts/shared/chart-frame.d.ts.map +1 -1
- package/dist/{chunk-QSIJKHC5.mjs → chunk-4XVNQ7IY.mjs} +223 -214
- package/dist/chunk-4XVNQ7IY.mjs.map +1 -0
- package/dist/chunk-4ZKBLVQX.js +248 -0
- package/dist/chunk-4ZKBLVQX.js.map +1 -0
- package/dist/chunk-ABOZ5QIX.js +84 -0
- package/dist/chunk-ABOZ5QIX.js.map +1 -0
- package/dist/chunk-ACGVDY5J.mjs +220 -0
- package/dist/chunk-ACGVDY5J.mjs.map +1 -0
- package/dist/{chunk-PPVJ4INP.mjs → chunk-ASJQP53L.mjs} +3 -3
- package/dist/{chunk-PPVJ4INP.mjs.map → chunk-ASJQP53L.mjs.map} +1 -1
- package/dist/{chunk-D55YIHBN.js → chunk-BTJYXKCW.js} +223 -214
- package/dist/chunk-BTJYXKCW.js.map +1 -0
- package/dist/{chunk-MM3P52WS.js → chunk-CL55KGDF.js} +56 -52
- package/dist/chunk-CL55KGDF.js.map +1 -0
- package/dist/chunk-CSFLMMAT.mjs +198 -0
- package/dist/chunk-CSFLMMAT.mjs.map +1 -0
- package/dist/chunk-EDARAO7X.js +206 -0
- package/dist/chunk-EDARAO7X.js.map +1 -0
- package/dist/chunk-EIRCCTNA.js +175 -0
- package/dist/chunk-EIRCCTNA.js.map +1 -0
- package/dist/chunk-EN4VLNBF.js +197 -0
- package/dist/chunk-EN4VLNBF.js.map +1 -0
- package/dist/chunk-FHLZH3PB.mjs +326 -0
- package/dist/chunk-FHLZH3PB.mjs.map +1 -0
- package/dist/chunk-FXYPRPAT.mjs +35 -0
- package/dist/chunk-FXYPRPAT.mjs.map +1 -0
- package/dist/{chunk-SPX2QDIB.mjs → chunk-G2WARVAM.mjs} +8 -4
- package/dist/chunk-G2WARVAM.mjs.map +1 -0
- package/dist/chunk-HCGSEPOD.mjs +196 -0
- package/dist/chunk-HCGSEPOD.mjs.map +1 -0
- package/dist/chunk-HDO5ZM2S.mjs +82 -0
- package/dist/chunk-HDO5ZM2S.mjs.map +1 -0
- package/dist/chunk-HMNIH3KJ.mjs +277 -0
- package/dist/chunk-HMNIH3KJ.mjs.map +1 -0
- package/dist/chunk-HNLQXHSQ.mjs +263 -0
- package/dist/chunk-HNLQXHSQ.mjs.map +1 -0
- package/dist/{chunk-M6FS7X54.mjs → chunk-ITVMSCOJ.mjs} +56 -52
- package/dist/chunk-ITVMSCOJ.mjs.map +1 -0
- package/dist/chunk-K7TCW5PJ.js +338 -0
- package/dist/chunk-K7TCW5PJ.js.map +1 -0
- package/dist/chunk-KTGV76M3.mjs +325 -0
- package/dist/chunk-KTGV76M3.mjs.map +1 -0
- package/dist/{chunk-JOMSI4WH.js → chunk-NFEA5TN2.js} +52 -47
- package/dist/chunk-NFEA5TN2.js.map +1 -0
- package/dist/chunk-NHQ3S4Y6.mjs +282 -0
- package/dist/chunk-NHQ3S4Y6.mjs.map +1 -0
- package/dist/{chunk-OVTWPGMW.mjs → chunk-NMQAHUYA.mjs} +52 -47
- package/dist/chunk-NMQAHUYA.mjs.map +1 -0
- package/dist/{chunk-MWR5DIA5.mjs → chunk-OULU7OC4.mjs} +3 -3
- package/dist/{chunk-MWR5DIA5.mjs.map → chunk-OULU7OC4.mjs.map} +1 -1
- package/dist/chunk-OZHETX4J.mjs +169 -0
- package/dist/chunk-OZHETX4J.mjs.map +1 -0
- package/dist/chunk-OZMSE44N.mjs +235 -0
- package/dist/chunk-OZMSE44N.mjs.map +1 -0
- package/dist/chunk-P5WLYJ2C.mjs +272 -0
- package/dist/chunk-P5WLYJ2C.mjs.map +1 -0
- package/dist/chunk-PMWRJ2KS.mjs +192 -0
- package/dist/chunk-PMWRJ2KS.mjs.map +1 -0
- package/dist/chunk-PR4QXFJT.js +132 -0
- package/dist/chunk-PR4QXFJT.js.map +1 -0
- package/dist/chunk-QAJOE3HJ.js +281 -0
- package/dist/chunk-QAJOE3HJ.js.map +1 -0
- package/dist/chunk-QBPVJH4P.mjs +128 -0
- package/dist/chunk-QBPVJH4P.mjs.map +1 -0
- package/dist/{chunk-MTJRPLMG.js → chunk-QNUDODDX.js} +8 -4
- package/dist/chunk-QNUDODDX.js.map +1 -0
- package/dist/{chunk-DO2LEXUY.js → chunk-QQ6F4LZK.js} +5 -5
- package/dist/{chunk-DO2LEXUY.js.map → chunk-QQ6F4LZK.js.map} +1 -1
- package/dist/chunk-QXHS3HHZ.mjs +340 -0
- package/dist/chunk-QXHS3HHZ.mjs.map +1 -0
- package/dist/chunk-QYLTKBH7.js +338 -0
- package/dist/chunk-QYLTKBH7.js.map +1 -0
- package/dist/chunk-TTTYW3TR.js +207 -0
- package/dist/chunk-TTTYW3TR.js.map +1 -0
- package/dist/chunk-W3QRRWQX.js +37 -0
- package/dist/chunk-W3QRRWQX.js.map +1 -0
- package/dist/chunk-WPXQHWPV.js +232 -0
- package/dist/chunk-WPXQHWPV.js.map +1 -0
- package/dist/chunk-XRDVD2EN.js +288 -0
- package/dist/chunk-XRDVD2EN.js.map +1 -0
- package/dist/chunk-XYEMP4K7.js +273 -0
- package/dist/chunk-XYEMP4K7.js.map +1 -0
- package/dist/chunk-YAO62VH2.js +342 -0
- package/dist/chunk-YAO62VH2.js.map +1 -0
- package/dist/{chunk-PVTTWOYV.js → chunk-Z6S36PDD.js} +7 -7
- package/dist/{chunk-PVTTWOYV.js.map → chunk-Z6S36PDD.js.map} +1 -1
- package/dist/chunk-ZYKJC5HH.js +296 -0
- package/dist/chunk-ZYKJC5HH.js.map +1 -0
- package/dist/design-system/accordion.d.ts +70 -0
- package/dist/design-system/accordion.d.ts.map +1 -0
- package/dist/design-system/alert.d.ts +39 -0
- package/dist/design-system/alert.d.ts.map +1 -0
- package/dist/design-system/avatar.d.ts +36 -0
- package/dist/design-system/avatar.d.ts.map +1 -0
- package/dist/design-system/badge.d.ts +71 -0
- package/dist/design-system/badge.d.ts.map +1 -0
- package/dist/design-system/breadcrumb.d.ts +27 -0
- package/dist/design-system/breadcrumb.d.ts.map +1 -0
- package/dist/design-system/button.d.ts +48 -0
- package/dist/design-system/button.d.ts.map +1 -0
- package/dist/design-system/card.d.ts +65 -0
- package/dist/design-system/card.d.ts.map +1 -0
- package/dist/design-system/divider.d.ts +45 -0
- package/dist/design-system/divider.d.ts.map +1 -0
- package/dist/design-system/drawer.d.ts +67 -0
- package/dist/design-system/drawer.d.ts.map +1 -0
- package/dist/design-system/dropdown.d.ts +79 -0
- package/dist/design-system/dropdown.d.ts.map +1 -0
- package/dist/design-system/dynamic-stepper.d.ts +29 -0
- package/dist/design-system/dynamic-stepper.d.ts.map +1 -0
- package/dist/design-system/empty-state.d.ts +29 -0
- package/dist/design-system/empty-state.d.ts.map +1 -0
- package/dist/design-system/file-upload.d.ts +19 -0
- package/dist/design-system/file-upload.d.ts.map +1 -0
- package/dist/design-system/index.d.ts +30 -0
- package/dist/design-system/index.d.ts.map +1 -0
- package/dist/design-system/inputs.d.ts +31 -0
- package/dist/design-system/inputs.d.ts.map +1 -0
- package/dist/design-system/modal.d.ts +66 -0
- package/dist/design-system/modal.d.ts.map +1 -0
- package/dist/design-system/pagination.d.ts +65 -0
- package/dist/design-system/pagination.d.ts.map +1 -0
- package/dist/design-system/progress.d.ts +57 -0
- package/dist/design-system/progress.d.ts.map +1 -0
- package/dist/design-system/select.d.ts +92 -0
- package/dist/design-system/select.d.ts.map +1 -0
- package/dist/design-system/skeleton.d.ts +104 -0
- package/dist/design-system/skeleton.d.ts.map +1 -0
- package/dist/design-system/slider.d.ts +44 -0
- package/dist/design-system/slider.d.ts.map +1 -0
- package/dist/design-system/spinner.d.ts +39 -0
- package/dist/design-system/spinner.d.ts.map +1 -0
- package/dist/design-system/stepper.d.ts +42 -0
- package/dist/design-system/stepper.d.ts.map +1 -0
- package/dist/design-system/table.d.ts +77 -0
- package/dist/design-system/table.d.ts.map +1 -0
- package/dist/design-system/tabs.d.ts +49 -0
- package/dist/design-system/tabs.d.ts.map +1 -0
- package/dist/design-system/toast.d.ts +43 -0
- package/dist/design-system/toast.d.ts.map +1 -0
- package/dist/design-system/toggle.d.ts +73 -0
- package/dist/design-system/toggle.d.ts.map +1 -0
- package/dist/design-system/tokens.d.ts +15 -0
- package/dist/design-system/tokens.d.ts.map +1 -0
- package/dist/design-system/tooltip.d.ts +41 -0
- package/dist/design-system/tooltip.d.ts.map +1 -0
- package/dist/design-system/typography.d.ts +42 -0
- package/dist/design-system/typography.d.ts.map +1 -0
- package/dist/hooks/useResizeObserver.js +6 -31
- package/dist/hooks/useResizeObserver.js.map +1 -1
- package/dist/hooks/useResizeObserver.mjs +1 -33
- package/dist/hooks/useResizeObserver.mjs.map +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 +5 -5
- package/dist/ui/accordion/variants.d.ts.map +1 -1
- 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 +4 -4
- package/dist/ui/alert/variants.d.ts.map +1 -1
- package/dist/ui/alert.js +10 -10
- package/dist/ui/alert.mjs +2 -2
- 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/variants.d.ts.map +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 +29 -32
- 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/variants.d.ts.map +1 -1
- package/dist/ui/breadcrumb.js +42 -40
- package/dist/ui/breadcrumb.js.map +1 -1
- package/dist/ui/breadcrumb.mjs +42 -40
- 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 +2 -2
- package/dist/ui/buttons/variants.d.ts.map +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 +7 -7
- package/dist/ui/card/variants.d.ts.map +1 -1
- package/dist/ui/card.js +12 -12
- package/dist/ui/card.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 +4 -4
- package/dist/ui/divider/variants.d.ts.map +1 -1
- 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 +1 -1
- package/dist/ui/drawer/variants.d.ts.map +1 -1
- package/dist/ui/drawer.js +11 -11
- package/dist/ui/drawer.mjs +1 -1
- package/dist/ui/dropdown/variants.d.ts +4 -4
- package/dist/ui/dropdown/variants.d.ts.map +1 -1
- package/dist/ui/dropdown.js +106 -104
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdown.mjs +106 -104
- package/dist/ui/dropdown.mjs.map +1 -1
- package/dist/ui/dynamic-stepper/variants.d.ts +5 -9
- package/dist/ui/dynamic-stepper/variants.d.ts.map +1 -1
- package/dist/ui/dynamic-stepper.js +100 -93
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +98 -91
- 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 +3 -3
- package/dist/ui/empty-state/variants.d.ts.map +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.map +1 -1
- package/dist/ui/file-upload.js +28 -26
- package/dist/ui/file-upload.js.map +1 -1
- package/dist/ui/file-upload.mjs +28 -26
- 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/modal/animated.js +4 -4
- package/dist/ui/modal/animated.mjs +1 -1
- package/dist/ui/modal/variants.d.ts +1 -1
- package/dist/ui/modal/variants.d.ts.map +1 -1
- package/dist/ui/modal.js +12 -12
- package/dist/ui/modal.mjs +2 -2
- package/dist/ui/pagination/variants.d.ts +3 -7
- package/dist/ui/pagination/variants.d.ts.map +1 -1
- package/dist/ui/pagination.js +84 -84
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pagination.mjs +81 -81
- package/dist/ui/pagination.mjs.map +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 +3 -3
- package/dist/ui/progress/variants.d.ts.map +1 -1
- package/dist/ui/progress.js +9 -9
- package/dist/ui/progress.mjs +2 -2
- package/dist/ui/search.js +2 -2
- package/dist/ui/search.mjs +1 -1
- package/dist/ui/select/variants.d.ts +6 -6
- package/dist/ui/select/variants.d.ts.map +1 -1
- package/dist/ui/select.js +122 -123
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/select.mjs +122 -123
- 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 +5 -4
- 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 +3 -3
- package/dist/ui/slider/variants.d.ts.map +1 -1
- package/dist/ui/slider.js +69 -67
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/slider.mjs +69 -67
- package/dist/ui/slider.mjs.map +1 -1
- package/dist/ui/spinner/animated/variants.d.ts +2 -2
- package/dist/ui/spinner/animated/variants.d.ts.map +1 -1
- package/dist/ui/spinner/animated.js +44 -38
- package/dist/ui/spinner/animated.js.map +1 -1
- package/dist/ui/spinner/animated.mjs +44 -38
- package/dist/ui/spinner/animated.mjs.map +1 -1
- package/dist/ui/stepper/variants.d.ts +1 -1
- package/dist/ui/stepper/variants.d.ts.map +1 -1
- package/dist/ui/stepper.js +57 -50
- package/dist/ui/stepper.js.map +1 -1
- package/dist/ui/stepper.mjs +57 -50
- package/dist/ui/stepper.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 +2 -2
- package/dist/ui/table/variants.d.ts.map +1 -1
- 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/variants.d.ts +2 -2
- package/dist/ui/tabs/variants.d.ts.map +1 -1
- package/dist/ui/tabs.js +9 -9
- package/dist/ui/tabs.mjs +1 -1
- package/dist/ui/toast/animated.js +7 -7
- package/dist/ui/toast/animated.mjs +1 -1
- package/dist/ui/toast/variants.d.ts +3 -3
- package/dist/ui/toast/variants.d.ts.map +1 -1
- package/dist/ui/toast.js +12 -12
- package/dist/ui/toast.mjs +1 -1
- package/dist/ui/toggle/animated/toggle-animated.d.ts.map +1 -1
- package/dist/ui/toggle/animated.js +13 -6
- package/dist/ui/toggle/animated.js.map +1 -1
- package/dist/ui/toggle/animated.mjs +12 -5
- package/dist/ui/toggle/animated.mjs.map +1 -1
- package/dist/ui/toggle/toggle-base.d.ts +2 -0
- package/dist/ui/toggle/toggle-base.d.ts.map +1 -1
- package/dist/ui/toggle/variants.d.ts +4 -4
- package/dist/ui/toggle/variants.d.ts.map +1 -1
- package/dist/ui/toggle.js +5 -94
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/toggle.mjs +4 -93
- package/dist/ui/toggle.mjs.map +1 -1
- package/dist/ui/tooltip/animated.js +3 -3
- package/dist/ui/tooltip/animated.mjs +1 -1
- package/dist/ui/tooltip/variants.d.ts +3 -3
- package/dist/ui/tooltip/variants.d.ts.map +1 -1
- package/dist/ui/tooltip.js +7 -7
- package/dist/ui/tooltip.mjs +1 -1
- package/dist/ui/typography/variants.d.ts +1 -3
- package/dist/ui/typography/variants.d.ts.map +1 -1
- package/dist/ui/typography.js +51 -41
- package/dist/ui/typography.js.map +1 -1
- package/dist/ui/typography.mjs +51 -41
- package/dist/ui/typography.mjs.map +1 -1
- package/package.json +2 -1
- package/src/charts/shared/chart-frame.tsx +19 -8
- package/src/design-system/accordion.ts +111 -0
- package/src/design-system/alert.ts +64 -0
- package/src/design-system/avatar.ts +61 -0
- package/src/design-system/badge.ts +85 -0
- package/src/design-system/breadcrumb.ts +45 -0
- package/src/design-system/button.ts +81 -0
- package/src/design-system/card.ts +104 -0
- package/src/design-system/divider.ts +73 -0
- package/src/design-system/drawer.ts +111 -0
- package/src/design-system/dropdown.ts +130 -0
- package/src/design-system/dynamic-stepper.ts +218 -0
- package/src/design-system/empty-state.ts +39 -0
- package/src/design-system/file-upload.ts +30 -0
- package/src/design-system/index.ts +29 -0
- package/src/design-system/inputs.ts +74 -0
- package/src/design-system/modal.ts +110 -0
- package/src/design-system/pagination.ts +92 -0
- package/src/design-system/progress.ts +86 -0
- package/src/design-system/select.ts +155 -0
- package/src/design-system/skeleton.ts +129 -0
- package/src/design-system/slider.ts +70 -0
- package/src/design-system/spinner.ts +59 -0
- package/src/design-system/stepper.ts +66 -0
- package/src/design-system/table.ts +115 -0
- package/src/design-system/tabs.ts +73 -0
- package/src/design-system/toast.ts +69 -0
- package/src/design-system/toggle.ts +120 -0
- package/src/design-system/tokens.ts +22 -0
- package/src/design-system/tooltip.ts +63 -0
- package/src/design-system/typography.ts +64 -0
- package/src/ui/accordion/variants.ts +24 -106
- package/src/ui/alert/alert.test.tsx +1 -1
- package/src/ui/alert/variants.ts +25 -77
- package/src/ui/avatar/variants.ts +21 -66
- package/src/ui/badge/badge.test.tsx +1 -1
- package/src/ui/badge/variants.ts +28 -89
- package/src/ui/breadcrumb/variants.ts +24 -40
- package/src/ui/buttons/button.test.tsx +25 -5
- package/src/ui/buttons/variants.ts +15 -84
- package/src/ui/card/card.test.tsx +1 -1
- package/src/ui/card/variants.ts +46 -121
- package/src/ui/divider/variants.ts +32 -70
- package/src/ui/drawer/drawer-base.tsx +1 -1
- package/src/ui/drawer/variants.ts +41 -132
- package/src/ui/dropdown/variants.ts +36 -142
- package/src/ui/dynamic-stepper/variants.ts +32 -216
- package/src/ui/empty-state/variants.ts +29 -44
- package/src/ui/file-upload/variants.ts +12 -36
- package/src/ui/inputs/input.test.tsx +11 -11
- package/src/ui/inputs/variants.ts +308 -371
- package/src/ui/modal/variants.ts +29 -120
- package/src/ui/pagination/pagination.test.tsx +1 -1
- package/src/ui/pagination/variants.ts +22 -95
- package/src/ui/progress/variants.ts +41 -112
- package/src/ui/select/variants.ts +40 -165
- package/src/ui/skeleton/variants.ts +154 -250
- package/src/ui/slider/variants.ts +34 -67
- package/src/ui/spinner/animated/variants.ts +10 -39
- package/src/ui/stepper/stepper.test.tsx +12 -4
- package/src/ui/stepper/variants.ts +23 -68
- package/src/ui/table/variants.ts +36 -106
- package/src/ui/tabs/variants.ts +26 -73
- package/src/ui/toast/variants.ts +24 -75
- package/src/ui/toggle/animated/toggle-animated.tsx +14 -4
- package/src/ui/toggle/toggle-base.tsx +3 -7
- package/src/ui/toggle/variants.ts +27 -111
- package/src/ui/tooltip/variants.ts +18 -57
- package/src/ui/typography/typography.test.tsx +1 -1
- package/src/ui/typography/variants.ts +17 -54
- package/dist/chunk-25EAVVGS.mjs +0 -267
- package/dist/chunk-25EAVVGS.mjs.map +0 -1
- package/dist/chunk-4F56BLZQ.js +0 -336
- package/dist/chunk-4F56BLZQ.js.map +0 -1
- package/dist/chunk-4PZIDDC6.js +0 -279
- package/dist/chunk-4PZIDDC6.js.map +0 -1
- package/dist/chunk-73RHHGIA.mjs +0 -197
- package/dist/chunk-73RHHGIA.mjs.map +0 -1
- package/dist/chunk-746CV3AN.js +0 -246
- package/dist/chunk-746CV3AN.js.map +0 -1
- package/dist/chunk-CFTDAGKD.js +0 -130
- package/dist/chunk-CFTDAGKD.js.map +0 -1
- package/dist/chunk-CXNDE4VC.js +0 -273
- package/dist/chunk-CXNDE4VC.js.map +0 -1
- package/dist/chunk-D55YIHBN.js.map +0 -1
- package/dist/chunk-EU63V22F.mjs +0 -126
- package/dist/chunk-EU63V22F.mjs.map +0 -1
- package/dist/chunk-EZS47EZW.mjs +0 -70
- package/dist/chunk-EZS47EZW.mjs.map +0 -1
- package/dist/chunk-GHJN3Z3V.js +0 -292
- package/dist/chunk-GHJN3Z3V.js.map +0 -1
- package/dist/chunk-GIC3J6HR.mjs +0 -196
- package/dist/chunk-GIC3J6HR.mjs.map +0 -1
- package/dist/chunk-GPAUYUM3.js +0 -232
- package/dist/chunk-GPAUYUM3.js.map +0 -1
- package/dist/chunk-HARD4NMB.mjs +0 -268
- package/dist/chunk-HARD4NMB.mjs.map +0 -1
- package/dist/chunk-HV7LVRK3.js +0 -277
- package/dist/chunk-HV7LVRK3.js.map +0 -1
- package/dist/chunk-JE6B3DHW.mjs +0 -220
- package/dist/chunk-JE6B3DHW.mjs.map +0 -1
- package/dist/chunk-JOMSI4WH.js.map +0 -1
- package/dist/chunk-KA5MORDC.js +0 -336
- package/dist/chunk-KA5MORDC.js.map +0 -1
- package/dist/chunk-M6FS7X54.mjs.map +0 -1
- package/dist/chunk-MM3P52WS.js.map +0 -1
- package/dist/chunk-MTJRPLMG.js.map +0 -1
- package/dist/chunk-OB6TYS5Q.js +0 -205
- package/dist/chunk-OB6TYS5Q.js.map +0 -1
- package/dist/chunk-OHST7AHC.mjs +0 -99
- package/dist/chunk-OHST7AHC.mjs.map +0 -1
- package/dist/chunk-OVTWPGMW.mjs.map +0 -1
- package/dist/chunk-OZ4SFJ3S.mjs +0 -264
- package/dist/chunk-OZ4SFJ3S.mjs.map +0 -1
- package/dist/chunk-PSIAOIXJ.mjs +0 -278
- package/dist/chunk-PSIAOIXJ.mjs.map +0 -1
- package/dist/chunk-QNF4JPFP.js +0 -339
- package/dist/chunk-QNF4JPFP.js.map +0 -1
- package/dist/chunk-QSIJKHC5.mjs.map +0 -1
- package/dist/chunk-QWC2QBRJ.js +0 -175
- package/dist/chunk-QWC2QBRJ.js.map +0 -1
- package/dist/chunk-RFFGQYDQ.mjs +0 -337
- package/dist/chunk-RFFGQYDQ.mjs.map +0 -1
- package/dist/chunk-S5H2OMTZ.mjs +0 -233
- package/dist/chunk-S5H2OMTZ.mjs.map +0 -1
- package/dist/chunk-SPX2QDIB.mjs.map +0 -1
- package/dist/chunk-TIPNRH26.js +0 -102
- package/dist/chunk-TIPNRH26.js.map +0 -1
- package/dist/chunk-V2PEOBAT.mjs +0 -324
- package/dist/chunk-V2PEOBAT.mjs.map +0 -1
- package/dist/chunk-V3XNH7Y4.mjs +0 -169
- package/dist/chunk-V3XNH7Y4.mjs.map +0 -1
- package/dist/chunk-VGWA26BN.js +0 -72
- package/dist/chunk-VGWA26BN.js.map +0 -1
- package/dist/chunk-WNLDXBS6.mjs +0 -323
- package/dist/chunk-WNLDXBS6.mjs.map +0 -1
- package/dist/chunk-YIO7DFUA.js +0 -207
- package/dist/chunk-YIO7DFUA.js.map +0 -1
package/dist/chunk-GPAUYUM3.js
DELETED
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
|
|
4
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
var cardVariants = classVarianceAuthority.cva(
|
|
9
|
-
[
|
|
10
|
-
"relative flex w-full flex-col overflow-hidden text-slate-900 dark:text-slate-50",
|
|
11
|
-
"ring-offset-slate-50 dark:ring-offset-slate-950 transition-colors",
|
|
12
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2"
|
|
13
|
-
],
|
|
14
|
-
{
|
|
15
|
-
variants: {
|
|
16
|
-
appearance: {
|
|
17
|
-
default: "border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
|
|
18
|
-
glass: "border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 backdrop-blur-md shadow-[0_8px_24px_rgba(15,23,42,0.12)] dark:shadow-[0_18px_48px_rgba(15,23,42,0.35)]",
|
|
19
|
-
outline: "border border-black/15 dark:border-white/15 bg-transparent",
|
|
20
|
-
ghost: "border border-transparent bg-transparent",
|
|
21
|
-
elevated: "border border-black/10 dark:border-white/10 bg-slate-100/80 dark:bg-slate-900/80 shadow-[0_12px_32px_rgba(15,23,42,0.12)] dark:shadow-[0_24px_64px_rgba(15,23,42,0.45)]",
|
|
22
|
-
sky: "border border-sky-800 dark:border-sky-600 bg-sky-50 dark:bg-sky-950/70 backdrop-blur-xl",
|
|
23
|
-
rose: "border border-rose-800 dark:border-rose-600 bg-rose-50 dark:bg-rose-950/70 backdrop-blur-xl",
|
|
24
|
-
purple: "border border-purple-800 dark:border-purple-600 bg-purple-50 dark:bg-purple-950/70 backdrop-blur-xl",
|
|
25
|
-
pink: "border border-pink-800 dark:border-pink-600 bg-pink-50 dark:bg-pink-950/70 backdrop-blur-xl",
|
|
26
|
-
orange: "border border-orange-800 dark:border-orange-600 bg-orange-50 dark:bg-orange-950/70 backdrop-blur-xl",
|
|
27
|
-
yellow: "border border-yellow-800 dark:border-yellow-600 bg-yellow-50 dark:bg-yellow-950/70 backdrop-blur-xl",
|
|
28
|
-
teal: "border border-teal-800 dark:border-teal-600 bg-teal-50 dark:bg-teal-950/70 backdrop-blur-xl",
|
|
29
|
-
indigo: "border border-indigo-800 dark:border-indigo-600 bg-indigo-50 dark:bg-indigo-950/70 backdrop-blur-xl",
|
|
30
|
-
emerald: "border border-emerald-800 dark:border-emerald-600 bg-emerald-50 dark:bg-emerald-950/70 backdrop-blur-xl",
|
|
31
|
-
gray: "border border-gray-800 dark:border-gray-600 bg-gray-50 dark:bg-gray-950/70 backdrop-blur-xl",
|
|
32
|
-
amber: "border border-amber-800 dark:border-amber-600 bg-amber-50 dark:bg-amber-950/70 backdrop-blur-xl",
|
|
33
|
-
violet: "border border-violet-800 dark:border-violet-600 bg-violet-50 dark:bg-violet-950/70 backdrop-blur-xl",
|
|
34
|
-
"gradient-blue": "border border-blue-800 dark:border-blue-600 bg-linear-to-r from-blue-50 dark:from-blue-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl",
|
|
35
|
-
"gradient-green": "border border-green-800 dark:border-green-600 bg-linear-to-r from-green-50 dark:from-green-950/70 to-lime-50 dark:to-lime-950/70 backdrop-blur-xl",
|
|
36
|
-
"gradient-red": "border border-red-800 dark:border-red-600 bg-linear-to-r from-red-50 dark:from-red-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl",
|
|
37
|
-
"gradient-yellow": "border border-yellow-800 dark:border-yellow-600 bg-linear-to-r from-yellow-50 dark:from-yellow-950/70 to-orange-50 dark:to-orange-950/70 backdrop-blur-xl",
|
|
38
|
-
"gradient-purple": "border border-purple-800 dark:border-purple-600 bg-linear-to-r from-purple-50 dark:from-purple-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl",
|
|
39
|
-
"gradient-teal": "border border-teal-800 dark:border-teal-600 bg-linear-to-r from-teal-50 dark:from-teal-950/70 to-cyan-50 dark:to-cyan-950/70 backdrop-blur-xl",
|
|
40
|
-
"gradient-indigo": "border border-indigo-800 dark:border-indigo-600 bg-linear-to-r from-indigo-50 dark:from-indigo-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl",
|
|
41
|
-
"gradient-pink": "border border-pink-800 dark:border-pink-600 bg-linear-to-r from-pink-50 dark:from-pink-950/70 to-rose-50 dark:to-rose-950/70 backdrop-blur-xl",
|
|
42
|
-
"gradient-orange": "border border-orange-800 dark:border-orange-600 bg-linear-to-r from-orange-50 dark:from-orange-950/70 to-red-50 dark:to-red-950/70 backdrop-blur-xl"
|
|
43
|
-
},
|
|
44
|
-
size: {
|
|
45
|
-
sm: "gap-2 p-3 text-sm",
|
|
46
|
-
md: "gap-3 p-4 text-sm",
|
|
47
|
-
lg: "gap-4 p-6 text-base"
|
|
48
|
-
},
|
|
49
|
-
rounded: {
|
|
50
|
-
sm: "rounded-lg",
|
|
51
|
-
md: "rounded-xl",
|
|
52
|
-
lg: "rounded-2xl",
|
|
53
|
-
full: "rounded-3xl"
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
defaultVariants: {
|
|
57
|
-
appearance: "default",
|
|
58
|
-
size: "md",
|
|
59
|
-
rounded: "md"
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
var cardHeaderVariants = classVarianceAuthority.cva(
|
|
64
|
-
"flex flex-col gap-1 border-b border-black/10 dark:border-white/10 pb-3",
|
|
65
|
-
{
|
|
66
|
-
variants: {
|
|
67
|
-
size: {
|
|
68
|
-
sm: "pb-2",
|
|
69
|
-
md: "pb-3",
|
|
70
|
-
lg: "pb-4"
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
defaultVariants: { size: "md" }
|
|
74
|
-
}
|
|
75
|
-
);
|
|
76
|
-
var cardFooterVariants = classVarianceAuthority.cva(
|
|
77
|
-
"flex flex-col gap-2 border-t border-black/10 dark:border-white/10 pt-3",
|
|
78
|
-
{
|
|
79
|
-
variants: {
|
|
80
|
-
size: {
|
|
81
|
-
sm: "pt-2",
|
|
82
|
-
md: "pt-3",
|
|
83
|
-
lg: "pt-4"
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
|
-
defaultVariants: { size: "md" }
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
var cardTitleVariants = classVarianceAuthority.cva(
|
|
90
|
-
"font-semibold tracking-tight text-slate-950 dark:text-white",
|
|
91
|
-
{
|
|
92
|
-
variants: {
|
|
93
|
-
size: {
|
|
94
|
-
sm: "text-sm",
|
|
95
|
-
md: "text-base",
|
|
96
|
-
lg: "text-lg"
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
defaultVariants: { size: "md" }
|
|
100
|
-
}
|
|
101
|
-
);
|
|
102
|
-
var cardDescriptionVariants = classVarianceAuthority.cva(
|
|
103
|
-
"text-slate-500 dark:text-slate-50",
|
|
104
|
-
{
|
|
105
|
-
variants: {
|
|
106
|
-
size: {
|
|
107
|
-
sm: "text-xs",
|
|
108
|
-
md: "text-sm",
|
|
109
|
-
lg: "text-base"
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
|
-
defaultVariants: { size: "md" }
|
|
113
|
-
}
|
|
114
|
-
);
|
|
115
|
-
var CardSizeContext = react.createContext("md");
|
|
116
|
-
function useCardSize() {
|
|
117
|
-
return react.useContext(CardSizeContext);
|
|
118
|
-
}
|
|
119
|
-
function CardBase({
|
|
120
|
-
className,
|
|
121
|
-
appearance,
|
|
122
|
-
size = "md",
|
|
123
|
-
rounded,
|
|
124
|
-
children,
|
|
125
|
-
ref,
|
|
126
|
-
as: Wrapper = "article",
|
|
127
|
-
...rest
|
|
128
|
-
}) {
|
|
129
|
-
const ctx = react.useMemo(() => size ?? "md", [size]);
|
|
130
|
-
return /* @__PURE__ */ jsxRuntime.jsx(CardSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
131
|
-
Wrapper,
|
|
132
|
-
{
|
|
133
|
-
ref,
|
|
134
|
-
"data-slot": "card",
|
|
135
|
-
className: chunkZS5756ZC_js.cn(cardVariants({ appearance, size, rounded }), className),
|
|
136
|
-
...rest,
|
|
137
|
-
children
|
|
138
|
-
}
|
|
139
|
-
) });
|
|
140
|
-
}
|
|
141
|
-
CardBase.displayName = "Card";
|
|
142
|
-
function CardHeader({ className, children }) {
|
|
143
|
-
const size = useCardSize();
|
|
144
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
145
|
-
"header",
|
|
146
|
-
{
|
|
147
|
-
"data-slot": "card-header",
|
|
148
|
-
className: chunkZS5756ZC_js.cn(cardHeaderVariants({ size }), className),
|
|
149
|
-
children
|
|
150
|
-
}
|
|
151
|
-
);
|
|
152
|
-
}
|
|
153
|
-
CardHeader.displayName = "CardHeader";
|
|
154
|
-
function CardBody({ className, children }) {
|
|
155
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
156
|
-
"div",
|
|
157
|
-
{
|
|
158
|
-
"data-slot": "card-body",
|
|
159
|
-
className: chunkZS5756ZC_js.cn("flex flex-1 flex-col gap-2", className),
|
|
160
|
-
children
|
|
161
|
-
}
|
|
162
|
-
);
|
|
163
|
-
}
|
|
164
|
-
CardBody.displayName = "CardBody";
|
|
165
|
-
function CardFooter({ className, children }) {
|
|
166
|
-
const size = useCardSize();
|
|
167
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
168
|
-
"footer",
|
|
169
|
-
{
|
|
170
|
-
"data-slot": "card-footer",
|
|
171
|
-
className: chunkZS5756ZC_js.cn(cardFooterVariants({ size }), className),
|
|
172
|
-
children
|
|
173
|
-
}
|
|
174
|
-
);
|
|
175
|
-
}
|
|
176
|
-
CardFooter.displayName = "CardFooter";
|
|
177
|
-
function CardTitle({
|
|
178
|
-
className,
|
|
179
|
-
children,
|
|
180
|
-
as = "h3",
|
|
181
|
-
ref,
|
|
182
|
-
...rest
|
|
183
|
-
}) {
|
|
184
|
-
const size = useCardSize();
|
|
185
|
-
const Tag = as;
|
|
186
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
187
|
-
Tag,
|
|
188
|
-
{
|
|
189
|
-
ref,
|
|
190
|
-
"data-slot": "card-title",
|
|
191
|
-
className: chunkZS5756ZC_js.cn(cardTitleVariants({ size }), className),
|
|
192
|
-
...rest,
|
|
193
|
-
children
|
|
194
|
-
}
|
|
195
|
-
);
|
|
196
|
-
}
|
|
197
|
-
CardTitle.displayName = "CardTitle";
|
|
198
|
-
function CardDescription({
|
|
199
|
-
className,
|
|
200
|
-
children,
|
|
201
|
-
as = "p",
|
|
202
|
-
ref,
|
|
203
|
-
...rest
|
|
204
|
-
}) {
|
|
205
|
-
const size = useCardSize();
|
|
206
|
-
const Tag = as;
|
|
207
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
208
|
-
Tag,
|
|
209
|
-
{
|
|
210
|
-
ref,
|
|
211
|
-
"data-slot": "card-description",
|
|
212
|
-
className: chunkZS5756ZC_js.cn(cardDescriptionVariants({ size }), className),
|
|
213
|
-
...rest,
|
|
214
|
-
children
|
|
215
|
-
}
|
|
216
|
-
);
|
|
217
|
-
}
|
|
218
|
-
CardDescription.displayName = "CardDescription";
|
|
219
|
-
|
|
220
|
-
exports.CardBase = CardBase;
|
|
221
|
-
exports.CardBody = CardBody;
|
|
222
|
-
exports.CardDescription = CardDescription;
|
|
223
|
-
exports.CardFooter = CardFooter;
|
|
224
|
-
exports.CardHeader = CardHeader;
|
|
225
|
-
exports.CardTitle = CardTitle;
|
|
226
|
-
exports.cardDescriptionVariants = cardDescriptionVariants;
|
|
227
|
-
exports.cardFooterVariants = cardFooterVariants;
|
|
228
|
-
exports.cardHeaderVariants = cardHeaderVariants;
|
|
229
|
-
exports.cardTitleVariants = cardTitleVariants;
|
|
230
|
-
exports.cardVariants = cardVariants;
|
|
231
|
-
//# sourceMappingURL=chunk-GPAUYUM3.js.map
|
|
232
|
-
//# sourceMappingURL=chunk-GPAUYUM3.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/card/variants.ts","../src/ui/card/card-base.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn"],"mappings":"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","file":"chunk-GPAUYUM3.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\n [\n \"relative flex w-full flex-col overflow-hidden text-slate-900 dark:text-slate-50\",\n \"ring-offset-slate-50 dark:ring-offset-slate-950 transition-colors\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n ],\n {\n variants: {\n appearance: {\n default:\n \"border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n glass:\n \"border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 backdrop-blur-md shadow-[0_8px_24px_rgba(15,23,42,0.12)] dark:shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n outline: \"border border-black/15 dark:border-white/15 bg-transparent\",\n ghost: \"border border-transparent bg-transparent\",\n elevated:\n \"border border-black/10 dark:border-white/10 bg-slate-100/80 dark:bg-slate-900/80 shadow-[0_12px_32px_rgba(15,23,42,0.12)] dark:shadow-[0_24px_64px_rgba(15,23,42,0.45)]\",\n sky: \"border border-sky-800 dark:border-sky-600 bg-sky-50 dark:bg-sky-950/70 backdrop-blur-xl\",\n rose: \"border border-rose-800 dark:border-rose-600 bg-rose-50 dark:bg-rose-950/70 backdrop-blur-xl\",\n purple:\n \"border border-purple-800 dark:border-purple-600 bg-purple-50 dark:bg-purple-950/70 backdrop-blur-xl\",\n pink: \"border border-pink-800 dark:border-pink-600 bg-pink-50 dark:bg-pink-950/70 backdrop-blur-xl\",\n orange:\n \"border border-orange-800 dark:border-orange-600 bg-orange-50 dark:bg-orange-950/70 backdrop-blur-xl\",\n yellow:\n \"border border-yellow-800 dark:border-yellow-600 bg-yellow-50 dark:bg-yellow-950/70 backdrop-blur-xl\",\n teal: \"border border-teal-800 dark:border-teal-600 bg-teal-50 dark:bg-teal-950/70 backdrop-blur-xl\",\n indigo:\n \"border border-indigo-800 dark:border-indigo-600 bg-indigo-50 dark:bg-indigo-950/70 backdrop-blur-xl\",\n emerald:\n \"border border-emerald-800 dark:border-emerald-600 bg-emerald-50 dark:bg-emerald-950/70 backdrop-blur-xl\",\n gray: \"border border-gray-800 dark:border-gray-600 bg-gray-50 dark:bg-gray-950/70 backdrop-blur-xl\",\n amber:\n \"border border-amber-800 dark:border-amber-600 bg-amber-50 dark:bg-amber-950/70 backdrop-blur-xl\",\n violet:\n \"border border-violet-800 dark:border-violet-600 bg-violet-50 dark:bg-violet-950/70 backdrop-blur-xl\",\n \"gradient-blue\":\n \"border border-blue-800 dark:border-blue-600 bg-linear-to-r from-blue-50 dark:from-blue-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl\",\n \"gradient-green\":\n \"border border-green-800 dark:border-green-600 bg-linear-to-r from-green-50 dark:from-green-950/70 to-lime-50 dark:to-lime-950/70 backdrop-blur-xl\",\n \"gradient-red\":\n \"border border-red-800 dark:border-red-600 bg-linear-to-r from-red-50 dark:from-red-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border border-yellow-800 dark:border-yellow-600 bg-linear-to-r from-yellow-50 dark:from-yellow-950/70 to-orange-50 dark:to-orange-950/70 backdrop-blur-xl\",\n \"gradient-purple\":\n \"border border-purple-800 dark:border-purple-600 bg-linear-to-r from-purple-50 dark:from-purple-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl\",\n \"gradient-teal\":\n \"border border-teal-800 dark:border-teal-600 bg-linear-to-r from-teal-50 dark:from-teal-950/70 to-cyan-50 dark:to-cyan-950/70 backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border border-indigo-800 dark:border-indigo-600 bg-linear-to-r from-indigo-50 dark:from-indigo-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl\",\n \"gradient-pink\":\n \"border border-pink-800 dark:border-pink-600 bg-linear-to-r from-pink-50 dark:from-pink-950/70 to-rose-50 dark:to-rose-950/70 backdrop-blur-xl\",\n \"gradient-orange\":\n \"border border-orange-800 dark:border-orange-600 bg-linear-to-r from-orange-50 dark:from-orange-950/70 to-red-50 dark:to-red-950/70 backdrop-blur-xl\",\n },\n size: {\n sm: \"gap-2 p-3 text-sm\",\n md: \"gap-3 p-4 text-sm\",\n lg: \"gap-4 p-6 text-base\",\n },\n rounded: {\n sm: \"rounded-lg\",\n md: \"rounded-xl\",\n lg: \"rounded-2xl\",\n full: \"rounded-3xl\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n rounded: \"md\",\n },\n },\n);\n\nexport const cardHeaderVariants = cva(\n \"flex flex-col gap-1 border-b border-black/10 dark:border-white/10 pb-3\",\n {\n variants: {\n size: {\n sm: \"pb-2\",\n md: \"pb-3\",\n lg: \"pb-4\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n\nexport const cardFooterVariants = cva(\n \"flex flex-col gap-2 border-t border-black/10 dark:border-white/10 pt-3\",\n {\n variants: {\n size: {\n sm: \"pt-2\",\n md: \"pt-3\",\n lg: \"pt-4\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n\nexport const cardTitleVariants = cva(\n \"font-semibold tracking-tight text-slate-950 dark:text-white\",\n {\n variants: {\n size: {\n sm: \"text-sm\",\n md: \"text-base\",\n lg: \"text-lg\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n\nexport const cardDescriptionVariants = cva(\n \"text-slate-500 dark:text-slate-50\",\n {\n variants: {\n size: {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo, type ElementType } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n CardBaseProps,\n CardDescriptionProps,\n CardSectionProps,\n CardSize,\n CardTitleProps,\n} from \"./types\";\nimport {\n cardDescriptionVariants,\n cardFooterVariants,\n cardHeaderVariants,\n cardTitleVariants,\n cardVariants,\n} from \"./variants\";\n\nconst CardSizeContext = createContext<CardSize>(\"md\");\n\nfunction useCardSize(): CardSize {\n return useContext(CardSizeContext);\n}\n\nexport function CardBase({\n className,\n appearance,\n size = \"md\",\n rounded,\n children,\n ref,\n as: Wrapper = \"article\",\n ...rest\n}: CardBaseProps) {\n const ctx = useMemo(() => size ?? \"md\", [size]);\n\n return (\n <CardSizeContext.Provider value={ctx}>\n <Wrapper\n ref={ref}\n data-slot=\"card\"\n className={cn(cardVariants({ appearance, size, rounded }), className)}\n {...rest}\n >\n {children}\n </Wrapper>\n </CardSizeContext.Provider>\n );\n}\n\nCardBase.displayName = \"Card\";\n\nexport function CardHeader({ className, children }: CardSectionProps) {\n const size = useCardSize();\n return (\n <header\n data-slot=\"card-header\"\n className={cn(cardHeaderVariants({ size }), className)}\n >\n {children}\n </header>\n );\n}\n\nCardHeader.displayName = \"CardHeader\";\n\nexport function CardBody({ className, children }: CardSectionProps) {\n return (\n <div\n data-slot=\"card-body\"\n className={cn(\"flex flex-1 flex-col gap-2\", className)}\n >\n {children}\n </div>\n );\n}\n\nCardBody.displayName = \"CardBody\";\n\nexport function CardFooter({ className, children }: CardSectionProps) {\n const size = useCardSize();\n return (\n <footer\n data-slot=\"card-footer\"\n className={cn(cardFooterVariants({ size }), className)}\n >\n {children}\n </footer>\n );\n}\n\nCardFooter.displayName = \"CardFooter\";\n\nexport function CardTitle({\n className,\n children,\n as = \"h3\",\n ref,\n ...rest\n}: CardTitleProps) {\n const size = useCardSize();\n const Tag = as as ElementType;\n return (\n <Tag\n ref={ref as never}\n data-slot=\"card-title\"\n className={cn(cardTitleVariants({ size }), className)}\n {...rest}\n >\n {children}\n </Tag>\n );\n}\n\nCardTitle.displayName = \"CardTitle\";\n\nexport function CardDescription({\n className,\n children,\n as = \"p\",\n ref,\n ...rest\n}: CardDescriptionProps) {\n const size = useCardSize();\n const Tag = as as ElementType;\n return (\n <Tag\n ref={ref as never}\n data-slot=\"card-description\"\n className={cn(cardDescriptionVariants({ size }), className)}\n {...rest}\n >\n {children}\n </Tag>\n );\n}\n\nCardDescription.displayName = \"CardDescription\";\n"]}
|
package/dist/chunk-HARD4NMB.mjs
DELETED
|
@@ -1,268 +0,0 @@
|
|
|
1
|
-
import { cn } from './chunk-4D54YOL6.mjs';
|
|
2
|
-
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { createContext, useContext, useState, useMemo, useCallback, useId } from 'react';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var accordionVariants = cva("w-full", {
|
|
7
|
-
variants: {
|
|
8
|
-
appearance: {
|
|
9
|
-
default: "divide-y divide-black/10 dark:divide-white/10 rounded-xl border border-black/10 dark:border-white/10",
|
|
10
|
-
outline: "divide-y divide-black/10 dark:divide-white/10 rounded-xl border border-black/15 dark:border-white/15",
|
|
11
|
-
ghost: "divide-y divide-black/5 dark:divide-white/5",
|
|
12
|
-
card: "space-y-2",
|
|
13
|
-
separated: "space-y-3",
|
|
14
|
-
sky: "divide-y divide-sky-800 dark:divide-sky-600 rounded-xl border border-sky-800 dark:border-sky-600",
|
|
15
|
-
rose: "divide-y divide-rose-800 dark:divide-rose-600 rounded-xl border border-rose-800 dark:border-rose-600",
|
|
16
|
-
purple: "divide-y divide-purple-800 dark:divide-purple-600 rounded-xl border border-purple-800 dark:border-purple-600",
|
|
17
|
-
pink: "divide-y divide-pink-800 dark:divide-pink-600 rounded-xl border border-pink-800 dark:border-pink-600",
|
|
18
|
-
orange: "divide-y divide-orange-800 dark:divide-orange-600 rounded-xl border border-orange-800 dark:border-orange-600",
|
|
19
|
-
yellow: "divide-y divide-yellow-800 dark:divide-yellow-600 rounded-xl border border-yellow-800 dark:border-yellow-600",
|
|
20
|
-
teal: "divide-y divide-teal-800 dark:divide-teal-600 rounded-xl border border-teal-800 dark:border-teal-600",
|
|
21
|
-
indigo: "divide-y divide-indigo-800 dark:divide-indigo-600 rounded-xl border border-indigo-800 dark:border-indigo-600",
|
|
22
|
-
emerald: "divide-y divide-emerald-800 dark:divide-emerald-600 rounded-xl border border-emerald-800 dark:border-emerald-600",
|
|
23
|
-
"gradient-blue": "divide-y divide-blue-800 dark:divide-blue-600 rounded-xl border border-blue-800 dark:border-blue-600",
|
|
24
|
-
"gradient-green": "divide-y divide-green-800 dark:divide-green-600 rounded-xl border border-green-800 dark:border-green-600",
|
|
25
|
-
"gradient-red": "divide-y divide-red-800 dark:divide-red-600 rounded-xl border border-red-800 dark:border-red-600",
|
|
26
|
-
"gradient-yellow": "divide-y divide-yellow-800 dark:divide-yellow-600 rounded-xl border border-yellow-800 dark:border-yellow-600",
|
|
27
|
-
"gradient-purple": "divide-y divide-purple-800 dark:divide-purple-600 rounded-xl border border-purple-800 dark:border-purple-600",
|
|
28
|
-
"gradient-teal": "divide-y divide-teal-800 dark:divide-teal-600 rounded-xl border border-teal-800 dark:border-teal-600",
|
|
29
|
-
"gradient-indigo": "divide-y divide-indigo-800 dark:divide-indigo-600 rounded-xl border border-indigo-800 dark:border-indigo-600",
|
|
30
|
-
"gradient-pink": "divide-y divide-pink-800 dark:divide-pink-600 rounded-xl border border-pink-800 dark:border-pink-600",
|
|
31
|
-
"gradient-orange": "divide-y divide-orange-800 dark:divide-orange-600 rounded-xl border border-orange-800 dark:border-orange-600"
|
|
32
|
-
},
|
|
33
|
-
size: {
|
|
34
|
-
sm: "px-3 py-2 text-sm",
|
|
35
|
-
md: "px-4 py-3 text-sm",
|
|
36
|
-
lg: "px-5 py-4 text-base"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
defaultVariants: {
|
|
40
|
-
appearance: "default",
|
|
41
|
-
size: "md"
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
var accordionItemVariants = cva("text-slate-900 dark:text-slate-200", {
|
|
45
|
-
variants: {
|
|
46
|
-
appearance: {
|
|
47
|
-
default: "",
|
|
48
|
-
outline: "",
|
|
49
|
-
ghost: "",
|
|
50
|
-
card: "rounded-xl border border-black/10 bg-black/5 p-2",
|
|
51
|
-
separated: "rounded-xl border border-black/10 dark:border-white/10 bg-slate-50/40 dark:bg-slate-950/40 p-2",
|
|
52
|
-
sky: "rounded-xl border border-sky-800 dark:border-sky-600 bg-sky-100/50 dark:bg-sky-600/[0.03] p-2",
|
|
53
|
-
rose: "rounded-xl border border-rose-800 dark:border-rose-600 bg-rose-100/50 dark:bg-rose-600/[0.03] p-2",
|
|
54
|
-
purple: "rounded-xl border border-purple-800 dark:border-purple-600 bg-purple-100/50 dark:bg-purple-600/[0.03] p-2",
|
|
55
|
-
pink: "rounded-xl border border-pink-800 dark:border-pink-600 bg-pink-100/50 dark:bg-pink-600/[0.03] p-2",
|
|
56
|
-
orange: "rounded-xl border border-orange-800 dark:border-orange-600 bg-orange-100/50 dark:bg-orange-600/[0.03] p-2",
|
|
57
|
-
yellow: "rounded-xl border border-yellow-800 dark:border-yellow-600 bg-yellow-100/50 dark:bg-yellow-600/[0.03] p-2",
|
|
58
|
-
teal: "rounded-xl border border-teal-800 dark:border-teal-600 bg-teal-100/50 dark:bg-teal-600/[0.03] p-2",
|
|
59
|
-
indigo: "rounded-xl border border-indigo-800 dark:border-indigo-600 bg-indigo-100/50 dark:bg-indigo-600/[0.03] p-2",
|
|
60
|
-
emerald: "rounded-xl border border-emerald-800 dark:border-emerald-600 bg-emerald-100/50 dark:bg-emerald-600/[0.03] p-2",
|
|
61
|
-
"gradient-blue": "rounded-xl bg-linear-to-r from-blue-300 dark:from-blue-600 to-purple-300 dark:to-purple-600 p-2",
|
|
62
|
-
"gradient-green": "rounded-xl bg-linear-to-r from-green-300 dark:from-green-600 to-lime-300 dark:to-lime-600 p-2",
|
|
63
|
-
"gradient-red": "rounded-xl bg-linear-to-r from-red-300 dark:from-red-600 to-pink-300 dark:to-pink-600 p-2",
|
|
64
|
-
"gradient-yellow": "rounded-xl bg-linear-to-r from-yellow-300 dark:from-yellow-600 to-orange-300 dark:to-orange-600 p-2",
|
|
65
|
-
"gradient-purple": "rounded-xl bg-linear-to-r from-purple-300 dark:from-purple-600 to-pink-300 dark:to-pink-600 p-2",
|
|
66
|
-
"gradient-teal": "rounded-xl bg-linear-to-r from-teal-300 dark:from-teal-600 to-cyan-300 dark:to-cyan-600 p-2",
|
|
67
|
-
"gradient-indigo": "rounded-xl bg-linear-to-r from-indigo-300 dark:from-indigo-600 to-purple-300 dark:to-purple-600 p-2",
|
|
68
|
-
"gradient-pink": "rounded-xl bg-linear-to-r from-pink-300 dark:from-pink-600 to-rose-300 dark:to-rose-600 p-2",
|
|
69
|
-
"gradient-orange": "rounded-xl bg-linear-to-r from-orange-300 dark:from-orange-600 to-red-300 dark:to-red-600 p-2"
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
defaultVariants: { appearance: "default" }
|
|
73
|
-
});
|
|
74
|
-
var accordionTriggerVariants = cva(
|
|
75
|
-
"flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-slate-800 dark:text-slate-200 outline-none transition hover:text-slate-900 dark:hover:text-white focus-visible:ring-2 focus-visible:ring-black/30 dark:focus-visible:ring-white/30",
|
|
76
|
-
{
|
|
77
|
-
variants: {
|
|
78
|
-
size: {
|
|
79
|
-
sm: "py-2 text-sm",
|
|
80
|
-
md: "py-3 text-sm",
|
|
81
|
-
lg: "py-4 text-base"
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
defaultVariants: { size: "md" }
|
|
85
|
-
}
|
|
86
|
-
);
|
|
87
|
-
var accordionContentVariants = cva("pb-3 text-sm", {
|
|
88
|
-
variants: {
|
|
89
|
-
size: {
|
|
90
|
-
sm: "pb-2 text-xs",
|
|
91
|
-
md: "pb-3 text-sm",
|
|
92
|
-
lg: "pb-4 text-base"
|
|
93
|
-
}
|
|
94
|
-
},
|
|
95
|
-
defaultVariants: { size: "md" }
|
|
96
|
-
});
|
|
97
|
-
var AccordionContext = createContext(null);
|
|
98
|
-
var AccordionItemValueContext = createContext(null);
|
|
99
|
-
function useAccordionContext(component) {
|
|
100
|
-
const ctx = useContext(AccordionContext);
|
|
101
|
-
if (!ctx) {
|
|
102
|
-
throw new Error(`${component} must be used within <Accordion>`);
|
|
103
|
-
}
|
|
104
|
-
return ctx;
|
|
105
|
-
}
|
|
106
|
-
function useAccordionItemValue(component) {
|
|
107
|
-
const value = useContext(AccordionItemValueContext);
|
|
108
|
-
if (!value) {
|
|
109
|
-
throw new Error(`${component} must be used within <AccordionItem>`);
|
|
110
|
-
}
|
|
111
|
-
return value;
|
|
112
|
-
}
|
|
113
|
-
function AccordionBase({
|
|
114
|
-
type = "single",
|
|
115
|
-
value,
|
|
116
|
-
values,
|
|
117
|
-
defaultValue,
|
|
118
|
-
defaultValues,
|
|
119
|
-
onValueChange,
|
|
120
|
-
onValuesChange,
|
|
121
|
-
appearance = "default",
|
|
122
|
-
size = "md",
|
|
123
|
-
className,
|
|
124
|
-
children
|
|
125
|
-
}) {
|
|
126
|
-
const isSingleControlled = value !== void 0;
|
|
127
|
-
const isMultipleControlled = values !== void 0;
|
|
128
|
-
const [singleUncontrolled, setSingleUncontrolled] = useState(defaultValue);
|
|
129
|
-
const [multipleUncontrolled, setMultipleUncontrolled] = useState(
|
|
130
|
-
defaultValues ?? []
|
|
131
|
-
);
|
|
132
|
-
const singleValue = isSingleControlled ? value : singleUncontrolled;
|
|
133
|
-
const multipleValues = useMemo(
|
|
134
|
-
() => isMultipleControlled ? values ?? [] : multipleUncontrolled,
|
|
135
|
-
[isMultipleControlled, values, multipleUncontrolled]
|
|
136
|
-
);
|
|
137
|
-
const isOpen = useCallback(
|
|
138
|
-
(itemValue) => {
|
|
139
|
-
if (type === "single") {
|
|
140
|
-
return singleValue === itemValue;
|
|
141
|
-
}
|
|
142
|
-
return multipleValues.includes(itemValue);
|
|
143
|
-
},
|
|
144
|
-
[multipleValues, singleValue, type]
|
|
145
|
-
);
|
|
146
|
-
const toggle = useCallback(
|
|
147
|
-
(itemValue) => {
|
|
148
|
-
if (type === "single") {
|
|
149
|
-
const next2 = singleValue === itemValue ? void 0 : itemValue;
|
|
150
|
-
if (!isSingleControlled) {
|
|
151
|
-
setSingleUncontrolled(next2);
|
|
152
|
-
}
|
|
153
|
-
onValueChange?.(next2);
|
|
154
|
-
return;
|
|
155
|
-
}
|
|
156
|
-
const exists = multipleValues.includes(itemValue);
|
|
157
|
-
const next = exists ? multipleValues.filter((entry) => entry !== itemValue) : [...multipleValues, itemValue];
|
|
158
|
-
if (!isMultipleControlled) {
|
|
159
|
-
setMultipleUncontrolled(next);
|
|
160
|
-
}
|
|
161
|
-
onValuesChange?.(next);
|
|
162
|
-
},
|
|
163
|
-
[
|
|
164
|
-
isMultipleControlled,
|
|
165
|
-
isSingleControlled,
|
|
166
|
-
multipleValues,
|
|
167
|
-
onValueChange,
|
|
168
|
-
onValuesChange,
|
|
169
|
-
singleValue,
|
|
170
|
-
type
|
|
171
|
-
]
|
|
172
|
-
);
|
|
173
|
-
const ctx = useMemo(
|
|
174
|
-
() => ({
|
|
175
|
-
type,
|
|
176
|
-
appearance: appearance ?? "default",
|
|
177
|
-
size: size ?? "md",
|
|
178
|
-
isOpen,
|
|
179
|
-
toggle
|
|
180
|
-
}),
|
|
181
|
-
[appearance, isOpen, size, toggle, type]
|
|
182
|
-
);
|
|
183
|
-
return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
|
|
184
|
-
"div",
|
|
185
|
-
{
|
|
186
|
-
"data-slot": "accordion",
|
|
187
|
-
className: cn(accordionVariants({ appearance, size }), className),
|
|
188
|
-
children
|
|
189
|
-
}
|
|
190
|
-
) });
|
|
191
|
-
}
|
|
192
|
-
AccordionBase.displayName = "Accordion";
|
|
193
|
-
function AccordionItem({
|
|
194
|
-
className,
|
|
195
|
-
value,
|
|
196
|
-
children,
|
|
197
|
-
ref,
|
|
198
|
-
...rest
|
|
199
|
-
}) {
|
|
200
|
-
const { appearance } = useAccordionContext("AccordionItem");
|
|
201
|
-
return /* @__PURE__ */ jsx(AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ jsx(
|
|
202
|
-
"div",
|
|
203
|
-
{
|
|
204
|
-
ref,
|
|
205
|
-
"data-slot": "accordion-item",
|
|
206
|
-
"data-value": value,
|
|
207
|
-
className: cn(accordionItemVariants({ appearance }), className),
|
|
208
|
-
...rest,
|
|
209
|
-
children
|
|
210
|
-
}
|
|
211
|
-
) });
|
|
212
|
-
}
|
|
213
|
-
AccordionItem.displayName = "AccordionItem";
|
|
214
|
-
function AccordionTrigger({
|
|
215
|
-
className,
|
|
216
|
-
children,
|
|
217
|
-
ref,
|
|
218
|
-
...rest
|
|
219
|
-
}) {
|
|
220
|
-
const itemValue = useAccordionItemValue("AccordionTrigger");
|
|
221
|
-
const { isOpen, toggle, size } = useAccordionContext("AccordionTrigger");
|
|
222
|
-
const open = isOpen(itemValue);
|
|
223
|
-
const panelId = `${itemValue}-panel`;
|
|
224
|
-
const baseId = useId();
|
|
225
|
-
return /* @__PURE__ */ jsx("h3", { className: "m-0", children: /* @__PURE__ */ jsx(
|
|
226
|
-
"button",
|
|
227
|
-
{
|
|
228
|
-
ref,
|
|
229
|
-
type: "button",
|
|
230
|
-
"data-slot": "accordion-trigger",
|
|
231
|
-
id: `${baseId}-trigger-${itemValue}`,
|
|
232
|
-
"aria-expanded": open,
|
|
233
|
-
"aria-controls": panelId,
|
|
234
|
-
className: cn(accordionTriggerVariants({ size }), className),
|
|
235
|
-
onClick: () => toggle(itemValue),
|
|
236
|
-
...rest,
|
|
237
|
-
children
|
|
238
|
-
}
|
|
239
|
-
) });
|
|
240
|
-
}
|
|
241
|
-
AccordionTrigger.displayName = "AccordionTrigger";
|
|
242
|
-
function AccordionContent({
|
|
243
|
-
className,
|
|
244
|
-
children,
|
|
245
|
-
ref
|
|
246
|
-
}) {
|
|
247
|
-
const itemValue = useAccordionItemValue("AccordionContent");
|
|
248
|
-
const { isOpen, size } = useAccordionContext("AccordionContent");
|
|
249
|
-
const open = isOpen(itemValue);
|
|
250
|
-
const panelId = `${itemValue}-panel`;
|
|
251
|
-
return open ? /* @__PURE__ */ jsx(
|
|
252
|
-
"div",
|
|
253
|
-
{
|
|
254
|
-
ref,
|
|
255
|
-
id: panelId,
|
|
256
|
-
role: "region",
|
|
257
|
-
"data-slot": "accordion-content",
|
|
258
|
-
className: cn(accordionContentVariants({ size }), className),
|
|
259
|
-
children
|
|
260
|
-
},
|
|
261
|
-
itemValue
|
|
262
|
-
) : null;
|
|
263
|
-
}
|
|
264
|
-
AccordionContent.displayName = "AccordionContent";
|
|
265
|
-
|
|
266
|
-
export { AccordionBase, AccordionContent, AccordionItem, AccordionTrigger, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants, useAccordionContext, useAccordionItemValue };
|
|
267
|
-
//# sourceMappingURL=chunk-HARD4NMB.mjs.map
|
|
268
|
-
//# sourceMappingURL=chunk-HARD4NMB.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/accordion/variants.ts","../src/ui/accordion/accordion-base.tsx"],"names":["next"],"mappings":"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","file":"chunk-HARD4NMB.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const accordionVariants = cva(\"w-full\", {\n variants: {\n appearance: {\n default:\n \"divide-y divide-black/10 dark:divide-white/10 rounded-xl border border-black/10 dark:border-white/10\",\n outline:\n \"divide-y divide-black/10 dark:divide-white/10 rounded-xl border border-black/15 dark:border-white/15\",\n ghost: \"divide-y divide-black/5 dark:divide-white/5\",\n card: \"space-y-2\",\n separated: \"space-y-3\",\n sky: \"divide-y divide-sky-800 dark:divide-sky-600 rounded-xl border border-sky-800 dark:border-sky-600\",\n rose: \"divide-y divide-rose-800 dark:divide-rose-600 rounded-xl border border-rose-800 dark:border-rose-600\",\n purple:\n \"divide-y divide-purple-800 dark:divide-purple-600 rounded-xl border border-purple-800 dark:border-purple-600\",\n pink: \"divide-y divide-pink-800 dark:divide-pink-600 rounded-xl border border-pink-800 dark:border-pink-600\",\n orange:\n \"divide-y divide-orange-800 dark:divide-orange-600 rounded-xl border border-orange-800 dark:border-orange-600\",\n yellow:\n \"divide-y divide-yellow-800 dark:divide-yellow-600 rounded-xl border border-yellow-800 dark:border-yellow-600\",\n teal: \"divide-y divide-teal-800 dark:divide-teal-600 rounded-xl border border-teal-800 dark:border-teal-600\",\n indigo:\n \"divide-y divide-indigo-800 dark:divide-indigo-600 rounded-xl border border-indigo-800 dark:border-indigo-600\",\n emerald:\n \"divide-y divide-emerald-800 dark:divide-emerald-600 rounded-xl border border-emerald-800 dark:border-emerald-600\",\n \"gradient-blue\":\n \"divide-y divide-blue-800 dark:divide-blue-600 rounded-xl border border-blue-800 dark:border-blue-600\",\n \"gradient-green\":\n \"divide-y divide-green-800 dark:divide-green-600 rounded-xl border border-green-800 dark:border-green-600\",\n \"gradient-red\":\n \"divide-y divide-red-800 dark:divide-red-600 rounded-xl border border-red-800 dark:border-red-600\",\n \"gradient-yellow\":\n \"divide-y divide-yellow-800 dark:divide-yellow-600 rounded-xl border border-yellow-800 dark:border-yellow-600\",\n \"gradient-purple\":\n \"divide-y divide-purple-800 dark:divide-purple-600 rounded-xl border border-purple-800 dark:border-purple-600\",\n \"gradient-teal\":\n \"divide-y divide-teal-800 dark:divide-teal-600 rounded-xl border border-teal-800 dark:border-teal-600\",\n \"gradient-indigo\":\n \"divide-y divide-indigo-800 dark:divide-indigo-600 rounded-xl border border-indigo-800 dark:border-indigo-600\",\n \"gradient-pink\":\n \"divide-y divide-pink-800 dark:divide-pink-600 rounded-xl border border-pink-800 dark:border-pink-600\",\n \"gradient-orange\":\n \"divide-y divide-orange-800 dark:divide-orange-600 rounded-xl border border-orange-800 dark:border-orange-600\",\n },\n size: {\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 },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const accordionItemVariants = cva(\"text-slate-900 dark:text-slate-200\", {\n variants: {\n appearance: {\n default: \"\",\n outline: \"\",\n ghost: \"\",\n card: \"rounded-xl border border-black/10 bg-black/5 p-2\",\n separated:\n \"rounded-xl border border-black/10 dark:border-white/10 bg-slate-50/40 dark:bg-slate-950/40 p-2\",\n sky: \"rounded-xl border border-sky-800 dark:border-sky-600 bg-sky-100/50 dark:bg-sky-600/[0.03] p-2\",\n rose: \"rounded-xl border border-rose-800 dark:border-rose-600 bg-rose-100/50 dark:bg-rose-600/[0.03] p-2\",\n purple:\n \"rounded-xl border border-purple-800 dark:border-purple-600 bg-purple-100/50 dark:bg-purple-600/[0.03] p-2\",\n pink: \"rounded-xl border border-pink-800 dark:border-pink-600 bg-pink-100/50 dark:bg-pink-600/[0.03] p-2\",\n orange:\n \"rounded-xl border border-orange-800 dark:border-orange-600 bg-orange-100/50 dark:bg-orange-600/[0.03] p-2\",\n yellow:\n \"rounded-xl border border-yellow-800 dark:border-yellow-600 bg-yellow-100/50 dark:bg-yellow-600/[0.03] p-2\",\n teal: \"rounded-xl border border-teal-800 dark:border-teal-600 bg-teal-100/50 dark:bg-teal-600/[0.03] p-2\",\n indigo:\n \"rounded-xl border border-indigo-800 dark:border-indigo-600 bg-indigo-100/50 dark:bg-indigo-600/[0.03] p-2\",\n emerald:\n \"rounded-xl border border-emerald-800 dark:border-emerald-600 bg-emerald-100/50 dark:bg-emerald-600/[0.03] p-2\",\n \"gradient-blue\":\n \"rounded-xl bg-linear-to-r from-blue-300 dark:from-blue-600 to-purple-300 dark:to-purple-600 p-2\",\n \"gradient-green\":\n \"rounded-xl bg-linear-to-r from-green-300 dark:from-green-600 to-lime-300 dark:to-lime-600 p-2\",\n \"gradient-red\":\n \"rounded-xl bg-linear-to-r from-red-300 dark:from-red-600 to-pink-300 dark:to-pink-600 p-2\",\n \"gradient-yellow\":\n \"rounded-xl bg-linear-to-r from-yellow-300 dark:from-yellow-600 to-orange-300 dark:to-orange-600 p-2\",\n \"gradient-purple\":\n \"rounded-xl bg-linear-to-r from-purple-300 dark:from-purple-600 to-pink-300 dark:to-pink-600 p-2\",\n \"gradient-teal\":\n \"rounded-xl bg-linear-to-r from-teal-300 dark:from-teal-600 to-cyan-300 dark:to-cyan-600 p-2\",\n \"gradient-indigo\":\n \"rounded-xl bg-linear-to-r from-indigo-300 dark:from-indigo-600 to-purple-300 dark:to-purple-600 p-2\",\n \"gradient-pink\":\n \"rounded-xl bg-linear-to-r from-pink-300 dark:from-pink-600 to-rose-300 dark:to-rose-600 p-2\",\n \"gradient-orange\":\n \"rounded-xl bg-linear-to-r from-orange-300 dark:from-orange-600 to-red-300 dark:to-red-600 p-2\",\n },\n },\n defaultVariants: { appearance: \"default\" },\n});\n\nexport const accordionTriggerVariants = cva(\n \"flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-slate-800 dark:text-slate-200 outline-none transition hover:text-slate-900 dark:hover:text-white focus-visible:ring-2 focus-visible:ring-black/30 dark:focus-visible:ring-white/30\",\n {\n variants: {\n size: {\n sm: \"py-2 text-sm\",\n md: \"py-3 text-sm\",\n lg: \"py-4 text-base\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n\nexport const accordionContentVariants = cva(\"pb-3 text-sm\", {\n variants: {\n size: {\n sm: \"pb-2 text-xs\",\n md: \"pb-3 text-sm\",\n lg: \"pb-4 text-base\",\n },\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"]}
|