@zentauri-ui/zentauri-components 1.6.2 → 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 +105 -0
- 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/divider-base.tsx +1 -1
- 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-3OXIZ4ZO.js +0 -175
- package/dist/chunk-3OXIZ4ZO.js.map +0 -1
- package/dist/chunk-3Z73M5TW.js +0 -273
- package/dist/chunk-3Z73M5TW.js.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-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-J5QJEKY2.mjs +0 -169
- package/dist/chunk-J5QJEKY2.mjs.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-LPL6NJ5Q.mjs +0 -264
- package/dist/chunk-LPL6NJ5Q.mjs.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-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-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-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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/badge/variants.ts","../src/ui/badge/badge-base.tsx"],"names":[],"mappings":"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","file":"chunk-EU63V22F.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Tailwind class maps mirroring `buttons/variants.ts` appearance tokens.\n * Reused by primitives that should stay visually aligned with Button.\n */\nexport const buttonLikeSolidAppearances = {\n default:\n \"bg-slate-900 dark:bg-slate-50 text-slate-50 dark:text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n secondary: \"bg-slate-200 dark:bg-slate-800 text-slate-900 dark:text-slate-50\",\n destructive: \"bg-rose-500 dark:bg-rose-700 text-slate-900 dark:text-white\",\n outline:\n \"border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 text-slate-900 dark:text-slate-50\",\n ghost: \"bg-transparent text-slate-700 dark:text-slate-200\",\n glass:\n \"border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 text-slate-900 dark:text-white backdrop-blur-md\",\n emerald: \"bg-emerald-500 dark:bg-emerald-800 text-slate-100 dark:text-white\",\n indigo: \"bg-indigo-800 dark:bg-indigo-600 text-slate-100 dark:text-white\",\n purple: \"bg-purple-800 dark:bg-purple-600 text-slate-100 dark:text-white\",\n pink: \"bg-pink-800 dark:bg-pink-600 text-slate-100 dark:text-white\",\n rose: \"bg-rose-500 dark:bg-rose-700 text-slate-100 dark:text-white\",\n sky: \"bg-sky-500 dark:bg-sky-700 text-slate-100 dark:text-white\",\n teal: \"bg-teal-500 dark:bg-teal-700 text-slate-100 dark:text-white\",\n yellow: \"bg-yellow-500 dark:bg-yellow-800 text-slate-100 dark:text-white\",\n orange: \"bg-orange-500 dark:bg-orange-800 text-slate-100 dark:text-white\",\n \"gradient-blue\":\n \"bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-slate-100 dark:text-white\",\n \"gradient-green\":\n \"bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-slate-100 dark:text-white\",\n \"gradient-red\":\n \"bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-slate-100 dark:text-white\",\n \"gradient-yellow\":\n \"bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-slate-100 dark:text-white\",\n \"gradient-purple\":\n \"bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-slate-100 dark:text-white\",\n \"gradient-teal\":\n \"bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-slate-100 dark:text-white\",\n \"gradient-indigo\":\n \"bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-slate-100 dark:text-white\",\n \"gradient-pink\":\n \"bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-slate-100 dark:text-white\",\n \"gradient-orange\":\n \"bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-slate-100 dark:text-white\",\n} as const;\n\nexport type ButtonLikeSolidAppearance = keyof typeof buttonLikeSolidAppearances;\n\nconst badgeAppearances = {\n ...buttonLikeSolidAppearances,\n outline:\n \"border border-black/15 dark:border-white/15 bg-transparent text-slate-700 dark:text-slate-200 shadow-none\",\n ghost: \"bg-transparent text-slate-600 dark:text-slate-300 shadow-none\",\n} as const;\n\nexport const badgeVariants = cva(\n [\n \"inline-flex max-w-full items-center justify-center gap-1 font-medium\",\n \"whitespace-nowrap 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 \"select-none\",\n ],\n {\n variants: {\n appearance: badgeAppearances,\n size: {\n sm: \"h-6 min-h-6 px-2 text-[0.65rem] leading-none\",\n md: \"h-7 min-h-7 px-2.5 text-xs leading-none\",\n lg: \"h-8 min-h-8 px-3 text-sm leading-none\",\n },\n shape: {\n pill: \"rounded-full\",\n square: \"rounded-md\",\n dot: \"h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n shape: \"pill\",\n },\n },\n);\n\nexport const badgeCloseButtonVariants = cva(\n \"inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/40 dark:focus-visible:ring-white/40\",\n {\n variants: {\n size: {\n sm: \"size-4\",\n md: \"size-5\",\n lg: \"size-6\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n","\"use client\";\n\nimport { HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { BadgeBaseProps } from \"./types\";\nimport { badgeCloseButtonVariants, badgeVariants } from \"./variants\";\n\nexport function BadgeBase({\n className,\n appearance,\n size,\n shape,\n closable = false,\n liveRegion = false,\n onClose,\n closeLabel = \"Remove\",\n children,\n ref,\n \"aria-label\": ariaLabel,\n as: Wrapper = \"span\",\n ...rest\n}: BadgeBaseProps) {\n const isDot = shape === \"dot\";\n const resolvedAriaLabel =\n ariaLabel ?? (isDot ? \"Status indicator\" : undefined);\n const landmarkRole =\n liveRegion === true || isDot ? (\"status\" as const) : undefined;\n\n return (\n <Wrapper\n ref={ref}\n role={landmarkRole}\n data-slot=\"badge\"\n aria-label={resolvedAriaLabel}\n className={cn(badgeVariants({ appearance, size, shape }), className)}\n {...rest}\n >\n {!isDot ? children : null}\n {closable ? (\n <button\n type=\"button\"\n data-slot=\"badge-close\"\n aria-label={closeLabel}\n onClick={onClose}\n className={badgeCloseButtonVariants({ size })}\n >\n <HiXMark className=\"size-3.5\" aria-hidden />\n </button>\n ) : null}\n </Wrapper>\n );\n}\n\nBadgeBase.displayName = \"Badge\";\n"]}
|
package/dist/chunk-EZS47EZW.mjs
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { cva } from 'class-variance-authority';
|
|
2
|
-
|
|
3
|
-
// src/ui/buttons/variants.ts
|
|
4
|
-
var buttonVariants = cva(
|
|
5
|
-
[
|
|
6
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
|
|
7
|
-
"text-sm font-medium ring-offset-slate-50 dark:ring-offset-slate-950 transition-colors",
|
|
8
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2",
|
|
9
|
-
"disabled:pointer-events-none disabled:opacity-50",
|
|
10
|
-
"select-none"
|
|
11
|
-
],
|
|
12
|
-
{
|
|
13
|
-
variants: {
|
|
14
|
-
appearance: {
|
|
15
|
-
default: "bg-slate-900 dark:bg-slate-50 text-slate-50 dark:text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-black dark:hover:bg-white",
|
|
16
|
-
secondary: "bg-slate-200 dark:bg-slate-800 text-slate-900 dark:text-slate-50 hover:bg-slate-300 dark:hover:bg-slate-700",
|
|
17
|
-
destructive: "bg-rose-500 dark:bg-rose-700 text-white hover:bg-rose-500 dark:hover:bg-rose-800",
|
|
18
|
-
outline: "border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 text-slate-900 dark:text-slate-50 hover:bg-black/10 dark:hover:bg-white/10",
|
|
19
|
-
ghost: "bg-transparent text-slate-700 dark:text-slate-200 hover:bg-black/5 dark:hover:bg-white/5",
|
|
20
|
-
link: "bg-transparent text-cyan-700 dark:text-cyan-300 underline-offset-4 hover:underline",
|
|
21
|
-
glass: "border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 text-slate-900 dark:text-white backdrop-blur-md hover:bg-black/15 dark:hover:bg-white/15",
|
|
22
|
-
emerald: "bg-emerald-500 dark:bg-emerald-800 text-white hover:bg-emerald-500 dark:hover:bg-emerald-900",
|
|
23
|
-
indigo: "bg-indigo-800 dark:bg-indigo-600 text-white hover:bg-indigo-800 dark:hover:bg-indigo-600",
|
|
24
|
-
purple: "bg-purple-800 dark:bg-purple-600 text-white hover:bg-purple-800 dark:hover:bg-purple-600",
|
|
25
|
-
pink: "bg-pink-800 dark:bg-pink-600 text-white hover:bg-pink-800 dark:hover:bg-pink-600",
|
|
26
|
-
rose: "bg-rose-800 dark:bg-rose-600 text-white hover:bg-rose-800 dark:hover:bg-rose-600",
|
|
27
|
-
sky: "bg-sky-500 dark:bg-sky-700 text-white hover:bg-sky-500 dark:hover:bg-sky-800",
|
|
28
|
-
teal: "bg-teal-500 dark:bg-teal-700 text-white hover:bg-teal-500 dark:hover:bg-teal-800",
|
|
29
|
-
yellow: "bg-yellow-500 dark:bg-yellow-800 text-white hover:bg-yellow-500 dark:hover:bg-yellow-900",
|
|
30
|
-
orange: "bg-orange-500 dark:bg-orange-800 text-white hover:bg-orange-500 dark:hover:bg-orange-900",
|
|
31
|
-
gray: "bg-gray-500 dark:bg-gray-700 text-white hover:bg-gray-500 dark:hover:bg-gray-800",
|
|
32
|
-
amber: "bg-amber-500 dark:bg-amber-800 text-white hover:bg-amber-500 dark:hover:bg-amber-900",
|
|
33
|
-
violet: "bg-violet-800 dark:bg-violet-600 text-white hover:bg-violet-800 dark:hover:bg-violet-600",
|
|
34
|
-
"gradient-blue": "bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-white hover:from-blue-800 dark:hover:from-blue-600 hover:to-purple-800 dark:hover:to-purple-600",
|
|
35
|
-
"gradient-green": "bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-white hover:from-green-800 dark:hover:from-green-600 hover:to-lime-800 dark:hover:to-lime-600",
|
|
36
|
-
"gradient-red": "bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-white hover:from-red-800 dark:hover:from-red-600 hover:to-pink-800 dark:hover:to-pink-600",
|
|
37
|
-
"gradient-yellow": "bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-white hover:from-yellow-800 dark:hover:from-yellow-600 hover:to-orange-800 dark:hover:to-orange-600",
|
|
38
|
-
"gradient-purple": "bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-white hover:from-purple-800 dark:hover:from-purple-600 hover:to-pink-800 dark:hover:to-pink-600",
|
|
39
|
-
"gradient-teal": "bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-white hover:from-teal-800 dark:hover:from-teal-600 hover:to-cyan-800 dark:hover:to-cyan-600",
|
|
40
|
-
"gradient-indigo": "bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-white hover:from-indigo-800 dark:hover:from-indigo-600 hover:to-purple-800 dark:hover:to-purple-600",
|
|
41
|
-
"gradient-pink": "bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-white hover:from-pink-800 dark:hover:from-pink-600 hover:to-rose-800 dark:hover:to-rose-600",
|
|
42
|
-
"gradient-orange": "bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-white hover:from-orange-800 dark:hover:from-orange-600 hover:to-red-800 dark:hover:to-red-600"
|
|
43
|
-
},
|
|
44
|
-
size: {
|
|
45
|
-
sm: "h-7 md:h-9 px-3 text-xs",
|
|
46
|
-
md: "h-9 md:h-11 px-4",
|
|
47
|
-
lg: "h-10 md:h-12 px-5 text-base",
|
|
48
|
-
xl: "h-12 md:h-14 px-6 text-lg",
|
|
49
|
-
"2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
|
|
50
|
-
"3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
|
|
51
|
-
"4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
|
|
52
|
-
"5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
|
|
53
|
-
"6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
|
|
54
|
-
"7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
|
|
55
|
-
"8xl": "h-26 md:h-28 px-20 text-2xl",
|
|
56
|
-
"9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
|
|
57
|
-
"10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
|
|
58
|
-
icon: "h-10 w-10"
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
defaultVariants: {
|
|
62
|
-
appearance: "default",
|
|
63
|
-
size: "md"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
);
|
|
67
|
-
|
|
68
|
-
export { buttonVariants };
|
|
69
|
-
//# sourceMappingURL=chunk-EZS47EZW.mjs.map
|
|
70
|
-
//# sourceMappingURL=chunk-EZS47EZW.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAEO,IAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,4EAAA;AAAA,IACA,uFAAA;AAAA,IACA,4IAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EACE,uLAAA;AAAA,QACF,SAAA,EACE,6GAAA;AAAA,QACF,WAAA,EACE,kFAAA;AAAA,QACF,OAAA,EACE,mJAAA;AAAA,QACF,KAAA,EACE,0FAAA;AAAA,QACF,IAAA,EAAM,oFAAA;AAAA,QACN,KAAA,EACE,mKAAA;AAAA,QACF,OAAA,EACE,8FAAA;AAAA,QACF,MAAA,EACE,0FAAA;AAAA,QACF,MAAA,EACE,0FAAA;AAAA,QACF,IAAA,EAAM,kFAAA;AAAA,QACN,IAAA,EAAM,kFAAA;AAAA,QACN,GAAA,EAAK,8EAAA;AAAA,QACL,IAAA,EAAM,kFAAA;AAAA,QACN,MAAA,EACE,0FAAA;AAAA,QACF,MAAA,EACE,0FAAA;AAAA,QACF,IAAA,EAAM,kFAAA;AAAA,QACN,KAAA,EACE,sFAAA;AAAA,QACF,MAAA,EACE,0FAAA;AAAA,QACF,eAAA,EACE,uLAAA;AAAA,QACF,gBAAA,EACE,mLAAA;AAAA,QACF,cAAA,EACE,2KAAA;AAAA,QACF,iBAAA,EACE,+LAAA;AAAA,QACF,iBAAA,EACE,uLAAA;AAAA,QACF,eAAA,EACE,+KAAA;AAAA,QACF,iBAAA,EACE,+LAAA;AAAA,QACF,eAAA,EACE,+KAAA;AAAA,QACF,iBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,KAAA,EAAO,mCAAA;AAAA,QACP,KAAA,EAAO,qCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6BAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-EZS47EZW.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n [\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl\",\n \"text-sm font-medium 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 \"disabled:pointer-events-none disabled:opacity-50\",\n \"select-none\",\n ],\n {\n variants: {\n appearance: {\n default:\n \"bg-slate-900 dark:bg-slate-50 text-slate-50 dark:text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-black dark:hover:bg-white\",\n secondary:\n \"bg-slate-200 dark:bg-slate-800 text-slate-900 dark:text-slate-50 hover:bg-slate-300 dark:hover:bg-slate-700\",\n destructive:\n \"bg-rose-500 dark:bg-rose-700 text-white hover:bg-rose-500 dark:hover:bg-rose-800\",\n outline:\n \"border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 text-slate-900 dark:text-slate-50 hover:bg-black/10 dark:hover:bg-white/10\",\n ghost:\n \"bg-transparent text-slate-700 dark:text-slate-200 hover:bg-black/5 dark:hover:bg-white/5\",\n link: \"bg-transparent text-cyan-700 dark:text-cyan-300 underline-offset-4 hover:underline\",\n glass:\n \"border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 text-slate-900 dark:text-white backdrop-blur-md hover:bg-black/15 dark:hover:bg-white/15\",\n emerald:\n \"bg-emerald-500 dark:bg-emerald-800 text-white hover:bg-emerald-500 dark:hover:bg-emerald-900\",\n indigo:\n \"bg-indigo-800 dark:bg-indigo-600 text-white hover:bg-indigo-800 dark:hover:bg-indigo-600\",\n purple:\n \"bg-purple-800 dark:bg-purple-600 text-white hover:bg-purple-800 dark:hover:bg-purple-600\",\n pink: \"bg-pink-800 dark:bg-pink-600 text-white hover:bg-pink-800 dark:hover:bg-pink-600\",\n rose: \"bg-rose-800 dark:bg-rose-600 text-white hover:bg-rose-800 dark:hover:bg-rose-600\",\n sky: \"bg-sky-500 dark:bg-sky-700 text-white hover:bg-sky-500 dark:hover:bg-sky-800\",\n teal: \"bg-teal-500 dark:bg-teal-700 text-white hover:bg-teal-500 dark:hover:bg-teal-800\",\n yellow:\n \"bg-yellow-500 dark:bg-yellow-800 text-white hover:bg-yellow-500 dark:hover:bg-yellow-900\",\n orange:\n \"bg-orange-500 dark:bg-orange-800 text-white hover:bg-orange-500 dark:hover:bg-orange-900\",\n gray: \"bg-gray-500 dark:bg-gray-700 text-white hover:bg-gray-500 dark:hover:bg-gray-800\",\n amber:\n \"bg-amber-500 dark:bg-amber-800 text-white hover:bg-amber-500 dark:hover:bg-amber-900\",\n violet:\n \"bg-violet-800 dark:bg-violet-600 text-white hover:bg-violet-800 dark:hover:bg-violet-600\",\n \"gradient-blue\":\n \"bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-white hover:from-blue-800 dark:hover:from-blue-600 hover:to-purple-800 dark:hover:to-purple-600\",\n \"gradient-green\":\n \"bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-white hover:from-green-800 dark:hover:from-green-600 hover:to-lime-800 dark:hover:to-lime-600\",\n \"gradient-red\":\n \"bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-white hover:from-red-800 dark:hover:from-red-600 hover:to-pink-800 dark:hover:to-pink-600\",\n \"gradient-yellow\":\n \"bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-white hover:from-yellow-800 dark:hover:from-yellow-600 hover:to-orange-800 dark:hover:to-orange-600\",\n \"gradient-purple\":\n \"bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-white hover:from-purple-800 dark:hover:from-purple-600 hover:to-pink-800 dark:hover:to-pink-600\",\n \"gradient-teal\":\n \"bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-white hover:from-teal-800 dark:hover:from-teal-600 hover:to-cyan-800 dark:hover:to-cyan-600\",\n \"gradient-indigo\":\n \"bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-white hover:from-indigo-800 dark:hover:from-indigo-600 hover:to-purple-800 dark:hover:to-purple-600\",\n \"gradient-pink\":\n \"bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-white hover:from-pink-800 dark:hover:from-pink-600 hover:to-rose-800 dark:hover:to-rose-600\",\n \"gradient-orange\":\n \"bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-white hover:from-orange-800 dark:hover:from-orange-600 hover:to-red-800 dark:hover:to-red-600\",\n },\n size: {\n sm: \"h-7 md:h-9 px-3 text-xs\",\n md: \"h-9 md:h-11 px-4\",\n lg: \"h-10 md:h-12 px-5 text-base\",\n xl: \"h-12 md:h-14 px-6 text-lg\",\n \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n icon: \"h-10 w-10\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n },\n);\n"]}
|
package/dist/chunk-GHJN3Z3V.js
DELETED
|
@@ -1,292 +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 tableVariants = classVarianceAuthority.cva(
|
|
9
|
-
"w-full table-auto border-collapse caption-bottom text-sm text-slate-700 dark:text-slate-200 md:table-fixed",
|
|
10
|
-
{
|
|
11
|
-
variants: {
|
|
12
|
-
appearance: {
|
|
13
|
-
default: "",
|
|
14
|
-
striped: "",
|
|
15
|
-
bordered: "border border-black/10 dark:border-white/10",
|
|
16
|
-
ghost: "",
|
|
17
|
-
sky: "border border-sky-800 dark:border-sky-600",
|
|
18
|
-
rose: "border border-rose-800 dark:border-rose-600",
|
|
19
|
-
purple: "border border-purple-800 dark:border-purple-600",
|
|
20
|
-
pink: "border border-pink-800 dark:border-pink-600",
|
|
21
|
-
orange: "border border-orange-800 dark:border-orange-600",
|
|
22
|
-
yellow: "border border-yellow-800 dark:border-yellow-600",
|
|
23
|
-
teal: "border border-teal-800 dark:border-teal-600",
|
|
24
|
-
indigo: "border border-indigo-800 dark:border-indigo-600",
|
|
25
|
-
emerald: "border border-emerald-800 dark:border-emerald-600",
|
|
26
|
-
gray: "border border-gray-800 dark:border-gray-600",
|
|
27
|
-
amber: "border border-amber-800 dark:border-amber-600",
|
|
28
|
-
violet: "border border-violet-800 dark:border-violet-600"
|
|
29
|
-
},
|
|
30
|
-
size: {
|
|
31
|
-
sm: "text-xs",
|
|
32
|
-
md: "text-sm",
|
|
33
|
-
lg: "text-base"
|
|
34
|
-
},
|
|
35
|
-
stickyHeader: {
|
|
36
|
-
true: "",
|
|
37
|
-
false: ""
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
defaultVariants: {
|
|
41
|
-
appearance: "default",
|
|
42
|
-
size: "md",
|
|
43
|
-
stickyHeader: false
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
);
|
|
47
|
-
var tableRowVariants = classVarianceAuthority.cva(
|
|
48
|
-
"border-b border-black/5 dark:border-white/5 transition-colors data-[state=selected]:bg-black/[0.06] dark:data-[state=selected]:bg-white/[0.06]",
|
|
49
|
-
{
|
|
50
|
-
variants: {
|
|
51
|
-
appearance: {
|
|
52
|
-
default: "",
|
|
53
|
-
striped: "odd:bg-black/[0.03] dark:odd:bg-white/[0.03]",
|
|
54
|
-
bordered: "",
|
|
55
|
-
ghost: "border-transparent hover:bg-black/[0.03] dark:hover:bg-white/[0.03]",
|
|
56
|
-
sky: "border-sky-800 dark:border-sky-600 hover:bg-sky-800 dark:hover:bg-sky-600 hover:text-sky-100",
|
|
57
|
-
rose: "border-rose-800 dark:border-rose-600 hover:bg-rose-500 dark:hover:bg-rose-900 hover:text-rose-100",
|
|
58
|
-
purple: "border-purple-800 dark:border-purple-600 hover:bg-purple-500 dark:hover:bg-purple-900 hover:text-purple-100",
|
|
59
|
-
pink: "border-pink-800 dark:border-pink-600 hover:bg-pink-500 dark:hover:bg-pink-900 hover:text-pink-100",
|
|
60
|
-
orange: "border-orange-800 dark:border-orange-600 hover:bg-orange-500 dark:hover:bg-orange-900 hover:text-orange-100",
|
|
61
|
-
yellow: "border-yellow-800 dark:border-yellow-600 hover:bg-yellow-500 dark:hover:bg-yellow-900 hover:text-yellow-100",
|
|
62
|
-
teal: "border-teal-800 dark:border-teal-600 hover:bg-teal-500 dark:hover:bg-teal-900 hover:text-teal-100",
|
|
63
|
-
indigo: "border-indigo-800 dark:border-indigo-600 hover:bg-indigo-500 dark:hover:bg-indigo-900 hover:text-indigo-100",
|
|
64
|
-
emerald: "border-emerald-800 dark:border-emerald-600 hover:bg-emerald-500 dark:hover:bg-emerald-900 hover:text-emerald-100",
|
|
65
|
-
gray: "border-gray-800 dark:border-gray-600 hover:bg-gray-500 dark:hover:bg-gray-900 hover:text-gray-100",
|
|
66
|
-
amber: "border-amber-800 dark:border-amber-600 hover:bg-amber-500 dark:hover:bg-amber-900 hover:text-amber-100",
|
|
67
|
-
violet: "border-violet-800 dark:border-violet-600 hover:bg-violet-500 dark:hover:bg-violet-900 hover:text-violet-100"
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
defaultVariants: { appearance: "default" }
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
var tableCellVariants = classVarianceAuthority.cva(
|
|
74
|
-
"min-w-0 border p-3 align-middle break-words",
|
|
75
|
-
{
|
|
76
|
-
variants: {
|
|
77
|
-
appearance: {
|
|
78
|
-
default: "border-black/10 dark:border-white/10",
|
|
79
|
-
striped: "border-black/10 dark:border-white/10",
|
|
80
|
-
bordered: "border-black/10 dark:border-white/10",
|
|
81
|
-
ghost: "border-black/10 dark:border-white/10",
|
|
82
|
-
sky: "border-sky-800 dark:border-sky-600",
|
|
83
|
-
rose: "border-rose-800 dark:border-rose-600",
|
|
84
|
-
purple: "border-purple-800 dark:border-purple-600",
|
|
85
|
-
pink: "border-pink-800 dark:border-pink-600",
|
|
86
|
-
orange: "border-orange-800 dark:border-orange-600",
|
|
87
|
-
yellow: "border-yellow-800 dark:border-yellow-600",
|
|
88
|
-
teal: "border-teal-800 dark:border-teal-600",
|
|
89
|
-
indigo: "border-indigo-800 dark:border-indigo-600",
|
|
90
|
-
emerald: "border-emerald-800 dark:border-emerald-600",
|
|
91
|
-
gray: "border-gray-800 dark:border-gray-600",
|
|
92
|
-
amber: "border-amber-800 dark:border-amber-600",
|
|
93
|
-
violet: "border-violet-800 dark:border-violet-600"
|
|
94
|
-
},
|
|
95
|
-
size: {
|
|
96
|
-
sm: "p-2",
|
|
97
|
-
md: "p-3",
|
|
98
|
-
lg: "p-4"
|
|
99
|
-
},
|
|
100
|
-
textAlign: {
|
|
101
|
-
left: "text-left",
|
|
102
|
-
center: "text-center",
|
|
103
|
-
right: "text-right"
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
defaultVariants: { appearance: "default", size: "md" }
|
|
107
|
-
}
|
|
108
|
-
);
|
|
109
|
-
var TableContext = react.createContext(null);
|
|
110
|
-
function useTableContext(component) {
|
|
111
|
-
const ctx = react.useContext(TableContext);
|
|
112
|
-
if (!ctx) {
|
|
113
|
-
throw new Error(`${component} must be used within <Table>`);
|
|
114
|
-
}
|
|
115
|
-
return ctx;
|
|
116
|
-
}
|
|
117
|
-
function TableBase(props) {
|
|
118
|
-
const {
|
|
119
|
-
className,
|
|
120
|
-
appearance = "default",
|
|
121
|
-
size = "md",
|
|
122
|
-
textAlign = "left",
|
|
123
|
-
stickyHeader = false,
|
|
124
|
-
scrollAreaAriaLabel,
|
|
125
|
-
children,
|
|
126
|
-
ref,
|
|
127
|
-
...rest
|
|
128
|
-
} = props;
|
|
129
|
-
const ctx = react.useMemo(
|
|
130
|
-
() => ({
|
|
131
|
-
appearance: appearance ?? "default",
|
|
132
|
-
size: size ?? "md",
|
|
133
|
-
stickyHeader: Boolean(stickyHeader),
|
|
134
|
-
rowAnimation: "none",
|
|
135
|
-
textAlign
|
|
136
|
-
}),
|
|
137
|
-
[appearance, size, stickyHeader, textAlign]
|
|
138
|
-
);
|
|
139
|
-
return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
140
|
-
"div",
|
|
141
|
-
{
|
|
142
|
-
"data-slot": "table-scroll",
|
|
143
|
-
tabIndex: 0,
|
|
144
|
-
role: "region",
|
|
145
|
-
"aria-label": scrollAreaAriaLabel ?? "Scrollable table",
|
|
146
|
-
className: chunkZS5756ZC_js.cn(
|
|
147
|
-
"relative w-full overflow-auto",
|
|
148
|
-
"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
|
|
149
|
-
),
|
|
150
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
151
|
-
"table",
|
|
152
|
-
{
|
|
153
|
-
ref,
|
|
154
|
-
"data-slot": "table",
|
|
155
|
-
className: chunkZS5756ZC_js.cn(
|
|
156
|
-
tableVariants({ appearance, size, stickyHeader }),
|
|
157
|
-
"w-full min-w-0 table",
|
|
158
|
-
className
|
|
159
|
-
),
|
|
160
|
-
...rest,
|
|
161
|
-
children
|
|
162
|
-
}
|
|
163
|
-
)
|
|
164
|
-
}
|
|
165
|
-
) });
|
|
166
|
-
}
|
|
167
|
-
TableBase.displayName = "Table";
|
|
168
|
-
function TableHeader({ className, children }) {
|
|
169
|
-
const { stickyHeader } = useTableContext("TableHeader");
|
|
170
|
-
const stickyClass = stickyHeader ? "sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur" : "";
|
|
171
|
-
return /* @__PURE__ */ jsxRuntime.jsx("thead", { "data-slot": "table-header", className: chunkZS5756ZC_js.cn(stickyClass, className), children });
|
|
172
|
-
}
|
|
173
|
-
TableHeader.displayName = "TableHeader";
|
|
174
|
-
function TableBody({ className, children }) {
|
|
175
|
-
return /* @__PURE__ */ jsxRuntime.jsx("tbody", { "data-slot": "table-body", className: chunkZS5756ZC_js.cn(className), children });
|
|
176
|
-
}
|
|
177
|
-
TableBody.displayName = "TableBody";
|
|
178
|
-
function TableFooter({ className, children }) {
|
|
179
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
180
|
-
"tfoot",
|
|
181
|
-
{
|
|
182
|
-
"data-slot": "table-footer",
|
|
183
|
-
className: chunkZS5756ZC_js.cn(
|
|
184
|
-
"border-t border-white/10 bg-white/3 font-medium",
|
|
185
|
-
className
|
|
186
|
-
),
|
|
187
|
-
children
|
|
188
|
-
}
|
|
189
|
-
);
|
|
190
|
-
}
|
|
191
|
-
TableFooter.displayName = "TableFooter";
|
|
192
|
-
function TableRow({
|
|
193
|
-
className,
|
|
194
|
-
children,
|
|
195
|
-
ref,
|
|
196
|
-
as: Wrapper = "tr",
|
|
197
|
-
...rest
|
|
198
|
-
}) {
|
|
199
|
-
const { appearance } = useTableContext("TableRow");
|
|
200
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
201
|
-
"tr",
|
|
202
|
-
{
|
|
203
|
-
ref,
|
|
204
|
-
"data-slot": "table-row",
|
|
205
|
-
className: chunkZS5756ZC_js.cn(tableRowVariants({ appearance }), className),
|
|
206
|
-
...rest,
|
|
207
|
-
children
|
|
208
|
-
}
|
|
209
|
-
);
|
|
210
|
-
}
|
|
211
|
-
TableRow.displayName = "TableRow";
|
|
212
|
-
function TableHead({
|
|
213
|
-
className,
|
|
214
|
-
children,
|
|
215
|
-
scope = "col",
|
|
216
|
-
sortDirection,
|
|
217
|
-
ref,
|
|
218
|
-
...rest
|
|
219
|
-
}) {
|
|
220
|
-
const { appearance, size, textAlign } = useTableContext("TableHead");
|
|
221
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
222
|
-
"th",
|
|
223
|
-
{
|
|
224
|
-
ref,
|
|
225
|
-
"data-slot": "table-head",
|
|
226
|
-
scope,
|
|
227
|
-
"aria-sort": sortDirection,
|
|
228
|
-
className: chunkZS5756ZC_js.cn(
|
|
229
|
-
tableCellVariants({ appearance, size, textAlign }),
|
|
230
|
-
className
|
|
231
|
-
),
|
|
232
|
-
...rest,
|
|
233
|
-
children
|
|
234
|
-
}
|
|
235
|
-
);
|
|
236
|
-
}
|
|
237
|
-
TableHead.displayName = "TableHead";
|
|
238
|
-
function TableCell({
|
|
239
|
-
className,
|
|
240
|
-
children,
|
|
241
|
-
ref,
|
|
242
|
-
scope,
|
|
243
|
-
...rest
|
|
244
|
-
}) {
|
|
245
|
-
const { appearance, size, textAlign } = useTableContext("TableCell");
|
|
246
|
-
const cellClassName = chunkZS5756ZC_js.cn(
|
|
247
|
-
tableCellVariants({ appearance, size, textAlign }),
|
|
248
|
-
className
|
|
249
|
-
);
|
|
250
|
-
if (scope !== void 0) {
|
|
251
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
252
|
-
"th",
|
|
253
|
-
{
|
|
254
|
-
ref,
|
|
255
|
-
"data-slot": "table-cell",
|
|
256
|
-
scope,
|
|
257
|
-
className: cellClassName,
|
|
258
|
-
...rest,
|
|
259
|
-
children
|
|
260
|
-
}
|
|
261
|
-
);
|
|
262
|
-
}
|
|
263
|
-
return /* @__PURE__ */ jsxRuntime.jsx("td", { ref, "data-slot": "table-cell", className: cellClassName, ...rest, children });
|
|
264
|
-
}
|
|
265
|
-
TableCell.displayName = "TableCell";
|
|
266
|
-
function TableCaption({ className, children }) {
|
|
267
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
268
|
-
"caption",
|
|
269
|
-
{
|
|
270
|
-
"data-slot": "table-caption",
|
|
271
|
-
className: chunkZS5756ZC_js.cn("mt-3 text-left text-xs text-slate-500", className),
|
|
272
|
-
children
|
|
273
|
-
}
|
|
274
|
-
);
|
|
275
|
-
}
|
|
276
|
-
TableCaption.displayName = "TableCaption";
|
|
277
|
-
|
|
278
|
-
exports.TableBase = TableBase;
|
|
279
|
-
exports.TableBody = TableBody;
|
|
280
|
-
exports.TableCaption = TableCaption;
|
|
281
|
-
exports.TableCell = TableCell;
|
|
282
|
-
exports.TableContext = TableContext;
|
|
283
|
-
exports.TableFooter = TableFooter;
|
|
284
|
-
exports.TableHead = TableHead;
|
|
285
|
-
exports.TableHeader = TableHeader;
|
|
286
|
-
exports.TableRow = TableRow;
|
|
287
|
-
exports.tableCellVariants = tableCellVariants;
|
|
288
|
-
exports.tableRowVariants = tableRowVariants;
|
|
289
|
-
exports.tableVariants = tableVariants;
|
|
290
|
-
exports.useTableContext = useTableContext;
|
|
291
|
-
//# sourceMappingURL=chunk-GHJN3Z3V.js.map
|
|
292
|
-
//# sourceMappingURL=chunk-GHJN3Z3V.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn"],"mappings":"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","file":"chunk-GHJN3Z3V.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tableVariants = cva(\n \"w-full table-auto border-collapse caption-bottom text-sm text-slate-700 dark:text-slate-200 md:table-fixed\",\n {\n variants: {\n appearance: {\n default: \"\",\n striped: \"\",\n bordered: \"border border-black/10 dark:border-white/10\",\n ghost: \"\",\n sky: \"border border-sky-800 dark:border-sky-600\",\n rose: \"border border-rose-800 dark:border-rose-600\",\n purple: \"border border-purple-800 dark:border-purple-600\",\n pink: \"border border-pink-800 dark:border-pink-600\",\n orange: \"border border-orange-800 dark:border-orange-600\",\n yellow: \"border border-yellow-800 dark:border-yellow-600\",\n teal: \"border border-teal-800 dark:border-teal-600\",\n indigo: \"border border-indigo-800 dark:border-indigo-600\",\n emerald: \"border border-emerald-800 dark:border-emerald-600\",\n gray: \"border border-gray-800 dark:border-gray-600\",\n amber: \"border border-amber-800 dark:border-amber-600\",\n violet: \"border border-violet-800 dark:border-violet-600\",\n },\n size: {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n },\n stickyHeader: {\n true: \"\",\n false: \"\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n stickyHeader: false,\n },\n },\n);\n\nexport const tableRowVariants = cva(\n \"border-b border-black/5 dark:border-white/5 transition-colors data-[state=selected]:bg-black/[0.06] dark:data-[state=selected]:bg-white/[0.06]\",\n {\n variants: {\n appearance: {\n default: \"\",\n striped: \"odd:bg-black/[0.03] dark:odd:bg-white/[0.03]\",\n bordered: \"\",\n ghost:\n \"border-transparent hover:bg-black/[0.03] dark:hover:bg-white/[0.03]\",\n sky: \"border-sky-800 dark:border-sky-600 hover:bg-sky-800 dark:hover:bg-sky-600 hover:text-sky-100\",\n rose: \"border-rose-800 dark:border-rose-600 hover:bg-rose-500 dark:hover:bg-rose-900 hover:text-rose-100\",\n purple:\n \"border-purple-800 dark:border-purple-600 hover:bg-purple-500 dark:hover:bg-purple-900 hover:text-purple-100\",\n pink: \"border-pink-800 dark:border-pink-600 hover:bg-pink-500 dark:hover:bg-pink-900 hover:text-pink-100\",\n orange:\n \"border-orange-800 dark:border-orange-600 hover:bg-orange-500 dark:hover:bg-orange-900 hover:text-orange-100\",\n yellow:\n \"border-yellow-800 dark:border-yellow-600 hover:bg-yellow-500 dark:hover:bg-yellow-900 hover:text-yellow-100\",\n teal: \"border-teal-800 dark:border-teal-600 hover:bg-teal-500 dark:hover:bg-teal-900 hover:text-teal-100\",\n indigo:\n \"border-indigo-800 dark:border-indigo-600 hover:bg-indigo-500 dark:hover:bg-indigo-900 hover:text-indigo-100\",\n emerald:\n \"border-emerald-800 dark:border-emerald-600 hover:bg-emerald-500 dark:hover:bg-emerald-900 hover:text-emerald-100\",\n gray: \"border-gray-800 dark:border-gray-600 hover:bg-gray-500 dark:hover:bg-gray-900 hover:text-gray-100\",\n amber:\n \"border-amber-800 dark:border-amber-600 hover:bg-amber-500 dark:hover:bg-amber-900 hover:text-amber-100\",\n violet:\n \"border-violet-800 dark:border-violet-600 hover:bg-violet-500 dark:hover:bg-violet-900 hover:text-violet-100\",\n },\n },\n defaultVariants: { appearance: \"default\" },\n },\n);\n\nexport const tableCellVariants = cva(\n \"min-w-0 border p-3 align-middle break-words\",\n {\n variants: {\n appearance: {\n default: \"border-black/10 dark:border-white/10\",\n striped: \"border-black/10 dark:border-white/10\",\n bordered: \"border-black/10 dark:border-white/10\",\n ghost: \"border-black/10 dark:border-white/10\",\n sky: \"border-sky-800 dark:border-sky-600\",\n rose: \"border-rose-800 dark:border-rose-600\",\n purple: \"border-purple-800 dark:border-purple-600\",\n pink: \"border-pink-800 dark:border-pink-600\",\n orange: \"border-orange-800 dark:border-orange-600\",\n yellow: \"border-yellow-800 dark:border-yellow-600\",\n teal: \"border-teal-800 dark:border-teal-600\",\n indigo: \"border-indigo-800 dark:border-indigo-600\",\n emerald: \"border-emerald-800 dark:border-emerald-600\",\n gray: \"border-gray-800 dark:border-gray-600\",\n amber: \"border-amber-800 dark:border-amber-600\",\n violet: \"border-violet-800 dark:border-violet-600\",\n },\n size: {\n sm: \"p-2\",\n md: \"p-3\",\n lg: \"p-4\",\n },\n textAlign: {\n left: \"text-left\",\n center: \"text-center\",\n right: \"text-right\",\n },\n },\n defaultVariants: { appearance: \"default\", size: \"md\" },\n },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n TableCtx,\n TableCellProps,\n TableHeadCellProps,\n TableProps,\n TableSectionProps,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n const ctx = useContext(TableContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Table>`);\n }\n return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n const {\n className,\n appearance = \"default\",\n size = \"md\",\n textAlign = \"left\",\n stickyHeader = false,\n scrollAreaAriaLabel,\n children,\n ref,\n ...rest\n } = props;\n const ctx = useMemo(\n () => ({\n appearance: appearance ?? \"default\",\n size: size ?? \"md\",\n stickyHeader: Boolean(stickyHeader),\n rowAnimation: \"none\" as const,\n textAlign,\n }),\n [appearance, size, stickyHeader, textAlign],\n );\n\n return (\n <TableContext.Provider value={ctx}>\n <div\n data-slot=\"table-scroll\"\n tabIndex={0}\n role=\"region\"\n aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n className={cn(\n \"relative w-full overflow-auto\",\n \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n )}\n >\n <table\n ref={ref}\n data-slot=\"table\"\n className={cn(\n tableVariants({ appearance, size, stickyHeader }),\n \"w-full min-w-0 table\",\n className,\n )}\n {...rest}\n >\n {children}\n </table>\n </div>\n </TableContext.Provider>\n );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n const { stickyHeader } = useTableContext(\"TableHeader\");\n const stickyClass = stickyHeader\n ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n : \"\";\n return (\n <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n {children}\n </thead>\n );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n return (\n <tbody data-slot=\"table-body\" className={cn(className)}>\n {children}\n </tbody>\n );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t border-white/10 bg-white/3 font-medium\",\n className,\n )}\n >\n {children}\n </tfoot>\n );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n className,\n children,\n ref,\n as: Wrapper = \"tr\",\n ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n const { appearance } = useTableContext(\"TableRow\");\n\n return (\n <tr\n ref={ref}\n data-slot=\"table-row\"\n className={cn(tableRowVariants({ appearance }), className)}\n {...rest}\n >\n {children}\n </tr>\n );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n className,\n children,\n scope = \"col\",\n sortDirection,\n ref,\n ...rest\n}: TableHeadCellProps) {\n const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n return (\n <th\n ref={ref}\n data-slot=\"table-head\"\n scope={scope}\n aria-sort={sortDirection}\n className={cn(\n tableCellVariants({ appearance, size, textAlign }),\n className,\n )}\n {...rest}\n >\n {children}\n </th>\n );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n className,\n children,\n ref,\n scope,\n ...rest\n}: TableCellProps) {\n const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n const cellClassName = cn(\n tableCellVariants({ appearance, size, textAlign }),\n className,\n );\n\n if (scope !== undefined) {\n return (\n <th\n ref={ref}\n data-slot=\"table-cell\"\n scope={scope}\n className={cellClassName}\n {...rest}\n >\n {children}\n </th>\n );\n }\n\n return (\n <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n {children}\n </td>\n );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n >\n {children}\n </caption>\n );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}
|
package/dist/chunk-GIC3J6HR.mjs
DELETED
|
@@ -1,196 +0,0 @@
|
|
|
1
|
-
import { cn } from './chunk-4D54YOL6.mjs';
|
|
2
|
-
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { createContext, useState, useMemo, useEffect, Children, isValidElement, useContext } from 'react';
|
|
4
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var avatarVariants = cva(
|
|
7
|
-
"relative flex shrink-0 overflow-hidden rounded-full border border-black/10 dark:border-white/10 text-slate-700 dark:text-slate-200",
|
|
8
|
-
{
|
|
9
|
-
variants: {
|
|
10
|
-
appearance: {
|
|
11
|
-
default: "border-black/10 dark:border-white/10 bg-black/10 dark:bg-white/10 text-slate-700 dark:text-slate-200",
|
|
12
|
-
muted: "border-black/40 bg-slate-50 dark:border-white/10 dark:bg-slate-950/40 text-slate-700 dark:text-slate-200",
|
|
13
|
-
sky: "border-sky-800 dark:border-sky-600 bg-sky-100/50 dark:bg-sky-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
14
|
-
rose: "border-rose-800 dark:border-rose-600 bg-rose-100/50 dark:bg-rose-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
15
|
-
purple: "border-purple-800 dark:border-purple-600 bg-purple-100/50 dark:bg-purple-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
16
|
-
pink: "border-pink-800 dark:border-pink-600 bg-pink-100/50 dark:bg-pink-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
17
|
-
orange: "border-orange-800 dark:border-orange-600 bg-orange-100/50 dark:bg-orange-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
18
|
-
yellow: "border-yellow-800 dark:border-yellow-600 bg-yellow-100/50 dark:bg-yellow-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
19
|
-
teal: "border-teal-800 dark:border-teal-600 bg-teal-100/50 dark:bg-teal-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
20
|
-
indigo: "border-indigo-800 dark:border-indigo-600 bg-indigo-100/50 dark:bg-indigo-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
21
|
-
emerald: "border-emerald-800 dark:border-emerald-600 bg-emerald-100/50 dark:bg-emerald-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
22
|
-
gray: "border-gray-800 dark:border-gray-600 bg-gray-100/50 dark:bg-gray-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
23
|
-
amber: "border-amber-800 dark:border-amber-600 bg-amber-100/50 dark:bg-amber-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
24
|
-
violet: "border-violet-800 dark:border-violet-600 bg-violet-100/50 dark:bg-violet-600/[0.03] text-slate-700 dark:text-slate-200",
|
|
25
|
-
"gradient-blue": "bg-linear-to-r from-blue-500 dark:from-blue-600 to-purple-500 dark:to-purple-600 backdrop-blur-xl text-slate-700 dark:text-slate-200",
|
|
26
|
-
"gradient-green": "bg-linear-to-r from-green-500 dark:from-green-600 to-lime-500 dark:to-lime-600 backdrop-blur-xl text-slate-700 dark:text-slate-200",
|
|
27
|
-
"gradient-red": "bg-linear-to-r from-red-500 dark:from-red-600 to-pink-500 dark:to-pink-600 backdrop-blur-xl text-slate-700 dark:text-slate-200",
|
|
28
|
-
"gradient-yellow": "bg-linear-to-r from-yellow-500 dark:from-yellow-600 to-orange-500 dark:to-orange-600 backdrop-blur-xl text-slate-700 dark:text-slate-200",
|
|
29
|
-
"gradient-purple": "bg-linear-to-r from-purple-500 dark:from-purple-600 to-pink-500 dark:to-pink-600 backdrop-blur-xl text-slate-700 dark:text-slate-200",
|
|
30
|
-
"gradient-teal": "bg-linear-to-r from-teal-500 dark:from-teal-600 to-cyan-500 dark:to-cyan-600 backdrop-blur-xl text-slate-700 dark:text-slate-200",
|
|
31
|
-
"gradient-indigo": "bg-linear-to-r from-indigo-500 dark:from-indigo-600 to-purple-500 dark:to-purple-600 backdrop-blur-xl text-slate-700 dark:text-slate-200",
|
|
32
|
-
"gradient-pink": "bg-linear-to-r from-pink-500 dark:from-pink-600 to-rose-500 dark:to-rose-600 backdrop-blur-xl text-slate-700 dark:text-slate-200",
|
|
33
|
-
"gradient-orange": "bg-linear-to-r from-orange-500 dark:from-orange-600 to-red-500 dark:to-red-600 backdrop-blur-xl text-slate-700 dark:text-slate-200"
|
|
34
|
-
},
|
|
35
|
-
size: {
|
|
36
|
-
sm: "size-8 text-xs",
|
|
37
|
-
md: "size-10 text-sm",
|
|
38
|
-
lg: "size-12 text-base",
|
|
39
|
-
xl: "size-16 text-lg"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
defaultVariants: {
|
|
43
|
-
size: "md",
|
|
44
|
-
appearance: "default"
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
var avatarImageVariants = cva("aspect-square size-full object-cover");
|
|
49
|
-
var avatarFallbackVariants = cva(
|
|
50
|
-
"flex size-full items-center justify-center bg-slate-200 dark:bg-slate-800 font-medium text-slate-800 dark:text-slate-100"
|
|
51
|
-
);
|
|
52
|
-
var avatarGroupVariants = cva(
|
|
53
|
-
"flex items-center [&_[data-slot=avatar]]:-ml-2 [&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-white dark:[&_[data-slot=avatar]]:ring-slate-950 [&_[data-slot=avatar]]:first:ml-0"
|
|
54
|
-
);
|
|
55
|
-
var AvatarContext = createContext(null);
|
|
56
|
-
function useAvatarContext(component) {
|
|
57
|
-
const ctx = useContext(AvatarContext);
|
|
58
|
-
if (!ctx) {
|
|
59
|
-
throw new Error(`${component} must be used within <Avatar>`);
|
|
60
|
-
}
|
|
61
|
-
return ctx;
|
|
62
|
-
}
|
|
63
|
-
function AvatarBase({
|
|
64
|
-
className,
|
|
65
|
-
size,
|
|
66
|
-
appearance,
|
|
67
|
-
children,
|
|
68
|
-
ref,
|
|
69
|
-
as: Wrapper = "span",
|
|
70
|
-
...rest
|
|
71
|
-
}) {
|
|
72
|
-
const [imageStatus, setImageStatus] = useState("idle");
|
|
73
|
-
const ctx = useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);
|
|
74
|
-
return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
|
|
75
|
-
Wrapper,
|
|
76
|
-
{
|
|
77
|
-
ref,
|
|
78
|
-
"data-slot": "avatar",
|
|
79
|
-
className: cn(avatarVariants({ size, appearance }), className),
|
|
80
|
-
...rest,
|
|
81
|
-
children
|
|
82
|
-
}
|
|
83
|
-
) });
|
|
84
|
-
}
|
|
85
|
-
AvatarBase.displayName = "Avatar";
|
|
86
|
-
function AvatarImage({
|
|
87
|
-
className,
|
|
88
|
-
onLoad,
|
|
89
|
-
onError,
|
|
90
|
-
ref,
|
|
91
|
-
...rest
|
|
92
|
-
}) {
|
|
93
|
-
const { setImageStatus } = useAvatarContext("AvatarImage");
|
|
94
|
-
return /* @__PURE__ */ jsx(
|
|
95
|
-
"img",
|
|
96
|
-
{
|
|
97
|
-
ref,
|
|
98
|
-
"data-slot": "avatar-image",
|
|
99
|
-
className: cn(avatarImageVariants(), className),
|
|
100
|
-
onLoad: (e) => {
|
|
101
|
-
setImageStatus("loaded");
|
|
102
|
-
onLoad?.(e);
|
|
103
|
-
},
|
|
104
|
-
onError: (e) => {
|
|
105
|
-
setImageStatus("error");
|
|
106
|
-
onError?.(e);
|
|
107
|
-
},
|
|
108
|
-
...rest
|
|
109
|
-
}
|
|
110
|
-
);
|
|
111
|
-
}
|
|
112
|
-
AvatarImage.displayName = "AvatarImage";
|
|
113
|
-
function AvatarFallback({
|
|
114
|
-
className,
|
|
115
|
-
delayMs = 0,
|
|
116
|
-
ref,
|
|
117
|
-
...rest
|
|
118
|
-
}) {
|
|
119
|
-
const { imageStatus } = useAvatarContext("AvatarFallback");
|
|
120
|
-
const [show, setShow] = useState(delayMs === 0);
|
|
121
|
-
useEffect(() => {
|
|
122
|
-
if (imageStatus === "loaded") {
|
|
123
|
-
setShow(false);
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
if (imageStatus === "error") {
|
|
127
|
-
setShow(true);
|
|
128
|
-
return;
|
|
129
|
-
}
|
|
130
|
-
if (delayMs <= 0) {
|
|
131
|
-
setShow(true);
|
|
132
|
-
return;
|
|
133
|
-
}
|
|
134
|
-
const t = window.setTimeout(() => setShow(true), delayMs);
|
|
135
|
-
return () => window.clearTimeout(t);
|
|
136
|
-
}, [delayMs, imageStatus]);
|
|
137
|
-
if (!show) {
|
|
138
|
-
return null;
|
|
139
|
-
}
|
|
140
|
-
return /* @__PURE__ */ jsx(
|
|
141
|
-
"span",
|
|
142
|
-
{
|
|
143
|
-
ref,
|
|
144
|
-
"data-slot": "avatar-fallback",
|
|
145
|
-
className: cn(avatarFallbackVariants(), className),
|
|
146
|
-
...rest
|
|
147
|
-
}
|
|
148
|
-
);
|
|
149
|
-
}
|
|
150
|
-
AvatarFallback.displayName = "AvatarFallback";
|
|
151
|
-
function AvatarGroup({
|
|
152
|
-
className,
|
|
153
|
-
max,
|
|
154
|
-
children,
|
|
155
|
-
ref,
|
|
156
|
-
...rest
|
|
157
|
-
}) {
|
|
158
|
-
const childArray = useMemo(
|
|
159
|
-
() => Children.toArray(children).filter(isValidElement),
|
|
160
|
-
[children]
|
|
161
|
-
);
|
|
162
|
-
const visible = max !== void 0 ? childArray.slice(0, max) : childArray;
|
|
163
|
-
const overflow = max !== void 0 && childArray.length > max ? childArray.length - max : 0;
|
|
164
|
-
return /* @__PURE__ */ jsxs(
|
|
165
|
-
"div",
|
|
166
|
-
{
|
|
167
|
-
ref,
|
|
168
|
-
"data-slot": "avatar-group",
|
|
169
|
-
className: cn(avatarGroupVariants(), className),
|
|
170
|
-
...rest,
|
|
171
|
-
children: [
|
|
172
|
-
visible,
|
|
173
|
-
overflow > 0 ? /* @__PURE__ */ jsxs(
|
|
174
|
-
"span",
|
|
175
|
-
{
|
|
176
|
-
"data-slot": "avatar-group-overflow",
|
|
177
|
-
className: cn(
|
|
178
|
-
avatarVariants({ size: "md" }),
|
|
179
|
-
"z-10 grid place-items-center bg-slate-800 text-xs font-semibold text-white"
|
|
180
|
-
),
|
|
181
|
-
"aria-label": `${overflow} more`,
|
|
182
|
-
children: [
|
|
183
|
-
"+",
|
|
184
|
-
overflow
|
|
185
|
-
]
|
|
186
|
-
}
|
|
187
|
-
) : null
|
|
188
|
-
]
|
|
189
|
-
}
|
|
190
|
-
);
|
|
191
|
-
}
|
|
192
|
-
AvatarGroup.displayName = "AvatarGroup";
|
|
193
|
-
|
|
194
|
-
export { AvatarBase, AvatarFallback, AvatarGroup, AvatarImage, avatarFallbackVariants, avatarGroupVariants, avatarImageVariants, avatarVariants };
|
|
195
|
-
//# sourceMappingURL=chunk-GIC3J6HR.mjs.map
|
|
196
|
-
//# sourceMappingURL=chunk-GIC3J6HR.mjs.map
|