@zentauri-ui/zentauri-components 2.1.3 → 2.1.5
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 +8 -7
- package/cli/cli.integration.test.ts +44 -2
- package/cli/index.mjs +86 -23
- package/cli/props.json +14858 -0
- package/cli/props.test.ts +80 -0
- package/dist/{chunk-F6W3GJJ2.mjs → chunk-2UK6QZA6.mjs} +3 -3
- package/dist/{chunk-F6W3GJJ2.mjs.map → chunk-2UK6QZA6.mjs.map} +1 -1
- package/dist/{chunk-NNGL2AFQ.js → chunk-6KVTKYTB.js} +35 -35
- package/dist/{chunk-NNGL2AFQ.js.map → chunk-6KVTKYTB.js.map} +1 -1
- package/dist/{chunk-BOTDQV6U.mjs → chunk-BL6UVCV7.mjs} +4 -4
- package/dist/{chunk-BOTDQV6U.mjs.map → chunk-BL6UVCV7.mjs.map} +1 -1
- package/dist/{chunk-HVMYPW3Q.mjs → chunk-CZBM6ISF.mjs} +19 -6
- package/dist/chunk-CZBM6ISF.mjs.map +1 -0
- package/dist/chunk-D2GISTDL.js +19 -0
- package/dist/{chunk-SOYCLBHK.js.map → chunk-D2GISTDL.js.map} +1 -1
- package/dist/{chunk-6Q4EOLKN.js → chunk-NDF3HORF.js} +3 -3
- package/dist/{chunk-WIKNEHPJ.mjs.map → chunk-NDF3HORF.js.map} +1 -1
- package/dist/{chunk-UJPB5NHW.js → chunk-NZSZE36T.js} +18 -18
- package/dist/{chunk-UJPB5NHW.js.map → chunk-NZSZE36T.js.map} +1 -1
- package/dist/{chunk-BPSW3SRE.mjs → chunk-PAG5CTLN.mjs} +3 -3
- package/dist/{chunk-BPSW3SRE.mjs.map → chunk-PAG5CTLN.mjs.map} +1 -1
- package/dist/{chunk-GNQH247A.js → chunk-RENXBUZY.js} +6 -6
- package/dist/{chunk-GNQH247A.js.map → chunk-RENXBUZY.js.map} +1 -1
- package/dist/{chunk-APCN6NUH.js → chunk-SYEEHZXL.js} +23 -9
- package/dist/chunk-SYEEHZXL.js.map +1 -0
- package/dist/{chunk-EDJ6TVL3.js → chunk-UEE2ASYK.js} +12 -12
- package/dist/{chunk-EDJ6TVL3.js.map → chunk-UEE2ASYK.js.map} +1 -1
- package/dist/{chunk-2P4WPYC3.mjs → chunk-WBZKMSXW.mjs} +3 -3
- package/dist/{chunk-2P4WPYC3.mjs.map → chunk-WBZKMSXW.mjs.map} +1 -1
- package/dist/{chunk-COVTMJIQ.mjs → chunk-XFJIX2YP.mjs} +35 -35
- package/dist/{chunk-COVTMJIQ.mjs.map → chunk-XFJIX2YP.mjs.map} +1 -1
- package/dist/{chunk-WIKNEHPJ.mjs → chunk-ZBAKTM2R.mjs} +3 -3
- package/dist/chunk-ZBAKTM2R.mjs.map +1 -0
- package/dist/design-system/facade.js +4 -4
- package/dist/design-system/facade.mjs +3 -3
- package/dist/design-system/skeleton.d.ts +33 -33
- package/dist/design-system/toast.d.ts +1 -1
- package/dist/ui/buttons/animated.js +6 -6
- package/dist/ui/buttons/animated.mjs +4 -4
- package/dist/ui/buttons.js +7 -7
- package/dist/ui/buttons.mjs +5 -5
- package/dist/ui/dynamic-stepper.js +16 -16
- package/dist/ui/dynamic-stepper.mjs +5 -5
- package/dist/ui/pagination.js +12 -12
- package/dist/ui/pagination.mjs +4 -4
- package/dist/ui/skeleton/animated.js +9 -9
- package/dist/ui/skeleton/animated.mjs +2 -2
- package/dist/ui/skeleton.js +10 -10
- package/dist/ui/skeleton.mjs +2 -2
- package/dist/ui/toast/animated/toast-animated.d.ts.map +1 -1
- package/dist/ui/toast/animated.js +9 -9
- package/dist/ui/toast/animated.js.map +1 -1
- package/dist/ui/toast/animated.mjs +3 -3
- package/dist/ui/toast/animated.mjs.map +1 -1
- package/dist/ui/toast/toast-base.d.ts.map +1 -1
- package/dist/ui/toast/use-toast-portal.d.ts +11 -0
- package/dist/ui/toast/use-toast-portal.d.ts.map +1 -0
- package/dist/ui/toast.js +13 -13
- package/dist/ui/toast.mjs +2 -2
- package/package.json +5 -2
- package/src/design-system/skeleton.ts +33 -33
- package/src/design-system/toast.ts +1 -1
- package/src/ui/skeleton/skeleton.test.tsx +9 -0
- package/src/ui/toast/animated/toast-animated.tsx +3 -1
- package/src/ui/toast/toast-base.tsx +3 -1
- package/src/ui/toast/use-toast-portal.ts +29 -0
- package/dist/chunk-6Q4EOLKN.js.map +0 -1
- package/dist/chunk-APCN6NUH.js.map +0 -1
- package/dist/chunk-HVMYPW3Q.mjs.map +0 -1
- package/dist/chunk-SOYCLBHK.js +0 -19
|
@@ -3,21 +3,21 @@
|
|
|
3
3
|
|
|
4
4
|
var chunkVMCOX3Z2_js = require('../chunk-VMCOX3Z2.js');
|
|
5
5
|
require('../chunk-HPN7H5ZM.js');
|
|
6
|
-
var
|
|
7
|
-
require('../chunk-
|
|
8
|
-
var
|
|
6
|
+
var chunkRENXBUZY_js = require('../chunk-RENXBUZY.js');
|
|
7
|
+
require('../chunk-D2GISTDL.js');
|
|
8
|
+
var chunkNZSZE36T_js = require('../chunk-NZSZE36T.js');
|
|
9
9
|
require('../chunk-FBUY6K6S.js');
|
|
10
10
|
require('../chunk-USLNTKVQ.js');
|
|
11
11
|
require('../chunk-D7ATXPVI.js');
|
|
12
12
|
require('../chunk-IEHY6KNM.js');
|
|
13
13
|
require('../chunk-3MK7CWEX.js');
|
|
14
14
|
require('../chunk-3EJCQXGV.js');
|
|
15
|
-
require('../chunk-
|
|
15
|
+
require('../chunk-6KVTKYTB.js');
|
|
16
16
|
require('../chunk-L7W4NRK6.js');
|
|
17
17
|
require('../chunk-KWBGLH7G.js');
|
|
18
18
|
require('../chunk-OH5VOGNW.js');
|
|
19
19
|
require('../chunk-Y7BU5RC4.js');
|
|
20
|
-
require('../chunk-
|
|
20
|
+
require('../chunk-NDF3HORF.js');
|
|
21
21
|
require('../chunk-UG3GF2BD.js');
|
|
22
22
|
require('../chunk-BZTAA3MK.js');
|
|
23
23
|
require('../chunk-PZ25OHJE.js');
|
|
@@ -53,37 +53,37 @@ var classVarianceAuthority = require('class-variance-authority');
|
|
|
53
53
|
var jsxRuntime = require('react/jsx-runtime');
|
|
54
54
|
|
|
55
55
|
function dynamicStepperIndicatorToneClass(state, tone) {
|
|
56
|
-
return
|
|
56
|
+
return chunkNZSZE36T_js.zuiDynamicStepperIndicatorToneClasses[tone][state];
|
|
57
57
|
}
|
|
58
|
-
var dynamicStepperRootVariants = classVarianceAuthority.cva(
|
|
58
|
+
var dynamicStepperRootVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiDynamicStepperRootBase, {
|
|
59
59
|
variants: {
|
|
60
|
-
orientation:
|
|
60
|
+
orientation: chunkNZSZE36T_js.zuiDynamicStepperRootOrientations
|
|
61
61
|
},
|
|
62
62
|
defaultVariants: {
|
|
63
63
|
orientation: "horizontal"
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
|
-
var dynamicStepperMapperVariants = classVarianceAuthority.cva(
|
|
66
|
+
var dynamicStepperMapperVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiDynamicStepperMapperBase, {
|
|
67
67
|
variants: {
|
|
68
|
-
orientation:
|
|
68
|
+
orientation: chunkNZSZE36T_js.zuiDynamicStepperMapperOrientations
|
|
69
69
|
},
|
|
70
70
|
defaultVariants: {
|
|
71
71
|
orientation: "horizontal"
|
|
72
72
|
}
|
|
73
73
|
});
|
|
74
|
-
var dynamicStepperItemVariants = classVarianceAuthority.cva(
|
|
74
|
+
var dynamicStepperItemVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiDynamicStepperItemBase, {
|
|
75
75
|
variants: {
|
|
76
|
-
orientation:
|
|
76
|
+
orientation: chunkNZSZE36T_js.zuiDynamicStepperItemOrientations
|
|
77
77
|
},
|
|
78
78
|
defaultVariants: {
|
|
79
79
|
orientation: "horizontal"
|
|
80
80
|
}
|
|
81
81
|
});
|
|
82
82
|
var dynamicStepperIndicatorVariants = classVarianceAuthority.cva(
|
|
83
|
-
|
|
83
|
+
chunkNZSZE36T_js.zuiDynamicStepperIndicatorBase,
|
|
84
84
|
{
|
|
85
85
|
variants: {
|
|
86
|
-
size:
|
|
86
|
+
size: chunkNZSZE36T_js.zuiDynamicStepperIndicatorSizes
|
|
87
87
|
},
|
|
88
88
|
defaultVariants: {
|
|
89
89
|
size: "md"
|
|
@@ -136,7 +136,7 @@ var DynamicStepper = ({
|
|
|
136
136
|
...rest,
|
|
137
137
|
children: [
|
|
138
138
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
139
|
-
|
|
139
|
+
chunkRENXBUZY_js.Button,
|
|
140
140
|
{
|
|
141
141
|
id: previousId,
|
|
142
142
|
"data-slot": "dynamic-stepper-previous",
|
|
@@ -215,7 +215,7 @@ var DynamicStepper = ({
|
|
|
215
215
|
}
|
|
216
216
|
),
|
|
217
217
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
218
|
-
|
|
218
|
+
chunkRENXBUZY_js.Button,
|
|
219
219
|
{
|
|
220
220
|
id: nextId,
|
|
221
221
|
"data-slot": "dynamic-stepper-next",
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useDynamicStepper } from '../chunk-4MPNRGUA.mjs';
|
|
3
3
|
import '../chunk-NWOE2TZN.mjs';
|
|
4
|
-
import { Button } from '../chunk-
|
|
5
|
-
import '../chunk-
|
|
6
|
-
import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-
|
|
4
|
+
import { Button } from '../chunk-WBZKMSXW.mjs';
|
|
5
|
+
import '../chunk-PAG5CTLN.mjs';
|
|
6
|
+
import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-BL6UVCV7.mjs';
|
|
7
7
|
import '../chunk-2NQKFH26.mjs';
|
|
8
8
|
import '../chunk-4ZBMDWWY.mjs';
|
|
9
9
|
import '../chunk-YH6MOKHR.mjs';
|
|
10
10
|
import '../chunk-T4ZLTKV2.mjs';
|
|
11
11
|
import '../chunk-PUSCPBT2.mjs';
|
|
12
12
|
import '../chunk-LRYKMXKI.mjs';
|
|
13
|
-
import '../chunk-
|
|
13
|
+
import '../chunk-XFJIX2YP.mjs';
|
|
14
14
|
import '../chunk-4WG3VNVL.mjs';
|
|
15
15
|
import '../chunk-YPTHTFVF.mjs';
|
|
16
16
|
import '../chunk-XY3TKIIH.mjs';
|
|
17
17
|
import '../chunk-FX5KR2GP.mjs';
|
|
18
|
-
import '../chunk-
|
|
18
|
+
import '../chunk-ZBAKTM2R.mjs';
|
|
19
19
|
import '../chunk-EE53BIXR.mjs';
|
|
20
20
|
import '../chunk-YXU2MJMT.mjs';
|
|
21
21
|
import '../chunk-3IE4IELX.mjs';
|
package/dist/ui/pagination.js
CHANGED
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var chunk2VUMVDR3_js = require('../chunk-2VUMVDR3.js');
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var chunkD2GISTDL_js = require('../chunk-D2GISTDL.js');
|
|
6
|
+
var chunkNZSZE36T_js = require('../chunk-NZSZE36T.js');
|
|
7
7
|
require('../chunk-FBUY6K6S.js');
|
|
8
8
|
require('../chunk-USLNTKVQ.js');
|
|
9
9
|
require('../chunk-D7ATXPVI.js');
|
|
10
10
|
require('../chunk-IEHY6KNM.js');
|
|
11
11
|
require('../chunk-3MK7CWEX.js');
|
|
12
12
|
require('../chunk-3EJCQXGV.js');
|
|
13
|
-
require('../chunk-
|
|
13
|
+
require('../chunk-6KVTKYTB.js');
|
|
14
14
|
require('../chunk-L7W4NRK6.js');
|
|
15
15
|
require('../chunk-KWBGLH7G.js');
|
|
16
16
|
require('../chunk-OH5VOGNW.js');
|
|
17
17
|
require('../chunk-Y7BU5RC4.js');
|
|
18
|
-
require('../chunk-
|
|
18
|
+
require('../chunk-NDF3HORF.js');
|
|
19
19
|
require('../chunk-UG3GF2BD.js');
|
|
20
20
|
require('../chunk-BZTAA3MK.js');
|
|
21
21
|
require('../chunk-PZ25OHJE.js');
|
|
@@ -50,19 +50,19 @@ var react = require('react');
|
|
|
50
50
|
var classVarianceAuthority = require('class-variance-authority');
|
|
51
51
|
var jsxRuntime = require('react/jsx-runtime');
|
|
52
52
|
|
|
53
|
-
var paginationListVariants = classVarianceAuthority.cva(
|
|
53
|
+
var paginationListVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiPaginationListBase, {
|
|
54
54
|
variants: {
|
|
55
|
-
appearance:
|
|
56
|
-
size:
|
|
55
|
+
appearance: chunkNZSZE36T_js.zuiPaginationListAppearances,
|
|
56
|
+
size: chunkNZSZE36T_js.zuiPaginationListSizes
|
|
57
57
|
},
|
|
58
58
|
defaultVariants: {
|
|
59
59
|
appearance: "default",
|
|
60
60
|
size: "md"
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
|
-
var paginationEllipsisVariants = classVarianceAuthority.cva(
|
|
63
|
+
var paginationEllipsisVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiPaginationEllipsisBase, {
|
|
64
64
|
variants: {
|
|
65
|
-
size:
|
|
65
|
+
size: chunkNZSZE36T_js.zuiPaginationEllipsisSizes
|
|
66
66
|
},
|
|
67
67
|
defaultVariants: { size: "md" }
|
|
68
68
|
});
|
|
@@ -127,10 +127,10 @@ var Pagination = ({
|
|
|
127
127
|
return null;
|
|
128
128
|
}
|
|
129
129
|
const inactiveTriggerClass = chunkZS5756ZC_js.cn(
|
|
130
|
-
|
|
130
|
+
chunkD2GISTDL_js.buttonVariants({ appearance: "ghost", size }),
|
|
131
131
|
"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10"
|
|
132
132
|
);
|
|
133
|
-
const currentTriggerClass =
|
|
133
|
+
const currentTriggerClass = chunkD2GISTDL_js.buttonVariants({ appearance, size });
|
|
134
134
|
const triggerFocusRing = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950";
|
|
135
135
|
const renderPageControl = (pageNumber) => {
|
|
136
136
|
const isCurrent = pageNumber === currentPage;
|
|
@@ -173,7 +173,7 @@ var Pagination = ({
|
|
|
173
173
|
const prevHref = getPageHref?.(chunkZS5756ZC_js.clampPage(currentPage - 1, pageCount));
|
|
174
174
|
const nextHref = getPageHref?.(chunkZS5756ZC_js.clampPage(currentPage + 1, pageCount));
|
|
175
175
|
const navTriggerClass = chunkZS5756ZC_js.cn(
|
|
176
|
-
|
|
176
|
+
chunkD2GISTDL_js.buttonVariants({ appearance: "outline", size }),
|
|
177
177
|
"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
|
|
178
178
|
);
|
|
179
179
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
package/dist/ui/pagination.mjs
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { usePagination } from '../chunk-YNBJAFI2.mjs';
|
|
3
3
|
export { usePagination } from '../chunk-YNBJAFI2.mjs';
|
|
4
|
-
import { buttonVariants } from '../chunk-
|
|
5
|
-
import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from '../chunk-
|
|
4
|
+
import { buttonVariants } from '../chunk-PAG5CTLN.mjs';
|
|
5
|
+
import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from '../chunk-BL6UVCV7.mjs';
|
|
6
6
|
import '../chunk-2NQKFH26.mjs';
|
|
7
7
|
import '../chunk-4ZBMDWWY.mjs';
|
|
8
8
|
import '../chunk-YH6MOKHR.mjs';
|
|
9
9
|
import '../chunk-T4ZLTKV2.mjs';
|
|
10
10
|
import '../chunk-PUSCPBT2.mjs';
|
|
11
11
|
import '../chunk-LRYKMXKI.mjs';
|
|
12
|
-
import '../chunk-
|
|
12
|
+
import '../chunk-XFJIX2YP.mjs';
|
|
13
13
|
import '../chunk-4WG3VNVL.mjs';
|
|
14
14
|
import '../chunk-YPTHTFVF.mjs';
|
|
15
15
|
import '../chunk-XY3TKIIH.mjs';
|
|
16
16
|
import '../chunk-FX5KR2GP.mjs';
|
|
17
|
-
import '../chunk-
|
|
17
|
+
import '../chunk-ZBAKTM2R.mjs';
|
|
18
18
|
import '../chunk-EE53BIXR.mjs';
|
|
19
19
|
import '../chunk-YXU2MJMT.mjs';
|
|
20
20
|
import '../chunk-3IE4IELX.mjs';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../../chunk-
|
|
4
|
+
var chunkUEE2ASYK_js = require('../../chunk-UEE2ASYK.js');
|
|
5
|
+
require('../../chunk-6KVTKYTB.js');
|
|
6
6
|
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
7
7
|
require('../../chunk-PZ5AY32C.js');
|
|
8
8
|
var framerMotion = require('framer-motion');
|
|
@@ -25,15 +25,15 @@ var skeletonAnimationPresets = {
|
|
|
25
25
|
function SkeletonAnimated(props) {
|
|
26
26
|
const { animation = "shimmer" } = props;
|
|
27
27
|
const motionProps = skeletonAnimationPresets[animation];
|
|
28
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
28
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkUEE2ASYK_js.SkeletonBase, { ...props, as: framerMotion.motion.div, initial: false, ...motionProps });
|
|
29
29
|
}
|
|
30
30
|
SkeletonAnimated.displayName = "Skeleton";
|
|
31
31
|
function SkeletonTextAnimated(props) {
|
|
32
32
|
const { animation = "shimmer" } = props;
|
|
33
|
-
const effectiveAnimation =
|
|
33
|
+
const effectiveAnimation = chunkUEE2ASYK_js.useSkeletonAnimation(animation);
|
|
34
34
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
35
35
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
36
|
-
|
|
36
|
+
chunkUEE2ASYK_js.SkeletonTextBase,
|
|
37
37
|
{
|
|
38
38
|
...props,
|
|
39
39
|
as: framerMotion.motion.div,
|
|
@@ -45,10 +45,10 @@ function SkeletonTextAnimated(props) {
|
|
|
45
45
|
SkeletonTextAnimated.displayName = "SkeletonText";
|
|
46
46
|
function SkeletonAvatarAnimated(props) {
|
|
47
47
|
const { animation = "shimmer" } = props;
|
|
48
|
-
const effectiveAnimation =
|
|
48
|
+
const effectiveAnimation = chunkUEE2ASYK_js.useSkeletonAnimation(animation);
|
|
49
49
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
50
50
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
51
|
-
|
|
51
|
+
chunkUEE2ASYK_js.SkeletonAvatarBase,
|
|
52
52
|
{
|
|
53
53
|
...props,
|
|
54
54
|
as: framerMotion.motion.div,
|
|
@@ -128,10 +128,10 @@ function SkeletonCardAnimated(props) {
|
|
|
128
128
|
SkeletonCardAnimated.displayName = "SkeletonCard";
|
|
129
129
|
function SkeletonButtonAnimated(props) {
|
|
130
130
|
const { animation = "shimmer" } = props;
|
|
131
|
-
const effectiveAnimation =
|
|
131
|
+
const effectiveAnimation = chunkUEE2ASYK_js.useSkeletonAnimation(animation);
|
|
132
132
|
const motionProps = skeletonAnimationPresets[effectiveAnimation];
|
|
133
133
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
134
|
-
|
|
134
|
+
chunkUEE2ASYK_js.SkeletonButtonBase,
|
|
135
135
|
{
|
|
136
136
|
...props,
|
|
137
137
|
as: framerMotion.motion.div,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { SkeletonBase, useSkeletonAnimation, SkeletonTextBase, SkeletonAvatarBase, SkeletonButtonBase } from '../../chunk-
|
|
3
|
-
import '../../chunk-
|
|
2
|
+
import { SkeletonBase, useSkeletonAnimation, SkeletonTextBase, SkeletonAvatarBase, SkeletonButtonBase } from '../../chunk-2UK6QZA6.mjs';
|
|
3
|
+
import '../../chunk-XFJIX2YP.mjs';
|
|
4
4
|
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
5
5
|
import '../../chunk-J5LGTIGS.mjs';
|
|
6
6
|
import { motion } from 'framer-motion';
|
package/dist/ui/skeleton.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
4
|
+
var chunkUEE2ASYK_js = require('../chunk-UEE2ASYK.js');
|
|
5
|
+
require('../chunk-6KVTKYTB.js');
|
|
6
6
|
require('../chunk-ZS5756ZC.js');
|
|
7
7
|
require('../chunk-PZ5AY32C.js');
|
|
8
8
|
|
|
@@ -10,35 +10,35 @@ require('../chunk-PZ5AY32C.js');
|
|
|
10
10
|
|
|
11
11
|
Object.defineProperty(exports, "Skeleton", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkUEE2ASYK_js.SkeletonBase; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, "SkeletonAvatar", {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunkUEE2ASYK_js.SkeletonAvatarBase; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "SkeletonButton", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunkUEE2ASYK_js.SkeletonButtonBase; }
|
|
22
22
|
});
|
|
23
23
|
Object.defineProperty(exports, "SkeletonCard", {
|
|
24
24
|
enumerable: true,
|
|
25
|
-
get: function () { return
|
|
25
|
+
get: function () { return chunkUEE2ASYK_js.SkeletonCardBase; }
|
|
26
26
|
});
|
|
27
27
|
Object.defineProperty(exports, "SkeletonText", {
|
|
28
28
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
29
|
+
get: function () { return chunkUEE2ASYK_js.SkeletonTextBase; }
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "skeletonShimmerGradientClasses", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkUEE2ASYK_js.skeletonShimmerGradientClasses; }
|
|
34
34
|
});
|
|
35
35
|
Object.defineProperty(exports, "skeletonTextLineVariants", {
|
|
36
36
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
37
|
+
get: function () { return chunkUEE2ASYK_js.skeletonTextLineVariants; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "skeletonVariants", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkUEE2ASYK_js.skeletonVariants; }
|
|
42
42
|
});
|
|
43
43
|
//# sourceMappingURL=skeleton.js.map
|
|
44
44
|
//# sourceMappingURL=skeleton.js.map
|
package/dist/ui/skeleton.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { SkeletonBase as Skeleton, SkeletonAvatarBase as SkeletonAvatar, SkeletonButtonBase as SkeletonButton, SkeletonCardBase as SkeletonCard, SkeletonTextBase as SkeletonText, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants } from '../chunk-
|
|
3
|
-
import '../chunk-
|
|
2
|
+
export { SkeletonBase as Skeleton, SkeletonAvatarBase as SkeletonAvatar, SkeletonButtonBase as SkeletonButton, SkeletonCardBase as SkeletonCard, SkeletonTextBase as SkeletonText, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants } from '../chunk-2UK6QZA6.mjs';
|
|
3
|
+
import '../chunk-XFJIX2YP.mjs';
|
|
4
4
|
import '../chunk-4D54YOL6.mjs';
|
|
5
5
|
import '../chunk-J5LGTIGS.mjs';
|
|
6
6
|
//# sourceMappingURL=skeleton.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/toast/animated/toast-animated.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"toast-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/toast/animated/toast-animated.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAU/D,wBAAgB,qBAAqB,CAAC,EACpC,QAAyB,EACzB,SAAS,GACV,EAAE,kBAAkB,sCAuCpB;yBA1Ce,qBAAqB;;;AA8CrC,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,QAAQ,EACjB,UAAU,EACV,IAAI,EACJ,SAAmB,EACnB,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CAyBZ;yBAhCe,aAAa"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../../chunk-
|
|
4
|
+
var chunkSYEEHZXL_js = require('../../chunk-SYEEHZXL.js');
|
|
5
|
+
require('../../chunk-NDF3HORF.js');
|
|
6
6
|
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
7
7
|
require('../../chunk-PZ5AY32C.js');
|
|
8
8
|
var framerMotion = require('framer-motion');
|
|
@@ -30,13 +30,13 @@ function ToastViewportAnimated({
|
|
|
30
30
|
position = "bottom-right",
|
|
31
31
|
className
|
|
32
32
|
}) {
|
|
33
|
-
const ctx = react.useContext(
|
|
33
|
+
const ctx = react.useContext(chunkSYEEHZXL_js.ToastStoreContext);
|
|
34
|
+
const portalTarget = chunkSYEEHZXL_js.useToastPortal();
|
|
34
35
|
if (!ctx) {
|
|
35
36
|
throw new Error(
|
|
36
37
|
"ToastViewportAnimated must be used within <ToastProvider>"
|
|
37
38
|
);
|
|
38
39
|
}
|
|
39
|
-
const portalTarget = typeof document !== "undefined" ? document.body : null;
|
|
40
40
|
if (!portalTarget) {
|
|
41
41
|
return null;
|
|
42
42
|
}
|
|
@@ -44,7 +44,7 @@ function ToastViewportAnimated({
|
|
|
44
44
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
45
45
|
"div",
|
|
46
46
|
{
|
|
47
|
-
className: chunkZS5756ZC_js.cn(
|
|
47
|
+
className: chunkZS5756ZC_js.cn(chunkSYEEHZXL_js.toastViewportVariants({ position }), className),
|
|
48
48
|
"data-slot": "toast-viewport",
|
|
49
49
|
children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: ctx.toasts.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
50
50
|
ToastAnimated,
|
|
@@ -54,9 +54,9 @@ function ToastViewportAnimated({
|
|
|
54
54
|
size: item.size,
|
|
55
55
|
animation: item.animation,
|
|
56
56
|
children: [
|
|
57
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
58
|
-
item.description ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
59
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
57
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkSYEEHZXL_js.ToastTitle, { children: item.title }),
|
|
58
|
+
item.description ? /* @__PURE__ */ jsxRuntime.jsx(chunkSYEEHZXL_js.ToastDescription, { children: item.description }) : null,
|
|
59
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkSYEEHZXL_js.ToastClose, { onClick: () => ctx.dismiss(item.id) })
|
|
60
60
|
]
|
|
61
61
|
},
|
|
62
62
|
item.id
|
|
@@ -87,7 +87,7 @@ function ToastAnimated({
|
|
|
87
87
|
"aria-atomic": "true",
|
|
88
88
|
className: chunkZS5756ZC_js.cn(
|
|
89
89
|
"relative",
|
|
90
|
-
|
|
90
|
+
chunkSYEEHZXL_js.toastRootVariants({ appearance, size }),
|
|
91
91
|
className
|
|
92
92
|
),
|
|
93
93
|
initial: animation === "none" ? false : motionProps.initial,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/toast/animated/animations.ts","../../../src/ui/toast/animated/toast-animated.tsx"],"names":["useContext","ToastStoreContext","createPortal","jsx","cn","toastViewportVariants","AnimatePresence","jsxs","ToastTitle","ToastDescription","ToastClose","motion","toastRootVariants"],"mappings":";;;;;;;;;;;;AAEO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC7B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC1B,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,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACnB,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA;AAAK;AAEjC;
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/toast/animated/animations.ts","../../../src/ui/toast/animated/toast-animated.tsx"],"names":["useContext","ToastStoreContext","useToastPortal","createPortal","jsx","cn","toastViewportVariants","AnimatePresence","jsxs","ToastTitle","ToastDescription","ToastClose","motion","toastRootVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { ToastAnimationPresets } from \"./types\";\n\nexport const toastAnimationPresets: ToastAnimationPresets = {\n none: {},\n slide: {\n initial: { opacity: 0, x: 24 },\n animate: { opacity: 1, x: 0 },\n exit: { opacity: 0, x: 16 },\n transition: { type: \"spring\", stiffness: 380, damping: 28 },\n },\n fade: {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n exit: { opacity: 0 },\n transition: { duration: 0.18 },\n },\n};\n","\"use client\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toastAnimationPresets } from \"./animations\";\nimport type { ToastProps, ToastViewportProps } from \"../types\";\nimport { useToastPortal } from \"../use-toast-portal\";\nimport { toastRootVariants, toastViewportVariants } from \"../variants\";\nimport {\n ToastClose,\n ToastDescription,\n ToastStoreContext,\n ToastTitle,\n} from \"../toast-base\";\n\nexport function ToastViewportAnimated({\n position = \"bottom-right\",\n className,\n}: ToastViewportProps) {\n const ctx = useContext(ToastStoreContext);\n const portalTarget = useToastPortal();\n\n if (!ctx) {\n throw new Error(\n \"ToastViewportAnimated must be used within <ToastProvider>\",\n );\n }\n\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(\n <div\n className={cn(toastViewportVariants({ position }), className)}\n data-slot=\"toast-viewport\"\n >\n <AnimatePresence>\n {ctx.toasts.map((item) => (\n <ToastAnimated\n key={item.id}\n toastId={item.id}\n appearance={item.appearance}\n size={item.size}\n animation={item.animation}\n >\n <ToastTitle>{item.title}</ToastTitle>\n {item.description ? (\n <ToastDescription>{item.description}</ToastDescription>\n ) : null}\n <ToastClose onClick={() => ctx.dismiss(item.id)} />\n </ToastAnimated>\n ))}\n </AnimatePresence>\n </div>,\n portalTarget,\n );\n}\n\nToastViewportAnimated.displayName = \"ToastViewport\";\n\nexport function ToastAnimated({\n toastId: _toastId,\n appearance,\n size,\n animation = \"slide\",\n className,\n children,\n}: ToastProps) {\n const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n const motionProps = toastAnimationPresets[animation];\n\n return (\n <motion.div\n layout\n data-slot=\"toast\"\n role={appearance === \"error\" ? \"alert\" : \"status\"}\n aria-live={live}\n aria-atomic=\"true\"\n className={cn(\n \"relative\",\n toastRootVariants({ appearance, size }),\n className,\n )}\n initial={animation === \"none\" ? false : motionProps.initial}\n animate={animation === \"none\" ? undefined : motionProps.animate}\n exit={animation === \"none\" ? undefined : motionProps.exit}\n transition={motionProps.transition}\n >\n {children}\n </motion.div>\n );\n}\n\nToastAnimated.displayName = \"Toast\";\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { ToastStoreContext, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-
|
|
3
|
-
import '../../chunk-
|
|
2
|
+
import { ToastStoreContext, useToastPortal, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-CZBM6ISF.mjs';
|
|
3
|
+
import '../../chunk-ZBAKTM2R.mjs';
|
|
4
4
|
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
5
5
|
import '../../chunk-J5LGTIGS.mjs';
|
|
6
6
|
import { AnimatePresence, motion } from 'framer-motion';
|
|
@@ -29,12 +29,12 @@ function ToastViewportAnimated({
|
|
|
29
29
|
className
|
|
30
30
|
}) {
|
|
31
31
|
const ctx = useContext(ToastStoreContext);
|
|
32
|
+
const portalTarget = useToastPortal();
|
|
32
33
|
if (!ctx) {
|
|
33
34
|
throw new Error(
|
|
34
35
|
"ToastViewportAnimated must be used within <ToastProvider>"
|
|
35
36
|
);
|
|
36
37
|
}
|
|
37
|
-
const portalTarget = typeof document !== "undefined" ? document.body : null;
|
|
38
38
|
if (!portalTarget) {
|
|
39
39
|
return null;
|
|
40
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/toast/animated/animations.ts","../../../src/ui/toast/animated/toast-animated.tsx"],"names":[],"mappings":";;;;;;;;;;AAEO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC7B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC1B,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,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACnB,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA;AAAK;AAEjC;
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/toast/animated/animations.ts","../../../src/ui/toast/animated/toast-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { ToastAnimationPresets } from \"./types\";\n\nexport const toastAnimationPresets: ToastAnimationPresets = {\n none: {},\n slide: {\n initial: { opacity: 0, x: 24 },\n animate: { opacity: 1, x: 0 },\n exit: { opacity: 0, x: 16 },\n transition: { type: \"spring\", stiffness: 380, damping: 28 },\n },\n fade: {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n exit: { opacity: 0 },\n transition: { duration: 0.18 },\n },\n};\n","\"use client\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toastAnimationPresets } from \"./animations\";\nimport type { ToastProps, ToastViewportProps } from \"../types\";\nimport { useToastPortal } from \"../use-toast-portal\";\nimport { toastRootVariants, toastViewportVariants } from \"../variants\";\nimport {\n ToastClose,\n ToastDescription,\n ToastStoreContext,\n ToastTitle,\n} from \"../toast-base\";\n\nexport function ToastViewportAnimated({\n position = \"bottom-right\",\n className,\n}: ToastViewportProps) {\n const ctx = useContext(ToastStoreContext);\n const portalTarget = useToastPortal();\n\n if (!ctx) {\n throw new Error(\n \"ToastViewportAnimated must be used within <ToastProvider>\",\n );\n }\n\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(\n <div\n className={cn(toastViewportVariants({ position }), className)}\n data-slot=\"toast-viewport\"\n >\n <AnimatePresence>\n {ctx.toasts.map((item) => (\n <ToastAnimated\n key={item.id}\n toastId={item.id}\n appearance={item.appearance}\n size={item.size}\n animation={item.animation}\n >\n <ToastTitle>{item.title}</ToastTitle>\n {item.description ? (\n <ToastDescription>{item.description}</ToastDescription>\n ) : null}\n <ToastClose onClick={() => ctx.dismiss(item.id)} />\n </ToastAnimated>\n ))}\n </AnimatePresence>\n </div>,\n portalTarget,\n );\n}\n\nToastViewportAnimated.displayName = \"ToastViewport\";\n\nexport function ToastAnimated({\n toastId: _toastId,\n appearance,\n size,\n animation = \"slide\",\n className,\n children,\n}: ToastProps) {\n const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n const motionProps = toastAnimationPresets[animation];\n\n return (\n <motion.div\n layout\n data-slot=\"toast\"\n role={appearance === \"error\" ? \"alert\" : \"status\"}\n aria-live={live}\n aria-atomic=\"true\"\n className={cn(\n \"relative\",\n toastRootVariants({ appearance, size }),\n className,\n )}\n initial={animation === \"none\" ? false : motionProps.initial}\n animate={animation === \"none\" ? undefined : motionProps.animate}\n exit={animation === \"none\" ? undefined : motionProps.exit}\n transition={motionProps.transition}\n >\n {children}\n </motion.div>\n );\n}\n\nToastAnimated.displayName = \"Toast\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/toast-base.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EAEtB,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"toast-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/toast-base.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EAEtB,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,iBAAiB,wDAE7B,CAAC;AAIF,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,UAKtC;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAoD7D;yBApDe,aAAa;;;AAwD7B,wBAAgB,aAAa,CAAC,EAC5B,QAAyB,EACzB,SAAS,GACV,EAAE,kBAAkB,sCAmCpB;yBAtCe,aAAa;;;AA0C7B,wBAAgB,KAAK,CAAC,EACpB,OAAO,EAAE,QAAQ,EACjB,UAAU,EACV,IAAI,EACJ,SAAS,EAAE,UAAoB,EAC/B,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CAkBZ;yBAzBe,KAAK;;;AA6BrB,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAMpE;yBANe,UAAU;;;AAU1B,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAM1E;yBANe,gBAAgB;;;AAUhC,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAMrE;yBANe,WAAW;;;AAU3B,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,2CAgB9C;yBArBe,UAAU"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Creates a dedicated portal target appended to `document.body` for rendering
|
|
3
|
+
* toasts, and removes it on unmount. Shared by both the static
|
|
4
|
+
* (`ToastViewport`) and animated (`ToastViewportAnimated`) viewports so the
|
|
5
|
+
* portal lifecycle stays in one place.
|
|
6
|
+
*
|
|
7
|
+
* Returns `null` until the target exists (i.e. after the first client effect),
|
|
8
|
+
* so callers should bail out of rendering the portal while it is `null`.
|
|
9
|
+
*/
|
|
10
|
+
export declare function useToastPortal(): HTMLElement | null;
|
|
11
|
+
//# sourceMappingURL=use-toast-portal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-toast-portal.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/use-toast-portal.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,wBAAgB,cAAc,IAAI,WAAW,GAAG,IAAI,CAenD"}
|
package/dist/ui/toast.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
4
|
+
var chunkSYEEHZXL_js = require('../chunk-SYEEHZXL.js');
|
|
5
|
+
require('../chunk-NDF3HORF.js');
|
|
6
6
|
require('../chunk-ZS5756ZC.js');
|
|
7
7
|
require('../chunk-PZ5AY32C.js');
|
|
8
8
|
|
|
@@ -10,47 +10,47 @@ require('../chunk-PZ5AY32C.js');
|
|
|
10
10
|
|
|
11
11
|
Object.defineProperty(exports, "Toast", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkSYEEHZXL_js.Toast; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, "ToastAction", {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunkSYEEHZXL_js.ToastAction; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "ToastClose", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunkSYEEHZXL_js.ToastClose; }
|
|
22
22
|
});
|
|
23
23
|
Object.defineProperty(exports, "ToastDescription", {
|
|
24
24
|
enumerable: true,
|
|
25
|
-
get: function () { return
|
|
25
|
+
get: function () { return chunkSYEEHZXL_js.ToastDescription; }
|
|
26
26
|
});
|
|
27
27
|
Object.defineProperty(exports, "ToastProvider", {
|
|
28
28
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
29
|
+
get: function () { return chunkSYEEHZXL_js.ToastProvider; }
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "ToastTitle", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkSYEEHZXL_js.ToastTitle; }
|
|
34
34
|
});
|
|
35
35
|
Object.defineProperty(exports, "ToastViewport", {
|
|
36
36
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
37
|
+
get: function () { return chunkSYEEHZXL_js.ToastViewport; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "toast", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkSYEEHZXL_js.toast; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "toastRootVariants", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunkSYEEHZXL_js.toastRootVariants; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "toastViewportVariants", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunkSYEEHZXL_js.toastViewportVariants; }
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(exports, "useToast", {
|
|
52
52
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
53
|
+
get: function () { return chunkSYEEHZXL_js.useToast; }
|
|
54
54
|
});
|
|
55
55
|
//# sourceMappingURL=toast.js.map
|
|
56
56
|
//# sourceMappingURL=toast.js.map
|
package/dist/ui/toast.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast } from '../chunk-
|
|
3
|
-
import '../chunk-
|
|
2
|
+
export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast } from '../chunk-CZBM6ISF.mjs';
|
|
3
|
+
import '../chunk-ZBAKTM2R.mjs';
|
|
4
4
|
import '../chunk-4D54YOL6.mjs';
|
|
5
5
|
import '../chunk-J5LGTIGS.mjs';
|
|
6
6
|
//# sourceMappingURL=toast.mjs.map
|