@zentauri-ui/zentauri-components 1.4.61 → 1.4.63
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 +73 -73
- package/dist/{chunk-JE3PD5ZA.js → chunk-2VUMVDR3.js} +8 -8
- package/dist/{chunk-JE3PD5ZA.js.map → chunk-2VUMVDR3.js.map} +1 -1
- package/dist/{chunk-DFEZH7TC.mjs → chunk-4D54YOL6.mjs} +2 -2
- package/dist/{chunk-DFEZH7TC.mjs.map → chunk-4D54YOL6.mjs.map} +1 -1
- package/dist/{chunk-UXGHUBNJ.mjs → chunk-4LT2GNJL.mjs} +13 -13
- package/dist/{chunk-UXGHUBNJ.mjs.map → chunk-4LT2GNJL.mjs.map} +1 -1
- package/dist/{chunk-BORK3BJO.mjs → chunk-5TV7EL3H.mjs} +19 -19
- package/dist/chunk-5TV7EL3H.mjs.map +1 -0
- package/dist/{chunk-BSWYZTYK.js → chunk-7DCFVPWN.js} +2 -2
- package/dist/chunk-7DCFVPWN.js.map +1 -0
- package/dist/{chunk-5QB2KNZQ.js → chunk-7TLKLMBM.js} +11 -9
- package/dist/chunk-7TLKLMBM.js.map +1 -0
- package/dist/{chunk-2P3UU2J3.mjs → chunk-A6KMZ5ZS.mjs} +12 -12
- package/dist/chunk-A6KMZ5ZS.mjs.map +1 -0
- package/dist/{chunk-OJ67PZ6N.js → chunk-BCZIYH53.js} +8 -8
- package/dist/{chunk-OJ67PZ6N.js.map → chunk-BCZIYH53.js.map} +1 -1
- package/dist/{chunk-3OR47XMY.js → chunk-E4FZY7O2.js} +52 -33
- package/dist/chunk-E4FZY7O2.js.map +1 -0
- package/dist/{chunk-XLAFQ24R.js → chunk-G3B6OHFG.js} +49 -41
- package/dist/chunk-G3B6OHFG.js.map +1 -0
- package/dist/{chunk-RDSPHBHK.mjs → chunk-G3LEYBRV.mjs} +50 -7
- package/dist/chunk-G3LEYBRV.mjs.map +1 -0
- package/dist/chunk-GBWGVNDA.js +160 -0
- package/dist/chunk-GBWGVNDA.js.map +1 -0
- package/dist/{chunk-LVUPECBT.mjs → chunk-H2I54QPJ.mjs} +12 -12
- package/dist/chunk-H2I54QPJ.mjs.map +1 -0
- package/dist/{chunk-XWM2S6VV.mjs → chunk-I6GR234Z.mjs} +22 -20
- package/dist/chunk-I6GR234Z.mjs.map +1 -0
- package/dist/{chunk-WZKGRU3U.js → chunk-JUDMPOCI.js} +103 -38
- package/dist/chunk-JUDMPOCI.js.map +1 -0
- package/dist/chunk-K6YI4FJO.mjs +158 -0
- package/dist/chunk-K6YI4FJO.mjs.map +1 -0
- package/dist/{chunk-WP7GYBRI.js → chunk-KC5LEZ6J.js} +2 -2
- package/dist/chunk-KC5LEZ6J.js.map +1 -0
- package/dist/{chunk-PCK6LX3K.js → chunk-KEKNNZD3.js} +19 -19
- package/dist/{chunk-PCK6LX3K.js.map → chunk-KEKNNZD3.js.map} +1 -1
- package/dist/{chunk-UBFKTC2P.mjs → chunk-LJ7AAIA3.mjs} +3 -3
- package/dist/{chunk-UBFKTC2P.mjs.map → chunk-LJ7AAIA3.mjs.map} +1 -1
- package/dist/{chunk-BVXTOEBI.mjs → chunk-LN77JJTY.mjs} +45 -26
- package/dist/chunk-LN77JJTY.mjs.map +1 -0
- package/dist/{chunk-E3DZNJAD.js → chunk-MCOQHXRW.js} +23 -21
- package/dist/chunk-MCOQHXRW.js.map +1 -0
- package/dist/{chunk-FLILFCQE.mjs → chunk-MTLLJFUI.mjs} +7 -8
- package/dist/chunk-MTLLJFUI.mjs.map +1 -0
- package/dist/{chunk-C2FCPQTO.js → chunk-MXKGDFQH.js} +7 -7
- package/dist/{chunk-C2FCPQTO.js.map → chunk-MXKGDFQH.js.map} +1 -1
- package/dist/{chunk-UOFTZKMM.js → chunk-MXLRXYIX.js} +18 -18
- package/dist/{chunk-UOFTZKMM.js.map → chunk-MXLRXYIX.js.map} +1 -1
- package/dist/{chunk-6I7X5BF2.js → chunk-N2OAI2HN.js} +18 -18
- package/dist/chunk-N2OAI2HN.js.map +1 -0
- package/dist/{chunk-BITDSQMR.js → chunk-OB4KJZK2.js} +19 -19
- package/dist/chunk-OB4KJZK2.js.map +1 -0
- package/dist/{chunk-2PQEXQVR.js → chunk-PWL5WD34.js} +76 -27
- package/dist/chunk-PWL5WD34.js.map +1 -0
- package/dist/{chunk-FT2LMA66.mjs → chunk-QADZK5R7.mjs} +2 -2
- package/dist/chunk-QADZK5R7.mjs.map +1 -0
- package/dist/{chunk-XIXF7UVM.mjs → chunk-QEGACUFU.mjs} +12 -12
- package/dist/chunk-QEGACUFU.mjs.map +1 -0
- package/dist/{chunk-WDCIZHXY.mjs → chunk-QZTEFGZF.mjs} +6 -4
- package/dist/chunk-QZTEFGZF.mjs.map +1 -0
- package/dist/{chunk-N4NO3SYL.js → chunk-SKPZCISM.js} +48 -40
- package/dist/chunk-SKPZCISM.js.map +1 -0
- package/dist/{chunk-7HL3A4YF.mjs → chunk-TJUNN2PT.mjs} +73 -24
- package/dist/chunk-TJUNN2PT.mjs.map +1 -0
- package/dist/{chunk-IXDJ3IPG.mjs → chunk-TTYZBO4E.mjs} +40 -32
- package/dist/chunk-TTYZBO4E.mjs.map +1 -0
- package/dist/{chunk-4B7KGBQB.js → chunk-UWA23DUC.js} +12 -13
- package/dist/chunk-UWA23DUC.js.map +1 -0
- package/dist/{chunk-CY5BQKRZ.mjs → chunk-VXDEPZKH.mjs} +2 -2
- package/dist/chunk-VXDEPZKH.mjs.map +1 -0
- package/dist/{chunk-TZ2JVWTZ.mjs → chunk-YNBJAFI2.mjs} +3 -3
- package/dist/{chunk-TZ2JVWTZ.mjs.map → chunk-YNBJAFI2.mjs.map} +1 -1
- package/dist/{chunk-P5HUBXUX.js → chunk-YTRGRHEB.js} +55 -12
- package/dist/chunk-YTRGRHEB.js.map +1 -0
- package/dist/{chunk-U4YQCAXW.js → chunk-Z7PHKV2T.js} +18 -18
- package/dist/chunk-Z7PHKV2T.js.map +1 -0
- package/dist/{chunk-YNCD6TKE.mjs → chunk-ZBBFOMSJ.mjs} +103 -38
- package/dist/chunk-ZBBFOMSJ.mjs.map +1 -0
- package/dist/{chunk-PGH27VTL.mjs → chunk-ZIDKBEQJ.mjs} +40 -32
- package/dist/chunk-ZIDKBEQJ.mjs.map +1 -0
- package/dist/{chunk-UOZYPWDZ.js → chunk-ZS5756ZC.js} +2 -2
- package/dist/{chunk-UOZYPWDZ.js.map → chunk-ZS5756ZC.js.map} +1 -1
- package/dist/{chunk-W6PRMYUC.mjs → chunk-ZYZJ74XB.mjs} +3 -3
- package/dist/{chunk-W6PRMYUC.mjs.map → chunk-ZYZJ74XB.mjs.map} +1 -1
- package/dist/hooks/index.d.ts +2 -2
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useClickOutside/useClickOutside.d.ts.map +1 -1
- package/dist/hooks/useClickOutside.js +2 -2
- package/dist/hooks/useClickOutside.mjs +1 -1
- package/dist/hooks/useClipboard/useClipboard.d.ts.map +1 -1
- package/dist/hooks/useClipboard.js.map +1 -1
- package/dist/hooks/useClipboard.mjs.map +1 -1
- package/dist/hooks/useFocusManagement/useFocusManagement.d.ts +5 -14
- package/dist/hooks/useFocusManagement/useFocusManagement.d.ts.map +1 -1
- package/dist/hooks/useFocusManagement.js +2 -2
- package/dist/hooks/useFocusManagement.mjs +1 -1
- package/dist/hooks/useLocalStorage/index.d.ts +1 -1
- package/dist/hooks/useLocalStorage/index.d.ts.map +1 -1
- package/dist/hooks/useLocalStorage.js +1 -3
- package/dist/hooks/useLocalStorage.js.map +1 -1
- package/dist/hooks/useLocalStorage.mjs +1 -3
- package/dist/hooks/useLocalStorage.mjs.map +1 -1
- package/dist/hooks/useMediaQuery/useMediaQuery.d.ts.map +1 -1
- package/dist/hooks/useMediaQuery.js +2 -2
- package/dist/hooks/useMediaQuery.mjs +1 -1
- package/dist/hooks/usePagination.js +4 -4
- package/dist/hooks/usePagination.mjs +2 -2
- package/dist/hooks/usePrefersColorScheme.js +2 -2
- package/dist/hooks/usePrefersColorScheme.mjs +1 -1
- package/dist/hooks/usePrefersReducedMotion.js +2 -2
- package/dist/hooks/usePrefersReducedMotion.mjs +1 -1
- package/dist/hooks/useResizeObserver/index.d.ts +1 -1
- package/dist/hooks/useResizeObserver/index.d.ts.map +1 -1
- package/dist/hooks/useSessionStorage/useSessionStorage.d.ts.map +1 -1
- package/dist/hooks/useSessionStorage.js.map +1 -1
- package/dist/hooks/useSessionStorage.mjs.map +1 -1
- package/dist/hooks/useThrottledCallback/useThrottledCallback.d.ts.map +1 -1
- package/dist/hooks/useThrottledCallback.js.map +1 -1
- package/dist/hooks/useThrottledCallback.mjs.map +1 -1
- package/dist/hooks/useWindowSize/useWindowSize.d.ts.map +1 -1
- package/dist/hooks/useWindowSize.js +4 -1
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/hooks/useWindowSize.mjs +4 -1
- package/dist/hooks/useWindowSize.mjs.map +1 -1
- package/dist/hooks/utils.js +5 -5
- package/dist/hooks/utils.mjs +1 -1
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/ui/accordion/accordion.d.ts.map +1 -1
- package/dist/ui/accordion/animated/accordion-content-animated.d.ts.map +1 -1
- package/dist/ui/accordion/animated/index.d.ts +1 -1
- package/dist/ui/accordion/animated/index.d.ts.map +1 -1
- package/dist/ui/accordion/animated/types.d.ts.map +1 -1
- package/dist/ui/accordion/animated.js +8 -11
- package/dist/ui/accordion/animated.js.map +1 -1
- package/dist/ui/accordion/animated.mjs +4 -7
- package/dist/ui/accordion/animated.mjs.map +1 -1
- package/dist/ui/accordion.js +10 -10
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/accordion.mjs +3 -3
- package/dist/ui/accordion.mjs.map +1 -1
- package/dist/ui/alert/alert-base.d.ts.map +1 -1
- package/dist/ui/alert/alert.d.ts.map +1 -1
- package/dist/ui/alert/animated/index.d.ts.map +1 -1
- package/dist/ui/alert/animated.js +3 -3
- package/dist/ui/alert/animated.mjs +2 -2
- package/dist/ui/alert/types.d.ts.map +1 -1
- package/dist/ui/alert.js +11 -11
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/alert.mjs +3 -3
- package/dist/ui/alert.mjs.map +1 -1
- package/dist/ui/avatar/animated/index.d.ts +1 -1
- package/dist/ui/avatar/animated/index.d.ts.map +1 -1
- package/dist/ui/avatar/animated.js +6 -6
- package/dist/ui/avatar/animated.mjs +3 -3
- package/dist/ui/avatar/avatar-base.d.ts.map +1 -1
- package/dist/ui/avatar/avatar.d.ts.map +1 -1
- package/dist/ui/avatar/variants.d.ts.map +1 -1
- package/dist/ui/avatar.js +10 -10
- package/dist/ui/avatar.js.map +1 -1
- package/dist/ui/avatar.mjs +3 -3
- package/dist/ui/avatar.mjs.map +1 -1
- package/dist/ui/badge/animated/index.d.ts +1 -1
- package/dist/ui/badge/animated/index.d.ts.map +1 -1
- package/dist/ui/badge/animated/types.d.ts.map +1 -1
- package/dist/ui/badge/animated.js +3 -3
- package/dist/ui/badge/animated.mjs +2 -2
- package/dist/ui/badge/badge-base.d.ts +1 -1
- package/dist/ui/badge/badge-base.d.ts.map +1 -1
- package/dist/ui/badge/types.d.ts +1 -0
- package/dist/ui/badge/types.d.ts.map +1 -1
- package/dist/ui/badge/variants.d.ts +16 -16
- package/dist/ui/badge/variants.d.ts.map +1 -1
- package/dist/ui/badge.js +5 -5
- package/dist/ui/badge.mjs +3 -3
- package/dist/ui/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/ui/breadcrumb/types.d.ts.map +1 -1
- package/dist/ui/breadcrumb/variants.d.ts.map +1 -1
- package/dist/ui/breadcrumb.js +47 -43
- package/dist/ui/breadcrumb.js.map +1 -1
- package/dist/ui/breadcrumb.mjs +43 -39
- package/dist/ui/breadcrumb.mjs.map +1 -1
- package/dist/ui/buttons/animated/index.d.ts +1 -1
- package/dist/ui/buttons/animated/index.d.ts.map +1 -1
- package/dist/ui/buttons/animated/types.d.ts.map +1 -1
- package/dist/ui/buttons/animated.js +4 -4
- package/dist/ui/buttons/animated.mjs +2 -2
- package/dist/ui/buttons/types.d.ts.map +1 -1
- package/dist/ui/buttons.js +5 -5
- package/dist/ui/buttons.mjs +3 -3
- package/dist/ui/card/animated.js +8 -8
- package/dist/ui/card/animated.mjs +3 -3
- package/dist/ui/card/card-base.d.ts.map +1 -1
- package/dist/ui/card/card.d.ts.map +1 -1
- package/dist/ui/card/index.d.ts +2 -2
- package/dist/ui/card/index.d.ts.map +1 -1
- package/dist/ui/card.js +13 -13
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/card.mjs +3 -3
- package/dist/ui/card.mjs.map +1 -1
- package/dist/ui/divider/animated/index.d.ts +1 -1
- package/dist/ui/divider/animated/index.d.ts.map +1 -1
- package/dist/ui/divider/animated/types.d.ts.map +1 -1
- package/dist/ui/divider/animated.js +3 -3
- package/dist/ui/divider/animated.mjs +2 -2
- package/dist/ui/divider/divider-base.d.ts.map +1 -1
- package/dist/ui/divider.js +7 -7
- package/dist/ui/divider.mjs +3 -3
- package/dist/ui/drawer/animated/drawer-content-animated.d.ts.map +1 -1
- package/dist/ui/drawer/animated/index.d.ts +1 -1
- package/dist/ui/drawer/animated/index.d.ts.map +1 -1
- package/dist/ui/drawer/animated.js +19 -20
- package/dist/ui/drawer/animated.js.map +1 -1
- package/dist/ui/drawer/animated.mjs +9 -10
- package/dist/ui/drawer/animated.mjs.map +1 -1
- package/dist/ui/drawer/drawer-base.d.ts +1 -1
- package/dist/ui/drawer/drawer-base.d.ts.map +1 -1
- package/dist/ui/drawer/types.d.ts +1 -0
- package/dist/ui/drawer/types.d.ts.map +1 -1
- package/dist/ui/drawer.js +13 -13
- package/dist/ui/drawer.mjs +3 -3
- package/dist/ui/dropdown/dropdown.d.ts +1 -1
- package/dist/ui/dropdown/dropdown.d.ts.map +1 -1
- package/dist/ui/dropdown/types.d.ts +1 -0
- package/dist/ui/dropdown/types.d.ts.map +1 -1
- package/dist/ui/dropdown/variants.d.ts +1 -1
- package/dist/ui/dropdown.js +49 -31
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdown.mjs +46 -28
- package/dist/ui/dropdown.mjs.map +1 -1
- package/dist/ui/empty-state/animated/empty-state-animated.d.ts.map +1 -1
- package/dist/ui/empty-state/animated/index.d.ts +2 -2
- package/dist/ui/empty-state/animated/index.d.ts.map +1 -1
- package/dist/ui/empty-state/animated.js +3 -3
- package/dist/ui/empty-state/animated.js.map +1 -1
- package/dist/ui/empty-state/animated.mjs +2 -2
- package/dist/ui/empty-state/animated.mjs.map +1 -1
- package/dist/ui/empty-state/empty-state-base.d.ts.map +1 -1
- package/dist/ui/empty-state/index.d.ts +1 -1
- package/dist/ui/empty-state/index.d.ts.map +1 -1
- package/dist/ui/empty-state/types.d.ts +1 -0
- package/dist/ui/empty-state/types.d.ts.map +1 -1
- package/dist/ui/empty-state.js +11 -11
- package/dist/ui/empty-state.mjs +3 -3
- package/dist/ui/file-upload/file-upload.d.ts.map +1 -1
- package/dist/ui/file-upload/variants.d.ts.map +1 -1
- package/dist/ui/file-upload.js +4 -6
- package/dist/ui/file-upload.js.map +1 -1
- package/dist/ui/file-upload.mjs +2 -4
- package/dist/ui/file-upload.mjs.map +1 -1
- package/dist/ui/inputs/animated/index.d.ts +1 -1
- package/dist/ui/inputs/animated/index.d.ts.map +1 -1
- package/dist/ui/inputs/animated.js +3 -3
- package/dist/ui/inputs/animated.mjs +1 -1
- package/dist/ui/inputs/input-base.d.ts.map +1 -1
- package/dist/ui/inputs/types.d.ts +3 -1
- package/dist/ui/inputs/types.d.ts.map +1 -1
- package/dist/ui/inputs.js +49 -5
- package/dist/ui/inputs.js.map +1 -1
- package/dist/ui/inputs.mjs +47 -3
- package/dist/ui/inputs.mjs.map +1 -1
- package/dist/ui/modal/animated/index.d.ts +1 -1
- package/dist/ui/modal/animated/index.d.ts.map +1 -1
- package/dist/ui/modal/animated/modal-content-animated.d.ts.map +1 -1
- package/dist/ui/modal/animated.js +12 -13
- package/dist/ui/modal/animated.js.map +1 -1
- package/dist/ui/modal/animated.mjs +8 -9
- package/dist/ui/modal/animated.mjs.map +1 -1
- package/dist/ui/modal/index.d.ts +1 -1
- package/dist/ui/modal/index.d.ts.map +1 -1
- package/dist/ui/modal/modal-base.d.ts +4 -2
- package/dist/ui/modal/modal-base.d.ts.map +1 -1
- package/dist/ui/modal/types.d.ts.map +1 -1
- package/dist/ui/modal.js +14 -14
- package/dist/ui/modal.js.map +1 -1
- package/dist/ui/modal.mjs +4 -4
- package/dist/ui/modal.mjs.map +1 -1
- package/dist/ui/pagination.js +25 -25
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pagination.mjs +15 -15
- package/dist/ui/pagination.mjs.map +1 -1
- package/dist/ui/progress/animated/progress-animated.d.ts.map +1 -1
- package/dist/ui/progress/animated.js +52 -14
- package/dist/ui/progress/animated.js.map +1 -1
- package/dist/ui/progress/animated.mjs +45 -7
- package/dist/ui/progress/animated.mjs.map +1 -1
- package/dist/ui/progress/index.d.ts +2 -2
- package/dist/ui/progress/index.d.ts.map +1 -1
- package/dist/ui/progress/progress-base.d.ts.map +1 -1
- package/dist/ui/progress/progress.d.ts.map +1 -1
- package/dist/ui/progress/types.d.ts +3 -0
- package/dist/ui/progress/types.d.ts.map +1 -1
- package/dist/ui/progress.js +10 -15
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/progress.mjs +4 -9
- package/dist/ui/progress.mjs.map +1 -1
- package/dist/ui/search/search-bar.d.ts +1 -1
- package/dist/ui/search/search-bar.d.ts.map +1 -1
- package/dist/ui/search/search-suggestion-list.d.ts.map +1 -1
- package/dist/ui/search/search-suggestion-utils.d.ts.map +1 -1
- package/dist/ui/search.js +15 -7
- package/dist/ui/search.js.map +1 -1
- package/dist/ui/search.mjs +11 -3
- package/dist/ui/search.mjs.map +1 -1
- package/dist/ui/select/select.d.ts +1 -1
- package/dist/ui/select/select.d.ts.map +1 -1
- package/dist/ui/select/types.d.ts +1 -0
- package/dist/ui/select/types.d.ts.map +1 -1
- package/dist/ui/select/variants.d.ts +1 -1
- package/dist/ui/select/variants.d.ts.map +1 -1
- package/dist/ui/select.js +145 -63
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/select.mjs +141 -59
- package/dist/ui/select.mjs.map +1 -1
- package/dist/ui/skeleton/animated/skeleton-animated.d.ts.map +1 -1
- package/dist/ui/skeleton/animated/types.d.ts.map +1 -1
- package/dist/ui/skeleton/animated.js +34 -10
- package/dist/ui/skeleton/animated.js.map +1 -1
- package/dist/ui/skeleton/animated.mjs +29 -5
- package/dist/ui/skeleton/animated.mjs.map +1 -1
- package/dist/ui/skeleton/variants.d.ts +1 -1
- package/dist/ui/skeleton.js +10 -10
- package/dist/ui/skeleton.mjs +2 -2
- package/dist/ui/slider/slider.d.ts.map +1 -1
- package/dist/ui/slider/types.d.ts +8 -2
- package/dist/ui/slider/types.d.ts.map +1 -1
- package/dist/ui/slider.js +53 -17
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/slider.mjs +45 -9
- package/dist/ui/slider.mjs.map +1 -1
- package/dist/ui/spinner/animated/spinner.d.ts.map +1 -1
- package/dist/ui/spinner/animated.js +68 -56
- package/dist/ui/spinner/animated.js.map +1 -1
- package/dist/ui/spinner/animated.mjs +64 -52
- package/dist/ui/spinner/animated.mjs.map +1 -1
- package/dist/ui/stepper/stepper.d.ts +2 -7
- package/dist/ui/stepper/stepper.d.ts.map +1 -1
- package/dist/ui/stepper/types.d.ts +3 -3
- package/dist/ui/stepper/types.d.ts.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 +12 -13
- package/dist/ui/stepper.js.map +1 -1
- package/dist/ui/stepper.mjs +9 -10
- package/dist/ui/stepper.mjs.map +1 -1
- package/dist/ui/table/animated/index.d.ts +2 -2
- package/dist/ui/table/animated/index.d.ts.map +1 -1
- package/dist/ui/table/animated.js +9 -9
- package/dist/ui/table/animated.mjs +3 -3
- package/dist/ui/table/table-base.d.ts +1 -1
- package/dist/ui/table/table-base.d.ts.map +1 -1
- package/dist/ui/table/types.d.ts +5 -1
- package/dist/ui/table/types.d.ts.map +1 -1
- package/dist/ui/table.js +15 -15
- package/dist/ui/table.mjs +2 -2
- package/dist/ui/tabs/animated/animations.d.ts.map +1 -1
- package/dist/ui/tabs/animated/index.d.ts +1 -1
- package/dist/ui/tabs/animated/index.d.ts.map +1 -1
- package/dist/ui/tabs/animated/types.d.ts.map +1 -1
- package/dist/ui/tabs/animated.js +4 -4
- package/dist/ui/tabs/animated.js.map +1 -1
- package/dist/ui/tabs/animated.mjs +2 -2
- package/dist/ui/tabs/animated.mjs.map +1 -1
- package/dist/ui/tabs/index.d.ts +1 -1
- package/dist/ui/tabs/index.d.ts.map +1 -1
- package/dist/ui/tabs/tabs-base.d.ts.map +1 -1
- package/dist/ui/tabs/tabs.d.ts +1 -1
- package/dist/ui/tabs/tabs.d.ts.map +1 -1
- package/dist/ui/tabs/types.d.ts +2 -1
- package/dist/ui/tabs/types.d.ts.map +1 -1
- package/dist/ui/tabs.js +10 -10
- package/dist/ui/tabs.mjs +2 -2
- package/dist/ui/toast/animated/toast-animated.d.ts.map +1 -1
- package/dist/ui/toast/animated.js +12 -10
- package/dist/ui/toast/animated.js.map +1 -1
- package/dist/ui/toast/animated.mjs +5 -3
- package/dist/ui/toast/animated.mjs.map +1 -1
- package/dist/ui/toast/types.d.ts.map +1 -1
- package/dist/ui/toast.js +13 -13
- package/dist/ui/toast.mjs +2 -2
- package/dist/ui/toggle/animated/index.d.ts +2 -2
- package/dist/ui/toggle/animated/index.d.ts.map +1 -1
- package/dist/ui/toggle/animated/types.d.ts.map +1 -1
- package/dist/ui/toggle/animated.js +3 -3
- package/dist/ui/toggle/animated.mjs +1 -1
- package/dist/ui/toggle/index.d.ts +1 -1
- package/dist/ui/toggle/index.d.ts.map +1 -1
- package/dist/ui/toggle/toggle-base.d.ts.map +1 -1
- package/dist/ui/toggle.js +31 -6
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/toggle.mjs +30 -5
- package/dist/ui/toggle.mjs.map +1 -1
- package/dist/ui/tooltip/animated/animations.d.ts.map +1 -1
- package/dist/ui/tooltip/animated/types.d.ts.map +1 -1
- package/dist/ui/tooltip/animated.js +5 -5
- package/dist/ui/tooltip/animated.js.map +1 -1
- package/dist/ui/tooltip/animated.mjs +2 -2
- package/dist/ui/tooltip/animated.mjs.map +1 -1
- package/dist/ui/tooltip/tooltip-base.d.ts.map +1 -1
- package/dist/ui/tooltip/types.d.ts +1 -0
- package/dist/ui/tooltip/types.d.ts.map +1 -1
- package/dist/ui/tooltip/variants.d.ts.map +1 -1
- package/dist/ui/tooltip.js +8 -8
- package/dist/ui/tooltip.mjs +2 -2
- package/dist/ui/typography/blockquote-base.d.ts.map +1 -1
- package/dist/ui/typography/code-block-base.d.ts.map +1 -1
- package/dist/ui/typography/heading-base.d.ts.map +1 -1
- package/dist/ui/typography/list-base.d.ts.map +1 -1
- package/dist/ui/typography/types.d.ts.map +1 -1
- package/dist/ui/typography/variants.d.ts.map +1 -1
- package/dist/ui/typography.js +12 -34
- package/dist/ui/typography.js.map +1 -1
- package/dist/ui/typography.mjs +4 -26
- package/dist/ui/typography.mjs.map +1 -1
- package/package.json +1 -1
- package/src/hooks/index.ts +8 -2
- package/src/hooks/useClickOutside/useClickOutside.ts +1 -4
- package/src/hooks/useClipboard/useClipboard.test.ts +3 -1
- package/src/hooks/useClipboard/useClipboard.ts +1 -2
- package/src/hooks/useDisclosure/useDisclosure.test.ts +1 -2
- package/src/hooks/useDocumentTitle/useDocumentTitle.test.ts +1 -3
- package/src/hooks/useFocusManagement/useFocusManagement.test.tsx +8 -0
- package/src/hooks/useFocusManagement/useFocusManagement.ts +162 -34
- package/src/hooks/useInView/useInView.test.ts +6 -1
- package/src/hooks/useLocalStorage/index.ts +1 -4
- package/src/hooks/useLocalStorage/useLocalStorage.test.ts +8 -20
- package/src/hooks/useLocalStorage/useLocalStorage.ts +4 -4
- package/src/hooks/useMediaQuery/useMediaQuery.ts +1 -4
- package/src/hooks/usePrefersReducedMotion/usePrefersReducedMotion.test.ts +3 -1
- package/src/hooks/useResizeObserver/index.ts +1 -4
- package/src/hooks/useSessionStorage/useSessionStorage.test.ts +2 -6
- package/src/hooks/useSessionStorage/useSessionStorage.ts +4 -2
- package/src/hooks/useThrottledCallback/useThrottledCallback.ts +4 -3
- package/src/hooks/useWindowSize/useWindowSize.ts +4 -1
- package/src/lib/utils.ts +3 -3
- package/src/ui/accordion/accordion.tsx +6 -1
- package/src/ui/accordion/animated/accordion-content-animated.tsx +1 -4
- package/src/ui/accordion/animated/index.ts +4 -1
- package/src/ui/accordion/animated/types.ts +6 -2
- package/src/ui/alert/alert-base.tsx +6 -1
- package/src/ui/alert/alert.tsx +2 -2
- package/src/ui/alert/animated/index.ts +2 -2
- package/src/ui/alert/animated/types.ts +1 -1
- package/src/ui/alert/types.ts +1 -3
- package/src/ui/alert/variants.ts +9 -9
- package/src/ui/avatar/animated/index.ts +6 -2
- package/src/ui/avatar/avatar-base.tsx +2 -7
- package/src/ui/avatar/avatar.tsx +6 -1
- package/src/ui/avatar/variants.ts +23 -11
- package/src/ui/badge/animated/index.ts +6 -2
- package/src/ui/badge/animated/types.ts +1 -2
- package/src/ui/badge/badge-base.tsx +4 -1
- package/src/ui/badge/types.ts +1 -0
- package/src/ui/badge/variants.ts +16 -18
- package/src/ui/breadcrumb/breadcrumb.tsx +10 -2
- package/src/ui/breadcrumb/types.ts +20 -9
- package/src/ui/breadcrumb/variants.ts +34 -38
- package/src/ui/buttons/animated/index.ts +7 -1
- package/src/ui/buttons/animated/types.ts +0 -1
- package/src/ui/buttons/button.test.tsx +2 -2
- package/src/ui/buttons/types.ts +4 -5
- package/src/ui/buttons/variants.ts +17 -17
- package/src/ui/card/animated/types.ts +0 -1
- package/src/ui/card/card-base.tsx +1 -6
- package/src/ui/card/card.test.tsx +7 -3
- package/src/ui/card/card.tsx +1 -3
- package/src/ui/card/index.ts +7 -3
- package/src/ui/card/types.ts +1 -1
- package/src/ui/card/variants.ts +9 -9
- package/src/ui/divider/animated/index.ts +5 -1
- package/src/ui/divider/animated/types.ts +4 -2
- package/src/ui/divider/divider-base.tsx +0 -1
- package/src/ui/drawer/animated/drawer-content-animated.tsx +6 -11
- package/src/ui/drawer/animated/index.ts +6 -1
- package/src/ui/drawer/drawer-base.tsx +16 -8
- package/src/ui/drawer/types.ts +12 -3
- package/src/ui/drawer/variants.ts +18 -18
- package/src/ui/dropdown/dropdown.test.tsx +1 -3
- package/src/ui/dropdown/dropdown.tsx +30 -5
- package/src/ui/dropdown/types.ts +1 -0
- package/src/ui/dropdown/variants.ts +20 -20
- package/src/ui/empty-state/animated/empty-state-animated.tsx +2 -4
- package/src/ui/empty-state/animated/index.ts +8 -5
- package/src/ui/empty-state/empty-state-base.tsx +14 -2
- package/src/ui/empty-state/index.ts +7 -1
- package/src/ui/empty-state/types.ts +1 -0
- package/src/ui/file-upload/file-upload.tsx +3 -9
- package/src/ui/file-upload/variants.ts +18 -9
- package/src/ui/inputs/animated/index.ts +7 -1
- package/src/ui/inputs/input-base.tsx +60 -6
- package/src/ui/inputs/input.test.tsx +5 -1
- package/src/ui/inputs/types.ts +7 -2
- package/src/ui/modal/animated/index.ts +6 -1
- package/src/ui/modal/animated/modal-content-animated.tsx +4 -5
- package/src/ui/modal/index.ts +1 -1
- package/src/ui/modal/modal-base.tsx +19 -10
- package/src/ui/modal/modal.test.tsx +44 -4
- package/src/ui/modal/modal.tsx +1 -1
- package/src/ui/modal/types.ts +10 -2
- package/src/ui/modal/variants.ts +18 -18
- package/src/ui/pagination/pagination.tsx +2 -2
- package/src/ui/pagination/variants.ts +9 -9
- package/src/ui/progress/animated/progress-animated.tsx +43 -5
- package/src/ui/progress/animated/types.ts +1 -1
- package/src/ui/progress/index.ts +12 -2
- package/src/ui/progress/progress-base.tsx +61 -5
- package/src/ui/progress/progress.test.tsx +1 -3
- package/src/ui/progress/progress.tsx +2 -6
- package/src/ui/progress/types.ts +3 -0
- package/src/ui/search/filter-search-suggestions.test.ts +46 -12
- package/src/ui/search/filter-search-suggestions.ts +3 -3
- package/src/ui/search/search-bar.tsx +22 -22
- package/src/ui/search/search-suggestion-list.tsx +14 -5
- package/src/ui/search/search-suggestion-utils.ts +4 -1
- package/src/ui/select/select.tsx +96 -6
- package/src/ui/select/types.ts +1 -0
- package/src/ui/select/variants.ts +71 -68
- package/src/ui/skeleton/animated/skeleton-animated.tsx +25 -4
- package/src/ui/skeleton/animated/types.ts +0 -1
- package/src/ui/skeleton/skeleton-base.tsx +3 -3
- package/src/ui/skeleton/variants.ts +9 -9
- package/src/ui/slider/slider.test.tsx +23 -9
- package/src/ui/slider/slider.tsx +45 -4
- package/src/ui/slider/types.ts +9 -3
- package/src/ui/slider/variants.ts +1 -1
- package/src/ui/spinner/animated/spinner.tsx +6 -3
- package/src/ui/stepper/stepper.test.tsx +5 -6
- package/src/ui/stepper/stepper.tsx +12 -16
- package/src/ui/stepper/types.ts +11 -5
- package/src/ui/stepper/variants.ts +30 -15
- package/src/ui/table/animated/index.ts +6 -4
- package/src/ui/table/table-base.tsx +32 -11
- package/src/ui/table/types.ts +8 -1
- package/src/ui/tabs/animated/animations.ts +5 -1
- package/src/ui/tabs/animated/index.ts +7 -1
- package/src/ui/tabs/animated/types.ts +3 -3
- package/src/ui/tabs/index.ts +8 -1
- package/src/ui/tabs/tabs-base.tsx +71 -10
- package/src/ui/tabs/tabs.tsx +8 -1
- package/src/ui/tabs/types.ts +2 -1
- package/src/ui/tabs/variants.ts +10 -10
- package/src/ui/toast/animated/toast-animated.tsx +3 -1
- package/src/ui/toast/animated/types.ts +1 -1
- package/src/ui/toast/toast-base.tsx +1 -1
- package/src/ui/toast/types.ts +3 -1
- package/src/ui/toast/variants.ts +9 -9
- package/src/ui/toggle/animated/index.ts +7 -4
- package/src/ui/toggle/animated/types.ts +4 -2
- package/src/ui/toggle/index.ts +5 -1
- package/src/ui/toggle/toggle-base.tsx +36 -4
- package/src/ui/tooltip/animated/animations.ts +0 -1
- package/src/ui/tooltip/animated/types.ts +0 -1
- package/src/ui/tooltip/tooltip-base.tsx +118 -22
- package/src/ui/tooltip/types.ts +1 -0
- package/src/ui/tooltip/variants.ts +11 -13
- package/src/ui/typography/blockquote-base.tsx +1 -8
- package/src/ui/typography/code-block-base.tsx +19 -24
- package/src/ui/typography/heading-base.tsx +35 -38
- package/src/ui/typography/inline-code-base.tsx +15 -15
- package/src/ui/typography/list-base.tsx +1 -9
- package/src/ui/typography/text-base.tsx +32 -32
- package/src/ui/typography/types.ts +4 -17
- package/src/ui/typography/typography.test.tsx +3 -1
- package/src/ui/typography/variants.ts +16 -8
- package/dist/chunk-2P3UU2J3.mjs.map +0 -1
- package/dist/chunk-2PQEXQVR.js.map +0 -1
- package/dist/chunk-3OR47XMY.js.map +0 -1
- package/dist/chunk-4B7KGBQB.js.map +0 -1
- package/dist/chunk-5QB2KNZQ.js.map +0 -1
- package/dist/chunk-6I7X5BF2.js.map +0 -1
- package/dist/chunk-7HL3A4YF.mjs.map +0 -1
- package/dist/chunk-BITDSQMR.js.map +0 -1
- package/dist/chunk-BORK3BJO.mjs.map +0 -1
- package/dist/chunk-BSWYZTYK.js.map +0 -1
- package/dist/chunk-BVXTOEBI.mjs.map +0 -1
- package/dist/chunk-CY5BQKRZ.mjs.map +0 -1
- package/dist/chunk-E3DZNJAD.js.map +0 -1
- package/dist/chunk-FLILFCQE.mjs.map +0 -1
- package/dist/chunk-FT2LMA66.mjs.map +0 -1
- package/dist/chunk-IXDJ3IPG.mjs.map +0 -1
- package/dist/chunk-LVUPECBT.mjs.map +0 -1
- package/dist/chunk-N4NO3SYL.js.map +0 -1
- package/dist/chunk-P5HUBXUX.js.map +0 -1
- package/dist/chunk-PGH27VTL.mjs.map +0 -1
- package/dist/chunk-RDSPHBHK.mjs.map +0 -1
- package/dist/chunk-U4YQCAXW.js.map +0 -1
- package/dist/chunk-WDCIZHXY.mjs.map +0 -1
- package/dist/chunk-WL5I7RVS.mjs +0 -54
- package/dist/chunk-WL5I7RVS.mjs.map +0 -1
- package/dist/chunk-WP7GYBRI.js.map +0 -1
- package/dist/chunk-WZKGRU3U.js.map +0 -1
- package/dist/chunk-XIXF7UVM.mjs.map +0 -1
- package/dist/chunk-XLAFQ24R.js.map +0 -1
- package/dist/chunk-XWM2S6VV.mjs.map +0 -1
- package/dist/chunk-YNCD6TKE.mjs.map +0 -1
- package/dist/chunk-YPLVTUYL.js +0 -56
- package/dist/chunk-YPLVTUYL.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var chunkN2OAI2HN_js = require('../../chunk-N2OAI2HN.js');
|
|
5
|
+
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
6
6
|
var framerMotion = require('framer-motion');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
@@ -23,21 +23,37 @@ var skeletonAnimationPresets = {
|
|
|
23
23
|
function SkeletonAnimated(props) {
|
|
24
24
|
const { animation = "shimmer" } = props;
|
|
25
25
|
const motionProps = skeletonAnimationPresets[animation];
|
|
26
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
26
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkN2OAI2HN_js.SkeletonBase, { ...props, as: framerMotion.motion.div, initial: false, ...motionProps });
|
|
27
27
|
}
|
|
28
28
|
SkeletonAnimated.displayName = "Skeleton";
|
|
29
29
|
function SkeletonTextAnimated(props) {
|
|
30
30
|
const { animation = "shimmer" } = props;
|
|
31
|
-
const effectiveAnimation =
|
|
31
|
+
const effectiveAnimation = chunkN2OAI2HN_js.useSkeletonAnimation(animation);
|
|
32
32
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
33
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
34
|
+
chunkN2OAI2HN_js.SkeletonTextBase,
|
|
35
|
+
{
|
|
36
|
+
...props,
|
|
37
|
+
as: framerMotion.motion.div,
|
|
38
|
+
initial: false,
|
|
39
|
+
...motionProps
|
|
40
|
+
}
|
|
41
|
+
);
|
|
34
42
|
}
|
|
35
43
|
SkeletonTextAnimated.displayName = "SkeletonText";
|
|
36
44
|
function SkeletonAvatarAnimated(props) {
|
|
37
45
|
const { animation = "shimmer" } = props;
|
|
38
|
-
const effectiveAnimation =
|
|
46
|
+
const effectiveAnimation = chunkN2OAI2HN_js.useSkeletonAnimation(animation);
|
|
39
47
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
40
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
48
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
49
|
+
chunkN2OAI2HN_js.SkeletonAvatarBase,
|
|
50
|
+
{
|
|
51
|
+
...props,
|
|
52
|
+
as: framerMotion.motion.div,
|
|
53
|
+
initial: false,
|
|
54
|
+
...motionProps
|
|
55
|
+
}
|
|
56
|
+
);
|
|
41
57
|
}
|
|
42
58
|
SkeletonAvatarAnimated.displayName = "SkeletonAvatar";
|
|
43
59
|
function SkeletonCardAnimated(props) {
|
|
@@ -56,7 +72,7 @@ function SkeletonCardAnimated(props) {
|
|
|
56
72
|
{
|
|
57
73
|
ref,
|
|
58
74
|
"data-slot": "skeleton-card",
|
|
59
|
-
className:
|
|
75
|
+
className: chunkZS5756ZC_js.cn("w-full max-w-sm", className),
|
|
60
76
|
"aria-busy": busy ? true : void 0,
|
|
61
77
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
62
78
|
SkeletonAnimated,
|
|
@@ -110,9 +126,17 @@ function SkeletonCardAnimated(props) {
|
|
|
110
126
|
SkeletonCardAnimated.displayName = "SkeletonCard";
|
|
111
127
|
function SkeletonButtonAnimated(props) {
|
|
112
128
|
const { animation = "shimmer" } = props;
|
|
113
|
-
const effectiveAnimation =
|
|
129
|
+
const effectiveAnimation = chunkN2OAI2HN_js.useSkeletonAnimation(animation);
|
|
114
130
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
115
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
131
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
132
|
+
chunkN2OAI2HN_js.SkeletonButtonBase,
|
|
133
|
+
{
|
|
134
|
+
...props,
|
|
135
|
+
as: framerMotion.motion.div,
|
|
136
|
+
initial: false,
|
|
137
|
+
...motionProps
|
|
138
|
+
}
|
|
139
|
+
);
|
|
116
140
|
}
|
|
117
141
|
SkeletonButtonAnimated.displayName = "SkeletonButton";
|
|
118
142
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/skeleton/animated/animations.ts","../../../src/ui/skeleton/animated/skeleton-animated.tsx"],"names":["jsx","SkeletonBase","motion","useSkeletonAnimation","SkeletonTextBase","SkeletonAvatarBase","cn","jsxs","SkeletonButtonBase"],"mappings":";;;;;;;;AAEO,IAAM,wBAAA,GAAqD;AAAA,EAChE,MAAM,EAAC;AAAA,EACP,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,EAAE,kBAAA,EAAoB,SAAA,EAAU;AAAA,IACzC,SAAS,EAAE,kBAAA,EAAoB,CAAC,SAAA,EAAW,OAAO,CAAA,EAAE;AAAA,IACpD,YAAY,EAAE,MAAA,EAAQ,UAAU,QAAA,EAAU,IAAA,EAAM,MAAM,QAAA;AAAS,GACjE;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,SAAS,EAAE,OAAA,EAAS,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,MAAA,EAAQ,UAAU,QAAA,EAAU,IAAA,EAAM,MAAM,WAAA;AAAY;AAEtE;ACQO,SAAS,iBAAiB,KAAA,EAA8B;AAC7D,EAAA,MAAM,EAAE,SAAA,GAAY,SAAA,EAAU,GAAI,KAAA;AAClC,EAAA,MAAM,WAAA,GAAc,yBAAyB,SAAS,CAAA;AACtD,EAAA,uBACEA,cAAA,CAACC,6BAAA,EAAA,EAAc,GAAG,KAAA,EAAO,EAAA,EAAIC,oBAAO,GAAA,EAAK,OAAA,EAAS,KAAA,EAAQ,GAAG,WAAA,EAAa,CAAA;AAE9E;AAEA,gBAAA,CAAiB,WAAA,GAAc,UAAA;AAExB,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,MAAM,EAAE,SAAA,GAAY,SAAA,EAAU,GAAI,KAAA;AAClC,EAAA,MAAM,kBAAA,GAAqBC,sCAAqB,SAAS,CAAA;AACzD,EAAA,MAAM,WAAA,GAAc,yBAAyB,kBAAkB,CAAA;AAE/D,EAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/skeleton/animated/animations.ts","../../../src/ui/skeleton/animated/skeleton-animated.tsx"],"names":["jsx","SkeletonBase","motion","useSkeletonAnimation","SkeletonTextBase","SkeletonAvatarBase","cn","jsxs","SkeletonButtonBase"],"mappings":"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","file":"animated.js","sourcesContent":["import type { SkeletonAnimationPresets } from \"./types\";\n\nexport const skeletonAnimationPresets: SkeletonAnimationPresets = {\n none: {},\n shimmer: {\n initial: { backgroundPosition: \"100% 0%\" },\n animate: { backgroundPosition: [\"100% 0%\", \"0% 0%\"] },\n transition: { repeat: Infinity, duration: 1.35, ease: \"linear\" },\n },\n pulse: {\n initial: { opacity: 1 },\n animate: { opacity: [1, 0.5, 1] },\n transition: { repeat: Infinity, duration: 1.35, ease: \"easeInOut\" },\n },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { skeletonAnimationPresets } from \"./animations\";\nimport type {\n SkeletonAnimatedProps,\n SkeletonAvatarAnimatedProps,\n SkeletonButtonAnimatedProps,\n SkeletonCardAnimatedProps,\n SkeletonTextAnimatedProps,\n} from \"./types\";\nimport {\n SkeletonAvatarBase,\n SkeletonBase,\n SkeletonButtonBase,\n SkeletonTextBase,\n useSkeletonAnimation,\n} from \"../skeleton-base\";\n\nexport function SkeletonAnimated(props: SkeletonAnimatedProps) {\n const { animation = \"shimmer\" } = props;\n const motionProps = skeletonAnimationPresets[animation];\n return (\n <SkeletonBase {...props} as={motion.div} initial={false} {...motionProps} />\n );\n}\n\nSkeletonAnimated.displayName = \"Skeleton\";\n\nexport function SkeletonTextAnimated(props: SkeletonTextAnimatedProps) {\n const { animation = \"shimmer\" } = props;\n const effectiveAnimation = useSkeletonAnimation(animation);\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n\n return (\n <SkeletonTextBase\n {...props}\n as={motion.div}\n initial={false}\n {...motionProps}\n />\n );\n}\n\nSkeletonTextAnimated.displayName = \"SkeletonText\";\n\nexport function SkeletonAvatarAnimated(props: SkeletonAvatarAnimatedProps) {\n const { animation = \"shimmer\" } = props;\n const effectiveAnimation = useSkeletonAnimation(animation);\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n return (\n <SkeletonAvatarBase\n {...props}\n as={motion.div}\n initial={false}\n {...motionProps}\n />\n );\n}\n\nSkeletonAvatarAnimated.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardAnimated(props: SkeletonCardAnimatedProps) {\n const {\n className,\n busy,\n animation = \"shimmer\",\n shimmerTone,\n appearance,\n size,\n rounded,\n ref,\n } = props;\n\n return (\n <div\n ref={ref as never}\n data-slot=\"skeleton-card\"\n className={cn(\"w-full max-w-sm\", className)}\n aria-busy={busy ? true : undefined}\n >\n <SkeletonAnimated\n rounded=\"lg\"\n animation={animation}\n shimmerTone={shimmerTone}\n appearance={appearance}\n size={size}\n busy={busy}\n className=\"flex flex-col gap-4 p-4\"\n >\n <div className=\"flex items-center gap-3\">\n <SkeletonAvatarAnimated\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n rounded={rounded}\n />\n <div className=\"flex flex-1 flex-col gap-2\">\n <SkeletonTextAnimated\n lines={2}\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n />\n </div>\n </div>\n <SkeletonTextAnimated\n lines={4}\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n />\n </SkeletonAnimated>\n </div>\n );\n}\n\nSkeletonCardAnimated.displayName = \"SkeletonCard\";\n\nexport function SkeletonButtonAnimated(props: SkeletonButtonAnimatedProps) {\n const { animation = \"shimmer\" } = props;\n const effectiveAnimation = useSkeletonAnimation(animation);\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n return (\n <SkeletonButtonBase\n {...props}\n as={motion.div}\n initial={false}\n {...motionProps}\n />\n );\n}\n\nSkeletonButtonAnimated.displayName = \"SkeletonButton\";\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { SkeletonBase, useSkeletonAnimation, SkeletonTextBase, SkeletonAvatarBase, SkeletonButtonBase } from '../../chunk-
|
|
3
|
-
import { cn } from '../../chunk-
|
|
2
|
+
import { SkeletonBase, useSkeletonAnimation, SkeletonTextBase, SkeletonAvatarBase, SkeletonButtonBase } from '../../chunk-A6KMZ5ZS.mjs';
|
|
3
|
+
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
4
4
|
import { motion } from 'framer-motion';
|
|
5
5
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
6
6
|
|
|
@@ -28,14 +28,30 @@ function SkeletonTextAnimated(props) {
|
|
|
28
28
|
const { animation = "shimmer" } = props;
|
|
29
29
|
const effectiveAnimation = useSkeletonAnimation(animation);
|
|
30
30
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
31
|
-
return /* @__PURE__ */ jsx(
|
|
31
|
+
return /* @__PURE__ */ jsx(
|
|
32
|
+
SkeletonTextBase,
|
|
33
|
+
{
|
|
34
|
+
...props,
|
|
35
|
+
as: motion.div,
|
|
36
|
+
initial: false,
|
|
37
|
+
...motionProps
|
|
38
|
+
}
|
|
39
|
+
);
|
|
32
40
|
}
|
|
33
41
|
SkeletonTextAnimated.displayName = "SkeletonText";
|
|
34
42
|
function SkeletonAvatarAnimated(props) {
|
|
35
43
|
const { animation = "shimmer" } = props;
|
|
36
44
|
const effectiveAnimation = useSkeletonAnimation(animation);
|
|
37
45
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
38
|
-
return /* @__PURE__ */ jsx(
|
|
46
|
+
return /* @__PURE__ */ jsx(
|
|
47
|
+
SkeletonAvatarBase,
|
|
48
|
+
{
|
|
49
|
+
...props,
|
|
50
|
+
as: motion.div,
|
|
51
|
+
initial: false,
|
|
52
|
+
...motionProps
|
|
53
|
+
}
|
|
54
|
+
);
|
|
39
55
|
}
|
|
40
56
|
SkeletonAvatarAnimated.displayName = "SkeletonAvatar";
|
|
41
57
|
function SkeletonCardAnimated(props) {
|
|
@@ -110,7 +126,15 @@ function SkeletonButtonAnimated(props) {
|
|
|
110
126
|
const { animation = "shimmer" } = props;
|
|
111
127
|
const effectiveAnimation = useSkeletonAnimation(animation);
|
|
112
128
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
113
|
-
return /* @__PURE__ */ jsx(
|
|
129
|
+
return /* @__PURE__ */ jsx(
|
|
130
|
+
SkeletonButtonBase,
|
|
131
|
+
{
|
|
132
|
+
...props,
|
|
133
|
+
as: motion.div,
|
|
134
|
+
initial: false,
|
|
135
|
+
...motionProps
|
|
136
|
+
}
|
|
137
|
+
);
|
|
114
138
|
}
|
|
115
139
|
SkeletonButtonAnimated.displayName = "SkeletonButton";
|
|
116
140
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/skeleton/animated/animations.ts","../../../src/ui/skeleton/animated/skeleton-animated.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,wBAAA,GAAqD;AAAA,EAChE,MAAM,EAAC;AAAA,EACP,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,EAAE,kBAAA,EAAoB,SAAA,EAAU;AAAA,IACzC,SAAS,EAAE,kBAAA,EAAoB,CAAC,SAAA,EAAW,OAAO,CAAA,EAAE;AAAA,IACpD,YAAY,EAAE,MAAA,EAAQ,UAAU,QAAA,EAAU,IAAA,EAAM,MAAM,QAAA;AAAS,GACjE;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,SAAS,EAAE,OAAA,EAAS,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,MAAA,EAAQ,UAAU,QAAA,EAAU,IAAA,EAAM,MAAM,WAAA;AAAY;AAEtE;ACQO,SAAS,iBAAiB,KAAA,EAA8B;AAC7D,EAAA,MAAM,EAAE,SAAA,GAAY,SAAA,EAAU,GAAI,KAAA;AAClC,EAAA,MAAM,WAAA,GAAc,yBAAyB,SAAS,CAAA;AACtD,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,EAAA,EAAI,OAAO,GAAA,EAAK,OAAA,EAAS,KAAA,EAAQ,GAAG,WAAA,EAAa,CAAA;AAE9E;AAEA,gBAAA,CAAiB,WAAA,GAAc,UAAA;AAExB,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,MAAM,EAAE,SAAA,GAAY,SAAA,EAAU,GAAI,KAAA;AAClC,EAAA,MAAM,kBAAA,GAAqB,qBAAqB,SAAS,CAAA;AACzD,EAAA,MAAM,WAAA,GAAc,yBAAyB,kBAAkB,CAAA;AAE/D,EAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/skeleton/animated/animations.ts","../../../src/ui/skeleton/animated/skeleton-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { SkeletonAnimationPresets } from \"./types\";\n\nexport const skeletonAnimationPresets: SkeletonAnimationPresets = {\n none: {},\n shimmer: {\n initial: { backgroundPosition: \"100% 0%\" },\n animate: { backgroundPosition: [\"100% 0%\", \"0% 0%\"] },\n transition: { repeat: Infinity, duration: 1.35, ease: \"linear\" },\n },\n pulse: {\n initial: { opacity: 1 },\n animate: { opacity: [1, 0.5, 1] },\n transition: { repeat: Infinity, duration: 1.35, ease: \"easeInOut\" },\n },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { skeletonAnimationPresets } from \"./animations\";\nimport type {\n SkeletonAnimatedProps,\n SkeletonAvatarAnimatedProps,\n SkeletonButtonAnimatedProps,\n SkeletonCardAnimatedProps,\n SkeletonTextAnimatedProps,\n} from \"./types\";\nimport {\n SkeletonAvatarBase,\n SkeletonBase,\n SkeletonButtonBase,\n SkeletonTextBase,\n useSkeletonAnimation,\n} from \"../skeleton-base\";\n\nexport function SkeletonAnimated(props: SkeletonAnimatedProps) {\n const { animation = \"shimmer\" } = props;\n const motionProps = skeletonAnimationPresets[animation];\n return (\n <SkeletonBase {...props} as={motion.div} initial={false} {...motionProps} />\n );\n}\n\nSkeletonAnimated.displayName = \"Skeleton\";\n\nexport function SkeletonTextAnimated(props: SkeletonTextAnimatedProps) {\n const { animation = \"shimmer\" } = props;\n const effectiveAnimation = useSkeletonAnimation(animation);\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n\n return (\n <SkeletonTextBase\n {...props}\n as={motion.div}\n initial={false}\n {...motionProps}\n />\n );\n}\n\nSkeletonTextAnimated.displayName = \"SkeletonText\";\n\nexport function SkeletonAvatarAnimated(props: SkeletonAvatarAnimatedProps) {\n const { animation = \"shimmer\" } = props;\n const effectiveAnimation = useSkeletonAnimation(animation);\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n return (\n <SkeletonAvatarBase\n {...props}\n as={motion.div}\n initial={false}\n {...motionProps}\n />\n );\n}\n\nSkeletonAvatarAnimated.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardAnimated(props: SkeletonCardAnimatedProps) {\n const {\n className,\n busy,\n animation = \"shimmer\",\n shimmerTone,\n appearance,\n size,\n rounded,\n ref,\n } = props;\n\n return (\n <div\n ref={ref as never}\n data-slot=\"skeleton-card\"\n className={cn(\"w-full max-w-sm\", className)}\n aria-busy={busy ? true : undefined}\n >\n <SkeletonAnimated\n rounded=\"lg\"\n animation={animation}\n shimmerTone={shimmerTone}\n appearance={appearance}\n size={size}\n busy={busy}\n className=\"flex flex-col gap-4 p-4\"\n >\n <div className=\"flex items-center gap-3\">\n <SkeletonAvatarAnimated\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n rounded={rounded}\n />\n <div className=\"flex flex-1 flex-col gap-2\">\n <SkeletonTextAnimated\n lines={2}\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n />\n </div>\n </div>\n <SkeletonTextAnimated\n lines={4}\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n />\n </SkeletonAnimated>\n </div>\n );\n}\n\nSkeletonCardAnimated.displayName = \"SkeletonCard\";\n\nexport function SkeletonButtonAnimated(props: SkeletonButtonAnimatedProps) {\n const { animation = \"shimmer\" } = props;\n const effectiveAnimation = useSkeletonAnimation(animation);\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n return (\n <SkeletonButtonBase\n {...props}\n as={motion.div}\n initial={false}\n {...motionProps}\n />\n );\n}\n\nSkeletonButtonAnimated.displayName = \"SkeletonButton\";\n"]}
|
|
@@ -28,7 +28,7 @@ export type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
|
|
|
28
28
|
export declare const skeletonVariants: (props?: ({
|
|
29
29
|
appearance?: "default" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "muted" | "subtle" | null | undefined;
|
|
30
30
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
31
|
-
rounded?: "
|
|
31
|
+
rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
|
|
32
32
|
animation?: "none" | "shimmer" | "pulse" | null | undefined;
|
|
33
33
|
shimmerTone?: "default" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "muted" | "subtle" | null | undefined;
|
|
34
34
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
package/dist/ui/skeleton.js
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
4
|
+
var chunkN2OAI2HN_js = require('../chunk-N2OAI2HN.js');
|
|
5
|
+
require('../chunk-ZS5756ZC.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, "Skeleton", {
|
|
10
10
|
enumerable: true,
|
|
11
|
-
get: function () { return
|
|
11
|
+
get: function () { return chunkN2OAI2HN_js.SkeletonBase; }
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "SkeletonAvatar", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunkN2OAI2HN_js.SkeletonAvatarBase; }
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "SkeletonButton", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () { return
|
|
19
|
+
get: function () { return chunkN2OAI2HN_js.SkeletonButtonBase; }
|
|
20
20
|
});
|
|
21
21
|
Object.defineProperty(exports, "SkeletonCard", {
|
|
22
22
|
enumerable: true,
|
|
23
|
-
get: function () { return
|
|
23
|
+
get: function () { return chunkN2OAI2HN_js.SkeletonCardBase; }
|
|
24
24
|
});
|
|
25
25
|
Object.defineProperty(exports, "SkeletonText", {
|
|
26
26
|
enumerable: true,
|
|
27
|
-
get: function () { return
|
|
27
|
+
get: function () { return chunkN2OAI2HN_js.SkeletonTextBase; }
|
|
28
28
|
});
|
|
29
29
|
Object.defineProperty(exports, "skeletonShimmerGradientClasses", {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: function () { return
|
|
31
|
+
get: function () { return chunkN2OAI2HN_js.skeletonShimmerGradientClasses; }
|
|
32
32
|
});
|
|
33
33
|
Object.defineProperty(exports, "skeletonTextLineVariants", {
|
|
34
34
|
enumerable: true,
|
|
35
|
-
get: function () { return
|
|
35
|
+
get: function () { return chunkN2OAI2HN_js.skeletonTextLineVariants; }
|
|
36
36
|
});
|
|
37
37
|
Object.defineProperty(exports, "skeletonVariants", {
|
|
38
38
|
enumerable: true,
|
|
39
|
-
get: function () { return
|
|
39
|
+
get: function () { return chunkN2OAI2HN_js.skeletonVariants; }
|
|
40
40
|
});
|
|
41
41
|
//# sourceMappingURL=skeleton.js.map
|
|
42
42
|
//# sourceMappingURL=skeleton.js.map
|
package/dist/ui/skeleton.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { SkeletonBase as Skeleton, SkeletonAvatarBase as SkeletonAvatar, SkeletonButtonBase as SkeletonButton, SkeletonCardBase as SkeletonCard, SkeletonTextBase as SkeletonText, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants } from '../chunk-
|
|
3
|
-
import '../chunk-
|
|
2
|
+
export { SkeletonBase as Skeleton, SkeletonAvatarBase as SkeletonAvatar, SkeletonButtonBase as SkeletonButton, SkeletonCardBase as SkeletonCard, SkeletonTextBase as SkeletonText, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants } from '../chunk-A6KMZ5ZS.mjs';
|
|
3
|
+
import '../chunk-4D54YOL6.mjs';
|
|
4
4
|
//# sourceMappingURL=skeleton.mjs.map
|
|
5
5
|
//# sourceMappingURL=skeleton.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/ui/slider/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,GAAG,EAET,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,gBAAgB,EAEhB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAgGjB;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAW,EACX,GAAO,EACP,GAAS,EACT,IAAQ,EACR,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,UAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/ui/slider/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,GAAG,EAET,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,gBAAgB,EAEhB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAgGjB;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAW,EACX,GAAO,EACP,GAAS,EACT,IAAQ,EACR,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,UAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAsG7C;yBAtHe,MAAM;;;AA0HtB;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,EAAE,OAAO,EACZ,GAAG,IAAI,EACR,EAAE,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAkBlD;yBAtBe,WAAW;;;AA0B3B,oFAAoF;AACpF,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAwBlD;yBA5Be,WAAW;;;AAgC3B;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,EAAE,OAAO,EACZ,GAAG,IAAI,EACR,EAAE,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CA2IlD;yBA/Ie,WAAW;;;AAmJ3B;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAW,EACX,GAAO,EACP,GAAS,EACT,IAAQ,EACR,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,UAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,EACH,GAAG,IAAI,EACR,EAAE,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAyKlD;yBAxLe,WAAW"}
|
|
@@ -12,9 +12,9 @@ export type SliderProps = SliderRootVariantProps & {
|
|
|
12
12
|
onValueChange?: (value: number) => void;
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
appearance?: VariantProps<typeof sliderRangeVariants>["appearance"];
|
|
15
|
-
/**
|
|
15
|
+
/** Accessible name for the slider (applied to the focusable thumb). */
|
|
16
16
|
"aria-label"?: string;
|
|
17
|
-
/**
|
|
17
|
+
/** Visible label element id (`aria-labelledby` on the focusable thumb). */
|
|
18
18
|
"aria-labelledby"?: string;
|
|
19
19
|
children?: ReactNode;
|
|
20
20
|
} & Omit<ComponentPropsWithoutRef<"div">, "children" | "defaultValue">;
|
|
@@ -30,7 +30,9 @@ export type RangeSliderProps = SliderRootVariantProps & {
|
|
|
30
30
|
onValueChange?: (value: [number, number]) => void;
|
|
31
31
|
disabled?: boolean;
|
|
32
32
|
appearance?: VariantProps<typeof sliderRangeVariants>["appearance"];
|
|
33
|
+
/** Accessible name for the range control (each thumb gets a distinct suffix). */
|
|
33
34
|
"aria-label"?: string;
|
|
35
|
+
/** Visible label element id for each thumb when `aria-label` is not used. */
|
|
34
36
|
"aria-labelledby"?: string;
|
|
35
37
|
} & Omit<ComponentPropsWithoutRef<"div">, "children" | "defaultValue">;
|
|
36
38
|
export type SliderAppearance = NonNullable<Parameters<typeof sliderRangeVariants>[0]>["appearance"];
|
|
@@ -44,6 +46,10 @@ export type SliderCtx = {
|
|
|
44
46
|
size: NonNullable<SliderProps["size"]>;
|
|
45
47
|
appearance: SliderAppearance;
|
|
46
48
|
trackRef: RefObject<HTMLDivElement | null>;
|
|
49
|
+
/** Mirrored from `<Slider>` so the focusable thumb exposes an accessible name. */
|
|
50
|
+
"aria-label"?: string;
|
|
51
|
+
/** Mirrored from `<Slider>` so the focusable thumb exposes an accessible name. */
|
|
52
|
+
"aria-labelledby"?: string;
|
|
47
53
|
};
|
|
48
54
|
export {};
|
|
49
55
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAEpB,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACtE,KAAK,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,sBAAsB,GAAG;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,YAAY,CAAC,CAAC;IACpE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/slider/types.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/slider.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -34,7 +34,7 @@ var sliderTrackVariants = classVarianceAuthority.cva(
|
|
|
34
34
|
}
|
|
35
35
|
);
|
|
36
36
|
var sliderRangeVariants = classVarianceAuthority.cva(
|
|
37
|
-
"absolute h-full rounded-full bg-
|
|
37
|
+
"absolute h-full rounded-full bg-linear-to-r from-violet-500 to-indigo-400",
|
|
38
38
|
{
|
|
39
39
|
variants: {
|
|
40
40
|
appearance: {
|
|
@@ -150,9 +150,22 @@ function Slider({
|
|
|
150
150
|
disabled,
|
|
151
151
|
size: size ?? "md",
|
|
152
152
|
appearance: appearance ?? "default",
|
|
153
|
-
trackRef
|
|
153
|
+
trackRef,
|
|
154
|
+
"aria-label": ariaLabel,
|
|
155
|
+
"aria-labelledby": ariaLabelledBy
|
|
154
156
|
}),
|
|
155
|
-
[
|
|
157
|
+
[
|
|
158
|
+
appearance,
|
|
159
|
+
ariaLabel,
|
|
160
|
+
ariaLabelledBy,
|
|
161
|
+
disabled,
|
|
162
|
+
max,
|
|
163
|
+
min,
|
|
164
|
+
setValue,
|
|
165
|
+
size,
|
|
166
|
+
step,
|
|
167
|
+
value
|
|
168
|
+
]
|
|
156
169
|
);
|
|
157
170
|
return /* @__PURE__ */ jsxRuntime.jsx(SliderContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
158
171
|
"div",
|
|
@@ -162,7 +175,7 @@ function Slider({
|
|
|
162
175
|
role: "group",
|
|
163
176
|
"aria-label": ariaLabel,
|
|
164
177
|
"aria-labelledby": ariaLabelledBy,
|
|
165
|
-
className:
|
|
178
|
+
className: chunkZS5756ZC_js.cn(sliderRootVariants({ size }), className),
|
|
166
179
|
...rest,
|
|
167
180
|
children
|
|
168
181
|
}
|
|
@@ -187,7 +200,7 @@ function SliderTrack({
|
|
|
187
200
|
}
|
|
188
201
|
},
|
|
189
202
|
"data-slot": "slider-track",
|
|
190
|
-
className:
|
|
203
|
+
className: chunkZS5756ZC_js.cn(sliderTrackVariants({ size }), className),
|
|
191
204
|
...rest
|
|
192
205
|
}
|
|
193
206
|
);
|
|
@@ -205,7 +218,7 @@ function SliderRange({
|
|
|
205
218
|
{
|
|
206
219
|
ref,
|
|
207
220
|
"data-slot": "slider-range",
|
|
208
|
-
className:
|
|
221
|
+
className: chunkZS5756ZC_js.cn(sliderRangeVariants({ appearance }), className),
|
|
209
222
|
style: { width: `${pct}%` },
|
|
210
223
|
...rest
|
|
211
224
|
}
|
|
@@ -217,7 +230,18 @@ function SliderThumb({
|
|
|
217
230
|
ref: refProp,
|
|
218
231
|
...rest
|
|
219
232
|
}) {
|
|
220
|
-
const {
|
|
233
|
+
const {
|
|
234
|
+
min,
|
|
235
|
+
max,
|
|
236
|
+
value,
|
|
237
|
+
step,
|
|
238
|
+
setValue,
|
|
239
|
+
disabled,
|
|
240
|
+
size,
|
|
241
|
+
trackRef,
|
|
242
|
+
"aria-label": sliderAriaLabel,
|
|
243
|
+
"aria-labelledby": sliderAriaLabelledBy
|
|
244
|
+
} = useSliderContext("SliderThumb");
|
|
221
245
|
const pct = max === min ? 0 : (value - min) / (max - min) * 100;
|
|
222
246
|
const onPointerDown = react.useCallback(
|
|
223
247
|
(event) => {
|
|
@@ -280,11 +304,13 @@ function SliderThumb({
|
|
|
280
304
|
role: "slider",
|
|
281
305
|
tabIndex: disabled ? -1 : 0,
|
|
282
306
|
"data-slot": "slider-thumb",
|
|
307
|
+
"aria-label": sliderAriaLabel,
|
|
308
|
+
"aria-labelledby": sliderAriaLabelledBy,
|
|
283
309
|
"aria-valuemin": min,
|
|
284
310
|
"aria-valuemax": max,
|
|
285
311
|
"aria-valuenow": value,
|
|
286
312
|
"aria-disabled": disabled || void 0,
|
|
287
|
-
className:
|
|
313
|
+
className: chunkZS5756ZC_js.cn(
|
|
288
314
|
"absolute top-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
|
|
289
315
|
sliderThumbVariants({ size }),
|
|
290
316
|
className
|
|
@@ -351,6 +377,9 @@ function RangeSlider({
|
|
|
351
377
|
const loPct = (lo - min) / (max - min) * 100;
|
|
352
378
|
const hiPct = (hi - min) / (max - min) * 100;
|
|
353
379
|
const resolvedSize = size ?? "md";
|
|
380
|
+
const lowThumbAriaLabel = ariaLabel !== void 0 ? `${ariaLabel}, minimum` : void 0;
|
|
381
|
+
const highThumbAriaLabel = ariaLabel !== void 0 ? `${ariaLabel}, maximum` : void 0;
|
|
382
|
+
const thumbAriaLabelledBy = ariaLabel === void 0 ? ariaLabelledBy : void 0;
|
|
354
383
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
355
384
|
"div",
|
|
356
385
|
{
|
|
@@ -359,21 +388,20 @@ function RangeSlider({
|
|
|
359
388
|
role: "group",
|
|
360
389
|
"aria-label": ariaLabel,
|
|
361
390
|
"aria-labelledby": ariaLabelledBy,
|
|
362
|
-
|
|
363
|
-
className: chunkUOZYPWDZ_js.cn(sliderRootVariants({ size: resolvedSize }), className),
|
|
391
|
+
className: chunkZS5756ZC_js.cn(sliderRootVariants({ size: resolvedSize }), className),
|
|
364
392
|
...rest,
|
|
365
393
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
366
394
|
"div",
|
|
367
395
|
{
|
|
368
396
|
ref: trackRef,
|
|
369
397
|
"data-slot": "slider-track",
|
|
370
|
-
className:
|
|
398
|
+
className: chunkZS5756ZC_js.cn(sliderTrackVariants({ size: resolvedSize }), "relative"),
|
|
371
399
|
children: [
|
|
372
400
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
373
401
|
"div",
|
|
374
402
|
{
|
|
375
403
|
"data-slot": "slider-range",
|
|
376
|
-
className:
|
|
404
|
+
className: chunkZS5756ZC_js.cn(sliderRangeVariants({ appearance }), "absolute"),
|
|
377
405
|
style: {
|
|
378
406
|
left: `${loPct}%`,
|
|
379
407
|
width: `${Math.max(hiPct - loPct, 0)}%`
|
|
@@ -392,7 +420,9 @@ function RangeSlider({
|
|
|
392
420
|
positionPct: loPct,
|
|
393
421
|
trackRef,
|
|
394
422
|
onMoveClientX: (x) => moveThumb(0, x),
|
|
395
|
-
onNudge: (delta) => setPair([lo + delta, hi])
|
|
423
|
+
onNudge: (delta) => setPair([lo + delta, hi]),
|
|
424
|
+
"aria-label": lowThumbAriaLabel,
|
|
425
|
+
"aria-labelledby": thumbAriaLabelledBy
|
|
396
426
|
}
|
|
397
427
|
),
|
|
398
428
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -407,7 +437,9 @@ function RangeSlider({
|
|
|
407
437
|
positionPct: hiPct,
|
|
408
438
|
trackRef,
|
|
409
439
|
onMoveClientX: (x) => moveThumb(1, x),
|
|
410
|
-
onNudge: (delta) => setPair([lo, hi + delta])
|
|
440
|
+
onNudge: (delta) => setPair([lo, hi + delta]),
|
|
441
|
+
"aria-label": highThumbAriaLabel,
|
|
442
|
+
"aria-labelledby": thumbAriaLabelledBy
|
|
411
443
|
}
|
|
412
444
|
)
|
|
413
445
|
]
|
|
@@ -427,7 +459,9 @@ function RangeThumb({
|
|
|
427
459
|
positionPct,
|
|
428
460
|
trackRef,
|
|
429
461
|
onMoveClientX,
|
|
430
|
-
onNudge
|
|
462
|
+
onNudge,
|
|
463
|
+
"aria-label": thumbAriaLabel,
|
|
464
|
+
"aria-labelledby": thumbAriaLabelledBy
|
|
431
465
|
}) {
|
|
432
466
|
const onPointerDown = react.useCallback(
|
|
433
467
|
(event) => {
|
|
@@ -489,11 +523,13 @@ function RangeThumb({
|
|
|
489
523
|
role: "slider",
|
|
490
524
|
tabIndex: disabled ? -1 : 0,
|
|
491
525
|
"data-slot": "range-slider-thumb",
|
|
526
|
+
"aria-label": thumbAriaLabel,
|
|
527
|
+
"aria-labelledby": thumbAriaLabelledBy,
|
|
492
528
|
"aria-valuemin": min,
|
|
493
529
|
"aria-valuemax": max,
|
|
494
530
|
"aria-valuenow": value,
|
|
495
531
|
"aria-disabled": disabled || void 0,
|
|
496
|
-
className:
|
|
532
|
+
className: chunkZS5756ZC_js.cn(
|
|
497
533
|
"absolute top-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
|
|
498
534
|
sliderThumbVariants({ size })
|
|
499
535
|
),
|