@zentauri-ui/zentauri-components 1.7.4 → 1.7.6
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 +9 -4
- package/cli/registry.json +3 -0
- package/dist/{chunk-CL55KGDF.js → chunk-3W224B3M.js} +22 -22
- package/dist/chunk-3W224B3M.js.map +1 -0
- package/dist/{chunk-NZDHSIIC.js → chunk-4OCTFG3W.js} +3 -3
- package/dist/chunk-4OCTFG3W.js.map +1 -0
- package/dist/{chunk-4ZKBLVQX.js → chunk-5565GZ4T.js} +19 -19
- package/dist/chunk-5565GZ4T.js.map +1 -0
- package/dist/{chunk-BTJYXKCW.js → chunk-6HPS3ZOP.js} +15 -15
- package/dist/chunk-6HPS3ZOP.js.map +1 -0
- package/dist/chunk-7XCUMSCJ.mjs +80 -0
- package/dist/chunk-7XCUMSCJ.mjs.map +1 -0
- package/dist/{chunk-QAJOE3HJ.js → chunk-BU2MPXPZ.js} +6 -6
- package/dist/chunk-BU2MPXPZ.js.map +1 -0
- package/dist/{chunk-BC6M42HQ.mjs → chunk-CL3VH223.mjs} +21 -21
- package/dist/chunk-CL3VH223.mjs.map +1 -0
- package/dist/{chunk-QXHS3HHZ.mjs → chunk-D3VZKUMH.mjs} +15 -15
- package/dist/chunk-D3VZKUMH.mjs.map +1 -0
- package/dist/chunk-DEZRB6DS.mjs +83 -0
- package/dist/chunk-DEZRB6DS.mjs.map +1 -0
- package/dist/{chunk-EDARAO7X.js → chunk-DFCDLVZA.js} +7 -7
- package/dist/chunk-DFCDLVZA.js.map +1 -0
- package/dist/{chunk-ACGVDY5J.mjs → chunk-EZCYSFML.mjs} +4 -4
- package/dist/chunk-EZCYSFML.mjs.map +1 -0
- package/dist/{chunk-ZYKJC5HH.js → chunk-G66SXATZ.js} +15 -15
- package/dist/chunk-G66SXATZ.js.map +1 -0
- package/dist/{chunk-QBPVJH4P.mjs → chunk-H7WDA6U6.mjs} +5 -5
- package/dist/chunk-H7WDA6U6.mjs.map +1 -0
- package/dist/{chunk-OZMSE44N.mjs → chunk-HLG2YJFZ.mjs} +19 -19
- package/dist/chunk-HLG2YJFZ.mjs.map +1 -0
- package/dist/{chunk-QYLTKBH7.js → chunk-INXWZ4DS.js} +3 -3
- package/dist/chunk-INXWZ4DS.js.map +1 -0
- package/dist/{chunk-QSPXPU72.js → chunk-KTLJEPLF.js} +21 -21
- package/dist/chunk-KTLJEPLF.js.map +1 -0
- package/dist/chunk-LMIL2R4R.js +197 -0
- package/dist/chunk-LMIL2R4R.js.map +1 -0
- package/dist/{chunk-PR4QXFJT.js → chunk-LNYCEPW5.js} +5 -5
- package/dist/chunk-LNYCEPW5.js.map +1 -0
- package/dist/chunk-MEAVYU2Y.mjs +192 -0
- package/dist/chunk-MEAVYU2Y.mjs.map +1 -0
- package/dist/{chunk-P5WLYJ2C.mjs → chunk-NNZXBL7R.mjs} +6 -6
- package/dist/chunk-NNZXBL7R.mjs.map +1 -0
- package/dist/{chunk-HMNIH3KJ.mjs → chunk-ORFI4BCJ.mjs} +3 -3
- package/dist/chunk-ORFI4BCJ.mjs.map +1 -0
- package/dist/{chunk-K7TCW5PJ.js → chunk-PMALYOPA.js} +3 -3
- package/dist/chunk-PMALYOPA.js.map +1 -0
- package/dist/{chunk-WPXQHWPV.js → chunk-PYUZOVLY.js} +4 -4
- package/dist/chunk-PYUZOVLY.js.map +1 -0
- package/dist/{chunk-ITVMSCOJ.mjs → chunk-R2JJTREQ.mjs} +22 -22
- package/dist/chunk-R2JJTREQ.mjs.map +1 -0
- package/dist/chunk-RIHJAEOL.js +107 -0
- package/dist/chunk-RIHJAEOL.js.map +1 -0
- package/dist/{chunk-FHLZH3PB.mjs → chunk-SFRS4EZ5.mjs} +3 -3
- package/dist/chunk-SFRS4EZ5.mjs.map +1 -0
- package/dist/{chunk-KTGV76M3.mjs → chunk-SSJXWD2M.mjs} +3 -3
- package/dist/chunk-SSJXWD2M.mjs.map +1 -0
- package/dist/{chunk-YAO62VH2.js → chunk-UGH23TAH.js} +15 -15
- package/dist/chunk-UGH23TAH.js.map +1 -0
- package/dist/chunk-UPZ5XGUD.mjs +100 -0
- package/dist/chunk-UPZ5XGUD.mjs.map +1 -0
- package/dist/{chunk-4XVNQ7IY.mjs → chunk-UR7TNW45.mjs} +15 -15
- package/dist/chunk-UR7TNW45.mjs.map +1 -0
- package/dist/{chunk-HCGSEPOD.mjs → chunk-UROKWFPX.mjs} +7 -7
- package/dist/chunk-UROKWFPX.mjs.map +1 -0
- package/dist/chunk-V5JTDRV5.mjs +278 -0
- package/dist/chunk-V5JTDRV5.mjs.map +1 -0
- package/dist/{chunk-XRDVD2EN.js → chunk-X3O45MPI.js} +3 -3
- package/dist/{chunk-XRDVD2EN.js.map → chunk-X3O45MPI.js.map} +1 -1
- package/dist/{chunk-KEKMMNL5.mjs → chunk-XXRDLZW7.mjs} +3 -3
- package/dist/chunk-XXRDLZW7.mjs.map +1 -0
- package/dist/chunk-Z4KHAD6Y.js +295 -0
- package/dist/chunk-Z4KHAD6Y.js.map +1 -0
- package/dist/{chunk-NHQ3S4Y6.mjs → chunk-ZIFMIS7D.mjs} +15 -15
- package/dist/chunk-ZIFMIS7D.mjs.map +1 -0
- package/dist/chunk-ZUT7ZUM7.js +84 -0
- package/dist/chunk-ZUT7ZUM7.js.map +1 -0
- package/dist/chunk-ZX2IBIZT.js +92 -0
- package/dist/chunk-ZX2IBIZT.js.map +1 -0
- package/dist/design-system/accordion.d.ts +1 -1
- package/dist/design-system/alert.d.ts +5 -5
- package/dist/design-system/badge.d.ts +3 -3
- package/dist/design-system/card.d.ts +2 -2
- package/dist/design-system/checkbox.d.ts +10 -10
- package/dist/design-system/checkbox.d.ts.map +1 -1
- package/dist/design-system/command.d.ts +1 -1
- package/dist/design-system/command.d.ts.map +1 -1
- package/dist/design-system/context-menu.d.ts +41 -0
- package/dist/design-system/context-menu.d.ts.map +1 -0
- package/dist/design-system/drawer.d.ts +1 -1
- package/dist/design-system/dropdown.d.ts +31 -31
- package/dist/design-system/dropdown.d.ts.map +1 -1
- package/dist/design-system/file-upload.d.ts +15 -15
- package/dist/design-system/file-upload.d.ts.map +1 -1
- package/dist/design-system/index.d.ts +3 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/inputs.d.ts +13 -13
- package/dist/design-system/inputs.d.ts.map +1 -1
- package/dist/design-system/modal.d.ts +1 -1
- package/dist/design-system/modal.d.ts.map +1 -1
- package/dist/design-system/pagination.d.ts +25 -25
- package/dist/design-system/popover.d.ts +19 -19
- package/dist/design-system/popover.d.ts.map +1 -1
- package/dist/design-system/radio-group.d.ts +10 -10
- package/dist/design-system/radio-group.d.ts.map +1 -1
- package/dist/design-system/scroll-area.d.ts +33 -0
- package/dist/design-system/scroll-area.d.ts.map +1 -0
- package/dist/design-system/select.d.ts +35 -35
- package/dist/design-system/select.d.ts.map +1 -1
- package/dist/design-system/skeleton.d.ts +13 -13
- package/dist/design-system/skeleton.d.ts.map +1 -1
- package/dist/design-system/slider.d.ts +23 -23
- package/dist/design-system/slider.d.ts.map +1 -1
- package/dist/design-system/stepper.d.ts +22 -22
- package/dist/design-system/table.d.ts +13 -13
- package/dist/design-system/tabs.d.ts +4 -4
- package/dist/design-system/tabs.d.ts.map +1 -1
- package/dist/design-system/timeline.d.ts +56 -0
- package/dist/design-system/timeline.d.ts.map +1 -0
- package/dist/design-system/toast.d.ts +17 -17
- package/dist/design-system/toast.d.ts.map +1 -1
- package/dist/design-system/toggle.d.ts +54 -54
- package/dist/design-system/toggle.d.ts.map +1 -1
- package/dist/design-system/tooltip.d.ts +20 -20
- package/dist/design-system/typography.d.ts +15 -15
- package/dist/ui/accordion/animated.js +7 -7
- package/dist/ui/accordion/animated.mjs +2 -2
- package/dist/ui/accordion.js +9 -9
- package/dist/ui/accordion.mjs +2 -2
- package/dist/ui/alert/animated/alert-animated.d.ts.map +1 -1
- package/dist/ui/alert/animated.js +2 -2
- package/dist/ui/alert/animated.js.map +1 -1
- package/dist/ui/alert/animated.mjs +1 -1
- package/dist/ui/alert/animated.mjs.map +1 -1
- package/dist/ui/alert.js +10 -10
- package/dist/ui/alert.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 +1 -1
- package/dist/ui/badge.js +4 -4
- package/dist/ui/badge.mjs +2 -2
- package/dist/ui/card/animated.js +7 -7
- package/dist/ui/card/animated.mjs +2 -2
- package/dist/ui/card.js +12 -12
- package/dist/ui/card.mjs +2 -2
- package/dist/ui/checkbox/animated.js +4 -4
- package/dist/ui/checkbox/animated.mjs +1 -1
- package/dist/ui/checkbox.js +8 -8
- package/dist/ui/checkbox.mjs +2 -2
- package/dist/ui/command/animated.js +2 -2
- package/dist/ui/command/animated.mjs +1 -1
- package/dist/ui/command.js +15 -15
- package/dist/ui/command.mjs +2 -2
- package/dist/ui/context-menu/context-menu.d.ts +11 -0
- package/dist/ui/context-menu/context-menu.d.ts.map +1 -0
- package/dist/ui/context-menu/index.d.ts +4 -0
- package/dist/ui/context-menu/index.d.ts.map +1 -0
- package/dist/ui/context-menu/types.d.ts +81 -0
- package/dist/ui/context-menu/types.d.ts.map +1 -0
- package/dist/ui/context-menu/variants.d.ts +7 -0
- package/dist/ui/context-menu/variants.d.ts.map +1 -0
- package/dist/ui/context-menu.js +500 -0
- package/dist/ui/context-menu.js.map +1 -0
- package/dist/ui/context-menu.mjs +488 -0
- package/dist/ui/context-menu.mjs.map +1 -0
- package/dist/ui/drawer/animated.js +11 -11
- package/dist/ui/drawer/animated.mjs +2 -2
- package/dist/ui/drawer.js +11 -11
- package/dist/ui/drawer.mjs +1 -1
- package/dist/ui/dropdown.js +9 -89
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdown.mjs +1 -81
- package/dist/ui/dropdown.mjs.map +1 -1
- package/dist/ui/dynamic-stepper.js +47 -47
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +47 -47
- package/dist/ui/dynamic-stepper.mjs.map +1 -1
- package/dist/ui/file-upload.js +15 -15
- package/dist/ui/file-upload.js.map +1 -1
- package/dist/ui/file-upload.mjs +15 -15
- 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.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.js +12 -12
- package/dist/ui/modal.mjs +2 -2
- package/dist/ui/pagination.js +25 -25
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pagination.mjs +25 -25
- package/dist/ui/pagination.mjs.map +1 -1
- package/dist/ui/popover/animated.js +4 -4
- package/dist/ui/popover/animated.mjs +1 -1
- package/dist/ui/popover.js +7 -7
- package/dist/ui/popover.mjs +1 -1
- package/dist/ui/radio-group/animated.js +7 -7
- package/dist/ui/radio-group/animated.mjs +1 -1
- package/dist/ui/radio-group.js +11 -11
- package/dist/ui/radio-group.mjs +2 -2
- package/dist/ui/scroll-area/index.d.ts +4 -0
- package/dist/ui/scroll-area/index.d.ts.map +1 -0
- package/dist/ui/scroll-area/scroll-area.d.ts +6 -0
- package/dist/ui/scroll-area/scroll-area.d.ts.map +1 -0
- package/dist/ui/scroll-area/types.d.ts +8 -0
- package/dist/ui/scroll-area/types.d.ts.map +1 -0
- package/dist/ui/scroll-area/variants.d.ts +8 -0
- package/dist/ui/scroll-area/variants.d.ts.map +1 -0
- package/dist/ui/scroll-area.js +123 -0
- package/dist/ui/scroll-area.js.map +1 -0
- package/dist/ui/scroll-area.mjs +120 -0
- package/dist/ui/scroll-area.mjs.map +1 -0
- package/dist/ui/search.js +2 -2
- package/dist/ui/search.mjs +1 -1
- package/dist/ui/select.js +35 -35
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/select.mjs +35 -35
- 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.js +9 -9
- package/dist/ui/skeleton.mjs +1 -1
- package/dist/ui/slider.js +23 -23
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/slider.mjs +23 -23
- package/dist/ui/slider.mjs.map +1 -1
- package/dist/ui/stepper.js +22 -22
- package/dist/ui/stepper.js.map +1 -1
- package/dist/ui/stepper.mjs +22 -22
- 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.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.js +9 -9
- package/dist/ui/tabs.mjs +1 -1
- package/dist/ui/timeline/animated/animations.d.ts +8 -0
- package/dist/ui/timeline/animated/animations.d.ts.map +1 -0
- package/dist/ui/timeline/animated/index.d.ts +6 -0
- package/dist/ui/timeline/animated/index.d.ts.map +1 -0
- package/dist/ui/timeline/animated/timeline-item-animated.d.ts +8 -0
- package/dist/ui/timeline/animated/timeline-item-animated.d.ts.map +1 -0
- package/dist/ui/timeline/animated/types.d.ts +12 -0
- package/dist/ui/timeline/animated/types.d.ts.map +1 -0
- package/dist/ui/timeline/animated.js +94 -0
- package/dist/ui/timeline/animated.js.map +1 -0
- package/dist/ui/timeline/animated.mjs +71 -0
- package/dist/ui/timeline/animated.mjs.map +1 -0
- package/dist/ui/timeline/index.d.ts +4 -0
- package/dist/ui/timeline/index.d.ts.map +1 -0
- package/dist/ui/timeline/timeline-base.d.ts +37 -0
- package/dist/ui/timeline/timeline-base.d.ts.map +1 -0
- package/dist/ui/timeline/timeline.d.ts +8 -0
- package/dist/ui/timeline/timeline.d.ts.map +1 -0
- package/dist/ui/timeline/types.d.ts +38 -0
- package/dist/ui/timeline/types.d.ts.map +1 -0
- package/dist/ui/timeline/variants.d.ts +19 -0
- package/dist/ui/timeline/variants.d.ts.map +1 -0
- package/dist/ui/timeline.js +63 -0
- package/dist/ui/timeline.js.map +1 -0
- package/dist/ui/timeline.mjs +14 -0
- package/dist/ui/timeline.mjs.map +1 -0
- package/dist/ui/toast/animated.js +7 -7
- package/dist/ui/toast/animated.mjs +1 -1
- package/dist/ui/toast.js +12 -12
- package/dist/ui/toast.mjs +1 -1
- package/dist/ui/toggle/animated.js +4 -4
- package/dist/ui/toggle/animated.mjs +1 -1
- package/dist/ui/toggle.js +4 -4
- package/dist/ui/toggle.mjs +2 -2
- package/dist/ui/tooltip/animated.js +3 -3
- package/dist/ui/tooltip/animated.mjs +1 -1
- package/dist/ui/tooltip.js +7 -7
- package/dist/ui/tooltip.mjs +1 -1
- package/dist/ui/typography.js +15 -15
- package/dist/ui/typography.js.map +1 -1
- package/dist/ui/typography.mjs +15 -15
- package/dist/ui/typography.mjs.map +1 -1
- package/package.json +1 -1
- package/src/design-system/accordion.ts +1 -1
- package/src/design-system/alert.ts +5 -5
- package/src/design-system/badge.ts +3 -3
- package/src/design-system/card.ts +2 -2
- package/src/design-system/checkbox.ts +10 -12
- package/src/design-system/command.ts +1 -1
- package/src/design-system/context-menu.ts +44 -0
- package/src/design-system/drawer.ts +1 -1
- package/src/design-system/dropdown.ts +31 -31
- package/src/design-system/dynamic-stepper.ts +47 -47
- package/src/design-system/file-upload.ts +15 -15
- package/src/design-system/index.ts +3 -0
- package/src/design-system/inputs.ts +13 -13
- package/src/design-system/modal.ts +1 -1
- package/src/design-system/pagination.ts +25 -25
- package/src/design-system/popover.ts +19 -23
- package/src/design-system/radio-group.ts +10 -12
- package/src/design-system/scroll-area.ts +47 -0
- package/src/design-system/select.ts +36 -35
- package/src/design-system/skeleton.ts +20 -13
- package/src/design-system/slider.ts +23 -23
- package/src/design-system/stepper.ts +22 -22
- package/src/design-system/table.ts +13 -13
- package/src/design-system/tabs.ts +5 -4
- package/src/design-system/timeline.ts +87 -0
- package/src/design-system/toast.ts +17 -17
- package/src/design-system/toggle.ts +55 -54
- package/src/design-system/tooltip.ts +20 -20
- package/src/design-system/typography.ts +15 -15
- package/src/ui/alert/animated/alert-animated.tsx +1 -0
- package/src/ui/context-menu/context-menu.test.tsx +176 -0
- package/src/ui/context-menu/context-menu.tsx +536 -0
- package/src/ui/context-menu/index.ts +29 -0
- package/src/ui/context-menu/types.ts +110 -0
- package/src/ui/context-menu/variants.ts +26 -0
- package/src/ui/scroll-area/index.ts +5 -0
- package/src/ui/scroll-area/scroll-area.test.tsx +116 -0
- package/src/ui/scroll-area/scroll-area.tsx +62 -0
- package/src/ui/scroll-area/types.ts +11 -0
- package/src/ui/scroll-area/variants.ts +44 -0
- package/src/ui/timeline/animated/animations.ts +16 -0
- package/src/ui/timeline/animated/index.ts +22 -0
- package/src/ui/timeline/animated/timeline-item-animated.tsx +76 -0
- package/src/ui/timeline/animated/types.ts +21 -0
- package/src/ui/timeline/index.ts +30 -0
- package/src/ui/timeline/timeline-base.tsx +232 -0
- package/src/ui/timeline/timeline.test.tsx +262 -0
- package/src/ui/timeline/timeline.tsx +24 -0
- package/src/ui/timeline/types.ts +61 -0
- package/src/ui/timeline/variants.ts +60 -0
- package/dist/chunk-4XVNQ7IY.mjs.map +0 -1
- package/dist/chunk-4ZKBLVQX.js.map +0 -1
- package/dist/chunk-6QQUQLPB.js +0 -107
- package/dist/chunk-6QQUQLPB.js.map +0 -1
- package/dist/chunk-ACGVDY5J.mjs.map +0 -1
- package/dist/chunk-BC6M42HQ.mjs.map +0 -1
- package/dist/chunk-BTJYXKCW.js.map +0 -1
- package/dist/chunk-CL55KGDF.js.map +0 -1
- package/dist/chunk-EDARAO7X.js.map +0 -1
- package/dist/chunk-EN4VLNBF.js +0 -197
- package/dist/chunk-EN4VLNBF.js.map +0 -1
- package/dist/chunk-FHLZH3PB.mjs.map +0 -1
- package/dist/chunk-HCGSEPOD.mjs.map +0 -1
- package/dist/chunk-HMNIH3KJ.mjs.map +0 -1
- package/dist/chunk-ITVMSCOJ.mjs.map +0 -1
- package/dist/chunk-K6IZANTI.mjs +0 -80
- package/dist/chunk-K6IZANTI.mjs.map +0 -1
- package/dist/chunk-K7TCW5PJ.js.map +0 -1
- package/dist/chunk-KEKMMNL5.mjs.map +0 -1
- package/dist/chunk-KTGV76M3.mjs.map +0 -1
- package/dist/chunk-MTTXLC2V.mjs +0 -100
- package/dist/chunk-MTTXLC2V.mjs.map +0 -1
- package/dist/chunk-NHQ3S4Y6.mjs.map +0 -1
- package/dist/chunk-NZDHSIIC.js.map +0 -1
- package/dist/chunk-OZMSE44N.mjs.map +0 -1
- package/dist/chunk-P5WLYJ2C.mjs.map +0 -1
- package/dist/chunk-PHEUJ4EF.js +0 -84
- package/dist/chunk-PHEUJ4EF.js.map +0 -1
- package/dist/chunk-PMWRJ2KS.mjs +0 -192
- package/dist/chunk-PMWRJ2KS.mjs.map +0 -1
- package/dist/chunk-PR4QXFJT.js.map +0 -1
- package/dist/chunk-QAJOE3HJ.js.map +0 -1
- package/dist/chunk-QBPVJH4P.mjs.map +0 -1
- package/dist/chunk-QSPXPU72.js.map +0 -1
- package/dist/chunk-QXHS3HHZ.mjs.map +0 -1
- package/dist/chunk-QYLTKBH7.js.map +0 -1
- package/dist/chunk-WPXQHWPV.js.map +0 -1
- package/dist/chunk-YAO62VH2.js.map +0 -1
- package/dist/chunk-ZYKJC5HH.js.map +0 -1
package/dist/ui/tabs/animated.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunkBU2MPXPZ_js = require('../../chunk-BU2MPXPZ.js');
|
|
5
5
|
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
6
6
|
var framerMotion = require('framer-motion');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -54,7 +54,7 @@ function TabsContentAnimated({
|
|
|
54
54
|
orientation,
|
|
55
55
|
tabTriggerId,
|
|
56
56
|
tabPanelId
|
|
57
|
-
} =
|
|
57
|
+
} = chunkBU2MPXPZ_js.useTabs();
|
|
58
58
|
const prefersReducedMotion2 = framerMotion.useReducedMotion();
|
|
59
59
|
if (activeValue !== value) return null;
|
|
60
60
|
const motionProps = getTabsContentMotionProps(
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { useTabs } from '../../chunk-
|
|
2
|
+
import { useTabs } from '../../chunk-NNZXBL7R.mjs';
|
|
3
3
|
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
4
4
|
import { useReducedMotion, motion } from 'framer-motion';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
package/dist/ui/tabs.js
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunkBU2MPXPZ_js = require('../chunk-BU2MPXPZ.js');
|
|
5
5
|
require('../chunk-ZS5756ZC.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, "Tabs", {
|
|
10
10
|
enumerable: true,
|
|
11
|
-
get: function () { return
|
|
11
|
+
get: function () { return chunkBU2MPXPZ_js.Tabs; }
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "TabsContent", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunkBU2MPXPZ_js.TabsContent; }
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TabsContext", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () { return
|
|
19
|
+
get: function () { return chunkBU2MPXPZ_js.TabsContext; }
|
|
20
20
|
});
|
|
21
21
|
Object.defineProperty(exports, "TabsList", {
|
|
22
22
|
enumerable: true,
|
|
23
|
-
get: function () { return
|
|
23
|
+
get: function () { return chunkBU2MPXPZ_js.TabsList; }
|
|
24
24
|
});
|
|
25
25
|
Object.defineProperty(exports, "TabsTrigger", {
|
|
26
26
|
enumerable: true,
|
|
27
|
-
get: function () { return
|
|
27
|
+
get: function () { return chunkBU2MPXPZ_js.TabsTrigger; }
|
|
28
28
|
});
|
|
29
29
|
Object.defineProperty(exports, "tabsListVariants", {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: function () { return
|
|
31
|
+
get: function () { return chunkBU2MPXPZ_js.tabsListVariants; }
|
|
32
32
|
});
|
|
33
33
|
Object.defineProperty(exports, "tabsTriggerVariants", {
|
|
34
34
|
enumerable: true,
|
|
35
|
-
get: function () { return
|
|
35
|
+
get: function () { return chunkBU2MPXPZ_js.tabsTriggerVariants; }
|
|
36
36
|
});
|
|
37
37
|
Object.defineProperty(exports, "useTabs", {
|
|
38
38
|
enumerable: true,
|
|
39
|
-
get: function () { return
|
|
39
|
+
get: function () { return chunkBU2MPXPZ_js.useTabs; }
|
|
40
40
|
});
|
|
41
41
|
//# sourceMappingURL=tabs.js.map
|
|
42
42
|
//# sourceMappingURL=tabs.js.map
|
package/dist/ui/tabs.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs } from '../chunk-
|
|
2
|
+
export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs } from '../chunk-NNZXBL7R.mjs';
|
|
3
3
|
import '../chunk-4D54YOL6.mjs';
|
|
4
4
|
//# sourceMappingURL=tabs.mjs.map
|
|
5
5
|
//# sourceMappingURL=tabs.mjs.map
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Transition } from "framer-motion";
|
|
2
|
+
/** Entrance presets for animated timeline items (fade + slide, connector draw). */
|
|
3
|
+
export type TimelineTransition = "none" | "default" | "smooth" | "slow";
|
|
4
|
+
export type TimelineTransitionPresets = Record<TimelineTransition, Transition>;
|
|
5
|
+
export declare const timelineItemTransitionPresets: TimelineTransitionPresets;
|
|
6
|
+
/** Default per-item entrance delay multiplier (seconds) for staggered reveals. */
|
|
7
|
+
export declare const TIMELINE_DEFAULT_STAGGER = 0.08;
|
|
8
|
+
//# sourceMappingURL=animations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/timeline/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,mFAAmF;AACnF,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAExE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAE/E,eAAO,MAAM,6BAA6B,EAAE,yBAK3C,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,wBAAwB,OAAO,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineTitle, } from "../timeline-base";
|
|
2
|
+
export { TimelineItem } from "./timeline-item-animated";
|
|
3
|
+
export type { TimelineAnimatedProps, TimelineItemAnimatedProps, } from "./types";
|
|
4
|
+
export { TIMELINE_DEFAULT_STAGGER, timelineItemTransitionPresets, } from "./animations";
|
|
5
|
+
export type { TimelineTransition, TimelineTransitionPresets, } from "./animations";
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/timeline/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,YAAY,EACV,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { TimelineItemAnimatedProps } from "./types";
|
|
2
|
+
export declare function TimelineItem({ className, children, transitionVariant, stagger, ref, ...rest }: TimelineItemAnimatedProps & {
|
|
3
|
+
ref?: React.Ref<HTMLLIElement>;
|
|
4
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare namespace TimelineItem {
|
|
6
|
+
var displayName: string;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=timeline-item-animated.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline-item-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/timeline/animated/timeline-item-animated.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,iBAA6B,EAC7B,OAAkC,EAClC,GAAG,EACH,GAAG,IAAI,EACR,EAAE,yBAAyB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;CAAE,2CA2ChE;yBAlDe,YAAY"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { TimelineItemProps, TimelineProps } from "../types";
|
|
2
|
+
import type { TimelineTransition } from "./animations";
|
|
3
|
+
export type TimelineAnimatedProps = TimelineProps;
|
|
4
|
+
/** Motion `li` uses different handler types than some React DOM events. */
|
|
5
|
+
export type TimelineItemMotionConflictProps = "onAnimationStart" | "onDrag" | "onDragEnd" | "onDragStart";
|
|
6
|
+
export type TimelineItemAnimatedProps = Omit<TimelineItemProps, TimelineItemMotionConflictProps> & {
|
|
7
|
+
/** Entrance easing/duration preset. `none` renders without motion. */
|
|
8
|
+
transitionVariant?: TimelineTransition;
|
|
9
|
+
/** Per-item entrance delay multiplier in seconds (index × stagger). */
|
|
10
|
+
stagger?: number;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/timeline/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAElD,2EAA2E;AAC3E,MAAM,MAAM,+BAA+B,GACvC,kBAAkB,GAClB,QAAQ,GACR,WAAW,GACX,aAAa,CAAC;AAElB,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,iBAAiB,EACjB,+BAA+B,CAChC,GAAG;IACF,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkZ4KHAD6Y_js = require('../../chunk-Z4KHAD6Y.js');
|
|
5
|
+
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
var framerMotion = require('framer-motion');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
|
|
10
|
+
// src/ui/timeline/animated/animations.ts
|
|
11
|
+
var timelineItemTransitionPresets = {
|
|
12
|
+
none: { duration: 0 },
|
|
13
|
+
default: { duration: 0.4, ease: [0.22, 1, 0.36, 1] },
|
|
14
|
+
smooth: { duration: 0.55, ease: [0.22, 1, 0.36, 1] },
|
|
15
|
+
slow: { duration: 0.8, ease: [0.4, 0, 0.2, 1] }
|
|
16
|
+
};
|
|
17
|
+
var TIMELINE_DEFAULT_STAGGER = 0.08;
|
|
18
|
+
function TimelineItem({
|
|
19
|
+
className,
|
|
20
|
+
children,
|
|
21
|
+
transitionVariant = "default",
|
|
22
|
+
stagger = TIMELINE_DEFAULT_STAGGER,
|
|
23
|
+
ref,
|
|
24
|
+
...rest
|
|
25
|
+
}) {
|
|
26
|
+
const { size, total } = chunkZ4KHAD6Y_js.useTimelineContext("TimelineItem");
|
|
27
|
+
const index = chunkZ4KHAD6Y_js.useTimelineIndex("TimelineItem");
|
|
28
|
+
const isLast = index === total - 1;
|
|
29
|
+
const itemCtx = react.useMemo(
|
|
30
|
+
() => ({ index, isLast }),
|
|
31
|
+
[index, isLast]
|
|
32
|
+
);
|
|
33
|
+
const reducedMotion = framerMotion.useReducedMotion();
|
|
34
|
+
const motionless = transitionVariant === "none" || Boolean(reducedMotion);
|
|
35
|
+
const transition = timelineItemTransitionPresets[transitionVariant];
|
|
36
|
+
const delay = index * stagger;
|
|
37
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkZ4KHAD6Y_js.TimelineItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
38
|
+
framerMotion.motion.li,
|
|
39
|
+
{
|
|
40
|
+
ref,
|
|
41
|
+
"data-slot": "timeline-item",
|
|
42
|
+
"data-last": isLast ? "" : void 0,
|
|
43
|
+
className: chunkZS5756ZC_js.cn(chunkZ4KHAD6Y_js.timelineItemVariants(), className),
|
|
44
|
+
initial: motionless ? false : { opacity: 0, y: 12 },
|
|
45
|
+
whileInView: motionless ? void 0 : { opacity: 1, y: 0 },
|
|
46
|
+
viewport: { once: true, amount: 0.35 },
|
|
47
|
+
transition: { ...transition, delay },
|
|
48
|
+
...rest,
|
|
49
|
+
children: [
|
|
50
|
+
!isLast ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
51
|
+
framerMotion.motion.span,
|
|
52
|
+
{
|
|
53
|
+
"aria-hidden": "true",
|
|
54
|
+
"data-slot": "timeline-connector",
|
|
55
|
+
className: chunkZ4KHAD6Y_js.timelineConnectorVariants({ size }),
|
|
56
|
+
style: { originY: 0 },
|
|
57
|
+
initial: motionless ? false : { scaleY: 0, x: "-50%" },
|
|
58
|
+
whileInView: motionless ? void 0 : { scaleY: 1, x: "-50%" },
|
|
59
|
+
viewport: { once: true, amount: 0.35 },
|
|
60
|
+
transition: { ...transition, delay: delay + 0.12 }
|
|
61
|
+
}
|
|
62
|
+
) : null,
|
|
63
|
+
children
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
) });
|
|
67
|
+
}
|
|
68
|
+
TimelineItem.displayName = "TimelineItem";
|
|
69
|
+
|
|
70
|
+
Object.defineProperty(exports, "Timeline", {
|
|
71
|
+
enumerable: true,
|
|
72
|
+
get: function () { return chunkZ4KHAD6Y_js.Timeline; }
|
|
73
|
+
});
|
|
74
|
+
Object.defineProperty(exports, "TimelineContent", {
|
|
75
|
+
enumerable: true,
|
|
76
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineContent; }
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "TimelineDescription", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineDescription; }
|
|
81
|
+
});
|
|
82
|
+
Object.defineProperty(exports, "TimelineIndicator", {
|
|
83
|
+
enumerable: true,
|
|
84
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineIndicator; }
|
|
85
|
+
});
|
|
86
|
+
Object.defineProperty(exports, "TimelineTitle", {
|
|
87
|
+
enumerable: true,
|
|
88
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineTitle; }
|
|
89
|
+
});
|
|
90
|
+
exports.TIMELINE_DEFAULT_STAGGER = TIMELINE_DEFAULT_STAGGER;
|
|
91
|
+
exports.TimelineItem = TimelineItem;
|
|
92
|
+
exports.timelineItemTransitionPresets = timelineItemTransitionPresets;
|
|
93
|
+
//# sourceMappingURL=animated.js.map
|
|
94
|
+
//# sourceMappingURL=animated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/timeline/animated/animations.ts","../../../src/ui/timeline/animated/timeline-item-animated.tsx"],"names":["useTimelineContext","useTimelineIndex","useMemo","useReducedMotion","jsx","TimelineItemContext","jsxs","motion","cn","timelineItemVariants","timelineConnectorVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { Transition } from \"framer-motion\";\n\n/** Entrance presets for animated timeline items (fade + slide, connector draw). */\nexport type TimelineTransition = \"none\" | \"default\" | \"smooth\" | \"slow\";\n\nexport type TimelineTransitionPresets = Record<TimelineTransition, Transition>;\n\nexport const timelineItemTransitionPresets: TimelineTransitionPresets = {\n none: { duration: 0 },\n default: { duration: 0.4, ease: [0.22, 1, 0.36, 1] },\n smooth: { duration: 0.55, ease: [0.22, 1, 0.36, 1] },\n slow: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },\n};\n\n/** Default per-item entrance delay multiplier (seconds) for staggered reveals. */\nexport const TIMELINE_DEFAULT_STAGGER = 0.08;\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport {\n TimelineItemContext,\n useTimelineContext,\n useTimelineIndex,\n} from \"../timeline-base\";\nimport type { TimelineItemCtx } from \"../types\";\nimport {\n timelineConnectorVariants,\n timelineItemVariants,\n} from \"../variants\";\nimport {\n TIMELINE_DEFAULT_STAGGER,\n timelineItemTransitionPresets,\n} from \"./animations\";\nimport type { TimelineItemAnimatedProps } from \"./types\";\n\nexport function TimelineItem({\n className,\n children,\n transitionVariant = \"default\",\n stagger = TIMELINE_DEFAULT_STAGGER,\n ref,\n ...rest\n}: TimelineItemAnimatedProps & { ref?: React.Ref<HTMLLIElement> }) {\n const { size, total } = useTimelineContext(\"TimelineItem\");\n const index = useTimelineIndex(\"TimelineItem\");\n const isLast = index === total - 1;\n const itemCtx = useMemo<TimelineItemCtx>(\n () => ({ index, isLast }),\n [index, isLast],\n );\n\n const reducedMotion = useReducedMotion();\n const motionless = transitionVariant === \"none\" || Boolean(reducedMotion);\n const transition = timelineItemTransitionPresets[transitionVariant];\n const delay = index * stagger;\n\n return (\n <TimelineItemContext.Provider value={itemCtx}>\n <motion.li\n ref={ref}\n data-slot=\"timeline-item\"\n data-last={isLast ? \"\" : undefined}\n className={cn(timelineItemVariants(), className)}\n initial={motionless ? false : { opacity: 0, y: 12 }}\n whileInView={motionless ? undefined : { opacity: 1, y: 0 }}\n viewport={{ once: true, amount: 0.35 }}\n transition={{ ...transition, delay }}\n {...rest}\n >\n {!isLast ? (\n <motion.span\n aria-hidden=\"true\"\n data-slot=\"timeline-connector\"\n className={timelineConnectorVariants({ size })}\n style={{ originY: 0 }}\n initial={motionless ? false : { scaleY: 0, x: \"-50%\" }}\n whileInView={motionless ? undefined : { scaleY: 1, x: \"-50%\" }}\n viewport={{ once: true, amount: 0.35 }}\n transition={{ ...transition, delay: delay + 0.12 }}\n />\n ) : null}\n {children}\n </motion.li>\n </TimelineItemContext.Provider>\n );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n"]}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useTimelineContext, useTimelineIndex, TimelineItemContext, timelineConnectorVariants, timelineItemVariants } from '../../chunk-V5JTDRV5.mjs';
|
|
3
|
+
export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineTitle } from '../../chunk-V5JTDRV5.mjs';
|
|
4
|
+
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
5
|
+
import { useMemo } from 'react';
|
|
6
|
+
import { useReducedMotion, motion } from 'framer-motion';
|
|
7
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
// src/ui/timeline/animated/animations.ts
|
|
10
|
+
var timelineItemTransitionPresets = {
|
|
11
|
+
none: { duration: 0 },
|
|
12
|
+
default: { duration: 0.4, ease: [0.22, 1, 0.36, 1] },
|
|
13
|
+
smooth: { duration: 0.55, ease: [0.22, 1, 0.36, 1] },
|
|
14
|
+
slow: { duration: 0.8, ease: [0.4, 0, 0.2, 1] }
|
|
15
|
+
};
|
|
16
|
+
var TIMELINE_DEFAULT_STAGGER = 0.08;
|
|
17
|
+
function TimelineItem({
|
|
18
|
+
className,
|
|
19
|
+
children,
|
|
20
|
+
transitionVariant = "default",
|
|
21
|
+
stagger = TIMELINE_DEFAULT_STAGGER,
|
|
22
|
+
ref,
|
|
23
|
+
...rest
|
|
24
|
+
}) {
|
|
25
|
+
const { size, total } = useTimelineContext("TimelineItem");
|
|
26
|
+
const index = useTimelineIndex("TimelineItem");
|
|
27
|
+
const isLast = index === total - 1;
|
|
28
|
+
const itemCtx = useMemo(
|
|
29
|
+
() => ({ index, isLast }),
|
|
30
|
+
[index, isLast]
|
|
31
|
+
);
|
|
32
|
+
const reducedMotion = useReducedMotion();
|
|
33
|
+
const motionless = transitionVariant === "none" || Boolean(reducedMotion);
|
|
34
|
+
const transition = timelineItemTransitionPresets[transitionVariant];
|
|
35
|
+
const delay = index * stagger;
|
|
36
|
+
return /* @__PURE__ */ jsx(TimelineItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxs(
|
|
37
|
+
motion.li,
|
|
38
|
+
{
|
|
39
|
+
ref,
|
|
40
|
+
"data-slot": "timeline-item",
|
|
41
|
+
"data-last": isLast ? "" : void 0,
|
|
42
|
+
className: cn(timelineItemVariants(), className),
|
|
43
|
+
initial: motionless ? false : { opacity: 0, y: 12 },
|
|
44
|
+
whileInView: motionless ? void 0 : { opacity: 1, y: 0 },
|
|
45
|
+
viewport: { once: true, amount: 0.35 },
|
|
46
|
+
transition: { ...transition, delay },
|
|
47
|
+
...rest,
|
|
48
|
+
children: [
|
|
49
|
+
!isLast ? /* @__PURE__ */ jsx(
|
|
50
|
+
motion.span,
|
|
51
|
+
{
|
|
52
|
+
"aria-hidden": "true",
|
|
53
|
+
"data-slot": "timeline-connector",
|
|
54
|
+
className: timelineConnectorVariants({ size }),
|
|
55
|
+
style: { originY: 0 },
|
|
56
|
+
initial: motionless ? false : { scaleY: 0, x: "-50%" },
|
|
57
|
+
whileInView: motionless ? void 0 : { scaleY: 1, x: "-50%" },
|
|
58
|
+
viewport: { once: true, amount: 0.35 },
|
|
59
|
+
transition: { ...transition, delay: delay + 0.12 }
|
|
60
|
+
}
|
|
61
|
+
) : null,
|
|
62
|
+
children
|
|
63
|
+
]
|
|
64
|
+
}
|
|
65
|
+
) });
|
|
66
|
+
}
|
|
67
|
+
TimelineItem.displayName = "TimelineItem";
|
|
68
|
+
|
|
69
|
+
export { TIMELINE_DEFAULT_STAGGER, TimelineItem, timelineItemTransitionPresets };
|
|
70
|
+
//# sourceMappingURL=animated.mjs.map
|
|
71
|
+
//# sourceMappingURL=animated.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/timeline/animated/animations.ts","../../../src/ui/timeline/animated/timeline-item-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { Transition } from \"framer-motion\";\n\n/** Entrance presets for animated timeline items (fade + slide, connector draw). */\nexport type TimelineTransition = \"none\" | \"default\" | \"smooth\" | \"slow\";\n\nexport type TimelineTransitionPresets = Record<TimelineTransition, Transition>;\n\nexport const timelineItemTransitionPresets: TimelineTransitionPresets = {\n none: { duration: 0 },\n default: { duration: 0.4, ease: [0.22, 1, 0.36, 1] },\n smooth: { duration: 0.55, ease: [0.22, 1, 0.36, 1] },\n slow: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },\n};\n\n/** Default per-item entrance delay multiplier (seconds) for staggered reveals. */\nexport const TIMELINE_DEFAULT_STAGGER = 0.08;\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport {\n TimelineItemContext,\n useTimelineContext,\n useTimelineIndex,\n} from \"../timeline-base\";\nimport type { TimelineItemCtx } from \"../types\";\nimport {\n timelineConnectorVariants,\n timelineItemVariants,\n} from \"../variants\";\nimport {\n TIMELINE_DEFAULT_STAGGER,\n timelineItemTransitionPresets,\n} from \"./animations\";\nimport type { TimelineItemAnimatedProps } from \"./types\";\n\nexport function TimelineItem({\n className,\n children,\n transitionVariant = \"default\",\n stagger = TIMELINE_DEFAULT_STAGGER,\n ref,\n ...rest\n}: TimelineItemAnimatedProps & { ref?: React.Ref<HTMLLIElement> }) {\n const { size, total } = useTimelineContext(\"TimelineItem\");\n const index = useTimelineIndex(\"TimelineItem\");\n const isLast = index === total - 1;\n const itemCtx = useMemo<TimelineItemCtx>(\n () => ({ index, isLast }),\n [index, isLast],\n );\n\n const reducedMotion = useReducedMotion();\n const motionless = transitionVariant === \"none\" || Boolean(reducedMotion);\n const transition = timelineItemTransitionPresets[transitionVariant];\n const delay = index * stagger;\n\n return (\n <TimelineItemContext.Provider value={itemCtx}>\n <motion.li\n ref={ref}\n data-slot=\"timeline-item\"\n data-last={isLast ? \"\" : undefined}\n className={cn(timelineItemVariants(), className)}\n initial={motionless ? false : { opacity: 0, y: 12 }}\n whileInView={motionless ? undefined : { opacity: 1, y: 0 }}\n viewport={{ once: true, amount: 0.35 }}\n transition={{ ...transition, delay }}\n {...rest}\n >\n {!isLast ? (\n <motion.span\n aria-hidden=\"true\"\n data-slot=\"timeline-connector\"\n className={timelineConnectorVariants({ size })}\n style={{ originY: 0 }}\n initial={motionless ? false : { scaleY: 0, x: \"-50%\" }}\n whileInView={motionless ? undefined : { scaleY: 1, x: \"-50%\" }}\n viewport={{ once: true, amount: 0.35 }}\n transition={{ ...transition, delay: delay + 0.12 }}\n />\n ) : null}\n {children}\n </motion.li>\n </TimelineItemContext.Provider>\n );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineTitle, } from "./timeline";
|
|
2
|
+
export type { TimelineAppearance, TimelineContentProps, TimelineDescriptionProps, TimelineIndicatorProps, TimelineItemProps, TimelineProps, TimelineSize, TimelineTitleProps, TimelineTransition, } from "./types";
|
|
3
|
+
export { timelineConnectorVariants, timelineContentVariants, timelineDescriptionVariants, timelineIndicatorVariants, timelineItemVariants, timelineTitleVariants, timelineVariants, } from "./variants";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/timeline/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,2BAA2B,EAC3B,yBAAyB,EACzB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { TimelineContentProps, TimelineCtx, TimelineDescriptionProps, TimelineIndicatorProps, TimelineItemCtx, TimelineItemProps, TimelineProps, TimelineTitleProps } from "./types";
|
|
2
|
+
export declare const TimelineItemContext: import("react").Context<TimelineItemCtx | null>;
|
|
3
|
+
export declare function useTimelineContext(component: string): TimelineCtx;
|
|
4
|
+
export declare function useTimelineIndex(component: string): number;
|
|
5
|
+
export declare function Timeline({ appearance, size, className, children, ref, ...rest }: TimelineProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare namespace Timeline {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function TimelineItem({ className, children, ref, ...rest }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare namespace TimelineItem {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function TimelineIndicator({ className, appearance, children, ref, ...rest }: TimelineIndicatorProps & {
|
|
14
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
15
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare namespace TimelineIndicator {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function TimelineContent({ className, children, ref, ...rest }: TimelineContentProps & {
|
|
20
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
21
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare namespace TimelineContent {
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
25
|
+
export declare function TimelineTitle({ className, ref, ...rest }: TimelineTitleProps & {
|
|
26
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
27
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare namespace TimelineTitle {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
export declare function TimelineDescription({ className, ref, ...rest }: TimelineDescriptionProps & {
|
|
32
|
+
ref?: React.Ref<HTMLParagraphElement>;
|
|
33
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare namespace TimelineDescription {
|
|
35
|
+
var displayName: string;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=timeline-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline-base.d.ts","sourceRoot":"","sources":["../../../src/ui/timeline/timeline-base.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,oBAAoB,EACpB,WAAW,EACX,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,aAAa,EAEb,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAejB,eAAO,MAAM,mBAAmB,iDAA8C,CAAC;AAE/E,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAMjE;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAM1D;AAUD,wBAAgB,QAAQ,CAAC,EACvB,UAAsB,EACtB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,2CA8Bf;yBArCe,QAAQ;;;AAyCxB,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,iBAAiB,2CA6BnB;yBAlCe,YAAY;;;AAsC5B,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,sBAAsB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAmB9D;yBAzBe,iBAAiB;;;AA6BjC,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAiB5D;yBAtBe,eAAe;;;AA0B/B,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAU1D;yBAde,aAAa;;;AAkB7B,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,2CAUtE;yBAde,mBAAmB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineTitle } from "./timeline-base";
|
|
2
|
+
import type { TimelineProps } from "./types";
|
|
3
|
+
export declare function Timeline(props: TimelineProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare namespace Timeline {
|
|
5
|
+
var displayName: string;
|
|
6
|
+
}
|
|
7
|
+
export { TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineTitle, };
|
|
8
|
+
//# sourceMappingURL=timeline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/ui/timeline/timeline.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;yBAFe,QAAQ;;;AAMxB,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,aAAa,GACd,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { VariantProps } from "class-variance-authority";
|
|
2
|
+
import type { ComponentPropsWithRef, ComponentPropsWithoutRef, ReactNode } from "react";
|
|
3
|
+
import type { TimelineTransition } from "./animated/animations";
|
|
4
|
+
import type { timelineIndicatorVariants, timelineVariants } from "./variants";
|
|
5
|
+
export type { TimelineTransition };
|
|
6
|
+
type TimelineVariantProps = VariantProps<typeof timelineVariants>;
|
|
7
|
+
export type TimelineAppearance = NonNullable<VariantProps<typeof timelineIndicatorVariants>["appearance"]>;
|
|
8
|
+
export type TimelineSize = NonNullable<VariantProps<typeof timelineIndicatorVariants>["size"]>;
|
|
9
|
+
export type TimelineProps = TimelineVariantProps & {
|
|
10
|
+
/** Default indicator appearance applied to every item (overridable per indicator). */
|
|
11
|
+
appearance?: TimelineAppearance;
|
|
12
|
+
/** Controls indicator size, content spacing, and text scale. */
|
|
13
|
+
size?: TimelineSize;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
} & Omit<ComponentPropsWithRef<"ol">, "children">;
|
|
16
|
+
export type TimelineItemProps = ComponentPropsWithRef<"li"> & {
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
};
|
|
19
|
+
export type TimelineIndicatorProps = ComponentPropsWithoutRef<"div"> & {
|
|
20
|
+
/** Override the appearance inherited from the Timeline root. */
|
|
21
|
+
appearance?: TimelineAppearance;
|
|
22
|
+
children?: ReactNode;
|
|
23
|
+
};
|
|
24
|
+
export type TimelineContentProps = ComponentPropsWithoutRef<"div"> & {
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
};
|
|
27
|
+
export type TimelineTitleProps = ComponentPropsWithoutRef<"div">;
|
|
28
|
+
export type TimelineDescriptionProps = ComponentPropsWithoutRef<"p">;
|
|
29
|
+
export type TimelineCtx = {
|
|
30
|
+
appearance: TimelineAppearance;
|
|
31
|
+
size: TimelineSize;
|
|
32
|
+
total: number;
|
|
33
|
+
};
|
|
34
|
+
export type TimelineItemCtx = {
|
|
35
|
+
index: number;
|
|
36
|
+
isLast: boolean;
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/timeline/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EACV,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EACV,yBAAyB,EACzB,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAC1C,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC,YAAY,CAAC,CAC7D,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,CACpC,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CACvD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAAG;IACjD,sFAAsF;IACtF,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,gEAAgE;IAChE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACrE,gEAAgE;IAChE,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEjE,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const timelineVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
2
|
+
export declare const timelineItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
|
+
export declare const timelineConnectorVariants: (props?: ({
|
|
4
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export declare const timelineIndicatorVariants: (props?: ({
|
|
7
|
+
appearance?: "default" | "sky" | "emerald" | "violet" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
|
|
8
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
export declare const timelineContentVariants: (props?: ({
|
|
11
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
12
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
|
+
export declare const timelineTitleVariants: (props?: ({
|
|
14
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
15
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
16
|
+
export declare const timelineDescriptionVariants: (props?: ({
|
|
17
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
18
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
|
+
//# sourceMappingURL=variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/timeline/variants.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,gBAAgB,oFAAuB,CAAC;AAErD,eAAO,MAAM,oBAAoB,oFAA2B,CAAC;AAE7D,eAAO,MAAM,yBAAyB;;8EAKpC,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;8EASpC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;8EAKlC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAKhC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;8EAKtC,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkZ4KHAD6Y_js = require('../chunk-Z4KHAD6Y.js');
|
|
5
|
+
require('../chunk-ZS5756ZC.js');
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
|
|
8
|
+
function Timeline2(props) {
|
|
9
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkZ4KHAD6Y_js.Timeline, { ...props });
|
|
10
|
+
}
|
|
11
|
+
Timeline2.displayName = "Timeline";
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(exports, "TimelineContent", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineContent; }
|
|
16
|
+
});
|
|
17
|
+
Object.defineProperty(exports, "TimelineDescription", {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineDescription; }
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports, "TimelineIndicator", {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineIndicator; }
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "TimelineItem", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineItem; }
|
|
28
|
+
});
|
|
29
|
+
Object.defineProperty(exports, "TimelineTitle", {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: function () { return chunkZ4KHAD6Y_js.TimelineTitle; }
|
|
32
|
+
});
|
|
33
|
+
Object.defineProperty(exports, "timelineConnectorVariants", {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
get: function () { return chunkZ4KHAD6Y_js.timelineConnectorVariants; }
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "timelineContentVariants", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function () { return chunkZ4KHAD6Y_js.timelineContentVariants; }
|
|
40
|
+
});
|
|
41
|
+
Object.defineProperty(exports, "timelineDescriptionVariants", {
|
|
42
|
+
enumerable: true,
|
|
43
|
+
get: function () { return chunkZ4KHAD6Y_js.timelineDescriptionVariants; }
|
|
44
|
+
});
|
|
45
|
+
Object.defineProperty(exports, "timelineIndicatorVariants", {
|
|
46
|
+
enumerable: true,
|
|
47
|
+
get: function () { return chunkZ4KHAD6Y_js.timelineIndicatorVariants; }
|
|
48
|
+
});
|
|
49
|
+
Object.defineProperty(exports, "timelineItemVariants", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function () { return chunkZ4KHAD6Y_js.timelineItemVariants; }
|
|
52
|
+
});
|
|
53
|
+
Object.defineProperty(exports, "timelineTitleVariants", {
|
|
54
|
+
enumerable: true,
|
|
55
|
+
get: function () { return chunkZ4KHAD6Y_js.timelineTitleVariants; }
|
|
56
|
+
});
|
|
57
|
+
Object.defineProperty(exports, "timelineVariants", {
|
|
58
|
+
enumerable: true,
|
|
59
|
+
get: function () { return chunkZ4KHAD6Y_js.timelineVariants; }
|
|
60
|
+
});
|
|
61
|
+
exports.Timeline = Timeline2;
|
|
62
|
+
//# sourceMappingURL=timeline.js.map
|
|
63
|
+
//# sourceMappingURL=timeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ui/timeline/timeline.tsx"],"names":["Timeline","jsx"],"mappings":";;;;;;AAWO,SAASA,UAAS,KAAA,EAAsB;AAC7C,EAAA,uBAAOC,cAAA,CAACD,yBAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEAA,SAAAA,CAAS,WAAA,GAAc,UAAA","file":"timeline.js","sourcesContent":["// timeline.tsx — default static entry (no framer-motion)\nimport {\n Timeline as TimelineBase,\n TimelineContent,\n TimelineDescription,\n TimelineIndicator,\n TimelineItem,\n TimelineTitle,\n} from \"./timeline-base\";\nimport type { TimelineProps } from \"./types\";\n\nexport function Timeline(props: TimelineProps) {\n return <TimelineBase {...props} />;\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport {\n TimelineContent,\n TimelineDescription,\n TimelineIndicator,\n TimelineItem,\n TimelineTitle,\n};\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Timeline } from '../chunk-V5JTDRV5.mjs';
|
|
3
|
+
export { TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineTitle, timelineConnectorVariants, timelineContentVariants, timelineDescriptionVariants, timelineIndicatorVariants, timelineItemVariants, timelineTitleVariants, timelineVariants } from '../chunk-V5JTDRV5.mjs';
|
|
4
|
+
import '../chunk-4D54YOL6.mjs';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
function Timeline2(props) {
|
|
8
|
+
return /* @__PURE__ */ jsx(Timeline, { ...props });
|
|
9
|
+
}
|
|
10
|
+
Timeline2.displayName = "Timeline";
|
|
11
|
+
|
|
12
|
+
export { Timeline2 as Timeline };
|
|
13
|
+
//# sourceMappingURL=timeline.mjs.map
|
|
14
|
+
//# sourceMappingURL=timeline.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ui/timeline/timeline.tsx"],"names":["Timeline"],"mappings":";;;;;AAWO,SAASA,UAAS,KAAA,EAAsB;AAC7C,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEAA,SAAAA,CAAS,WAAA,GAAc,UAAA","file":"timeline.mjs","sourcesContent":["// timeline.tsx — default static entry (no framer-motion)\nimport {\n Timeline as TimelineBase,\n TimelineContent,\n TimelineDescription,\n TimelineIndicator,\n TimelineItem,\n TimelineTitle,\n} from \"./timeline-base\";\nimport type { TimelineProps } from \"./types\";\n\nexport function Timeline(props: TimelineProps) {\n return <TimelineBase {...props} />;\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport {\n TimelineContent,\n TimelineDescription,\n TimelineIndicator,\n TimelineItem,\n TimelineTitle,\n};\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunk5565GZ4T_js = require('../../chunk-5565GZ4T.js');
|
|
5
5
|
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
6
6
|
var framerMotion = require('framer-motion');
|
|
7
7
|
var react = require('react');
|
|
@@ -28,7 +28,7 @@ function ToastViewportAnimated({
|
|
|
28
28
|
position = "bottom-right",
|
|
29
29
|
className
|
|
30
30
|
}) {
|
|
31
|
-
const ctx = react.useContext(
|
|
31
|
+
const ctx = react.useContext(chunk5565GZ4T_js.ToastStoreContext);
|
|
32
32
|
if (!ctx) {
|
|
33
33
|
throw new Error(
|
|
34
34
|
"ToastViewportAnimated must be used within <ToastProvider>"
|
|
@@ -42,7 +42,7 @@ function ToastViewportAnimated({
|
|
|
42
42
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
43
43
|
"div",
|
|
44
44
|
{
|
|
45
|
-
className: chunkZS5756ZC_js.cn(
|
|
45
|
+
className: chunkZS5756ZC_js.cn(chunk5565GZ4T_js.toastViewportVariants({ position }), className),
|
|
46
46
|
"data-slot": "toast-viewport",
|
|
47
47
|
children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: ctx.toasts.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
48
48
|
ToastAnimated,
|
|
@@ -52,9 +52,9 @@ function ToastViewportAnimated({
|
|
|
52
52
|
size: item.size,
|
|
53
53
|
animation: item.animation,
|
|
54
54
|
children: [
|
|
55
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
56
|
-
item.description ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
57
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
55
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk5565GZ4T_js.ToastTitle, { children: item.title }),
|
|
56
|
+
item.description ? /* @__PURE__ */ jsxRuntime.jsx(chunk5565GZ4T_js.ToastDescription, { children: item.description }) : null,
|
|
57
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk5565GZ4T_js.ToastClose, { onClick: () => ctx.dismiss(item.id) })
|
|
58
58
|
]
|
|
59
59
|
},
|
|
60
60
|
item.id
|
|
@@ -85,7 +85,7 @@ function ToastAnimated({
|
|
|
85
85
|
"aria-atomic": "true",
|
|
86
86
|
className: chunkZS5756ZC_js.cn(
|
|
87
87
|
"relative",
|
|
88
|
-
|
|
88
|
+
chunk5565GZ4T_js.toastRootVariants({ appearance, size }),
|
|
89
89
|
className
|
|
90
90
|
),
|
|
91
91
|
initial: animation === "none" ? false : motionProps.initial,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { ToastStoreContext, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-
|
|
2
|
+
import { ToastStoreContext, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-HLG2YJFZ.mjs';
|
|
3
3
|
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
4
4
|
import { AnimatePresence, motion } from 'framer-motion';
|
|
5
5
|
import { useContext } from 'react';
|