@zentauri-ui/zentauri-components 1.2.1 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -38
- package/dist/accordion-base-qVomr7f_.d.mts +66 -0
- package/dist/accordion-base-qVomr7f_.d.ts +66 -0
- package/dist/avatar-base-s4dYg-24.d.mts +49 -0
- package/dist/avatar-base-s4dYg-24.d.ts +49 -0
- package/dist/card-base-CIGac8D_.d.mts +70 -0
- package/dist/card-base-CIGac8D_.d.ts +70 -0
- package/dist/chunk-2P3UU2J3.mjs +510 -0
- package/dist/chunk-2P3UU2J3.mjs.map +1 -0
- package/dist/chunk-2PQEXQVR.js +223 -0
- package/dist/chunk-2PQEXQVR.js.map +1 -0
- package/dist/chunk-3OR47XMY.js +273 -0
- package/dist/chunk-3OR47XMY.js.map +1 -0
- package/dist/chunk-4B7KGBQB.js +206 -0
- package/dist/chunk-4B7KGBQB.js.map +1 -0
- package/dist/chunk-5QB2KNZQ.js +148 -0
- package/dist/chunk-5QB2KNZQ.js.map +1 -0
- package/dist/chunk-6I7X5BF2.js +520 -0
- package/dist/chunk-6I7X5BF2.js.map +1 -0
- package/dist/chunk-7HL3A4YF.mjs +214 -0
- package/dist/chunk-7HL3A4YF.mjs.map +1 -0
- package/dist/chunk-AOEI4V3W.mjs +286 -0
- package/dist/chunk-AOEI4V3W.mjs.map +1 -0
- package/dist/chunk-BVXTOEBI.mjs +259 -0
- package/dist/chunk-BVXTOEBI.mjs.map +1 -0
- package/dist/chunk-C2FCPQTO.js +279 -0
- package/dist/chunk-C2FCPQTO.js.map +1 -0
- package/dist/chunk-E3DZNJAD.js +128 -0
- package/dist/chunk-E3DZNJAD.js.map +1 -0
- package/dist/chunk-FLILFCQE.mjs +197 -0
- package/dist/chunk-FLILFCQE.mjs.map +1 -0
- package/dist/chunk-IXDJ3IPG.mjs +315 -0
- package/dist/chunk-IXDJ3IPG.mjs.map +1 -0
- package/dist/chunk-JQ5TIJ4F.mjs +68 -0
- package/dist/chunk-JQ5TIJ4F.mjs.map +1 -0
- package/dist/chunk-LVUPECBT.mjs +217 -0
- package/dist/chunk-LVUPECBT.mjs.map +1 -0
- package/dist/chunk-N4NO3SYL.js +328 -0
- package/dist/chunk-N4NO3SYL.js.map +1 -0
- package/dist/chunk-OJ67PZ6N.js +175 -0
- package/dist/chunk-OJ67PZ6N.js.map +1 -0
- package/dist/chunk-P5HUBXUX.js +231 -0
- package/dist/chunk-P5HUBXUX.js.map +1 -0
- package/dist/chunk-PCK6LX3K.js +253 -0
- package/dist/chunk-PCK6LX3K.js.map +1 -0
- package/dist/chunk-PGH27VTL.mjs +316 -0
- package/dist/chunk-PGH27VTL.mjs.map +1 -0
- package/dist/chunk-QZKMFSH5.js +288 -0
- package/dist/chunk-QZKMFSH5.js.map +1 -0
- package/dist/chunk-RDSPHBHK.mjs +221 -0
- package/dist/chunk-RDSPHBHK.mjs.map +1 -0
- package/dist/{chunk-P6YRSEOY.js → chunk-U4YQCAXW.js} +2 -23
- package/dist/chunk-U4YQCAXW.js.map +1 -0
- package/dist/chunk-UBFKTC2P.mjs +268 -0
- package/dist/chunk-UBFKTC2P.mjs.map +1 -0
- package/dist/chunk-UOFTZKMM.js +229 -0
- package/dist/chunk-UOFTZKMM.js.map +1 -0
- package/dist/chunk-UXGHUBNJ.mjs +240 -0
- package/dist/chunk-UXGHUBNJ.mjs.map +1 -0
- package/dist/chunk-W6PRMYUC.mjs +169 -0
- package/dist/chunk-W6PRMYUC.mjs.map +1 -0
- package/dist/chunk-WDCIZHXY.mjs +139 -0
- package/dist/chunk-WDCIZHXY.mjs.map +1 -0
- package/dist/chunk-WZKGRU3U.js +182 -0
- package/dist/chunk-WZKGRU3U.js.map +1 -0
- package/dist/chunk-X22LLJL6.js +71 -0
- package/dist/chunk-X22LLJL6.js.map +1 -0
- package/dist/{chunk-UJ3AER3U.mjs → chunk-XIXF7UVM.mjs} +3 -23
- package/dist/chunk-XIXF7UVM.mjs.map +1 -0
- package/dist/chunk-XLAFQ24R.js +328 -0
- package/dist/chunk-XLAFQ24R.js.map +1 -0
- package/dist/chunk-XWM2S6VV.mjs +124 -0
- package/dist/chunk-XWM2S6VV.mjs.map +1 -0
- package/dist/chunk-YNCD6TKE.mjs +175 -0
- package/dist/chunk-YNCD6TKE.mjs.map +1 -0
- package/dist/progress-base-Cm1JODYA.d.mts +66 -0
- package/dist/progress-base-Cm1JODYA.d.ts +66 -0
- package/dist/types-C7N9UvRm.d.mts +38 -0
- package/dist/types-C7N9UvRm.d.ts +38 -0
- package/dist/types-CFpwSbpK.d.mts +27 -0
- package/dist/types-CFpwSbpK.d.ts +27 -0
- package/dist/types-CK_vNRIb.d.mts +63 -0
- package/dist/types-CK_vNRIb.d.ts +63 -0
- package/dist/types-Ca3t5aC_.d.mts +31 -0
- package/dist/types-Ca3t5aC_.d.ts +31 -0
- package/dist/types-Cn7IcgkH.d.mts +32 -0
- package/dist/types-Cn7IcgkH.d.ts +32 -0
- package/dist/{types-BQ2H3yG7.d.mts → types-CtFK7mFE.d.mts} +1 -1
- package/dist/{types-BQ2H3yG7.d.ts → types-CtFK7mFE.d.ts} +1 -1
- package/dist/types-DMkTQsWg.d.mts +46 -0
- package/dist/types-DMkTQsWg.d.ts +46 -0
- package/dist/types-DN400jNg.d.mts +28 -0
- package/dist/types-DN400jNg.d.ts +28 -0
- package/dist/types-vcZcRc6w.d.mts +24 -0
- package/dist/types-vcZcRc6w.d.ts +24 -0
- package/dist/types-zHcMUtKK.d.mts +42 -0
- package/dist/types-zHcMUtKK.d.ts +42 -0
- package/dist/ui/accordion/animated.d.mts +24 -0
- package/dist/ui/accordion/animated.d.ts +24 -0
- package/dist/ui/accordion/animated.js +67 -0
- package/dist/ui/accordion/animated.js.map +1 -0
- package/dist/ui/accordion/animated.mjs +56 -0
- package/dist/ui/accordion/animated.mjs.map +1 -0
- package/dist/ui/accordion.d.mts +9 -65
- package/dist/ui/accordion.d.ts +9 -65
- package/dist/ui/accordion.js +32 -288
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/accordion.mjs +6 -281
- package/dist/ui/accordion.mjs.map +1 -1
- package/dist/ui/alert/animated.d.mts +7 -2
- package/dist/ui/alert/animated.d.ts +7 -2
- package/dist/ui/alert/animated.js +23 -3
- package/dist/ui/alert/animated.js.map +1 -1
- package/dist/ui/alert/animated.mjs +21 -2
- package/dist/ui/alert/animated.mjs.map +1 -1
- package/dist/ui/alert.d.mts +3 -8
- package/dist/ui/alert.d.ts +3 -8
- package/dist/ui/alert.js +10 -14
- package/dist/ui/alert.mjs +2 -2
- package/dist/ui/avatar/animated.d.mts +22 -0
- package/dist/ui/avatar/animated.d.ts +22 -0
- package/dist/ui/avatar/animated.js +51 -0
- package/dist/ui/avatar/animated.js.map +1 -0
- package/dist/ui/avatar/animated.mjs +37 -0
- package/dist/ui/avatar/animated.mjs.map +1 -0
- package/dist/ui/avatar.d.mts +7 -53
- package/dist/ui/avatar.d.ts +7 -53
- package/dist/ui/avatar.js +32 -210
- package/dist/ui/avatar.js.map +1 -1
- package/dist/ui/avatar.mjs +7 -204
- package/dist/ui/avatar.mjs.map +1 -1
- package/dist/ui/badge/animated.d.mts +22 -0
- package/dist/ui/badge/animated.d.ts +22 -0
- package/dist/ui/badge/animated.js +50 -0
- package/dist/ui/badge/animated.js.map +1 -0
- package/dist/ui/badge/animated.mjs +47 -0
- package/dist/ui/badge/animated.mjs.map +1 -0
- package/dist/ui/badge.d.mts +6 -30
- package/dist/ui/badge.d.ts +6 -30
- package/dist/ui/badge.js +11 -142
- package/dist/ui/badge.js.map +1 -1
- package/dist/ui/badge.mjs +6 -141
- package/dist/ui/badge.mjs.map +1 -1
- package/dist/ui/buttons/animated.d.mts +27 -0
- package/dist/ui/buttons/animated.d.ts +27 -0
- package/dist/ui/buttons/animated.js +101 -0
- package/dist/ui/buttons/animated.js.map +1 -0
- package/dist/ui/buttons/animated.mjs +98 -0
- package/dist/ui/buttons/animated.mjs.map +1 -0
- package/dist/ui/buttons.d.mts +5 -13
- package/dist/ui/buttons.d.ts +5 -13
- package/dist/ui/buttons.js +7 -45
- package/dist/ui/buttons.js.map +1 -1
- package/dist/ui/buttons.mjs +8 -45
- package/dist/ui/buttons.mjs.map +1 -1
- package/dist/ui/card/animated.d.mts +23 -0
- package/dist/ui/card/animated.d.ts +23 -0
- package/dist/ui/card/animated.js +72 -0
- package/dist/ui/card/animated.js.map +1 -0
- package/dist/ui/card/animated.mjs +50 -0
- package/dist/ui/card/animated.mjs.map +1 -0
- package/dist/ui/card.d.mts +6 -70
- package/dist/ui/card.d.ts +6 -70
- package/dist/ui/card.js +43 -245
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/card.mjs +5 -235
- package/dist/ui/card.mjs.map +1 -1
- package/dist/ui/divider/animated.d.mts +19 -0
- package/dist/ui/divider/animated.d.ts +19 -0
- package/dist/ui/divider/animated.js +41 -0
- package/dist/ui/divider/animated.js.map +1 -0
- package/dist/ui/divider/animated.mjs +39 -0
- package/dist/ui/divider/animated.mjs.map +1 -0
- package/dist/ui/divider.d.mts +6 -32
- package/dist/ui/divider.d.ts +6 -32
- package/dist/ui/divider.js +19 -186
- package/dist/ui/divider.js.map +1 -1
- package/dist/ui/divider.mjs +6 -183
- package/dist/ui/divider.mjs.map +1 -1
- package/dist/ui/drawer/animated.d.mts +23 -0
- package/dist/ui/drawer/animated.d.ts +23 -0
- package/dist/ui/drawer/animated.js +143 -0
- package/dist/ui/drawer/animated.js.map +1 -0
- package/dist/ui/drawer/animated.mjs +113 -0
- package/dist/ui/drawer/animated.mjs.map +1 -0
- package/dist/ui/drawer.d.mts +10 -11
- package/dist/ui/drawer.d.ts +10 -11
- package/dist/ui/drawer.js +44 -357
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/drawer.mjs +3 -349
- package/dist/ui/drawer.mjs.map +1 -1
- package/dist/ui/empty-state/animated.d.mts +24 -0
- package/dist/ui/empty-state/animated.d.ts +24 -0
- package/dist/ui/empty-state/animated.js +45 -0
- package/dist/ui/empty-state/animated.js.map +1 -0
- package/dist/ui/empty-state/animated.mjs +42 -0
- package/dist/ui/empty-state/animated.mjs.map +1 -0
- package/dist/ui/empty-state.d.mts +11 -32
- package/dist/ui/empty-state.d.ts +11 -32
- package/dist/ui/empty-state.js +35 -160
- package/dist/ui/empty-state.js.map +1 -1
- package/dist/ui/empty-state.mjs +5 -153
- package/dist/ui/empty-state.mjs.map +1 -1
- package/dist/ui/inputs/animated.d.mts +27 -0
- package/dist/ui/inputs/animated.d.ts +27 -0
- package/dist/ui/inputs/animated.js +141 -0
- package/dist/ui/inputs/animated.js.map +1 -0
- package/dist/ui/inputs/animated.mjs +138 -0
- package/dist/ui/inputs/animated.mjs.map +1 -0
- package/dist/ui/inputs.d.mts +7 -21
- package/dist/ui/inputs.d.ts +7 -21
- package/dist/ui/inputs.js +16 -331
- package/dist/ui/inputs.js.map +1 -1
- package/dist/ui/inputs.mjs +13 -329
- package/dist/ui/inputs.mjs.map +1 -1
- package/dist/ui/modal/animated.d.mts +21 -0
- package/dist/ui/modal/animated.d.ts +21 -0
- package/dist/ui/modal/animated.js +120 -0
- package/dist/ui/modal/animated.js.map +1 -0
- package/dist/ui/modal/animated.mjs +117 -0
- package/dist/ui/modal/animated.mjs.map +1 -0
- package/dist/ui/modal.d.mts +10 -48
- package/dist/ui/modal.d.ts +10 -48
- package/dist/ui/modal.js +47 -361
- package/dist/ui/modal.js.map +1 -1
- package/dist/ui/modal.mjs +9 -351
- package/dist/ui/modal.mjs.map +1 -1
- package/dist/ui/progress/animated.d.mts +41 -0
- package/dist/ui/progress/animated.d.ts +41 -0
- package/dist/ui/progress/animated.js +123 -0
- package/dist/ui/progress/animated.js.map +1 -0
- package/dist/ui/progress/animated.mjs +112 -0
- package/dist/ui/progress/animated.mjs.map +1 -0
- package/dist/ui/progress.d.mts +10 -58
- package/dist/ui/progress.d.ts +10 -58
- package/dist/ui/progress.js +35 -227
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/progress.mjs +10 -222
- package/dist/ui/progress.mjs.map +1 -1
- package/dist/ui/skeleton/animated.d.mts +56 -0
- package/dist/ui/skeleton/animated.d.ts +56 -0
- package/dist/ui/skeleton/animated.js +126 -0
- package/dist/ui/skeleton/animated.js.map +1 -0
- package/dist/ui/skeleton/animated.mjs +119 -0
- package/dist/ui/skeleton/animated.mjs.map +1 -0
- package/dist/ui/skeleton.d.mts +16 -77
- package/dist/ui/skeleton.d.ts +16 -77
- package/dist/ui/skeleton.js +35 -526
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/skeleton.mjs +2 -520
- package/dist/ui/skeleton.mjs.map +1 -1
- package/dist/ui/{spinner.d.mts → spinner/animated.d.mts} +1 -6
- package/dist/ui/{spinner.d.ts → spinner/animated.d.ts} +1 -6
- package/dist/ui/{spinner.js → spinner/animated.js} +3 -9
- package/dist/ui/spinner/animated.js.map +1 -0
- package/dist/ui/{spinner.mjs → spinner/animated.mjs} +4 -9
- package/dist/ui/spinner/animated.mjs.map +1 -0
- package/dist/ui/table/animated.d.mts +21 -0
- package/dist/ui/table/animated.d.ts +21 -0
- package/dist/ui/table/animated.js +50 -0
- package/dist/ui/table/animated.js.map +1 -0
- package/dist/ui/table/animated.mjs +24 -0
- package/dist/ui/table/animated.mjs.map +1 -0
- package/dist/ui/table.d.mts +17 -11
- package/dist/ui/table.d.ts +17 -11
- package/dist/ui/table.js +55 -278
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/table.mjs +2 -269
- package/dist/ui/table.mjs.map +1 -1
- package/dist/ui/tabs/animated.d.mts +25 -0
- package/dist/ui/tabs/animated.d.ts +25 -0
- package/dist/ui/tabs/animated.js +83 -0
- package/dist/ui/tabs/animated.js.map +1 -0
- package/dist/ui/tabs/animated.mjs +79 -0
- package/dist/ui/tabs/animated.mjs.map +1 -0
- package/dist/ui/tabs.d.mts +7 -41
- package/dist/ui/tabs.d.ts +7 -41
- package/dist/ui/tabs.js +35 -261
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/tabs.mjs +2 -256
- package/dist/ui/tabs.mjs.map +1 -1
- package/dist/ui/toast/animated.d.mts +23 -0
- package/dist/ui/toast/animated.d.ts +23 -0
- package/dist/ui/toast/animated.js +103 -0
- package/dist/ui/toast/animated.js.map +1 -0
- package/dist/ui/toast/animated.mjs +99 -0
- package/dist/ui/toast/animated.mjs.map +1 -0
- package/dist/ui/toast.d.mts +7 -52
- package/dist/ui/toast.d.ts +7 -52
- package/dist/ui/toast.js +47 -268
- package/dist/ui/toast.js.map +1 -1
- package/dist/ui/toast.mjs +2 -259
- package/dist/ui/toast.mjs.map +1 -1
- package/dist/ui/toggle/animated.d.mts +22 -0
- package/dist/ui/toggle/animated.d.ts +22 -0
- package/dist/ui/toggle/animated.js +88 -0
- package/dist/ui/toggle/animated.js.map +1 -0
- package/dist/ui/toggle/animated.mjs +85 -0
- package/dist/ui/toggle/animated.mjs.map +1 -0
- package/dist/ui/toggle.d.mts +6 -30
- package/dist/ui/toggle.d.ts +6 -30
- package/dist/ui/toggle.js +19 -83
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/toggle.mjs +12 -80
- package/dist/ui/toggle.mjs.map +1 -1
- package/dist/ui/tooltip/animated.d.mts +17 -0
- package/dist/ui/tooltip/animated.d.ts +17 -0
- package/dist/ui/tooltip/animated.js +59 -0
- package/dist/ui/tooltip/animated.js.map +1 -0
- package/dist/ui/tooltip/animated.mjs +56 -0
- package/dist/ui/tooltip/animated.mjs.map +1 -0
- package/dist/ui/tooltip.d.mts +6 -33
- package/dist/ui/tooltip.d.ts +6 -33
- package/dist/ui/tooltip.js +26 -193
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/tooltip.mjs +2 -192
- package/dist/ui/tooltip.mjs.map +1 -1
- package/dist/variants-CYODHI8b.d.mts +10 -0
- package/dist/variants-CYODHI8b.d.ts +10 -0
- package/package.json +1 -3
- package/dist/chunk-P6YRSEOY.js.map +0 -1
- package/dist/chunk-UJ3AER3U.mjs.map +0 -1
- package/dist/ui/spinner.js.map +0 -1
- package/dist/ui/spinner.mjs.map +0 -1
package/dist/ui/accordion.mjs
CHANGED
|
@@ -1,289 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
import { cva } from 'class-variance-authority';
|
|
2
|
+
import { AccordionBase } from '../chunk-UBFKTC2P.mjs';
|
|
3
|
+
export { AccordionContent, AccordionItem, AccordionTrigger, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants } from '../chunk-UBFKTC2P.mjs';
|
|
4
|
+
import '../chunk-DFEZH7TC.mjs';
|
|
6
5
|
import { jsx } from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
none: { duration: 0 },
|
|
11
|
-
default: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },
|
|
12
|
-
smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },
|
|
13
|
-
slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] }
|
|
14
|
-
};
|
|
15
|
-
var accordionVariants = cva("w-full", {
|
|
16
|
-
variants: {
|
|
17
|
-
appearance: {
|
|
18
|
-
default: "divide-y divide-white/10 rounded-xl border border-white/10",
|
|
19
|
-
outline: "divide-y divide-white/10 rounded-xl border border-white/15",
|
|
20
|
-
ghost: "divide-y divide-white/5",
|
|
21
|
-
card: "space-y-2",
|
|
22
|
-
separated: "space-y-3",
|
|
23
|
-
sky: "divide-y divide-sky-600 rounded-xl border border-sky-600",
|
|
24
|
-
rose: "divide-y divide-rose-600 rounded-xl border border-rose-600",
|
|
25
|
-
purple: "divide-y divide-purple-600 rounded-xl border border-purple-600",
|
|
26
|
-
pink: "divide-y divide-pink-600 rounded-xl border border-pink-600",
|
|
27
|
-
orange: "divide-y divide-orange-600 rounded-xl border border-orange-600",
|
|
28
|
-
yellow: "divide-y divide-yellow-600 rounded-xl border border-yellow-600",
|
|
29
|
-
teal: "divide-y divide-teal-600 rounded-xl border border-teal-600",
|
|
30
|
-
indigo: "divide-y divide-indigo-600 rounded-xl border border-indigo-600",
|
|
31
|
-
emerald: "divide-y divide-emerald-600 rounded-xl border border-emerald-600",
|
|
32
|
-
"gradient-blue": "divide-y divide-gradient-to-r from-blue-600 to-purple-600 rounded-xl border border-gradient-to-r from-blue-600 to-purple-600",
|
|
33
|
-
"gradient-green": "divide-y divide-gradient-to-r from-green-600 to-lime-600 rounded-xl border border-gradient-to-r from-green-600 to-lime-600",
|
|
34
|
-
"gradient-red": "divide-y divide-gradient-to-r from-red-600 to-pink-600 rounded-xl border border-gradient-to-r from-red-600 to-pink-600",
|
|
35
|
-
"gradient-yellow": "divide-y divide-gradient-to-r from-yellow-600 to-orange-600 rounded-xl border border-gradient-to-r from-yellow-600 to-orange-600",
|
|
36
|
-
"gradient-purple": "divide-y divide-gradient-to-r from-purple-600 to-pink-600 rounded-xl border border-gradient-to-r from-purple-600 to-pink-600",
|
|
37
|
-
"gradient-teal": "divide-y divide-gradient-to-r from-teal-600 to-cyan-600 rounded-xl border border-gradient-to-r from-teal-600 to-cyan-600",
|
|
38
|
-
"gradient-indigo": "divide-y divide-gradient-to-r from-indigo-600 to-purple-600 rounded-xl border border-gradient-to-r from-indigo-600 to-purple-600",
|
|
39
|
-
"gradient-pink": "divide-y divide-gradient-to-r from-pink-600 to-rose-600 rounded-xl border border-gradient-to-r from-pink-600 to-rose-600",
|
|
40
|
-
"gradient-orange": "divide-y divide-gradient-to-r from-orange-600 to-red-600 rounded-xl border border-gradient-to-r from-orange-600 to-red-600"
|
|
41
|
-
},
|
|
42
|
-
size: {
|
|
43
|
-
sm: "px-3 py-2 text-sm",
|
|
44
|
-
md: "px-4 py-3 text-sm",
|
|
45
|
-
lg: "px-5 py-4 text-base"
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
defaultVariants: {
|
|
49
|
-
appearance: "default",
|
|
50
|
-
size: "md"
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
var accordionItemVariants = cva("", {
|
|
54
|
-
variants: {
|
|
55
|
-
appearance: {
|
|
56
|
-
default: "",
|
|
57
|
-
outline: "",
|
|
58
|
-
ghost: "",
|
|
59
|
-
card: "rounded-xl border border-white/10 bg-white/[0.03] p-2",
|
|
60
|
-
separated: "rounded-xl border border-white/10 bg-slate-950/40 p-2",
|
|
61
|
-
sky: "rounded-xl border border-sky-600 bg-sky-600/[0.03] p-2",
|
|
62
|
-
rose: "rounded-xl border border-rose-600 bg-rose-600/[0.03] p-2",
|
|
63
|
-
purple: "rounded-xl border border-purple-600 bg-purple-600/[0.03] p-2",
|
|
64
|
-
pink: "rounded-xl border border-pink-600 bg-pink-600/[0.03] p-2",
|
|
65
|
-
orange: "rounded-xl border border-orange-600 bg-orange-600/[0.03] p-2",
|
|
66
|
-
yellow: "rounded-xl border border-yellow-600 bg-yellow-600/[0.03] p-2",
|
|
67
|
-
teal: "rounded-xl border border-teal-600 bg-teal-600/[0.03] p-2",
|
|
68
|
-
indigo: "rounded-xl border border-indigo-600 bg-indigo-600/[0.03] p-2",
|
|
69
|
-
emerald: "rounded-xl border border-emerald-600 bg-emerald-600/[0.03] p-2",
|
|
70
|
-
"gradient-blue": "rounded-xl bg-linear-to-r from-blue-600 to-purple-600/[0.03] p-2 text-white",
|
|
71
|
-
"gradient-green": "rounded-xl bg-linear-to-r from-green-600 to-lime-600/[0.03] p-2 text-white",
|
|
72
|
-
"gradient-red": "rounded-xl bg-linear-to-r from-red-600 to-pink-600/[0.03] p-2 text-white",
|
|
73
|
-
"gradient-yellow": "rounded-xl bg-linear-to-r from-yellow-600 to-orange-600/[0.03] p-2 text-white",
|
|
74
|
-
"gradient-purple": "rounded-xl bg-linear-to-r from-purple-600 to-pink-600/[0.03] p-2 text-white",
|
|
75
|
-
"gradient-teal": "rounded-xl bg-linear-to-r from-teal-600 to-cyan-600/[0.03] p-2 text-white",
|
|
76
|
-
"gradient-indigo": "rounded-xl bg-linear-to-r from-indigo-600 to-purple-600/[0.03] p-2 text-white",
|
|
77
|
-
"gradient-pink": "rounded-xl bg-linear-to-r from-pink-600 to-rose-600/[0.03] p-2 text-white",
|
|
78
|
-
"gradient-orange": "rounded-xl bg-linear-to-r from-orange-600 to-red-600/[0.03] p-2 text-white"
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
defaultVariants: { appearance: "default" }
|
|
82
|
-
});
|
|
83
|
-
var accordionTriggerVariants = cva(
|
|
84
|
-
"flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-slate-50 outline-none transition hover:text-white focus-visible:ring-2 focus-visible:ring-white/30",
|
|
85
|
-
{
|
|
86
|
-
variants: {
|
|
87
|
-
size: {
|
|
88
|
-
sm: "py-2 text-sm",
|
|
89
|
-
md: "py-3 text-sm",
|
|
90
|
-
lg: "py-4 text-base"
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
defaultVariants: { size: "md" }
|
|
94
|
-
}
|
|
95
|
-
);
|
|
96
|
-
var accordionContentVariants = cva("pb-3 text-sm", {
|
|
97
|
-
variants: {
|
|
98
|
-
size: {
|
|
99
|
-
sm: "pb-2 text-xs",
|
|
100
|
-
md: "pb-3 text-sm",
|
|
101
|
-
lg: "pb-4 text-base"
|
|
102
|
-
}
|
|
103
|
-
},
|
|
104
|
-
defaultVariants: { size: "md" }
|
|
105
|
-
});
|
|
106
|
-
var AccordionContext = createContext(null);
|
|
107
|
-
var AccordionItemValueContext = createContext(null);
|
|
108
|
-
function useAccordionContext(component) {
|
|
109
|
-
const ctx = useContext(AccordionContext);
|
|
110
|
-
if (!ctx) {
|
|
111
|
-
throw new Error(`${component} must be used within <Accordion>`);
|
|
112
|
-
}
|
|
113
|
-
return ctx;
|
|
114
|
-
}
|
|
115
|
-
function useAccordionItemValue(component) {
|
|
116
|
-
const value = useContext(AccordionItemValueContext);
|
|
117
|
-
if (!value) {
|
|
118
|
-
throw new Error(`${component} must be used within <AccordionItem>`);
|
|
119
|
-
}
|
|
120
|
-
return value;
|
|
121
|
-
}
|
|
122
|
-
function Accordion({
|
|
123
|
-
type = "single",
|
|
124
|
-
value,
|
|
125
|
-
values,
|
|
126
|
-
defaultValue,
|
|
127
|
-
defaultValues,
|
|
128
|
-
onValueChange,
|
|
129
|
-
onValuesChange,
|
|
130
|
-
transition = "default",
|
|
131
|
-
appearance = "default",
|
|
132
|
-
size = "md",
|
|
133
|
-
className,
|
|
134
|
-
children
|
|
135
|
-
}) {
|
|
136
|
-
const isSingleControlled = value !== void 0;
|
|
137
|
-
const isMultipleControlled = values !== void 0;
|
|
138
|
-
const [singleUncontrolled, setSingleUncontrolled] = useState(defaultValue);
|
|
139
|
-
const [multipleUncontrolled, setMultipleUncontrolled] = useState(
|
|
140
|
-
defaultValues ?? []
|
|
141
|
-
);
|
|
142
|
-
const singleValue = isSingleControlled ? value : singleUncontrolled;
|
|
143
|
-
const multipleValues = useMemo(
|
|
144
|
-
() => isMultipleControlled ? values ?? [] : multipleUncontrolled,
|
|
145
|
-
[isMultipleControlled, values, multipleUncontrolled]
|
|
146
|
-
);
|
|
147
|
-
const isOpen = useCallback(
|
|
148
|
-
(itemValue) => {
|
|
149
|
-
if (type === "single") {
|
|
150
|
-
return singleValue === itemValue;
|
|
151
|
-
}
|
|
152
|
-
return multipleValues.includes(itemValue);
|
|
153
|
-
},
|
|
154
|
-
[multipleValues, singleValue, type]
|
|
155
|
-
);
|
|
156
|
-
const toggle = useCallback(
|
|
157
|
-
(itemValue) => {
|
|
158
|
-
if (type === "single") {
|
|
159
|
-
const next2 = singleValue === itemValue ? void 0 : itemValue;
|
|
160
|
-
if (!isSingleControlled) {
|
|
161
|
-
setSingleUncontrolled(next2);
|
|
162
|
-
}
|
|
163
|
-
onValueChange?.(next2);
|
|
164
|
-
return;
|
|
165
|
-
}
|
|
166
|
-
const exists = multipleValues.includes(itemValue);
|
|
167
|
-
const next = exists ? multipleValues.filter((entry) => entry !== itemValue) : [...multipleValues, itemValue];
|
|
168
|
-
if (!isMultipleControlled) {
|
|
169
|
-
setMultipleUncontrolled(next);
|
|
170
|
-
}
|
|
171
|
-
onValuesChange?.(next);
|
|
172
|
-
},
|
|
173
|
-
[
|
|
174
|
-
isMultipleControlled,
|
|
175
|
-
isSingleControlled,
|
|
176
|
-
multipleValues,
|
|
177
|
-
onValueChange,
|
|
178
|
-
onValuesChange,
|
|
179
|
-
singleValue,
|
|
180
|
-
type
|
|
181
|
-
]
|
|
182
|
-
);
|
|
183
|
-
const ctx = useMemo(
|
|
184
|
-
() => ({
|
|
185
|
-
type,
|
|
186
|
-
transition: transition ?? "default",
|
|
187
|
-
appearance: appearance ?? "default",
|
|
188
|
-
size: size ?? "md",
|
|
189
|
-
isOpen,
|
|
190
|
-
toggle
|
|
191
|
-
}),
|
|
192
|
-
[appearance, isOpen, size, toggle, transition, type]
|
|
193
|
-
);
|
|
194
|
-
return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
|
|
195
|
-
"div",
|
|
196
|
-
{
|
|
197
|
-
"data-slot": "accordion",
|
|
198
|
-
className: cn(accordionVariants({ appearance, size }), className),
|
|
199
|
-
children
|
|
200
|
-
}
|
|
201
|
-
) });
|
|
7
|
+
function Accordion(props) {
|
|
8
|
+
return /* @__PURE__ */ jsx(AccordionBase, { ...props });
|
|
202
9
|
}
|
|
203
10
|
Accordion.displayName = "Accordion";
|
|
204
|
-
function AccordionItem({
|
|
205
|
-
className,
|
|
206
|
-
value,
|
|
207
|
-
children,
|
|
208
|
-
ref,
|
|
209
|
-
...rest
|
|
210
|
-
}) {
|
|
211
|
-
const { appearance } = useAccordionContext("AccordionItem");
|
|
212
|
-
return /* @__PURE__ */ jsx(AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ jsx(
|
|
213
|
-
"div",
|
|
214
|
-
{
|
|
215
|
-
ref,
|
|
216
|
-
"data-slot": "accordion-item",
|
|
217
|
-
"data-value": value,
|
|
218
|
-
className: cn(accordionItemVariants({ appearance }), className),
|
|
219
|
-
...rest,
|
|
220
|
-
children
|
|
221
|
-
}
|
|
222
|
-
) });
|
|
223
|
-
}
|
|
224
|
-
AccordionItem.displayName = "AccordionItem";
|
|
225
|
-
function AccordionTrigger({
|
|
226
|
-
className,
|
|
227
|
-
children,
|
|
228
|
-
ref,
|
|
229
|
-
...rest
|
|
230
|
-
}) {
|
|
231
|
-
const itemValue = useAccordionItemValue("AccordionTrigger");
|
|
232
|
-
const { isOpen, toggle, size } = useAccordionContext("AccordionTrigger");
|
|
233
|
-
const open = isOpen(itemValue);
|
|
234
|
-
const panelId = `${itemValue}-panel`;
|
|
235
|
-
const baseId = useId();
|
|
236
|
-
return /* @__PURE__ */ jsx("h3", { className: "m-0", children: /* @__PURE__ */ jsx(
|
|
237
|
-
"button",
|
|
238
|
-
{
|
|
239
|
-
ref,
|
|
240
|
-
type: "button",
|
|
241
|
-
"data-slot": "accordion-trigger",
|
|
242
|
-
id: `${baseId}-trigger-${itemValue}`,
|
|
243
|
-
"aria-expanded": open,
|
|
244
|
-
"aria-controls": panelId,
|
|
245
|
-
className: cn(accordionTriggerVariants({ size }), className),
|
|
246
|
-
onClick: () => toggle(itemValue),
|
|
247
|
-
...rest,
|
|
248
|
-
children
|
|
249
|
-
}
|
|
250
|
-
) });
|
|
251
|
-
}
|
|
252
|
-
AccordionTrigger.displayName = "AccordionTrigger";
|
|
253
|
-
function AccordionContent({
|
|
254
|
-
className,
|
|
255
|
-
children,
|
|
256
|
-
ref
|
|
257
|
-
}) {
|
|
258
|
-
const itemValue = useAccordionItemValue("AccordionContent");
|
|
259
|
-
const {
|
|
260
|
-
isOpen,
|
|
261
|
-
transition: transitionVariant,
|
|
262
|
-
size
|
|
263
|
-
} = useAccordionContext("AccordionContent");
|
|
264
|
-
const open = isOpen(itemValue);
|
|
265
|
-
const panelId = `${itemValue}-panel`;
|
|
266
|
-
const transitionConfig = accordionContentTransitionPresets[transitionVariant];
|
|
267
|
-
const motionless = transitionVariant === "none";
|
|
268
|
-
return open ? /* @__PURE__ */ jsx(
|
|
269
|
-
motion.div,
|
|
270
|
-
{
|
|
271
|
-
ref,
|
|
272
|
-
id: panelId,
|
|
273
|
-
role: "region",
|
|
274
|
-
"data-slot": "accordion-content",
|
|
275
|
-
className: cn(accordionContentVariants({ size }), className),
|
|
276
|
-
initial: motionless ? false : { opacity: 0 },
|
|
277
|
-
animate: motionless ? void 0 : { opacity: 1 },
|
|
278
|
-
exit: motionless ? void 0 : { opacity: 0 },
|
|
279
|
-
transition: transitionConfig,
|
|
280
|
-
children
|
|
281
|
-
},
|
|
282
|
-
itemValue
|
|
283
|
-
) : null;
|
|
284
|
-
}
|
|
285
|
-
AccordionContent.displayName = "AccordionContent";
|
|
286
11
|
|
|
287
|
-
export { Accordion
|
|
12
|
+
export { Accordion };
|
|
288
13
|
//# sourceMappingURL=accordion.mjs.map
|
|
289
14
|
//# sourceMappingURL=accordion.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/accordion/animations.ts","../../src/ui/accordion/variants.ts","../../src/ui/accordion/accordion.tsx"],"names":["next"],"mappings":"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","file":"accordion.mjs","sourcesContent":["import type { Transition } from \"framer-motion\";\n\n/** Easing and duration presets for accordion panel open/close (opacity only). */\nexport type AccordionTransition = \"none\" | \"default\" | \"smooth\" | \"slow\";\n\nexport type AccordionTransitionPresets = Record<\n AccordionTransition,\n Transition\n>;\n\nexport const accordionContentTransitionPresets: AccordionTransitionPresets = {\n none: { duration: 0 },\n default: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },\n smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },\n slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const accordionVariants = cva(\"w-full\", {\n variants: {\n appearance: {\n default: \"divide-y divide-white/10 rounded-xl border border-white/10\",\n outline: \"divide-y divide-white/10 rounded-xl border border-white/15\",\n ghost: \"divide-y divide-white/5\",\n card: \"space-y-2\",\n separated: \"space-y-3\",\n sky: \"divide-y divide-sky-600 rounded-xl border border-sky-600\",\n rose: \"divide-y divide-rose-600 rounded-xl border border-rose-600\",\n purple: \"divide-y divide-purple-600 rounded-xl border border-purple-600\",\n pink: \"divide-y divide-pink-600 rounded-xl border border-pink-600\",\n orange: \"divide-y divide-orange-600 rounded-xl border border-orange-600\",\n yellow: \"divide-y divide-yellow-600 rounded-xl border border-yellow-600\",\n teal: \"divide-y divide-teal-600 rounded-xl border border-teal-600\",\n indigo: \"divide-y divide-indigo-600 rounded-xl border border-indigo-600\",\n emerald:\n \"divide-y divide-emerald-600 rounded-xl border border-emerald-600\",\n \"gradient-blue\":\n \"divide-y divide-gradient-to-r from-blue-600 to-purple-600 rounded-xl border border-gradient-to-r from-blue-600 to-purple-600\",\n \"gradient-green\":\n \"divide-y divide-gradient-to-r from-green-600 to-lime-600 rounded-xl border border-gradient-to-r from-green-600 to-lime-600\",\n \"gradient-red\":\n \"divide-y divide-gradient-to-r from-red-600 to-pink-600 rounded-xl border border-gradient-to-r from-red-600 to-pink-600\",\n \"gradient-yellow\":\n \"divide-y divide-gradient-to-r from-yellow-600 to-orange-600 rounded-xl border border-gradient-to-r from-yellow-600 to-orange-600\",\n \"gradient-purple\":\n \"divide-y divide-gradient-to-r from-purple-600 to-pink-600 rounded-xl border border-gradient-to-r from-purple-600 to-pink-600\",\n \"gradient-teal\":\n \"divide-y divide-gradient-to-r from-teal-600 to-cyan-600 rounded-xl border border-gradient-to-r from-teal-600 to-cyan-600\",\n \"gradient-indigo\":\n \"divide-y divide-gradient-to-r from-indigo-600 to-purple-600 rounded-xl border border-gradient-to-r from-indigo-600 to-purple-600\",\n \"gradient-pink\":\n \"divide-y divide-gradient-to-r from-pink-600 to-rose-600 rounded-xl border border-gradient-to-r from-pink-600 to-rose-600\",\n \"gradient-orange\":\n \"divide-y divide-gradient-to-r from-orange-600 to-red-600 rounded-xl border border-gradient-to-r from-orange-600 to-red-600\",\n },\n size: {\n sm: \"px-3 py-2 text-sm\",\n md: \"px-4 py-3 text-sm\",\n lg: \"px-5 py-4 text-base\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const accordionItemVariants = cva(\"\", {\n variants: {\n appearance: {\n default: \"\",\n outline: \"\",\n ghost: \"\",\n card: \"rounded-xl border border-white/10 bg-white/[0.03] p-2\",\n separated: \"rounded-xl border border-white/10 bg-slate-950/40 p-2\",\n sky: \"rounded-xl border border-sky-600 bg-sky-600/[0.03] p-2\",\n rose: \"rounded-xl border border-rose-600 bg-rose-600/[0.03] p-2\",\n purple: \"rounded-xl border border-purple-600 bg-purple-600/[0.03] p-2\",\n pink: \"rounded-xl border border-pink-600 bg-pink-600/[0.03] p-2\",\n orange: \"rounded-xl border border-orange-600 bg-orange-600/[0.03] p-2\",\n yellow: \"rounded-xl border border-yellow-600 bg-yellow-600/[0.03] p-2\",\n teal: \"rounded-xl border border-teal-600 bg-teal-600/[0.03] p-2\",\n indigo: \"rounded-xl border border-indigo-600 bg-indigo-600/[0.03] p-2\",\n emerald: \"rounded-xl border border-emerald-600 bg-emerald-600/[0.03] p-2\",\n \"gradient-blue\":\n \"rounded-xl bg-linear-to-r from-blue-600 to-purple-600/[0.03] p-2 text-white\",\n \"gradient-green\":\n \"rounded-xl bg-linear-to-r from-green-600 to-lime-600/[0.03] p-2 text-white\",\n \"gradient-red\":\n \"rounded-xl bg-linear-to-r from-red-600 to-pink-600/[0.03] p-2 text-white\",\n \"gradient-yellow\":\n \"rounded-xl bg-linear-to-r from-yellow-600 to-orange-600/[0.03] p-2 text-white\",\n \"gradient-purple\":\n \"rounded-xl bg-linear-to-r from-purple-600 to-pink-600/[0.03] p-2 text-white\",\n \"gradient-teal\":\n \"rounded-xl bg-linear-to-r from-teal-600 to-cyan-600/[0.03] p-2 text-white\",\n \"gradient-indigo\":\n \"rounded-xl bg-linear-to-r from-indigo-600 to-purple-600/[0.03] p-2 text-white\",\n \"gradient-pink\":\n \"rounded-xl bg-linear-to-r from-pink-600 to-rose-600/[0.03] p-2 text-white\",\n \"gradient-orange\":\n \"rounded-xl bg-linear-to-r from-orange-600 to-red-600/[0.03] p-2 text-white\",\n },\n },\n defaultVariants: { appearance: \"default\" },\n});\n\nexport const accordionTriggerVariants = cva(\n \"flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-slate-50 outline-none transition hover:text-white focus-visible:ring-2 focus-visible:ring-white/30\",\n {\n variants: {\n size: {\n sm: \"py-2 text-sm\",\n md: \"py-3 text-sm\",\n lg: \"py-4 text-base\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n\nexport const accordionContentVariants = cva(\"pb-3 text-sm\", {\n variants: {\n size: {\n sm: \"pb-2 text-xs\",\n md: \"pb-3 text-sm\",\n lg: \"pb-4 text-base\",\n },\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\nimport { motion } from \"framer-motion\";\nimport {\n createContext,\n useCallback,\n useContext,\n useId,\n useMemo,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { accordionContentTransitionPresets } from \"./animations\";\nimport type {\n AccordionContentProps,\n AccordionItemProps,\n AccordionProps,\n AccordionTriggerProps,\n AccordionCtx,\n} from \"./types\";\nimport {\n accordionContentVariants,\n accordionItemVariants,\n accordionTriggerVariants,\n accordionVariants,\n} from \"./variants\";\n\nconst AccordionContext = createContext<AccordionCtx | null>(null);\n\nconst AccordionItemValueContext = createContext<string | null>(null);\n\nfunction useAccordionContext(component: string): AccordionCtx {\n const ctx = useContext(AccordionContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Accordion>`);\n }\n return ctx;\n}\n\nfunction useAccordionItemValue(component: string): string {\n const value = useContext(AccordionItemValueContext);\n if (!value) {\n throw new Error(`${component} must be used within <AccordionItem>`);\n }\n return value;\n}\n\nexport function Accordion({\n type = \"single\",\n value,\n values,\n defaultValue,\n defaultValues,\n onValueChange,\n onValuesChange,\n transition = \"default\",\n appearance = \"default\",\n size = \"md\",\n className,\n children,\n}: AccordionProps) {\n const isSingleControlled = value !== undefined;\n const isMultipleControlled = values !== undefined;\n const [singleUncontrolled, setSingleUncontrolled] = useState<\n string | undefined\n >(defaultValue);\n const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(\n defaultValues ?? [],\n );\n\n const singleValue = isSingleControlled ? value : singleUncontrolled;\n const multipleValues = useMemo(\n () => (isMultipleControlled ? (values ?? []) : multipleUncontrolled),\n [isMultipleControlled, values, multipleUncontrolled],\n );\n\n const isOpen = useCallback(\n (itemValue: string) => {\n if (type === \"single\") {\n return singleValue === itemValue;\n }\n return multipleValues.includes(itemValue);\n },\n [multipleValues, singleValue, type],\n );\n\n const toggle = useCallback(\n (itemValue: string) => {\n if (type === \"single\") {\n const next = singleValue === itemValue ? undefined : itemValue;\n if (!isSingleControlled) {\n setSingleUncontrolled(next);\n }\n onValueChange?.(next);\n return;\n }\n const exists = multipleValues.includes(itemValue);\n const next = exists\n ? multipleValues.filter((entry) => entry !== itemValue)\n : [...multipleValues, itemValue];\n if (!isMultipleControlled) {\n setMultipleUncontrolled(next);\n }\n onValuesChange?.(next);\n },\n [\n isMultipleControlled,\n isSingleControlled,\n multipleValues,\n onValueChange,\n onValuesChange,\n singleValue,\n type,\n ],\n );\n\n const ctx = useMemo(\n () => ({\n type,\n transition: transition ?? \"default\",\n appearance: appearance ?? \"default\",\n size: size ?? \"md\",\n isOpen,\n toggle,\n }),\n [appearance, isOpen, size, toggle, transition, type],\n );\n\n return (\n <AccordionContext.Provider value={ctx}>\n <div\n data-slot=\"accordion\"\n className={cn(accordionVariants({ appearance, size }), className)}\n >\n {children}\n </div>\n </AccordionContext.Provider>\n );\n}\n\nAccordion.displayName = \"Accordion\";\n\nexport function AccordionItem({\n className,\n value,\n children,\n ref,\n ...rest\n}: AccordionItemProps) {\n const { appearance } = useAccordionContext(\"AccordionItem\");\n return (\n <AccordionItemValueContext.Provider value={value}>\n <div\n ref={ref}\n data-slot=\"accordion-item\"\n data-value={value}\n className={cn(accordionItemVariants({ appearance }), className)}\n {...rest}\n >\n {children}\n </div>\n </AccordionItemValueContext.Provider>\n );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport function AccordionTrigger({\n className,\n children,\n ref,\n ...rest\n}: AccordionTriggerProps) {\n const itemValue = useAccordionItemValue(\"AccordionTrigger\");\n const { isOpen, toggle, size } = useAccordionContext(\"AccordionTrigger\");\n const open = isOpen(itemValue);\n const panelId = `${itemValue}-panel`;\n const baseId = useId();\n\n return (\n <h3 className=\"m-0\">\n <button\n ref={ref}\n type=\"button\"\n data-slot=\"accordion-trigger\"\n id={`${baseId}-trigger-${itemValue}`}\n aria-expanded={open}\n aria-controls={panelId}\n className={cn(accordionTriggerVariants({ size }), className)}\n onClick={() => toggle(itemValue)}\n {...rest}\n >\n {children}\n </button>\n </h3>\n );\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport function AccordionContent({\n className,\n children,\n ref,\n}: AccordionContentProps) {\n const itemValue = useAccordionItemValue(\"AccordionContent\");\n const {\n isOpen,\n transition: transitionVariant,\n size,\n } = useAccordionContext(\"AccordionContent\");\n const open = isOpen(itemValue);\n const panelId = `${itemValue}-panel`;\n const transitionConfig = accordionContentTransitionPresets[transitionVariant];\n const motionless = transitionVariant === \"none\";\n\n return open ? (\n <motion.div\n key={itemValue}\n ref={ref}\n id={panelId}\n role=\"region\"\n data-slot=\"accordion-content\"\n className={cn(accordionContentVariants({ size }), className)}\n initial={motionless ? false : { opacity: 0 }}\n animate={motionless ? undefined : { opacity: 1 }}\n exit={motionless ? undefined : { opacity: 0 }}\n transition={transitionConfig}\n >\n {children}\n </motion.div>\n ) : null;\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/ui/accordion/accordion.tsx"],"names":[],"mappings":";;;;;AAIO,SAAS,UAAU,KAAA,EAAuB;AAC/C,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACnC;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"accordion.mjs","sourcesContent":["// accordion.tsx — default static entry (no framer-motion on content)\nimport { AccordionBase, AccordionContent, AccordionItem, AccordionTrigger } from \"./accordion-base\";\nimport type { AccordionProps } from \"./types\";\n\nexport function Accordion(props: AccordionProps) {\n return <AccordionBase {...props} />;\n}\n\nAccordion.displayName = \"Accordion\";\n\nexport { AccordionContent, AccordionItem, AccordionTrigger };\n"]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { HTMLMotionProps } from 'framer-motion';
|
|
3
|
+
import { g as AlertBaseProps, b as AlertAnimation } from '../../types-CtFK7mFE.mjs';
|
|
3
4
|
import 'class-variance-authority';
|
|
4
5
|
import 'react';
|
|
5
6
|
import 'class-variance-authority/types';
|
|
@@ -7,7 +8,11 @@ import 'class-variance-authority/types';
|
|
|
7
8
|
type AlertAnimatedProps = Omit<AlertBaseProps, "as"> & {
|
|
8
9
|
animation?: AlertAnimation;
|
|
9
10
|
};
|
|
11
|
+
type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
|
|
12
|
+
type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
|
|
10
13
|
|
|
11
14
|
declare const AlertAnimated: ({ animation, ...props }: AlertAnimatedProps) => react_jsx_runtime.JSX.Element;
|
|
12
15
|
|
|
13
|
-
|
|
16
|
+
declare const alertAnimationPresets: AlertAnimationPresets;
|
|
17
|
+
|
|
18
|
+
export { AlertAnimated, type AlertAnimatedProps, alertAnimationPresets };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { HTMLMotionProps } from 'framer-motion';
|
|
3
|
+
import { g as AlertBaseProps, b as AlertAnimation } from '../../types-CtFK7mFE.js';
|
|
3
4
|
import 'class-variance-authority';
|
|
4
5
|
import 'react';
|
|
5
6
|
import 'class-variance-authority/types';
|
|
@@ -7,7 +8,11 @@ import 'class-variance-authority/types';
|
|
|
7
8
|
type AlertAnimatedProps = Omit<AlertBaseProps, "as"> & {
|
|
8
9
|
animation?: AlertAnimation;
|
|
9
10
|
};
|
|
11
|
+
type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
|
|
12
|
+
type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
|
|
10
13
|
|
|
11
14
|
declare const AlertAnimated: ({ animation, ...props }: AlertAnimatedProps) => react_jsx_runtime.JSX.Element;
|
|
12
15
|
|
|
13
|
-
|
|
16
|
+
declare const alertAnimationPresets: AlertAnimationPresets;
|
|
17
|
+
|
|
18
|
+
export { AlertAnimated, type AlertAnimatedProps, alertAnimationPresets };
|
|
@@ -1,18 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunkU4YQCAXW_js = require('../../chunk-U4YQCAXW.js');
|
|
5
5
|
require('../../chunk-UOZYPWDZ.js');
|
|
6
6
|
var framerMotion = require('framer-motion');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
9
|
+
// src/ui/alert/animated/animations.ts
|
|
10
|
+
var alertAnimationPresets = {
|
|
11
|
+
none: {},
|
|
12
|
+
"slide-down": {
|
|
13
|
+
initial: { y: -8, opacity: 0 },
|
|
14
|
+
animate: { y: 0, opacity: 1 },
|
|
15
|
+
transition: { type: "spring", stiffness: 420, damping: 30 }
|
|
16
|
+
},
|
|
17
|
+
fade: {
|
|
18
|
+
initial: { opacity: 0 },
|
|
19
|
+
animate: { opacity: 1 },
|
|
20
|
+
transition: { duration: 0.2 }
|
|
21
|
+
},
|
|
22
|
+
pop: {
|
|
23
|
+
initial: { scale: 0.96, opacity: 0 },
|
|
24
|
+
animate: { scale: 1, opacity: 1 },
|
|
25
|
+
transition: { type: "spring", stiffness: 520, damping: 28 }
|
|
26
|
+
}
|
|
27
|
+
};
|
|
9
28
|
var AlertAnimated = ({
|
|
10
29
|
animation = "none",
|
|
11
30
|
...props
|
|
12
31
|
}) => {
|
|
13
|
-
const motionProps =
|
|
32
|
+
const motionProps = alertAnimationPresets[animation];
|
|
14
33
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
15
|
-
|
|
34
|
+
chunkU4YQCAXW_js.AlertBase,
|
|
16
35
|
{
|
|
17
36
|
as: framerMotion.motion.div,
|
|
18
37
|
initial: animation === "none" ? false : void 0,
|
|
@@ -23,5 +42,6 @@ var AlertAnimated = ({
|
|
|
23
42
|
};
|
|
24
43
|
|
|
25
44
|
exports.AlertAnimated = AlertAnimated;
|
|
45
|
+
exports.alertAnimationPresets = alertAnimationPresets;
|
|
26
46
|
//# sourceMappingURL=animated.js.map
|
|
27
47
|
//# sourceMappingURL=animated.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/alert/animated/alert-animated.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/alert/animated/animations.ts","../../../src/ui/alert/animated/alert-animated.tsx"],"names":["jsx","AlertBase","motion"],"mappings":";;;;;;;;AAEO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,YAAA,EAAc;AAAA,IACZ,OAAA,EAAS,EAAE,CAAA,EAAG,EAAA,EAAI,SAAS,CAAA,EAAE;AAAA,IAC7B,OAAA,EAAS,EAAE,CAAA,EAAG,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAC5B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA;AAAI,GAC9B;AAAA,EACA,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACdO,IAAM,gBAAgB,CAAC;AAAA,EAC5B,SAAA,GAAY,MAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,sBAAsB,SAAS,CAAA;AAEnD,EAAA,uBACEA,cAAA;AAAA,IAACC,0BAAA;AAAA,IAAA;AAAA,MACC,IAAIC,mBAAA,CAAO,GAAA;AAAA,MACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ","file":"animated.js","sourcesContent":["import { AlertAnimationPresets } from \"./types\";\n\nexport const alertAnimationPresets: AlertAnimationPresets = {\n none: {},\n \"slide-down\": {\n initial: { y: -8, opacity: 0 },\n animate: { y: 0, opacity: 1 },\n transition: { type: \"spring\", stiffness: 420, damping: 30 },\n },\n fade: {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n transition: { duration: 0.2 },\n },\n pop: {\n initial: { scale: 0.96, opacity: 0 },\n animate: { scale: 1, opacity: 1 },\n transition: { type: \"spring\", stiffness: 520, damping: 28 },\n },\n};\n","import { motion } from \"framer-motion\";\nimport { AlertBase } from \"../alert-base\";\nimport { alertAnimationPresets } from \"./animations\";\nimport type { AlertAnimatedProps } from \"./types\";\n\nexport const AlertAnimated = ({\n animation = \"none\",\n ...props\n}: AlertAnimatedProps) => {\n const motionProps = alertAnimationPresets[animation];\n\n return (\n <AlertBase\n as={motion.div}\n initial={animation === \"none\" ? false : undefined}\n {...motionProps}\n {...props}\n />\n );\n};\n"]}
|
|
@@ -1,9 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { AlertBase } from '../../chunk-XIXF7UVM.mjs';
|
|
3
3
|
import '../../chunk-DFEZH7TC.mjs';
|
|
4
4
|
import { motion } from 'framer-motion';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
|
+
// src/ui/alert/animated/animations.ts
|
|
8
|
+
var alertAnimationPresets = {
|
|
9
|
+
none: {},
|
|
10
|
+
"slide-down": {
|
|
11
|
+
initial: { y: -8, opacity: 0 },
|
|
12
|
+
animate: { y: 0, opacity: 1 },
|
|
13
|
+
transition: { type: "spring", stiffness: 420, damping: 30 }
|
|
14
|
+
},
|
|
15
|
+
fade: {
|
|
16
|
+
initial: { opacity: 0 },
|
|
17
|
+
animate: { opacity: 1 },
|
|
18
|
+
transition: { duration: 0.2 }
|
|
19
|
+
},
|
|
20
|
+
pop: {
|
|
21
|
+
initial: { scale: 0.96, opacity: 0 },
|
|
22
|
+
animate: { scale: 1, opacity: 1 },
|
|
23
|
+
transition: { type: "spring", stiffness: 520, damping: 28 }
|
|
24
|
+
}
|
|
25
|
+
};
|
|
7
26
|
var AlertAnimated = ({
|
|
8
27
|
animation = "none",
|
|
9
28
|
...props
|
|
@@ -20,6 +39,6 @@ var AlertAnimated = ({
|
|
|
20
39
|
);
|
|
21
40
|
};
|
|
22
41
|
|
|
23
|
-
export { AlertAnimated };
|
|
42
|
+
export { AlertAnimated, alertAnimationPresets };
|
|
24
43
|
//# sourceMappingURL=animated.mjs.map
|
|
25
44
|
//# sourceMappingURL=animated.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/alert/animated/alert-animated.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/alert/animated/animations.ts","../../../src/ui/alert/animated/alert-animated.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,YAAA,EAAc;AAAA,IACZ,OAAA,EAAS,EAAE,CAAA,EAAG,EAAA,EAAI,SAAS,CAAA,EAAE;AAAA,IAC7B,OAAA,EAAS,EAAE,CAAA,EAAG,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAC5B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA;AAAI,GAC9B;AAAA,EACA,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACdO,IAAM,gBAAgB,CAAC;AAAA,EAC5B,SAAA,GAAY,MAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,sBAAsB,SAAS,CAAA;AAEnD,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAI,MAAA,CAAO,GAAA;AAAA,MACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ","file":"animated.mjs","sourcesContent":["import { AlertAnimationPresets } from \"./types\";\n\nexport const alertAnimationPresets: AlertAnimationPresets = {\n none: {},\n \"slide-down\": {\n initial: { y: -8, opacity: 0 },\n animate: { y: 0, opacity: 1 },\n transition: { type: \"spring\", stiffness: 420, damping: 30 },\n },\n fade: {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n transition: { duration: 0.2 },\n },\n pop: {\n initial: { scale: 0.96, opacity: 0 },\n animate: { scale: 1, opacity: 1 },\n transition: { type: \"spring\", stiffness: 520, damping: 28 },\n },\n};\n","import { motion } from \"framer-motion\";\nimport { AlertBase } from \"../alert-base\";\nimport { alertAnimationPresets } from \"./animations\";\nimport type { AlertAnimatedProps } from \"./types\";\n\nexport const AlertAnimated = ({\n animation = \"none\",\n ...props\n}: AlertAnimatedProps) => {\n const motionProps = alertAnimationPresets[animation];\n\n return (\n <AlertBase\n as={motion.div}\n initial={animation === \"none\" ? false : undefined}\n {...motionProps}\n {...props}\n />\n );\n};\n"]}
|
package/dist/ui/alert.d.mts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
export {
|
|
4
|
-
import { HTMLMotionProps } from 'framer-motion';
|
|
2
|
+
import { A as AlertSectionProps, a as AlertProps } from '../types-CtFK7mFE.mjs';
|
|
3
|
+
export { b as AlertAnimation, c as AlertSize, d as alertDescriptionVariants, e as alertTitleVariants, f as alertVariants } from '../types-CtFK7mFE.mjs';
|
|
5
4
|
import 'class-variance-authority';
|
|
6
5
|
import 'react';
|
|
7
6
|
import 'class-variance-authority/types';
|
|
@@ -34,8 +33,4 @@ declare const Alert: {
|
|
|
34
33
|
displayName: string;
|
|
35
34
|
};
|
|
36
35
|
|
|
37
|
-
|
|
38
|
-
type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
|
|
39
|
-
declare const alertAnimationPresets: AlertAnimationPresets;
|
|
40
|
-
|
|
41
|
-
export { Alert, AlertAnimation, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertProps, AlertSectionProps, AlertTitle, alertAnimationPresets };
|
|
36
|
+
export { Alert, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertProps, AlertSectionProps, AlertTitle };
|
package/dist/ui/alert.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
export {
|
|
4
|
-
import { HTMLMotionProps } from 'framer-motion';
|
|
2
|
+
import { A as AlertSectionProps, a as AlertProps } from '../types-CtFK7mFE.js';
|
|
3
|
+
export { b as AlertAnimation, c as AlertSize, d as alertDescriptionVariants, e as alertTitleVariants, f as alertVariants } from '../types-CtFK7mFE.js';
|
|
5
4
|
import 'class-variance-authority';
|
|
6
5
|
import 'react';
|
|
7
6
|
import 'class-variance-authority/types';
|
|
@@ -34,8 +33,4 @@ declare const Alert: {
|
|
|
34
33
|
displayName: string;
|
|
35
34
|
};
|
|
36
35
|
|
|
37
|
-
|
|
38
|
-
type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
|
|
39
|
-
declare const alertAnimationPresets: AlertAnimationPresets;
|
|
40
|
-
|
|
41
|
-
export { Alert, AlertAnimation, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertProps, AlertSectionProps, AlertTitle, alertAnimationPresets };
|
|
36
|
+
export { Alert, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertProps, AlertSectionProps, AlertTitle };
|
package/dist/ui/alert.js
CHANGED
|
@@ -1,50 +1,46 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunkU4YQCAXW_js = require('../chunk-U4YQCAXW.js');
|
|
5
5
|
require('../chunk-UOZYPWDZ.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
|
|
8
8
|
var Alert = (props) => {
|
|
9
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkU4YQCAXW_js.AlertBase, { ...props });
|
|
10
10
|
};
|
|
11
11
|
Alert.displayName = "Alert";
|
|
12
12
|
|
|
13
13
|
Object.defineProperty(exports, "AlertClose", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunkU4YQCAXW_js.AlertClose; }
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "AlertDefaultIcon", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () { return
|
|
19
|
+
get: function () { return chunkU4YQCAXW_js.AlertDefaultIcon; }
|
|
20
20
|
});
|
|
21
21
|
Object.defineProperty(exports, "AlertDescription", {
|
|
22
22
|
enumerable: true,
|
|
23
|
-
get: function () { return
|
|
23
|
+
get: function () { return chunkU4YQCAXW_js.AlertDescription; }
|
|
24
24
|
});
|
|
25
25
|
Object.defineProperty(exports, "AlertIcon", {
|
|
26
26
|
enumerable: true,
|
|
27
|
-
get: function () { return
|
|
27
|
+
get: function () { return chunkU4YQCAXW_js.AlertIcon; }
|
|
28
28
|
});
|
|
29
29
|
Object.defineProperty(exports, "AlertTitle", {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: function () { return
|
|
32
|
-
});
|
|
33
|
-
Object.defineProperty(exports, "alertAnimationPresets", {
|
|
34
|
-
enumerable: true,
|
|
35
|
-
get: function () { return chunkP6YRSEOY_js.alertAnimationPresets; }
|
|
31
|
+
get: function () { return chunkU4YQCAXW_js.AlertTitle; }
|
|
36
32
|
});
|
|
37
33
|
Object.defineProperty(exports, "alertDescriptionVariants", {
|
|
38
34
|
enumerable: true,
|
|
39
|
-
get: function () { return
|
|
35
|
+
get: function () { return chunkU4YQCAXW_js.alertDescriptionVariants; }
|
|
40
36
|
});
|
|
41
37
|
Object.defineProperty(exports, "alertTitleVariants", {
|
|
42
38
|
enumerable: true,
|
|
43
|
-
get: function () { return
|
|
39
|
+
get: function () { return chunkU4YQCAXW_js.alertTitleVariants; }
|
|
44
40
|
});
|
|
45
41
|
Object.defineProperty(exports, "alertVariants", {
|
|
46
42
|
enumerable: true,
|
|
47
|
-
get: function () { return
|
|
43
|
+
get: function () { return chunkU4YQCAXW_js.alertVariants; }
|
|
48
44
|
});
|
|
49
45
|
exports.Alert = Alert;
|
|
50
46
|
//# sourceMappingURL=alert.js.map
|
package/dist/ui/alert.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { AlertBase } from '../chunk-
|
|
3
|
-
export { AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertTitle,
|
|
2
|
+
import { AlertBase } from '../chunk-XIXF7UVM.mjs';
|
|
3
|
+
export { AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertTitle, alertDescriptionVariants, alertTitleVariants, alertVariants } from '../chunk-XIXF7UVM.mjs';
|
|
4
4
|
import '../chunk-DFEZH7TC.mjs';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { a as AvatarBaseProps } from '../../avatar-base-s4dYg-24.mjs';
|
|
3
|
+
export { b as AvatarFallback, d as AvatarGroup, f as AvatarImage } from '../../avatar-base-s4dYg-24.mjs';
|
|
4
|
+
import { HTMLMotionProps } from 'framer-motion';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'class-variance-authority';
|
|
7
|
+
import 'class-variance-authority/types';
|
|
8
|
+
|
|
9
|
+
type AvatarAnimatedProps = Omit<AvatarBaseProps, "as"> & {
|
|
10
|
+
animation?: AvatarAnimation;
|
|
11
|
+
};
|
|
12
|
+
type AvatarAnimationPresets = Record<AvatarAnimation, Pick<HTMLMotionProps<"span">, "whileHover" | "whileTap" | "transition" | "initial">>;
|
|
13
|
+
type AvatarAnimation = "none" | "subtle";
|
|
14
|
+
|
|
15
|
+
declare function AvatarAnimated({ animation, ...props }: AvatarAnimatedProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
declare namespace AvatarAnimated {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
declare const avatarAnimationPresets: AvatarAnimationPresets;
|
|
21
|
+
|
|
22
|
+
export { AvatarAnimated, type AvatarAnimatedProps, type AvatarAnimation, type AvatarAnimationPresets, avatarAnimationPresets };
|