@zentauri-ui/zentauri-components 1.8.4 → 1.8.41
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/dist/animations/blur-in.js +2 -2
- package/dist/animations/blur-in.mjs +1 -1
- package/dist/animations/blur-out.js +2 -2
- package/dist/animations/blur-out.mjs +1 -1
- package/dist/animations/bounce.js +2 -2
- package/dist/animations/bounce.mjs +1 -1
- package/dist/animations/fade-down.js +2 -2
- package/dist/animations/fade-down.mjs +1 -1
- package/dist/animations/fade-in.js +2 -2
- package/dist/animations/fade-in.mjs +1 -1
- package/dist/animations/fade-left.js +2 -2
- package/dist/animations/fade-left.mjs +1 -1
- package/dist/animations/fade-out.js +2 -2
- package/dist/animations/fade-out.mjs +1 -1
- package/dist/animations/fade-right.js +2 -2
- package/dist/animations/fade-right.mjs +1 -1
- package/dist/animations/fade-up.js +2 -2
- package/dist/animations/fade-up.mjs +1 -1
- package/dist/animations/flip-in.js +2 -2
- package/dist/animations/flip-in.mjs +1 -1
- package/dist/animations/flip.js +2 -2
- package/dist/animations/flip.mjs +1 -1
- package/dist/animations/float.js +2 -2
- package/dist/animations/float.mjs +1 -1
- package/dist/animations/hover-lift.js +2 -2
- package/dist/animations/hover-lift.mjs +1 -1
- package/dist/animations/hover-scale.js +2 -2
- package/dist/animations/hover-scale.mjs +1 -1
- package/dist/animations/magnetic.js +2 -2
- package/dist/animations/magnetic.mjs +1 -1
- package/dist/animations/parallax.js +2 -2
- package/dist/animations/parallax.mjs +1 -1
- package/dist/animations/ping.js +2 -2
- package/dist/animations/ping.mjs +1 -1
- package/dist/animations/pop-in.js +2 -2
- package/dist/animations/pop-in.mjs +1 -1
- package/dist/animations/press.js +2 -2
- package/dist/animations/press.mjs +1 -1
- package/dist/animations/progress.js +2 -2
- package/dist/animations/progress.mjs +1 -1
- package/dist/animations/pulse.js +2 -2
- package/dist/animations/pulse.mjs +1 -1
- package/dist/animations/reorder.js +2 -2
- package/dist/animations/reorder.mjs +1 -1
- package/dist/animations/reveal-blur.js +2 -2
- package/dist/animations/reveal-blur.mjs +1 -1
- package/dist/animations/reveal-down.js +2 -2
- package/dist/animations/reveal-down.mjs +1 -1
- package/dist/animations/reveal-left.js +2 -2
- package/dist/animations/reveal-left.mjs +1 -1
- package/dist/animations/reveal-right.js +2 -2
- package/dist/animations/reveal-right.mjs +1 -1
- package/dist/animations/reveal-up.js +2 -2
- package/dist/animations/reveal-up.mjs +1 -1
- package/dist/animations/rotate-in.js +2 -2
- package/dist/animations/rotate-in.mjs +1 -1
- package/dist/animations/scale-in.js +2 -2
- package/dist/animations/scale-in.mjs +1 -1
- package/dist/animations/scale-out.js +2 -2
- package/dist/animations/scale-out.mjs +1 -1
- package/dist/animations/shake.js +2 -2
- package/dist/animations/shake.mjs +1 -1
- package/dist/animations/shared/create-motion-animation.d.ts.map +1 -1
- package/dist/animations/shared/index.d.ts +1 -1
- package/dist/animations/shared/index.d.ts.map +1 -1
- package/dist/animations/shared/types.d.ts +3 -1
- package/dist/animations/shared/types.d.ts.map +1 -1
- package/dist/animations/skeleton-shimmer.js +2 -2
- package/dist/animations/skeleton-shimmer.mjs +1 -1
- package/dist/animations/slide-down.js +2 -2
- package/dist/animations/slide-down.mjs +1 -1
- package/dist/animations/slide-left.js +2 -2
- package/dist/animations/slide-left.mjs +1 -1
- package/dist/animations/slide-right.js +2 -2
- package/dist/animations/slide-right.mjs +1 -1
- package/dist/animations/slide-up.js +2 -2
- package/dist/animations/slide-up.mjs +1 -1
- package/dist/animations/spin.js +2 -2
- package/dist/animations/spin.mjs +1 -1
- package/dist/animations/text-reveal.js +2 -2
- package/dist/animations/text-reveal.mjs +1 -1
- package/dist/animations/text-shimmer.js +2 -2
- package/dist/animations/text-shimmer.mjs +1 -1
- package/dist/animations/tilt.js +2 -2
- package/dist/animations/tilt.mjs +1 -1
- package/dist/animations/wiggle.js +2 -2
- package/dist/animations/wiggle.mjs +1 -1
- package/dist/{chunk-AACGI7FX.mjs → chunk-7OVJXYSS.mjs} +16 -5
- package/dist/chunk-7OVJXYSS.mjs.map +1 -0
- package/dist/{chunk-VARQ7W4G.mjs → chunk-C6NA452Q.mjs} +43 -2
- package/dist/chunk-C6NA452Q.mjs.map +1 -0
- package/dist/{chunk-JFS5PJSH.js → chunk-OKCC7E36.js} +43 -2
- package/dist/chunk-OKCC7E36.js.map +1 -0
- package/dist/{chunk-ODZM25II.js → chunk-R5LL56ZO.js} +16 -5
- package/dist/chunk-R5LL56ZO.js.map +1 -0
- package/dist/ui/buttons/button-base.d.ts +1 -1
- package/dist/ui/buttons/button-base.d.ts.map +1 -1
- package/dist/ui/buttons/types.d.ts +16 -2
- package/dist/ui/buttons/types.d.ts.map +1 -1
- package/dist/ui/buttons.js +2 -2
- package/dist/ui/buttons.mjs +1 -1
- package/dist/ui/dynamic-stepper.js +3 -3
- package/dist/ui/dynamic-stepper.mjs +1 -1
- package/package.json +1 -1
- package/src/animations/animations.test.tsx +113 -1
- package/src/animations/shared/create-motion-animation.tsx +33 -3
- package/src/animations/shared/index.ts +5 -1
- package/src/animations/shared/types.ts +9 -1
- package/src/ui/buttons/button-base.tsx +53 -0
- package/src/ui/buttons/button.test.tsx +40 -0
- package/src/ui/buttons/types.ts +25 -2
- package/dist/chunk-AACGI7FX.mjs.map +0 -1
- package/dist/chunk-JFS5PJSH.js.map +0 -1
- package/dist/chunk-ODZM25II.js.map +0 -1
- package/dist/chunk-VARQ7W4G.mjs.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/reveal-up/presets.ts
|
|
@@ -12,7 +12,7 @@ var revealUpPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/reveal-up/reveal-up.tsx
|
|
15
|
-
var RevealUp =
|
|
15
|
+
var RevealUp = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"RevealUp",
|
|
17
17
|
"animation-reveal-up",
|
|
18
18
|
revealUpPreset
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/rotate-in/presets.ts
|
|
@@ -12,7 +12,7 @@ var rotateInPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/rotate-in/rotate-in.tsx
|
|
15
|
-
var RotateIn =
|
|
15
|
+
var RotateIn = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"RotateIn",
|
|
17
17
|
"animation-rotate-in",
|
|
18
18
|
rotateInPreset
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/scale-in/presets.ts
|
|
@@ -12,7 +12,7 @@ var scaleInPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/scale-in/scale-in.tsx
|
|
15
|
-
var ScaleIn =
|
|
15
|
+
var ScaleIn = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"ScaleIn",
|
|
17
17
|
"animation-scale-in",
|
|
18
18
|
scaleInPreset
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/scale-out/presets.ts
|
|
@@ -12,7 +12,7 @@ var scaleOutPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/scale-out/scale-out.tsx
|
|
15
|
-
var ScaleOut =
|
|
15
|
+
var ScaleOut = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"ScaleOut",
|
|
17
17
|
"animation-scale-out",
|
|
18
18
|
scaleOutPreset
|
package/dist/animations/shake.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/shake/presets.ts
|
|
@@ -17,7 +17,7 @@ var shakePreset = {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
// src/animations/shake/shake.tsx
|
|
20
|
-
var Shake =
|
|
20
|
+
var Shake = chunkR5LL56ZO_js.createMotionAnimation(
|
|
21
21
|
"Shake",
|
|
22
22
|
"animation-shake",
|
|
23
23
|
shakePreset
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-motion-animation.d.ts","sourceRoot":"","sources":["../../../src/animations/shared/create-motion-animation.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EAErB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"create-motion-animation.d.ts","sourceRoot":"","sources":["../../../src/animations/shared/create-motion-animation.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EAErB,MAAM,SAAS,CAAC;AA+BjB,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,qBAAqB;YAEG,oBAAoB;;EAwErD"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { createMotionAnimation } from "./create-motion-animation";
|
|
2
|
-
export type { MotionAnimationPreset, MotionAnimationProps } from "./types";
|
|
2
|
+
export type { MotionAnimationPreset, MotionAnimationProps, MotionAnimationWhileInView, } from "./types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,SAAS,CAAC"}
|
|
@@ -20,9 +20,11 @@ export type MotionAnimationTargetOverrides = {
|
|
|
20
20
|
rotateY?: number | string;
|
|
21
21
|
blur?: number | string;
|
|
22
22
|
};
|
|
23
|
-
export type
|
|
23
|
+
export type MotionAnimationWhileInView = true | HTMLMotionProps<"div">["whileInView"];
|
|
24
|
+
export type MotionAnimationProps = Omit<HTMLMotionProps<"div">, "whileInView"> & {
|
|
24
25
|
from?: MotionAnimationTargetOverrides;
|
|
25
26
|
to?: MotionAnimationTargetOverrides;
|
|
26
27
|
exitTo?: MotionAnimationTargetOverrides;
|
|
28
|
+
whileInView?: MotionAnimationWhileInView;
|
|
27
29
|
};
|
|
28
30
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/animations/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,UAAU,EACX,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,MAAM,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/animations/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,UAAU,EACX,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,MAAM,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC,IAAI,GACJ,eAAe,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,eAAe,CAAC,KAAK,CAAC,EACtB,aAAa,CACd,GAAG;IACF,IAAI,CAAC,EAAE,8BAA8B,CAAC;IACtC,EAAE,CAAC,EAAE,8BAA8B,CAAC;IACpC,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,WAAW,CAAC,EAAE,0BAA0B,CAAC;CAC1C,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/skeleton-shimmer/presets.ts
|
|
@@ -12,7 +12,7 @@ var skeletonShimmerPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/skeleton-shimmer/skeleton-shimmer.tsx
|
|
15
|
-
var SkeletonShimmer =
|
|
15
|
+
var SkeletonShimmer = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"SkeletonShimmer",
|
|
17
17
|
"animation-skeleton-shimmer",
|
|
18
18
|
skeletonShimmerPreset
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/slide-down/presets.ts
|
|
@@ -12,7 +12,7 @@ var slideDownPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/slide-down/slide-down.tsx
|
|
15
|
-
var SlideDown =
|
|
15
|
+
var SlideDown = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"SlideDown",
|
|
17
17
|
"animation-slide-down",
|
|
18
18
|
slideDownPreset
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/slide-left/presets.ts
|
|
@@ -12,7 +12,7 @@ var slideLeftPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/slide-left/slide-left.tsx
|
|
15
|
-
var SlideLeft =
|
|
15
|
+
var SlideLeft = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"SlideLeft",
|
|
17
17
|
"animation-slide-left",
|
|
18
18
|
slideLeftPreset
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/slide-right/presets.ts
|
|
@@ -12,7 +12,7 @@ var slideRightPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/slide-right/slide-right.tsx
|
|
15
|
-
var SlideRight =
|
|
15
|
+
var SlideRight = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"SlideRight",
|
|
17
17
|
"animation-slide-right",
|
|
18
18
|
slideRightPreset
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/slide-up/presets.ts
|
|
@@ -12,7 +12,7 @@ var slideUpPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/slide-up/slide-up.tsx
|
|
15
|
-
var SlideUp =
|
|
15
|
+
var SlideUp = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"SlideUp",
|
|
17
17
|
"animation-slide-up",
|
|
18
18
|
slideUpPreset
|
package/dist/animations/spin.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/spin/presets.ts
|
|
@@ -12,7 +12,7 @@ var spinPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/spin/spin.tsx
|
|
15
|
-
var Spin =
|
|
15
|
+
var Spin = chunkR5LL56ZO_js.createMotionAnimation("Spin", "animation-spin", spinPreset);
|
|
16
16
|
|
|
17
17
|
exports.Spin = Spin;
|
|
18
18
|
exports.spinPreset = spinPreset;
|
package/dist/animations/spin.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/text-reveal/presets.ts
|
|
@@ -12,7 +12,7 @@ var textRevealPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/text-reveal/text-reveal.tsx
|
|
15
|
-
var TextReveal =
|
|
15
|
+
var TextReveal = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"TextReveal",
|
|
17
17
|
"animation-text-reveal",
|
|
18
18
|
textRevealPreset
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/text-shimmer/presets.ts
|
|
@@ -12,7 +12,7 @@ var textShimmerPreset = {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
// src/animations/text-shimmer/text-shimmer.tsx
|
|
15
|
-
var TextShimmer =
|
|
15
|
+
var TextShimmer = chunkR5LL56ZO_js.createMotionAnimation(
|
|
16
16
|
"TextShimmer",
|
|
17
17
|
"animation-text-shimmer",
|
|
18
18
|
textShimmerPreset
|
package/dist/animations/tilt.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/tilt/presets.ts
|
|
@@ -16,7 +16,7 @@ var tiltPreset = {
|
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
// src/animations/tilt/tilt.tsx
|
|
19
|
-
var Tilt =
|
|
19
|
+
var Tilt = chunkR5LL56ZO_js.createMotionAnimation("Tilt", "animation-tilt", tiltPreset);
|
|
20
20
|
|
|
21
21
|
exports.Tilt = Tilt;
|
|
22
22
|
exports.tiltPreset = tiltPreset;
|
package/dist/animations/tilt.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR5LL56ZO_js = require('../chunk-R5LL56ZO.js');
|
|
4
4
|
require('../chunk-ZS5756ZC.js');
|
|
5
5
|
|
|
6
6
|
// src/animations/wiggle/presets.ts
|
|
@@ -17,7 +17,7 @@ var wigglePreset = {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
// src/animations/wiggle/wiggle.tsx
|
|
20
|
-
var Wiggle =
|
|
20
|
+
var Wiggle = chunkR5LL56ZO_js.createMotionAnimation(
|
|
21
21
|
"Wiggle",
|
|
22
22
|
"animation-wiggle",
|
|
23
23
|
wigglePreset
|
|
@@ -19,6 +19,9 @@ function mergeTargetOverrides(target, overrides) {
|
|
|
19
19
|
...blur === void 0 ? null : { filter: formatBlurValue(blur) }
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
+
function isTargetObject(target) {
|
|
23
|
+
return target !== null && typeof target === "object" && !Array.isArray(target);
|
|
24
|
+
}
|
|
22
25
|
function createMotionAnimation(displayName, slot, preset) {
|
|
23
26
|
function MotionAnimation(props) {
|
|
24
27
|
const {
|
|
@@ -30,6 +33,7 @@ function createMotionAnimation(displayName, slot, preset) {
|
|
|
30
33
|
transition,
|
|
31
34
|
layout,
|
|
32
35
|
whileHover,
|
|
36
|
+
whileInView,
|
|
33
37
|
whileTap,
|
|
34
38
|
from,
|
|
35
39
|
to,
|
|
@@ -37,20 +41,27 @@ function createMotionAnimation(displayName, slot, preset) {
|
|
|
37
41
|
...rest
|
|
38
42
|
} = props;
|
|
39
43
|
const shouldReduceMotion = useReducedMotion();
|
|
40
|
-
const
|
|
41
|
-
const
|
|
44
|
+
const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);
|
|
45
|
+
const resolvedAnimate = animate ?? resolvedAnimateTarget;
|
|
46
|
+
const shouldAnimateInView = whileInView !== void 0;
|
|
47
|
+
const usesPresetWhileInView = whileInView === true;
|
|
48
|
+
const resolvedWhileInView = whileInView === void 0 ? void 0 : usesPresetWhileInView ? resolvedAnimateTarget : isTargetObject(whileInView) ? { ...resolvedAnimateTarget, ...whileInView } : whileInView;
|
|
49
|
+
const reducedMotionTarget = shouldAnimateInView ? resolvedWhileInView : resolvedAnimate;
|
|
50
|
+
const resolvedInitial = initial ?? (shouldReduceMotion ? reducedMotionTarget : mergeTargetOverrides(preset.initial, from));
|
|
42
51
|
const resolvedExit = exit ?? mergeTargetOverrides(preset.exit, exitTo);
|
|
43
52
|
const resolvedTransition = transition ? { ...preset.transition, ...transition } : preset.transition;
|
|
53
|
+
const shouldDisableAnimate = usesPresetWhileInView || shouldReduceMotion && shouldAnimateInView;
|
|
44
54
|
return /* @__PURE__ */ jsx(
|
|
45
55
|
motion.div,
|
|
46
56
|
{
|
|
47
57
|
"data-slot": slot,
|
|
48
58
|
className: cn(className),
|
|
49
59
|
initial: resolvedInitial,
|
|
50
|
-
animate: resolvedAnimate,
|
|
60
|
+
animate: shouldDisableAnimate ? void 0 : resolvedAnimate,
|
|
51
61
|
exit: resolvedExit,
|
|
52
62
|
layout: layout ?? preset.layout,
|
|
53
63
|
whileHover: whileHover ?? preset.whileHover,
|
|
64
|
+
whileInView: shouldReduceMotion ? void 0 : shouldAnimateInView ? resolvedWhileInView : void 0,
|
|
54
65
|
whileTap: whileTap ?? preset.whileTap,
|
|
55
66
|
transition: resolvedTransition,
|
|
56
67
|
...rest,
|
|
@@ -63,5 +74,5 @@ function createMotionAnimation(displayName, slot, preset) {
|
|
|
63
74
|
}
|
|
64
75
|
|
|
65
76
|
export { createMotionAnimation };
|
|
66
|
-
//# sourceMappingURL=chunk-
|
|
67
|
-
//# sourceMappingURL=chunk-
|
|
77
|
+
//# sourceMappingURL=chunk-7OVJXYSS.mjs.map
|
|
78
|
+
//# sourceMappingURL=chunk-7OVJXYSS.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/animations/shared/create-motion-animation.tsx"],"names":[],"mappings":"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","file":"chunk-7OVJXYSS.mjs","sourcesContent":["\"use client\";\n\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n MotionAnimationPreset,\n MotionAnimationProps,\n MotionAnimationTargetOverrides,\n} from \"./types\";\n\nfunction formatBlurValue(value: number | string) {\n if (typeof value === \"number\") {\n return `blur(${value}px)`;\n }\n return value.includes(\"(\") ? value : `blur(${value})`;\n}\n\nfunction mergeTargetOverrides(\n target: MotionAnimationPreset[\"initial\"] | undefined,\n overrides: MotionAnimationTargetOverrides | undefined,\n) {\n if (!overrides) {\n return target;\n }\n\n const { blur, ...rest } = overrides;\n return {\n ...(target ?? {}),\n ...rest,\n ...(blur === undefined ? null : { filter: formatBlurValue(blur) }),\n };\n}\n\nfunction isTargetObject(\n target: NonNullable<MotionAnimationProps[\"whileInView\"]>,\n): target is MotionAnimationPreset[\"animate\"] {\n return target !== null && typeof target === \"object\" && !Array.isArray(target);\n}\n\nexport function createMotionAnimation(\n displayName: string,\n slot: string,\n preset: MotionAnimationPreset,\n) {\n function MotionAnimation(props: MotionAnimationProps) {\n const {\n children,\n className,\n initial,\n animate,\n exit,\n transition,\n layout,\n whileHover,\n whileInView,\n whileTap,\n from,\n to,\n exitTo,\n ...rest\n } = props;\n const shouldReduceMotion = useReducedMotion();\n const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);\n const resolvedAnimate = animate ?? resolvedAnimateTarget;\n const shouldAnimateInView = whileInView !== undefined;\n const usesPresetWhileInView = whileInView === true;\n const resolvedWhileInView =\n whileInView === undefined\n ? undefined\n : usesPresetWhileInView\n ? resolvedAnimateTarget\n : isTargetObject(whileInView)\n ? { ...resolvedAnimateTarget, ...whileInView }\n : whileInView;\n const reducedMotionTarget = shouldAnimateInView\n ? resolvedWhileInView\n : resolvedAnimate;\n const resolvedInitial =\n initial ??\n (shouldReduceMotion\n ? reducedMotionTarget\n : mergeTargetOverrides(preset.initial, from));\n const resolvedExit = exit ?? mergeTargetOverrides(preset.exit, exitTo);\n const resolvedTransition = transition\n ? { ...preset.transition, ...transition }\n : preset.transition;\n const shouldDisableAnimate =\n usesPresetWhileInView || (shouldReduceMotion && shouldAnimateInView);\n\n return (\n <motion.div\n data-slot={slot}\n className={cn(className)}\n initial={resolvedInitial}\n animate={shouldDisableAnimate ? undefined : resolvedAnimate}\n exit={resolvedExit}\n layout={layout ?? preset.layout}\n whileHover={whileHover ?? preset.whileHover}\n whileInView={\n shouldReduceMotion\n ? undefined\n : shouldAnimateInView\n ? resolvedWhileInView\n : undefined\n }\n whileTap={whileTap ?? preset.whileTap}\n transition={resolvedTransition}\n {...rest}\n >\n {children}\n </motion.div>\n );\n }\n\n MotionAnimation.displayName = displayName;\n return MotionAnimation;\n}\n"]}
|
|
@@ -1,8 +1,49 @@
|
|
|
1
1
|
import { buttonVariants } from './chunk-CIEZFHCO.mjs';
|
|
2
2
|
import { cn } from './chunk-4D54YOL6.mjs';
|
|
3
|
+
import { isValidElement, cloneElement } from 'react';
|
|
3
4
|
import { jsx } from 'react/jsx-runtime';
|
|
4
5
|
|
|
5
6
|
var ButtonBase = (props) => {
|
|
7
|
+
if ("asChild" in props && props.asChild) {
|
|
8
|
+
const {
|
|
9
|
+
className: className2,
|
|
10
|
+
appearance: appearance2,
|
|
11
|
+
size: size2,
|
|
12
|
+
children: children2,
|
|
13
|
+
asChild: _asChild,
|
|
14
|
+
disabled,
|
|
15
|
+
onClick,
|
|
16
|
+
...rest2
|
|
17
|
+
} = props;
|
|
18
|
+
if (!isValidElement(children2)) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
const isNativeButton = children2.type === "button";
|
|
22
|
+
const childOnClick = children2.props.onClick;
|
|
23
|
+
const handleClick = (event) => {
|
|
24
|
+
if (disabled) {
|
|
25
|
+
event.preventDefault();
|
|
26
|
+
event.stopPropagation();
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
onClick?.(event);
|
|
30
|
+
if (!event.defaultPrevented) {
|
|
31
|
+
childOnClick?.(event);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
return cloneElement(children2, {
|
|
35
|
+
...rest2,
|
|
36
|
+
...children2.props,
|
|
37
|
+
...disabled ? isNativeButton ? { disabled: true } : { "aria-disabled": true, tabIndex: -1 } : null,
|
|
38
|
+
"data-slot": "button",
|
|
39
|
+
onClick: handleClick,
|
|
40
|
+
className: cn(
|
|
41
|
+
buttonVariants({ appearance: appearance2, size: size2 }),
|
|
42
|
+
children2.props.className,
|
|
43
|
+
className2
|
|
44
|
+
)
|
|
45
|
+
});
|
|
46
|
+
}
|
|
6
47
|
if (props.as === "link") {
|
|
7
48
|
const {
|
|
8
49
|
className: className2,
|
|
@@ -56,5 +97,5 @@ var Button = (props) => {
|
|
|
56
97
|
Button.displayName = "Button";
|
|
57
98
|
|
|
58
99
|
export { Button };
|
|
59
|
-
//# sourceMappingURL=chunk-
|
|
60
|
-
//# sourceMappingURL=chunk-
|
|
100
|
+
//# sourceMappingURL=chunk-C6NA452Q.mjs.map
|
|
101
|
+
//# sourceMappingURL=chunk-C6NA452Q.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":";;;;;AASO,IAAM,UAAA,GAAa,CAAC,KAAA,KAAuB;AAChD,EAAA,IAAI,SAAA,IAAa,KAAA,IAAS,KAAA,CAAM,OAAA,EAAS;AACvC,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,OAAA,EAAS,QAAA;AAAA,MACT,QAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,IAAI,CAAC,cAAA,CAAuCD,SAAQ,CAAA,EAAG;AACrD,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAA,GAAiBA,UAAS,IAAA,KAAS,QAAA;AACzC,IAAA,MAAM,YAAA,GAAeA,UAAS,KAAA,CAAM,OAAA;AAGpC,IAAA,MAAM,WAAA,GAA8C,CAAC,KAAA,KAAU;AAC7D,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,QAAA;AAAA,MACF;AAEA,MAAA,OAAA,GAAU,KAAK,CAAA;AACf,MAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,QAAA,YAAA,GAAe,KAAK,CAAA;AAAA,MACtB;AAAA,IACF,CAAA;AAEA,IAAA,OAAO,aAAaA,SAAAA,EAAU;AAAA,MAC5B,GAAGC,KAAAA;AAAA,MACH,GAAGD,SAAAA,CAAS,KAAA;AAAA,MACZ,GAAI,QAAA,GACA,cAAA,GACE,EAAE,QAAA,EAAU,IAAA,EAAK,GACjB,EAAE,eAAA,EAAiB,IAAA,EAAM,QAAA,EAAU,EAAA,EAAG,GACxC,IAAA;AAAA,MACJ,WAAA,EAAa,QAAA;AAAA,MACb,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,QACT,eAAe,EAAE,UAAA,EAAAF,WAAAA,EAAY,IAAA,EAAAC,OAAM,CAAA;AAAA,QACnCC,UAAS,KAAA,CAAM,SAAA;AAAA,QACfH;AAAA;AACF,KACD,CAAA;AAAA,EACH;AAEA,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,GAAA,EAAAE,IAAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAGD;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAKC,IAAAA;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,UAAA,EAAAJ,aAAY,IAAA,EAAAC,KAAAA,EAAM,CAAA,EAAGF,UAAS,CAAA;AAAA,QAC5D,GAAGI,KAAAA;AAAA,QAEH,QAAA,EAAAD;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;AC3GlB,IAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,uBAAOG,GAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-C6NA452Q.mjs","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n if (\"asChild\" in props && props.asChild) {\n const {\n className,\n appearance,\n size,\n children,\n asChild: _asChild,\n disabled,\n onClick,\n ...rest\n } = props;\n\n if (!isValidElement<{ className?: string }>(children)) {\n return null;\n }\n\n const isNativeButton = children.type === \"button\";\n const childOnClick = children.props.onClick as\n | MouseEventHandler<HTMLElement>\n | undefined;\n const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n if (disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n onClick?.(event);\n if (!event.defaultPrevented) {\n childOnClick?.(event);\n }\n };\n\n return cloneElement(children, {\n ...rest,\n ...children.props,\n ...(disabled\n ? isNativeButton\n ? { disabled: true }\n : { \"aria-disabled\": true, tabIndex: -1 }\n : null),\n \"data-slot\": \"button\",\n onClick: handleClick,\n className: cn(\n buttonVariants({ appearance, size }),\n children.props.className,\n className,\n ),\n });\n }\n\n if (props.as === \"link\") {\n const {\n className,\n appearance,\n size,\n children,\n ref,\n href,\n target,\n ...rest\n } = props;\n\n return (\n <a\n ref={ref}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n {...rest}\n >\n {children}\n </a>\n );\n }\n\n const {\n className,\n appearance,\n size,\n type = \"button\",\n children,\n ref,\n ...rest\n } = props;\n\n return (\n <button\n ref={ref}\n type={type}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n {...rest}\n >\n {children}\n </button>\n );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}
|
|
@@ -2,9 +2,50 @@
|
|
|
2
2
|
|
|
3
3
|
var chunk466QDL44_js = require('./chunk-466QDL44.js');
|
|
4
4
|
var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
|
|
5
|
+
var react = require('react');
|
|
5
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
7
|
|
|
7
8
|
var ButtonBase = (props) => {
|
|
9
|
+
if ("asChild" in props && props.asChild) {
|
|
10
|
+
const {
|
|
11
|
+
className: className2,
|
|
12
|
+
appearance: appearance2,
|
|
13
|
+
size: size2,
|
|
14
|
+
children: children2,
|
|
15
|
+
asChild: _asChild,
|
|
16
|
+
disabled,
|
|
17
|
+
onClick,
|
|
18
|
+
...rest2
|
|
19
|
+
} = props;
|
|
20
|
+
if (!react.isValidElement(children2)) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
const isNativeButton = children2.type === "button";
|
|
24
|
+
const childOnClick = children2.props.onClick;
|
|
25
|
+
const handleClick = (event) => {
|
|
26
|
+
if (disabled) {
|
|
27
|
+
event.preventDefault();
|
|
28
|
+
event.stopPropagation();
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
onClick?.(event);
|
|
32
|
+
if (!event.defaultPrevented) {
|
|
33
|
+
childOnClick?.(event);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
return react.cloneElement(children2, {
|
|
37
|
+
...rest2,
|
|
38
|
+
...children2.props,
|
|
39
|
+
...disabled ? isNativeButton ? { disabled: true } : { "aria-disabled": true, tabIndex: -1 } : null,
|
|
40
|
+
"data-slot": "button",
|
|
41
|
+
onClick: handleClick,
|
|
42
|
+
className: chunkZS5756ZC_js.cn(
|
|
43
|
+
chunk466QDL44_js.buttonVariants({ appearance: appearance2, size: size2 }),
|
|
44
|
+
children2.props.className,
|
|
45
|
+
className2
|
|
46
|
+
)
|
|
47
|
+
});
|
|
48
|
+
}
|
|
8
49
|
if (props.as === "link") {
|
|
9
50
|
const {
|
|
10
51
|
className: className2,
|
|
@@ -58,5 +99,5 @@ var Button = (props) => {
|
|
|
58
99
|
Button.displayName = "Button";
|
|
59
100
|
|
|
60
101
|
exports.Button = Button;
|
|
61
|
-
//# sourceMappingURL=chunk-
|
|
62
|
-
//# sourceMappingURL=chunk-
|
|
102
|
+
//# sourceMappingURL=chunk-OKCC7E36.js.map
|
|
103
|
+
//# sourceMappingURL=chunk-OKCC7E36.js.map
|