@zentauri-ui/zentauri-components 0.0.91 → 0.0.92

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.
Files changed (167) hide show
  1. package/dist/chunk-BZSIXBA7.js +70 -0
  2. package/dist/chunk-BZSIXBA7.js.map +1 -0
  3. package/dist/chunk-E5UX537J.js +11 -0
  4. package/dist/chunk-E5UX537J.js.map +1 -0
  5. package/dist/chunk-MEWYFWBX.mjs +14 -0
  6. package/dist/chunk-MEWYFWBX.mjs.map +1 -0
  7. package/dist/chunk-VJHD7QZH.mjs +73 -0
  8. package/dist/chunk-VJHD7QZH.mjs.map +1 -0
  9. package/dist/ui/accordion.js +51 -57
  10. package/dist/ui/accordion.js.map +1 -1
  11. package/dist/ui/{accordion.cjs → accordion.mjs} +38 -67
  12. package/dist/ui/accordion.mjs.map +1 -0
  13. package/dist/ui/{alert.d.cts → alert.d.mts} +1 -1
  14. package/dist/ui/alert.d.ts +1 -1
  15. package/dist/ui/alert.js +40 -46
  16. package/dist/ui/alert.js.map +1 -1
  17. package/dist/ui/{alert.cjs → alert.mjs} +29 -66
  18. package/dist/ui/alert.mjs.map +1 -0
  19. package/dist/ui/{badge.d.cts → badge.d.mts} +1 -1
  20. package/dist/ui/badge.d.ts +1 -1
  21. package/dist/ui/badge.js +20 -26
  22. package/dist/ui/badge.js.map +1 -1
  23. package/dist/ui/{badge.cjs → badge.mjs} +17 -48
  24. package/dist/ui/badge.mjs.map +1 -0
  25. package/dist/ui/{buttons.d.cts → buttons.d.mts} +1 -1
  26. package/dist/ui/buttons.d.ts +1 -1
  27. package/dist/ui/buttons.js +18 -87
  28. package/dist/ui/buttons.js.map +1 -1
  29. package/dist/ui/buttons.mjs +109 -0
  30. package/dist/ui/buttons.mjs.map +1 -0
  31. package/dist/ui/{card.d.cts → card.d.mts} +1 -1
  32. package/dist/ui/card.d.ts +1 -1
  33. package/dist/ui/card.js +40 -46
  34. package/dist/ui/card.js.map +1 -1
  35. package/dist/ui/{card.cjs → card.mjs} +26 -65
  36. package/dist/ui/card.mjs.map +1 -0
  37. package/dist/ui/{divider.d.cts → divider.d.mts} +2 -2
  38. package/dist/ui/divider.d.ts +2 -2
  39. package/dist/ui/divider.js +30 -36
  40. package/dist/ui/divider.js.map +1 -1
  41. package/dist/ui/{divider.cjs → divider.mjs} +22 -55
  42. package/dist/ui/divider.mjs.map +1 -0
  43. package/dist/ui/{drawer.d.cts → drawer.d.mts} +3 -3
  44. package/dist/ui/drawer.d.ts +3 -3
  45. package/dist/ui/drawer.js +64 -70
  46. package/dist/ui/drawer.js.map +1 -1
  47. package/dist/ui/{drawer.cjs → drawer.mjs} +48 -77
  48. package/dist/ui/drawer.mjs.map +1 -0
  49. package/dist/ui/{dropdown.d.cts → dropdown.d.mts} +4 -4
  50. package/dist/ui/dropdown.d.ts +4 -4
  51. package/dist/ui/dropdown.js +43 -49
  52. package/dist/ui/dropdown.js.map +1 -1
  53. package/dist/ui/{dropdown.cjs → dropdown.mjs} +34 -62
  54. package/dist/ui/dropdown.mjs.map +1 -0
  55. package/dist/ui/{empty-state.d.cts → empty-state.d.mts} +1 -1
  56. package/dist/ui/empty-state.d.ts +1 -1
  57. package/dist/ui/empty-state.js +31 -37
  58. package/dist/ui/empty-state.js.map +1 -1
  59. package/dist/ui/empty-state.mjs +150 -0
  60. package/dist/ui/empty-state.mjs.map +1 -0
  61. package/dist/ui/{inputs.d.cts → inputs.d.mts} +2 -2
  62. package/dist/ui/inputs.d.ts +2 -2
  63. package/dist/ui/inputs.js +26 -32
  64. package/dist/ui/inputs.js.map +1 -1
  65. package/dist/ui/{inputs.cjs → inputs.mjs} +21 -51
  66. package/dist/ui/inputs.mjs.map +1 -0
  67. package/dist/ui/{modal.d.cts → modal.d.mts} +3 -3
  68. package/dist/ui/modal.d.ts +3 -3
  69. package/dist/ui/modal.js +69 -75
  70. package/dist/ui/modal.js.map +1 -1
  71. package/dist/ui/{modal.cjs → modal.mjs} +53 -79
  72. package/dist/ui/modal.mjs.map +1 -0
  73. package/dist/ui/{pagination.d.cts → pagination.d.mts} +3 -3
  74. package/dist/ui/pagination.d.ts +3 -3
  75. package/dist/ui/pagination.js +48 -117
  76. package/dist/ui/pagination.js.map +1 -1
  77. package/dist/ui/{pagination.cjs → pagination.mjs} +35 -131
  78. package/dist/ui/pagination.mjs.map +1 -0
  79. package/dist/ui/{progress.d.cts → progress.d.mts} +5 -5
  80. package/dist/ui/progress.d.ts +5 -5
  81. package/dist/ui/progress.js +37 -43
  82. package/dist/ui/progress.js.map +1 -1
  83. package/dist/ui/{progress.cjs → progress.mjs} +25 -60
  84. package/dist/ui/progress.mjs.map +1 -0
  85. package/dist/ui/{select.d.cts → select.d.mts} +4 -4
  86. package/dist/ui/select.d.ts +4 -4
  87. package/dist/ui/select.js +43 -49
  88. package/dist/ui/select.js.map +1 -1
  89. package/dist/ui/{select.cjs → select.mjs} +31 -68
  90. package/dist/ui/select.mjs.map +1 -0
  91. package/dist/ui/{skeleton.d.cts → skeleton.d.mts} +3 -3
  92. package/dist/ui/skeleton.d.ts +3 -3
  93. package/dist/ui/skeleton.js +45 -51
  94. package/dist/ui/skeleton.js.map +1 -1
  95. package/dist/ui/{skeleton.cjs → skeleton.mjs} +31 -67
  96. package/dist/ui/skeleton.mjs.map +1 -0
  97. package/dist/ui/{spinner.d.cts → spinner.d.mts} +3 -3
  98. package/dist/ui/spinner.d.ts +3 -3
  99. package/dist/ui/spinner.js +34 -40
  100. package/dist/ui/spinner.js.map +1 -1
  101. package/dist/ui/{spinner.cjs → spinner.mjs} +27 -57
  102. package/dist/ui/spinner.mjs.map +1 -0
  103. package/dist/ui/{table.d.cts → table.d.mts} +4 -4
  104. package/dist/ui/table.d.ts +4 -4
  105. package/dist/ui/table.js +43 -49
  106. package/dist/ui/table.js.map +1 -1
  107. package/dist/ui/{table.cjs → table.mjs} +26 -65
  108. package/dist/ui/table.mjs.map +1 -0
  109. package/dist/ui/{tabs.d.cts → tabs.d.mts} +1 -1
  110. package/dist/ui/tabs.d.ts +1 -1
  111. package/dist/ui/tabs.js +41 -47
  112. package/dist/ui/tabs.js.map +1 -1
  113. package/dist/ui/{tabs.cjs → tabs.mjs} +29 -59
  114. package/dist/ui/tabs.mjs.map +1 -0
  115. package/dist/ui/{toast.d.cts → toast.d.mts} +1 -1
  116. package/dist/ui/toast.d.ts +1 -1
  117. package/dist/ui/toast.js +57 -63
  118. package/dist/ui/toast.js.map +1 -1
  119. package/dist/ui/{toast.cjs → toast.mjs} +43 -74
  120. package/dist/ui/toast.mjs.map +1 -0
  121. package/dist/ui/{toggle.d.cts → toggle.d.mts} +1 -1
  122. package/dist/ui/toggle.d.ts +1 -1
  123. package/dist/ui/toggle.js +23 -29
  124. package/dist/ui/toggle.js.map +1 -1
  125. package/dist/ui/{toggle.cjs → toggle.mjs} +19 -50
  126. package/dist/ui/toggle.mjs.map +1 -0
  127. package/dist/ui/{tooltip.d.cts → tooltip.d.mts} +2 -2
  128. package/dist/ui/tooltip.d.ts +2 -2
  129. package/dist/ui/tooltip.js +29 -35
  130. package/dist/ui/tooltip.js.map +1 -1
  131. package/dist/ui/{tooltip.cjs → tooltip.mjs} +26 -58
  132. package/dist/ui/tooltip.mjs.map +1 -0
  133. package/dist/variants-Dd9pe-ov.d.mts +8 -0
  134. package/dist/variants-Dd9pe-ov.d.ts +8 -0
  135. package/package.json +10 -15
  136. package/dist/ui/accordion.cjs.map +0 -1
  137. package/dist/ui/alert.cjs.map +0 -1
  138. package/dist/ui/badge.cjs.map +0 -1
  139. package/dist/ui/buttons.cjs +0 -202
  140. package/dist/ui/buttons.cjs.map +0 -1
  141. package/dist/ui/card.cjs.map +0 -1
  142. package/dist/ui/divider.cjs.map +0 -1
  143. package/dist/ui/drawer.cjs.map +0 -1
  144. package/dist/ui/dropdown.cjs.map +0 -1
  145. package/dist/ui/empty-state.cjs +0 -186
  146. package/dist/ui/empty-state.cjs.map +0 -1
  147. package/dist/ui/index.cjs +0 -5764
  148. package/dist/ui/index.cjs.map +0 -1
  149. package/dist/ui/index.d.cts +0 -27
  150. package/dist/ui/index.d.ts +0 -27
  151. package/dist/ui/index.js +0 -5626
  152. package/dist/ui/index.js.map +0 -1
  153. package/dist/ui/inputs.cjs.map +0 -1
  154. package/dist/ui/modal.cjs.map +0 -1
  155. package/dist/ui/pagination.cjs.map +0 -1
  156. package/dist/ui/progress.cjs.map +0 -1
  157. package/dist/ui/select.cjs.map +0 -1
  158. package/dist/ui/skeleton.cjs.map +0 -1
  159. package/dist/ui/spinner.cjs.map +0 -1
  160. package/dist/ui/table.cjs.map +0 -1
  161. package/dist/ui/tabs.cjs.map +0 -1
  162. package/dist/ui/toast.cjs.map +0 -1
  163. package/dist/ui/toggle.cjs.map +0 -1
  164. package/dist/ui/tooltip.cjs.map +0 -1
  165. package/dist/variants-1Bx3BEeS.d.cts +0 -8
  166. package/dist/variants-1Bx3BEeS.d.ts +0 -8
  167. /package/dist/ui/{accordion.d.cts → accordion.d.mts} +0 -0
@@ -1,47 +1,12 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use client";
19
2
 
20
- // src/ui/skeleton/index.ts
21
- var skeleton_exports = {};
22
- __export(skeleton_exports, {
23
- Skeleton: () => Skeleton,
24
- SkeletonAvatar: () => SkeletonAvatar,
25
- SkeletonButton: () => SkeletonButton,
26
- SkeletonCard: () => SkeletonCard,
27
- SkeletonText: () => SkeletonText,
28
- skeletonAnimationPresets: () => skeletonAnimationPresets,
29
- skeletonShimmerGradientClasses: () => skeletonShimmerGradientClasses,
30
- skeletonTextLineVariants: () => skeletonTextLineVariants,
31
- skeletonVariants: () => skeletonVariants
32
- });
33
- module.exports = __toCommonJS(skeleton_exports);
3
+ import {
4
+ cn
5
+ } from "../chunk-MEWYFWBX.mjs";
34
6
 
35
7
  // src/ui/skeleton/skeleton.tsx
36
- var import_react = require("react");
37
- var import_framer_motion = require("framer-motion");
38
-
39
- // src/lib/utils.ts
40
- var import_clsx = require("clsx");
41
- var import_tailwind_merge = require("tailwind-merge");
42
- function cn(...inputs) {
43
- return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
44
- }
8
+ import { createContext, useContext, useMemo } from "react";
9
+ import { motion } from "framer-motion";
45
10
 
46
11
  // src/ui/skeleton/animations.ts
47
12
  var skeletonAnimationPresets = {
@@ -59,7 +24,7 @@ var skeletonAnimationPresets = {
59
24
  };
60
25
 
61
26
  // src/ui/skeleton/variants.ts
62
- var import_class_variance_authority = require("class-variance-authority");
27
+ import { cva } from "class-variance-authority";
63
28
  var shimmerLayer = "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]";
64
29
  var skeletonShimmerGradientClasses = {
65
30
  default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,
@@ -87,7 +52,7 @@ var skeletonShimmerGradientClasses = {
87
52
  "gradient-pink": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,
88
53
  "gradient-orange": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`
89
54
  };
90
- var skeletonVariants = (0, import_class_variance_authority.cva)(
55
+ var skeletonVariants = cva(
91
56
  "relative overflow-hidden bg-white/10 text-transparent",
92
57
  {
93
58
  variants: {
@@ -296,7 +261,7 @@ var skeletonVariants = (0, import_class_variance_authority.cva)(
296
261
  }
297
262
  }
298
263
  );
299
- var skeletonTextLineVariants = (0, import_class_variance_authority.cva)("block w-full", {
264
+ var skeletonTextLineVariants = cva("block w-full", {
300
265
  variants: {
301
266
  size: {
302
267
  sm: "h-2.5",
@@ -308,12 +273,12 @@ var skeletonTextLineVariants = (0, import_class_variance_authority.cva)("block w
308
273
  });
309
274
 
310
275
  // src/ui/skeleton/skeleton.tsx
311
- var import_jsx_runtime = require("react/jsx-runtime");
312
- var SkeletonAnimationContext = (0, import_react.createContext)(
276
+ import { jsx, jsxs } from "react/jsx-runtime";
277
+ var SkeletonAnimationContext = createContext(
313
278
  void 0
314
279
  );
315
280
  function useSkeletonAnimation(fallback) {
316
- return (0, import_react.useContext)(SkeletonAnimationContext) ?? fallback;
281
+ return useContext(SkeletonAnimationContext) ?? fallback;
317
282
  }
318
283
  function Skeleton(props) {
319
284
  const {
@@ -329,9 +294,9 @@ function Skeleton(props) {
329
294
  ...rest
330
295
  } = props;
331
296
  const motionProps = skeletonAnimationPresets[animation];
332
- const ctx = (0, import_react.useMemo)(() => animation, [animation]);
333
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonAnimationContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
334
- import_framer_motion.motion.div,
297
+ const ctx = useMemo(() => animation, [animation]);
298
+ return /* @__PURE__ */ jsx(SkeletonAnimationContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
299
+ motion.div,
335
300
  {
336
301
  ref,
337
302
  "data-slot": "skeleton",
@@ -369,15 +334,15 @@ function SkeletonText(props) {
369
334
  } = props;
370
335
  const effectiveAnimation = useSkeletonAnimation(animation);
371
336
  const motionProps = skeletonAnimationPresets[effectiveAnimation];
372
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
337
+ return /* @__PURE__ */ jsx(
373
338
  "div",
374
339
  {
375
340
  "data-slot": "skeleton-text",
376
341
  className: cn("flex w-full flex-col gap-2", className),
377
342
  "aria-hidden": true,
378
343
  "aria-busy": busy ? true : void 0,
379
- children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
380
- import_framer_motion.motion.div,
344
+ children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx(
345
+ motion.div,
381
346
  {
382
347
  ref: index === 0 ? ref : void 0,
383
348
  className: cn(
@@ -423,8 +388,8 @@ function SkeletonAvatar(props) {
423
388
  } = props;
424
389
  const effectiveAnimation = useSkeletonAnimation(animation ?? "shimmer");
425
390
  const motionProps = skeletonAnimationPresets[effectiveAnimation];
426
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
427
- import_framer_motion.motion.div,
391
+ return /* @__PURE__ */ jsx(
392
+ motion.div,
428
393
  {
429
394
  ref,
430
395
  "data-slot": "skeleton-avatar",
@@ -459,14 +424,14 @@ function SkeletonCard(props) {
459
424
  rounded,
460
425
  ref
461
426
  } = props;
462
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
427
+ return /* @__PURE__ */ jsx(
463
428
  "div",
464
429
  {
465
430
  ref,
466
431
  "data-slot": "skeleton-card",
467
432
  className: cn("w-full max-w-sm", className),
468
433
  "aria-busy": busy ? true : void 0,
469
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
434
+ children: /* @__PURE__ */ jsxs(
470
435
  Skeleton,
471
436
  {
472
437
  rounded: "lg",
@@ -477,8 +442,8 @@ function SkeletonCard(props) {
477
442
  busy,
478
443
  className: "flex flex-col gap-4 p-4",
479
444
  children: [
480
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
481
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
445
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
446
+ /* @__PURE__ */ jsx(
482
447
  SkeletonAvatar,
483
448
  {
484
449
  appearance,
@@ -488,7 +453,7 @@ function SkeletonCard(props) {
488
453
  rounded
489
454
  }
490
455
  ),
491
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-1 flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
456
+ /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-2", children: /* @__PURE__ */ jsx(
492
457
  SkeletonText,
493
458
  {
494
459
  lines: 2,
@@ -499,7 +464,7 @@ function SkeletonCard(props) {
499
464
  }
500
465
  ) })
501
466
  ] }),
502
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
467
+ /* @__PURE__ */ jsx(
503
468
  SkeletonText,
504
469
  {
505
470
  lines: 4,
@@ -536,8 +501,8 @@ function SkeletonButton(props) {
536
501
  } = props;
537
502
  const effectiveAnimation = useSkeletonAnimation(animation ?? "shimmer");
538
503
  const motionProps = skeletonAnimationPresets[effectiveAnimation];
539
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
540
- import_framer_motion.motion.div,
504
+ return /* @__PURE__ */ jsx(
505
+ motion.div,
541
506
  {
542
507
  ref,
543
508
  "data-slot": "skeleton-button",
@@ -561,8 +526,7 @@ function SkeletonButton(props) {
561
526
  );
562
527
  }
563
528
  SkeletonButton.displayName = "SkeletonButton";
564
- // Annotate the CommonJS export names for ESM import in node:
565
- 0 && (module.exports = {
529
+ export {
566
530
  Skeleton,
567
531
  SkeletonAvatar,
568
532
  SkeletonButton,
@@ -572,5 +536,5 @@ SkeletonButton.displayName = "SkeletonButton";
572
536
  skeletonShimmerGradientClasses,
573
537
  skeletonTextLineVariants,
574
538
  skeletonVariants
575
- });
576
- //# sourceMappingURL=skeleton.cjs.map
539
+ };
540
+ //# sourceMappingURL=skeleton.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/ui/skeleton/skeleton.tsx","../../src/ui/skeleton/animations.ts","../../src/ui/skeleton/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { skeletonAnimationPresets } from \"./animations\";\nimport type {\n SkeletonAnimation,\n SkeletonAvatarProps,\n SkeletonButtonProps,\n SkeletonCardProps,\n SkeletonProps,\n SkeletonTextProps,\n} from \"./types\";\nimport { skeletonTextLineVariants, skeletonVariants } from \"./variants\";\n\nconst SkeletonAnimationContext = createContext<SkeletonAnimation | undefined>(\n undefined,\n);\n\nfunction useSkeletonAnimation(fallback: SkeletonAnimation): SkeletonAnimation {\n return useContext(SkeletonAnimationContext) ?? fallback;\n}\n\nexport function Skeleton(props: SkeletonProps) {\n const {\n className,\n appearance,\n size,\n rounded,\n animation = \"shimmer\",\n shimmerTone,\n busy,\n children,\n ref,\n ...rest\n } = props;\n const motionProps = skeletonAnimationPresets[animation];\n const ctx = useMemo(() => animation, [animation]);\n\n return (\n <SkeletonAnimationContext.Provider value={ctx}>\n <motion.div\n ref={ref}\n data-slot=\"skeleton\"\n aria-hidden\n aria-busy={busy ? true : undefined}\n className={cn(\n skeletonVariants({\n appearance,\n size,\n rounded,\n animation,\n shimmerTone,\n }),\n className,\n )}\n initial={false}\n {...motionProps}\n {...rest}\n >\n {children}\n </motion.div>\n </SkeletonAnimationContext.Provider>\n );\n}\n\nSkeleton.displayName = \"Skeleton\";\n\nexport function SkeletonText(props: SkeletonTextProps) {\n const {\n lines = 3,\n className,\n appearance,\n size,\n rounded,\n animation = \"shimmer\",\n shimmerTone,\n busy,\n ref,\n } = props;\n const effectiveAnimation = useSkeletonAnimation(animation);\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n\n return (\n <div\n data-slot=\"skeleton-text\"\n className={cn(\"flex w-full flex-col gap-2\", className)}\n aria-hidden\n aria-busy={busy ? true : undefined}\n >\n {Array.from({ length: lines }).map((_, index) => (\n <motion.div\n key={index}\n ref={index === 0 ? ref : undefined}\n className={cn(\n skeletonVariants({\n appearance,\n size,\n rounded,\n animation: effectiveAnimation,\n shimmerTone,\n }),\n skeletonTextLineVariants({ size }),\n index === lines - 1 ? \"w-3/5\" : \"w-full\",\n )}\n initial={false}\n {...motionProps}\n />\n ))}\n </div>\n );\n}\n\nSkeletonText.displayName = \"SkeletonText\";\n\nconst avatarSizeClass: Record<\n NonNullable<SkeletonAvatarProps[\"avatarSize\"]>,\n string\n> = {\n xs: \"size-6\",\n sm: \"size-8\",\n md: \"size-10\",\n lg: \"size-12\",\n xl: \"size-14\",\n \"2xl\": \"size-16\",\n};\n\nexport function SkeletonAvatar(props: SkeletonAvatarProps) {\n const {\n avatarSize = \"md\",\n className,\n appearance,\n size,\n rounded = \"full\",\n animation,\n shimmerTone,\n busy,\n ref,\n ...rest\n } = props;\n const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n\n return (\n <motion.div\n ref={ref}\n data-slot=\"skeleton-avatar\"\n aria-hidden\n aria-busy={busy ? true : undefined}\n className={cn(\n skeletonVariants({\n appearance,\n size,\n rounded,\n animation: effectiveAnimation,\n shimmerTone,\n }),\n avatarSizeClass[avatarSize],\n className,\n )}\n initial={false}\n {...motionProps}\n {...rest}\n />\n );\n}\n\nSkeletonAvatar.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCard(props: SkeletonCardProps) {\n const {\n className,\n busy,\n animation = \"shimmer\",\n shimmerTone,\n appearance,\n size,\n rounded,\n ref,\n } = props;\n\n return (\n <div\n ref={ref as never}\n data-slot=\"skeleton-card\"\n className={cn(\"w-full max-w-sm\", className)}\n aria-busy={busy ? true : undefined}\n >\n <Skeleton\n rounded=\"lg\"\n animation={animation}\n shimmerTone={shimmerTone}\n appearance={appearance}\n size={size}\n busy={busy}\n className=\"flex flex-col gap-4 p-4\"\n >\n <div className=\"flex items-center gap-3\">\n <SkeletonAvatar\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n rounded={rounded}\n />\n <div className=\"flex flex-1 flex-col gap-2\">\n <SkeletonText\n lines={2}\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n />\n </div>\n </div>\n <SkeletonText\n lines={4}\n appearance={appearance}\n size={size}\n animation={animation}\n shimmerTone={shimmerTone}\n />\n </Skeleton>\n </div>\n );\n}\n\nSkeletonCard.displayName = \"SkeletonCard\";\n\nconst buttonHeight: Record<NonNullable<SkeletonButtonProps[\"buttonSize\"]>, string> = {\n sm: \"h-8 w-24\",\n md: \"h-10 w-32\",\n lg: \"h-12 w-40\",\n};\n\nexport function SkeletonButton(props: SkeletonButtonProps) {\n const {\n buttonSize = \"md\",\n className,\n appearance,\n size,\n rounded = \"md\",\n animation,\n shimmerTone,\n busy,\n ref,\n ...rest\n } = props;\n const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n const motionProps = skeletonAnimationPresets[effectiveAnimation];\n\n return (\n <motion.div\n ref={ref}\n data-slot=\"skeleton-button\"\n aria-hidden\n aria-busy={busy ? true : undefined}\n className={cn(\n skeletonVariants({\n appearance,\n size,\n rounded,\n animation: effectiveAnimation,\n shimmerTone,\n }),\n buttonHeight[buttonSize],\n className,\n )}\n initial={false}\n {...motionProps}\n {...rest}\n />\n );\n}\n\nSkeletonButton.displayName = \"SkeletonButton\";\n","import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { SkeletonAnimation } from \"./types\";\n\ntype SkeletonPresetMotionProps = Pick<\n HTMLMotionProps<\"div\">,\n \"initial\" | \"animate\" | \"transition\"\n>;\n\nexport type SkeletonAnimationPresets = Record<\n SkeletonAnimation,\n SkeletonPresetMotionProps\n>;\n\nexport const skeletonAnimationPresets: SkeletonAnimationPresets = {\n none: {},\n shimmer: {\n initial: { backgroundPosition: \"100% 0%\" },\n animate: { backgroundPosition: [\"100% 0%\", \"0% 0%\"] },\n transition: { repeat: Infinity, duration: 1.35, ease: \"linear\" },\n },\n pulse: {\n initial: { opacity: 1 },\n animate: { opacity: [1, 0.5, 1] },\n transition: { repeat: Infinity, duration: 1.35, ease: \"easeInOut\" },\n },\n};\n","import { cva } from \"class-variance-authority\";\n\nconst shimmerLayer =\n \"[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]\";\n\nexport const skeletonShimmerGradientClasses = {\n default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,\n subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,\n muted: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]`,\n sky: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]`,\n rose: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]`,\n purple: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]`,\n pink: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n orange: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n yellow: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]`,\n teal: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n indigo: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n emerald: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n gray: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]`,\n amber: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]`,\n violet: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n \"gradient-blue\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]`,\n \"gradient-green\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n \"gradient-red\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]`,\n \"gradient-yellow\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]`,\n \"gradient-purple\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n \"gradient-teal\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n \"gradient-indigo\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n \"gradient-pink\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n \"gradient-orange\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n} as const;\n\nexport type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;\n\nexport const skeletonVariants = cva(\n \"relative overflow-hidden bg-white/10 text-transparent\",\n {\n variants: {\n appearance: {\n default: \"bg-white/10\",\n subtle: \"bg-white/[0.07]\",\n muted: \"bg-slate-800/80\",\n sky: \"bg-sky-500/10\",\n rose: \"bg-rose-500/10\",\n purple: \"bg-purple-500/10\",\n pink: \"bg-pink-500/10\",\n orange: \"bg-orange-500/10\",\n yellow: \"bg-yellow-500/10\",\n teal: \"bg-teal-500/10\",\n indigo: \"bg-indigo-500/10\",\n emerald: \"bg-emerald-500/10\",\n gray: \"bg-gray-500/10\",\n amber: \"bg-amber-500/10\",\n violet: \"bg-violet-500/10\",\n \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600\",\n \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600\",\n \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600\",\n \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600\",\n \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600\",\n \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600\",\n \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600\",\n \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600\",\n \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600\",\n },\n size: {\n sm: \"min-h-3\",\n md: \"min-h-4\",\n lg: \"min-h-6\",\n },\n rounded: {\n none: \"rounded-none\",\n sm: \"rounded-md\",\n md: \"rounded-lg\",\n lg: \"rounded-xl\",\n full: \"rounded-full\",\n },\n animation: {\n none: \"\",\n shimmer: \"\",\n pulse: \"\",\n },\n shimmerTone: {\n default: \"\",\n subtle: \"\",\n muted: \"\",\n sky: \"\",\n rose: \"\",\n purple: \"\",\n pink: \"\",\n orange: \"\",\n yellow: \"\",\n teal: \"\",\n indigo: \"\",\n emerald: \"\",\n gray: \"\",\n amber: \"\",\n violet: \"\",\n \"gradient-blue\": \"\",\n \"gradient-green\": \"\",\n \"gradient-red\": \"\",\n \"gradient-yellow\": \"\",\n \"gradient-purple\": \"\",\n \"gradient-teal\": \"\",\n \"gradient-indigo\": \"\",\n \"gradient-pink\": \"\",\n \"gradient-orange\": \"\",\n },\n },\n compoundVariants: [\n {\n animation: \"shimmer\",\n shimmerTone: \"default\",\n class: skeletonShimmerGradientClasses.default,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"muted\",\n class: skeletonShimmerGradientClasses.subtle,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"subtle\",\n class: skeletonShimmerGradientClasses.subtle,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"sky\",\n class: skeletonShimmerGradientClasses.sky,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"rose\",\n class: skeletonShimmerGradientClasses.rose,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"purple\",\n class: skeletonShimmerGradientClasses.purple,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"pink\",\n class: skeletonShimmerGradientClasses.pink,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"orange\",\n class: skeletonShimmerGradientClasses.orange,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"yellow\",\n class: skeletonShimmerGradientClasses.yellow,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"teal\",\n class: skeletonShimmerGradientClasses.teal,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"indigo\",\n class: skeletonShimmerGradientClasses.indigo,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"emerald\",\n class: skeletonShimmerGradientClasses.emerald,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gray\",\n class: skeletonShimmerGradientClasses.gray,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"amber\",\n class: skeletonShimmerGradientClasses.amber,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"violet\",\n class: skeletonShimmerGradientClasses.violet,\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-blue\",\n class: skeletonShimmerGradientClasses[\"gradient-blue\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-green\",\n class: skeletonShimmerGradientClasses[\"gradient-green\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-red\",\n class: skeletonShimmerGradientClasses[\"gradient-red\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-yellow\",\n class: skeletonShimmerGradientClasses[\"gradient-yellow\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-purple\",\n class: skeletonShimmerGradientClasses[\"gradient-purple\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-teal\",\n class: skeletonShimmerGradientClasses[\"gradient-teal\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-indigo\",\n class: skeletonShimmerGradientClasses[\"gradient-indigo\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-pink\",\n class: skeletonShimmerGradientClasses[\"gradient-pink\"],\n },\n {\n animation: \"shimmer\",\n shimmerTone: \"gradient-orange\",\n class: skeletonShimmerGradientClasses[\"gradient-orange\"],\n },\n {\n animation: \"pulse\",\n class: \"\",\n },\n ],\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n rounded: \"md\",\n animation: \"shimmer\",\n shimmerTone: \"default\",\n },\n },\n);\n\nexport const skeletonTextLineVariants = cva(\"block w-full\", {\n variants: {\n size: {\n sm: \"h-2.5\",\n md: \"h-3\",\n lg: \"h-4\",\n },\n },\n defaultVariants: { size: \"md\" },\n});\n"],"mappings":"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","names":[]}
@@ -4,9 +4,9 @@ import { HTMLMotionProps } from 'framer-motion';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
5
 
6
6
  declare const spinnerVariants: (props?: ({
7
- appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | null | undefined;
8
- size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
9
- variant?: "ring" | "pulse" | "dots" | "bars" | null | undefined;
7
+ appearance?: "default" | "secondary" | "destructive" | "ghost" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
8
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
9
+ variant?: "ring" | "dots" | "pulse" | "bars" | null | undefined;
10
10
  } & class_variance_authority_types.ClassProp) | undefined) => string;
11
11
 
12
12
  type SpinnerVariantProps = VariantProps<typeof spinnerVariants>;
@@ -4,9 +4,9 @@ import { HTMLMotionProps } from 'framer-motion';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
5
 
6
6
  declare const spinnerVariants: (props?: ({
7
- appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | null | undefined;
8
- size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
9
- variant?: "ring" | "pulse" | "dots" | "bars" | null | undefined;
7
+ appearance?: "default" | "secondary" | "destructive" | "ghost" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
8
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
9
+ variant?: "ring" | "dots" | "pulse" | "bars" | null | undefined;
10
10
  } & class_variance_authority_types.ClassProp) | undefined) => string;
11
11
 
12
12
  type SpinnerVariantProps = VariantProps<typeof spinnerVariants>;
@@ -1,18 +1,12 @@
1
- "use client";
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
+ var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
3
4
 
4
5
  // src/ui/spinner/spinner.tsx
5
- import { motion } from "framer-motion";
6
-
7
- // src/lib/utils.ts
8
- import { clsx } from "clsx";
9
- import { twMerge } from "tailwind-merge";
10
- function cn(...inputs) {
11
- return twMerge(clsx(inputs));
12
- }
6
+ var _framermotion = require('framer-motion');
13
7
 
14
8
  // src/ui/spinner/variants.ts
15
- import { cva } from "class-variance-authority";
9
+ var _classvarianceauthority = require('class-variance-authority');
16
10
  var spinnerAppearances = {
17
11
  default: "text-slate-50",
18
12
  secondary: "text-slate-300",
@@ -37,7 +31,7 @@ var spinnerAppearances = {
37
31
  "gradient-pink": "text-pink-400",
38
32
  "gradient-orange": "text-orange-400"
39
33
  };
40
- var spinnerVariants = cva("inline-flex items-center justify-center", {
34
+ var spinnerVariants = _classvarianceauthority.cva.call(void 0, "inline-flex items-center justify-center", {
41
35
  variants: {
42
36
  appearance: spinnerAppearances,
43
37
  size: {
@@ -62,7 +56,7 @@ var spinnerVariants = cva("inline-flex items-center justify-center", {
62
56
  });
63
57
 
64
58
  // src/ui/spinner/spinner.tsx
65
- import { jsx } from "react/jsx-runtime";
59
+ var _jsxruntime = require('react/jsx-runtime');
66
60
  function Spinner(props) {
67
61
  const {
68
62
  className,
@@ -73,20 +67,20 @@ function Spinner(props) {
73
67
  "aria-label": ariaLabel = "Loading",
74
68
  ...rest
75
69
  } = props;
76
- const rootClass = cn(spinnerVariants({ appearance, size, variant }), className);
70
+ const rootClass = _chunkE5UX537Jjs.cn.call(void 0, spinnerVariants({ appearance, size, variant }), className);
77
71
  if (variant === "ring") {
78
- return /* @__PURE__ */ jsx(
79
- motion.span,
72
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
73
+ _framermotion.motion.span,
80
74
  {
81
75
  ref,
82
76
  role: "status",
83
77
  "data-slot": "spinner",
84
78
  "aria-label": ariaLabel,
85
- className: cn(rootClass, "relative"),
79
+ className: _chunkE5UX537Jjs.cn.call(void 0, rootClass, "relative"),
86
80
  initial: false,
87
81
  ...rest,
88
- children: /* @__PURE__ */ jsx(
89
- motion.span,
82
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
83
+ _framermotion.motion.span,
90
84
  {
91
85
  className: "block size-full rounded-full border-2 border-current border-t-transparent",
92
86
  animate: { rotate: 360 },
@@ -99,20 +93,20 @@ function Spinner(props) {
99
93
  }
100
94
  if (variant === "dots") {
101
95
  const dotSize = size === "xs" ? "size-1" : size === "sm" ? "size-1.5" : size === "md" ? "size-2" : size === "lg" ? "size-2.5" : "size-3";
102
- return /* @__PURE__ */ jsx(
103
- motion.span,
96
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
97
+ _framermotion.motion.span,
104
98
  {
105
99
  ref,
106
100
  role: "status",
107
101
  "data-slot": "spinner",
108
102
  "aria-label": ariaLabel,
109
- className: cn(rootClass, "gap-1"),
103
+ className: _chunkE5UX537Jjs.cn.call(void 0, rootClass, "gap-1"),
110
104
  initial: false,
111
105
  ...rest,
112
- children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
113
- motion.span,
106
+ children: [0, 1, 2].map((index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
107
+ _framermotion.motion.span,
114
108
  {
115
- className: cn("rounded-full bg-current", dotSize),
109
+ className: _chunkE5UX537Jjs.cn.call(void 0, "rounded-full bg-current", dotSize),
116
110
  animate: { y: [0, -5, 0], opacity: [0.45, 1, 0.45] },
117
111
  transition: {
118
112
  repeat: Infinity,
@@ -128,18 +122,18 @@ function Spinner(props) {
128
122
  );
129
123
  }
130
124
  if (variant === "pulse") {
131
- return /* @__PURE__ */ jsx(
132
- motion.span,
125
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
126
+ _framermotion.motion.span,
133
127
  {
134
128
  ref,
135
129
  role: "status",
136
130
  "data-slot": "spinner",
137
131
  "aria-label": ariaLabel,
138
- className: cn(rootClass),
132
+ className: _chunkE5UX537Jjs.cn.call(void 0, rootClass),
139
133
  initial: false,
140
134
  ...rest,
141
- children: /* @__PURE__ */ jsx(
142
- motion.span,
135
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
136
+ _framermotion.motion.span,
143
137
  {
144
138
  className: "block size-full rounded-full bg-current",
145
139
  animate: { scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] },
@@ -151,20 +145,20 @@ function Spinner(props) {
151
145
  );
152
146
  }
153
147
  const barWidth = size === "xs" ? "w-0.5" : size === "sm" ? "w-0.5" : size === "md" ? "w-1" : size === "lg" ? "w-1.5" : "w-2";
154
- return /* @__PURE__ */ jsx(
155
- motion.span,
148
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
149
+ _framermotion.motion.span,
156
150
  {
157
151
  ref,
158
152
  role: "status",
159
153
  "data-slot": "spinner",
160
154
  "aria-label": ariaLabel,
161
- className: cn(rootClass, "gap-1"),
155
+ className: _chunkE5UX537Jjs.cn.call(void 0, rootClass, "gap-1"),
162
156
  initial: false,
163
157
  ...rest,
164
- children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ jsx(
165
- motion.span,
158
+ children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
159
+ _framermotion.motion.span,
166
160
  {
167
- className: cn("h-full max-h-[70%] rounded-full bg-current", barWidth),
161
+ className: _chunkE5UX537Jjs.cn.call(void 0, "h-full max-h-[70%] rounded-full bg-current", barWidth),
168
162
  animate: { scaleY: [0.35, 1, 0.35] },
169
163
  transition: {
170
164
  repeat: Infinity,
@@ -185,9 +179,9 @@ Spinner.displayName = "Spinner";
185
179
  var spinnerAnimationPresets = {
186
180
  none: {}
187
181
  };
188
- export {
189
- Spinner,
190
- spinnerAnimationPresets,
191
- spinnerVariants
192
- };
182
+
183
+
184
+
185
+
186
+ exports.Spinner = Spinner; exports.spinnerAnimationPresets = spinnerAnimationPresets; exports.spinnerVariants = spinnerVariants;
193
187
  //# sourceMappingURL=spinner.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ui/spinner/spinner.tsx","../../src/lib/utils.ts","../../src/ui/spinner/variants.ts","../../src/ui/spinner/animations.ts"],"sourcesContent":["\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n const {\n className,\n appearance,\n size,\n variant = \"ring\",\n ref,\n \"aria-label\": ariaLabel = \"Loading\",\n ...rest\n } = props;\n const rootClass = cn(spinnerVariants({ appearance, size, variant }), className);\n\n if (variant === \"ring\") {\n return (\n <motion.span\n ref={ref}\n role=\"status\"\n data-slot=\"spinner\"\n aria-label={ariaLabel}\n className={cn(rootClass, \"relative\")}\n initial={false}\n {...rest}\n >\n <motion.span\n className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n animate={{ rotate: 360 }}\n transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n aria-hidden\n />\n </motion.span>\n );\n }\n\n if (variant === \"dots\") {\n const dotSize =\n size === \"xs\"\n ? \"size-1\"\n : size === \"sm\"\n ? \"size-1.5\"\n : size === \"md\"\n ? \"size-2\"\n : size === \"lg\"\n ? \"size-2.5\"\n : \"size-3\";\n return (\n <motion.span\n ref={ref}\n role=\"status\"\n data-slot=\"spinner\"\n aria-label={ariaLabel}\n className={cn(rootClass, \"gap-1\")}\n initial={false}\n {...rest}\n >\n {[0, 1, 2].map((index) => (\n <motion.span\n key={index}\n className={cn(\"rounded-full bg-current\", dotSize)}\n animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n transition={{\n repeat: Infinity,\n duration: 0.55,\n ease: \"easeInOut\",\n delay: index * 0.12,\n }}\n aria-hidden\n />\n ))}\n </motion.span>\n );\n }\n\n if (variant === \"pulse\") {\n return (\n <motion.span\n ref={ref}\n role=\"status\"\n data-slot=\"spinner\"\n aria-label={ariaLabel}\n className={cn(rootClass)}\n initial={false}\n {...rest}\n >\n <motion.span\n className=\"block size-full rounded-full bg-current\"\n animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n aria-hidden\n />\n </motion.span>\n );\n }\n\n const barWidth =\n size === \"xs\"\n ? \"w-0.5\"\n : size === \"sm\"\n ? \"w-0.5\"\n : size === \"md\"\n ? \"w-1\"\n : size === \"lg\"\n ? \"w-1.5\"\n : \"w-2\";\n return (\n <motion.span\n ref={ref}\n role=\"status\"\n data-slot=\"spinner\"\n aria-label={ariaLabel}\n className={cn(rootClass, \"gap-1\")}\n initial={false}\n {...rest}\n >\n {[0, 1, 2, 3].map((index) => (\n <motion.span\n key={index}\n className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n animate={{ scaleY: [0.35, 1, 0.35] }}\n transition={{\n repeat: Infinity,\n duration: 0.65,\n ease: \"easeInOut\",\n delay: index * 0.1,\n }}\n aria-hidden\n />\n ))}\n </motion.span>\n );\n}\n\nSpinner.displayName = \"Spinner\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}","import { cva } from \"class-variance-authority\";\n\nconst spinnerAppearances = {\n default: \"text-slate-50\",\n secondary: \"text-slate-300\",\n destructive: \"text-rose-400\",\n ghost: \"text-slate-300\",\n emerald: \"text-emerald-400\",\n indigo: \"text-indigo-400\",\n purple: \"text-purple-400\",\n pink: \"text-pink-400\",\n rose: \"text-rose-400\",\n sky: \"text-sky-400\",\n teal: \"text-teal-400\",\n yellow: \"text-yellow-400\",\n orange: \"text-orange-400\",\n \"gradient-blue\": \"text-blue-400\",\n \"gradient-green\": \"text-green-400\",\n \"gradient-red\": \"text-red-400\",\n \"gradient-yellow\": \"text-yellow-400\",\n \"gradient-purple\": \"text-purple-400\",\n \"gradient-teal\": \"text-teal-400\",\n \"gradient-indigo\": \"text-indigo-400\",\n \"gradient-pink\": \"text-pink-400\",\n \"gradient-orange\": \"text-orange-400\",\n} as const;\n\nexport const spinnerVariants = cva(\"inline-flex items-center justify-center\", {\n variants: {\n appearance: spinnerAppearances,\n size: {\n xs: \"size-3\",\n sm: \"size-4\",\n md: \"size-6\",\n lg: \"size-8\",\n xl: \"size-10\",\n },\n variant: {\n ring: \"\",\n dots: \"\",\n pulse: \"\",\n bars: \"\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n variant: \"ring\",\n },\n});\n","/** Spinner variants use Framer `animate` on the root; presets reserved for future. */\nexport const spinnerAnimationPresets = {\n none: {},\n} as const;\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/spinner.js"],"names":[],"mappings":"AAAA;AACE;AACF,uDAA6B;AAC7B;AACA;AACA,6CAAsC;AACtC;AACA;AACA,kEAA8C;AAC9C,IAAI,mBAAmB,EAAE;AACzB,EAAE,OAAO,EAAE,eAAe;AAC1B,EAAE,SAAS,EAAE,gBAAgB;AAC7B,EAAE,WAAW,EAAE,eAAe;AAC9B,EAAE,KAAK,EAAE,gBAAgB;AACzB,EAAE,OAAO,EAAE,kBAAkB;AAC7B,EAAE,MAAM,EAAE,iBAAiB;AAC3B,EAAE,MAAM,EAAE,iBAAiB;AAC3B,EAAE,IAAI,EAAE,eAAe;AACvB,EAAE,IAAI,EAAE,eAAe;AACvB,EAAE,GAAG,EAAE,cAAc;AACrB,EAAE,IAAI,EAAE,eAAe;AACvB,EAAE,MAAM,EAAE,iBAAiB;AAC3B,EAAE,MAAM,EAAE,iBAAiB;AAC3B,EAAE,eAAe,EAAE,eAAe;AAClC,EAAE,gBAAgB,EAAE,gBAAgB;AACpC,EAAE,cAAc,EAAE,cAAc;AAChC,EAAE,iBAAiB,EAAE,iBAAiB;AACtC,EAAE,iBAAiB,EAAE,iBAAiB;AACtC,EAAE,eAAe,EAAE,eAAe;AAClC,EAAE,iBAAiB,EAAE,iBAAiB;AACtC,EAAE,eAAe,EAAE,eAAe;AAClC,EAAE,iBAAiB,EAAE;AACrB,CAAC;AACD,IAAI,gBAAgB,EAAE,yCAAG,yCAA0C,EAAE;AACrE,EAAE,QAAQ,EAAE;AACZ,IAAI,UAAU,EAAE,kBAAkB;AAClC,IAAI,IAAI,EAAE;AACV,MAAM,EAAE,EAAE,QAAQ;AAClB,MAAM,EAAE,EAAE,QAAQ;AAClB,MAAM,EAAE,EAAE,QAAQ;AAClB,MAAM,EAAE,EAAE,QAAQ;AAClB,MAAM,EAAE,EAAE;AACV,IAAI,CAAC;AACL,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAE,EAAE;AACd,MAAM,IAAI,EAAE,EAAE;AACd,MAAM,KAAK,EAAE,EAAE;AACf,MAAM,IAAI,EAAE;AACZ,IAAI;AACJ,EAAE,CAAC;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,OAAO,EAAE;AACb,EAAE;AACF,CAAC,CAAC;AACF;AACA;AACA,+CAAuC;AACvC,SAAS,OAAO,CAAC,KAAK,EAAE;AACxB,EAAE,MAAM;AACR,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,IAAI;AACR,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,GAAG;AACP,IAAI,YAAY,EAAE,UAAU,EAAE,SAAS;AACvC,IAAI,GAAG;AACP,EAAE,EAAE,EAAE,KAAK;AACX,EAAE,MAAM,UAAU,EAAE,iCAAE,eAAgB,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC;AACjF,EAAE,GAAG,CAAC,QAAQ,IAAI,MAAM,EAAE;AAC1B,IAAI,uBAAuB,6BAAG;AAC9B,MAAM,oBAAM,CAAC,IAAI;AACjB,MAAM;AACN,QAAQ,GAAG;AACX,QAAQ,IAAI,EAAE,QAAQ;AACtB,QAAQ,WAAW,EAAE,SAAS;AAC9B,QAAQ,YAAY,EAAE,SAAS;AAC/B,QAAQ,SAAS,EAAE,iCAAE,SAAU,EAAE,UAAU,CAAC;AAC5C,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,GAAG,IAAI;AACf,QAAQ,QAAQ,kBAAkB,6BAAG;AACrC,UAAU,oBAAM,CAAC,IAAI;AACrB,UAAU;AACV,YAAY,SAAS,EAAE,2EAA2E;AAClG,YAAY,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC;AACpC,YAAY,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC;AAC5E,YAAY,aAAa,EAAE;AAC3B,UAAU;AACV,QAAQ;AACR,MAAM;AACN,IAAI,CAAC;AACL,EAAE;AACF,EAAE,GAAG,CAAC,QAAQ,IAAI,MAAM,EAAE;AAC1B,IAAI,MAAM,QAAQ,EAAE,KAAK,IAAI,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK,EAAE,WAAW,EAAE,QAAQ;AAC5I,IAAI,uBAAuB,6BAAG;AAC9B,MAAM,oBAAM,CAAC,IAAI;AACjB,MAAM;AACN,QAAQ,GAAG;AACX,QAAQ,IAAI,EAAE,QAAQ;AACtB,QAAQ,WAAW,EAAE,SAAS;AAC9B,QAAQ,YAAY,EAAE,SAAS;AAC/B,QAAQ,SAAS,EAAE,iCAAE,SAAU,EAAE,OAAO,CAAC;AACzC,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,GAAG,IAAI;AACf,QAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,6BAAG;AAC9D,UAAU,oBAAM,CAAC,IAAI;AACrB,UAAU;AACV,YAAY,SAAS,EAAE,iCAAE,yBAA0B,EAAE,OAAO,CAAC;AAC7D,YAAY,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;AAChE,YAAY,UAAU,EAAE;AACxB,cAAc,MAAM,EAAE,QAAQ;AAC9B,cAAc,QAAQ,EAAE,IAAI;AAC5B,cAAc,IAAI,EAAE,WAAW;AAC/B,cAAc,KAAK,EAAE,MAAM,EAAE;AAC7B,YAAY,CAAC;AACb,YAAY,aAAa,EAAE;AAC3B,UAAU,CAAC;AACX,UAAU;AACV,QAAQ,CAAC;AACT,MAAM;AACN,IAAI,CAAC;AACL,EAAE;AACF,EAAE,GAAG,CAAC,QAAQ,IAAI,OAAO,EAAE;AAC3B,IAAI,uBAAuB,6BAAG;AAC9B,MAAM,oBAAM,CAAC,IAAI;AACjB,MAAM;AACN,QAAQ,GAAG;AACX,QAAQ,IAAI,EAAE,QAAQ;AACtB,QAAQ,WAAW,EAAE,SAAS;AAC9B,QAAQ,YAAY,EAAE,SAAS;AAC/B,QAAQ,SAAS,EAAE,iCAAE,SAAU,CAAC;AAChC,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,GAAG,IAAI;AACf,QAAQ,QAAQ,kBAAkB,6BAAG;AACrC,UAAU,oBAAM,CAAC,IAAI;AACrB,UAAU;AACV,YAAY,SAAS,EAAE,yCAAyC;AAChE,YAAY,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;AACzE,YAAY,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,CAAC;AAC9E,YAAY,aAAa,EAAE;AAC3B,UAAU;AACV,QAAQ;AACR,MAAM;AACN,IAAI,CAAC;AACL,EAAE;AACF,EAAE,MAAM,SAAS,EAAE,KAAK,IAAI,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,KAAK,EAAE,QAAQ,EAAE,KAAK;AAC9H,EAAE,uBAAuB,6BAAG;AAC5B,IAAI,oBAAM,CAAC,IAAI;AACf,IAAI;AACJ,MAAM,GAAG;AACT,MAAM,IAAI,EAAE,QAAQ;AACpB,MAAM,WAAW,EAAE,SAAS;AAC5B,MAAM,YAAY,EAAE,SAAS;AAC7B,MAAM,SAAS,EAAE,iCAAE,SAAU,EAAE,OAAO,CAAC;AACvC,MAAM,OAAO,EAAE,KAAK;AACpB,MAAM,GAAG,IAAI;AACb,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,6BAAG;AAC/D,QAAQ,oBAAM,CAAC,IAAI;AACnB,QAAQ;AACR,UAAU,SAAS,EAAE,iCAAE,4CAA6C,EAAE,QAAQ,CAAC;AAC/E,UAAU,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;AAC9C,UAAU,UAAU,EAAE;AACtB,YAAY,MAAM,EAAE,QAAQ;AAC5B,YAAY,QAAQ,EAAE,IAAI;AAC1B,YAAY,IAAI,EAAE,WAAW;AAC7B,YAAY,KAAK,EAAE,MAAM,EAAE;AAC3B,UAAU,CAAC;AACX,UAAU,aAAa,EAAE;AACzB,QAAQ,CAAC;AACT,QAAQ;AACR,MAAM,CAAC;AACP,IAAI;AACJ,EAAE,CAAC;AACH;AACA,OAAO,CAAC,YAAY,EAAE,SAAS;AAC/B;AACA;AACA,IAAI,wBAAwB,EAAE;AAC9B,EAAE,IAAI,EAAE,CAAC;AACT,CAAC;AACD;AACE;AACA;AACA;AACF,gIAAC","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/spinner.js","sourcesContent":[null]}