@zentauri-ui/zentauri-components 0.0.84 → 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 (144) hide show
  1. package/README.md +47 -29
  2. package/dist/chunk-BZSIXBA7.js +70 -0
  3. package/dist/chunk-BZSIXBA7.js.map +1 -0
  4. package/dist/chunk-E5UX537J.js +11 -0
  5. package/dist/chunk-E5UX537J.js.map +1 -0
  6. package/dist/chunk-MEWYFWBX.mjs +14 -0
  7. package/dist/chunk-MEWYFWBX.mjs.map +1 -0
  8. package/dist/chunk-VJHD7QZH.mjs +73 -0
  9. package/dist/chunk-VJHD7QZH.mjs.map +1 -0
  10. package/dist/ui/accordion.d.mts +70 -0
  11. package/dist/ui/accordion.d.ts +70 -0
  12. package/dist/ui/accordion.js +280 -0
  13. package/dist/ui/accordion.js.map +1 -0
  14. package/dist/ui/accordion.mjs +282 -0
  15. package/dist/ui/accordion.mjs.map +1 -0
  16. package/dist/ui/alert.d.mts +66 -0
  17. package/dist/ui/alert.d.ts +66 -0
  18. package/dist/ui/alert.js +218 -0
  19. package/dist/ui/alert.js.map +1 -0
  20. package/dist/ui/alert.mjs +220 -0
  21. package/dist/ui/alert.mjs.map +1 -0
  22. package/dist/ui/badge.d.mts +37 -0
  23. package/dist/ui/badge.d.ts +37 -0
  24. package/dist/ui/badge.js +159 -0
  25. package/dist/ui/badge.js.map +1 -0
  26. package/dist/ui/badge.mjs +161 -0
  27. package/dist/ui/badge.mjs.map +1 -0
  28. package/dist/ui/buttons.d.mts +27 -0
  29. package/dist/ui/buttons.d.ts +27 -0
  30. package/dist/ui/buttons.js +107 -0
  31. package/dist/ui/buttons.js.map +1 -0
  32. package/dist/ui/buttons.mjs +109 -0
  33. package/dist/ui/buttons.mjs.map +1 -0
  34. package/dist/ui/card.d.mts +77 -0
  35. package/dist/ui/card.d.ts +77 -0
  36. package/dist/ui/card.js +252 -0
  37. package/dist/ui/card.js.map +1 -0
  38. package/dist/ui/card.mjs +254 -0
  39. package/dist/ui/card.mjs.map +1 -0
  40. package/dist/ui/divider.d.mts +39 -0
  41. package/dist/ui/divider.d.ts +39 -0
  42. package/dist/ui/divider.js +194 -0
  43. package/dist/ui/divider.js.map +1 -0
  44. package/dist/ui/divider.mjs +196 -0
  45. package/dist/ui/divider.mjs.map +1 -0
  46. package/dist/ui/drawer.d.mts +81 -0
  47. package/dist/ui/drawer.d.ts +81 -0
  48. package/dist/ui/drawer.js +377 -0
  49. package/dist/ui/drawer.js.map +1 -0
  50. package/dist/ui/drawer.mjs +379 -0
  51. package/dist/ui/drawer.mjs.map +1 -0
  52. package/dist/ui/dropdown.d.mts +50 -0
  53. package/dist/ui/dropdown.d.ts +50 -0
  54. package/dist/ui/dropdown.js +272 -0
  55. package/dist/ui/dropdown.js.map +1 -0
  56. package/dist/ui/dropdown.mjs +274 -0
  57. package/dist/ui/dropdown.mjs.map +1 -0
  58. package/dist/ui/empty-state.d.mts +55 -0
  59. package/dist/ui/empty-state.d.ts +55 -0
  60. package/dist/ui/empty-state.js +148 -0
  61. package/dist/ui/empty-state.js.map +1 -0
  62. package/dist/ui/empty-state.mjs +150 -0
  63. package/dist/ui/empty-state.mjs.map +1 -0
  64. package/dist/ui/inputs.d.mts +35 -0
  65. package/dist/ui/inputs.d.ts +35 -0
  66. package/dist/ui/inputs.js +426 -0
  67. package/dist/ui/inputs.js.map +1 -0
  68. package/dist/ui/inputs.mjs +428 -0
  69. package/dist/ui/inputs.mjs.map +1 -0
  70. package/dist/ui/modal.d.mts +84 -0
  71. package/dist/ui/modal.d.ts +84 -0
  72. package/dist/ui/modal.js +378 -0
  73. package/dist/ui/modal.js.map +1 -0
  74. package/dist/ui/modal.mjs +380 -0
  75. package/dist/ui/modal.mjs.map +1 -0
  76. package/dist/ui/pagination.d.mts +114 -0
  77. package/dist/ui/pagination.d.ts +114 -0
  78. package/dist/ui/pagination.js +425 -0
  79. package/dist/ui/pagination.js.map +1 -0
  80. package/dist/ui/pagination.mjs +427 -0
  81. package/dist/ui/pagination.mjs.map +1 -0
  82. package/dist/ui/progress.d.mts +61 -0
  83. package/dist/ui/progress.d.ts +61 -0
  84. package/dist/ui/progress.js +231 -0
  85. package/dist/ui/progress.js.map +1 -0
  86. package/dist/ui/progress.mjs +233 -0
  87. package/dist/ui/progress.mjs.map +1 -0
  88. package/dist/ui/select.d.mts +73 -0
  89. package/dist/ui/select.d.ts +73 -0
  90. package/dist/ui/select.js +321 -0
  91. package/dist/ui/select.js.map +1 -0
  92. package/dist/ui/select.mjs +323 -0
  93. package/dist/ui/select.mjs.map +1 -0
  94. package/dist/ui/skeleton.d.mts +90 -0
  95. package/dist/ui/skeleton.d.ts +90 -0
  96. package/dist/ui/skeleton.js +538 -0
  97. package/dist/ui/skeleton.js.map +1 -0
  98. package/dist/ui/skeleton.mjs +540 -0
  99. package/dist/ui/skeleton.mjs.map +1 -0
  100. package/dist/ui/spinner.d.mts +27 -0
  101. package/dist/ui/spinner.d.ts +27 -0
  102. package/dist/ui/spinner.js +187 -0
  103. package/dist/ui/spinner.js.map +1 -0
  104. package/dist/ui/spinner.mjs +189 -0
  105. package/dist/ui/spinner.mjs.map +1 -0
  106. package/dist/ui/table.d.mts +81 -0
  107. package/dist/ui/table.d.ts +81 -0
  108. package/dist/ui/table.js +287 -0
  109. package/dist/ui/table.js.map +1 -0
  110. package/dist/ui/table.mjs +289 -0
  111. package/dist/ui/table.mjs.map +1 -0
  112. package/dist/ui/tabs.d.mts +58 -0
  113. package/dist/ui/tabs.d.ts +58 -0
  114. package/dist/ui/tabs.js +268 -0
  115. package/dist/ui/tabs.js.map +1 -0
  116. package/dist/ui/tabs.mjs +270 -0
  117. package/dist/ui/tabs.mjs.map +1 -0
  118. package/dist/ui/toast.d.mts +86 -0
  119. package/dist/ui/toast.d.ts +86 -0
  120. package/dist/ui/toast.js +252 -0
  121. package/dist/ui/toast.js.map +1 -0
  122. package/dist/ui/toast.mjs +254 -0
  123. package/dist/ui/toast.mjs.map +1 -0
  124. package/dist/ui/toggle.d.mts +37 -0
  125. package/dist/ui/toggle.d.ts +37 -0
  126. package/dist/ui/toggle.js +152 -0
  127. package/dist/ui/toggle.js.map +1 -0
  128. package/dist/ui/toggle.mjs +154 -0
  129. package/dist/ui/toggle.mjs.map +1 -0
  130. package/dist/ui/tooltip.d.mts +46 -0
  131. package/dist/ui/tooltip.d.ts +46 -0
  132. package/dist/ui/tooltip.js +208 -0
  133. package/dist/ui/tooltip.js.map +1 -0
  134. package/dist/ui/tooltip.mjs +210 -0
  135. package/dist/ui/tooltip.mjs.map +1 -0
  136. package/dist/variants-Dd9pe-ov.d.mts +8 -0
  137. package/dist/variants-Dd9pe-ov.d.ts +8 -0
  138. package/package.json +15 -14
  139. package/dist/ui/index.cjs +0 -5764
  140. package/dist/ui/index.cjs.map +0 -1
  141. package/dist/ui/index.d.cts +0 -1164
  142. package/dist/ui/index.d.ts +0 -1164
  143. package/dist/ui/index.js +0 -5626
  144. package/dist/ui/index.js.map +0 -1
@@ -0,0 +1,538 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
2
+
3
+ var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
4
+
5
+ // src/ui/skeleton/skeleton.tsx
6
+ var _react = require('react');
7
+ var _framermotion = require('framer-motion');
8
+
9
+ // src/ui/skeleton/animations.ts
10
+ var skeletonAnimationPresets = {
11
+ none: {},
12
+ shimmer: {
13
+ initial: { backgroundPosition: "100% 0%" },
14
+ animate: { backgroundPosition: ["100% 0%", "0% 0%"] },
15
+ transition: { repeat: Infinity, duration: 1.35, ease: "linear" }
16
+ },
17
+ pulse: {
18
+ initial: { opacity: 1 },
19
+ animate: { opacity: [1, 0.5, 1] },
20
+ transition: { repeat: Infinity, duration: 1.35, ease: "easeInOut" }
21
+ }
22
+ };
23
+
24
+ // src/ui/skeleton/variants.ts
25
+ var _classvarianceauthority = require('class-variance-authority');
26
+ var shimmerLayer = "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]";
27
+ var skeletonShimmerGradientClasses = {
28
+ 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))]`,
29
+ 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))]`,
30
+ 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))]`,
31
+ 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))]`,
32
+ 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))]`,
33
+ 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))]`,
34
+ 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))]`,
35
+ 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))]`,
36
+ 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))]`,
37
+ 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))]`,
38
+ 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))]`,
39
+ 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))]`,
40
+ 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))]`,
41
+ 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))]`,
42
+ 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))]`,
43
+ "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))]`,
44
+ "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))]`,
45
+ "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))]`,
46
+ "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))]`,
47
+ "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))]`,
48
+ "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))]`,
49
+ "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))]`,
50
+ "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))]`,
51
+ "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))]`
52
+ };
53
+ var skeletonVariants = _classvarianceauthority.cva.call(void 0,
54
+ "relative overflow-hidden bg-white/10 text-transparent",
55
+ {
56
+ variants: {
57
+ appearance: {
58
+ default: "bg-white/10",
59
+ subtle: "bg-white/[0.07]",
60
+ muted: "bg-slate-800/80",
61
+ sky: "bg-sky-500/10",
62
+ rose: "bg-rose-500/10",
63
+ purple: "bg-purple-500/10",
64
+ pink: "bg-pink-500/10",
65
+ orange: "bg-orange-500/10",
66
+ yellow: "bg-yellow-500/10",
67
+ teal: "bg-teal-500/10",
68
+ indigo: "bg-indigo-500/10",
69
+ emerald: "bg-emerald-500/10",
70
+ gray: "bg-gray-500/10",
71
+ amber: "bg-amber-500/10",
72
+ violet: "bg-violet-500/10",
73
+ "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600",
74
+ "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600",
75
+ "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600",
76
+ "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600",
77
+ "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600",
78
+ "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600",
79
+ "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600",
80
+ "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600",
81
+ "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600"
82
+ },
83
+ size: {
84
+ sm: "min-h-3",
85
+ md: "min-h-4",
86
+ lg: "min-h-6"
87
+ },
88
+ rounded: {
89
+ none: "rounded-none",
90
+ sm: "rounded-md",
91
+ md: "rounded-lg",
92
+ lg: "rounded-xl",
93
+ full: "rounded-full"
94
+ },
95
+ animation: {
96
+ none: "",
97
+ shimmer: "",
98
+ pulse: ""
99
+ },
100
+ shimmerTone: {
101
+ default: "",
102
+ subtle: "",
103
+ muted: "",
104
+ sky: "",
105
+ rose: "",
106
+ purple: "",
107
+ pink: "",
108
+ orange: "",
109
+ yellow: "",
110
+ teal: "",
111
+ indigo: "",
112
+ emerald: "",
113
+ gray: "",
114
+ amber: "",
115
+ violet: "",
116
+ "gradient-blue": "",
117
+ "gradient-green": "",
118
+ "gradient-red": "",
119
+ "gradient-yellow": "",
120
+ "gradient-purple": "",
121
+ "gradient-teal": "",
122
+ "gradient-indigo": "",
123
+ "gradient-pink": "",
124
+ "gradient-orange": ""
125
+ }
126
+ },
127
+ compoundVariants: [
128
+ {
129
+ animation: "shimmer",
130
+ shimmerTone: "default",
131
+ class: skeletonShimmerGradientClasses.default
132
+ },
133
+ {
134
+ animation: "shimmer",
135
+ shimmerTone: "muted",
136
+ class: skeletonShimmerGradientClasses.subtle
137
+ },
138
+ {
139
+ animation: "shimmer",
140
+ shimmerTone: "subtle",
141
+ class: skeletonShimmerGradientClasses.subtle
142
+ },
143
+ {
144
+ animation: "shimmer",
145
+ shimmerTone: "sky",
146
+ class: skeletonShimmerGradientClasses.sky
147
+ },
148
+ {
149
+ animation: "shimmer",
150
+ shimmerTone: "rose",
151
+ class: skeletonShimmerGradientClasses.rose
152
+ },
153
+ {
154
+ animation: "shimmer",
155
+ shimmerTone: "purple",
156
+ class: skeletonShimmerGradientClasses.purple
157
+ },
158
+ {
159
+ animation: "shimmer",
160
+ shimmerTone: "pink",
161
+ class: skeletonShimmerGradientClasses.pink
162
+ },
163
+ {
164
+ animation: "shimmer",
165
+ shimmerTone: "orange",
166
+ class: skeletonShimmerGradientClasses.orange
167
+ },
168
+ {
169
+ animation: "shimmer",
170
+ shimmerTone: "yellow",
171
+ class: skeletonShimmerGradientClasses.yellow
172
+ },
173
+ {
174
+ animation: "shimmer",
175
+ shimmerTone: "teal",
176
+ class: skeletonShimmerGradientClasses.teal
177
+ },
178
+ {
179
+ animation: "shimmer",
180
+ shimmerTone: "indigo",
181
+ class: skeletonShimmerGradientClasses.indigo
182
+ },
183
+ {
184
+ animation: "shimmer",
185
+ shimmerTone: "emerald",
186
+ class: skeletonShimmerGradientClasses.emerald
187
+ },
188
+ {
189
+ animation: "shimmer",
190
+ shimmerTone: "gray",
191
+ class: skeletonShimmerGradientClasses.gray
192
+ },
193
+ {
194
+ animation: "shimmer",
195
+ shimmerTone: "amber",
196
+ class: skeletonShimmerGradientClasses.amber
197
+ },
198
+ {
199
+ animation: "shimmer",
200
+ shimmerTone: "violet",
201
+ class: skeletonShimmerGradientClasses.violet
202
+ },
203
+ {
204
+ animation: "shimmer",
205
+ shimmerTone: "gradient-blue",
206
+ class: skeletonShimmerGradientClasses["gradient-blue"]
207
+ },
208
+ {
209
+ animation: "shimmer",
210
+ shimmerTone: "gradient-green",
211
+ class: skeletonShimmerGradientClasses["gradient-green"]
212
+ },
213
+ {
214
+ animation: "shimmer",
215
+ shimmerTone: "gradient-red",
216
+ class: skeletonShimmerGradientClasses["gradient-red"]
217
+ },
218
+ {
219
+ animation: "shimmer",
220
+ shimmerTone: "gradient-yellow",
221
+ class: skeletonShimmerGradientClasses["gradient-yellow"]
222
+ },
223
+ {
224
+ animation: "shimmer",
225
+ shimmerTone: "gradient-purple",
226
+ class: skeletonShimmerGradientClasses["gradient-purple"]
227
+ },
228
+ {
229
+ animation: "shimmer",
230
+ shimmerTone: "gradient-teal",
231
+ class: skeletonShimmerGradientClasses["gradient-teal"]
232
+ },
233
+ {
234
+ animation: "shimmer",
235
+ shimmerTone: "gradient-indigo",
236
+ class: skeletonShimmerGradientClasses["gradient-indigo"]
237
+ },
238
+ {
239
+ animation: "shimmer",
240
+ shimmerTone: "gradient-pink",
241
+ class: skeletonShimmerGradientClasses["gradient-pink"]
242
+ },
243
+ {
244
+ animation: "shimmer",
245
+ shimmerTone: "gradient-orange",
246
+ class: skeletonShimmerGradientClasses["gradient-orange"]
247
+ },
248
+ {
249
+ animation: "pulse",
250
+ class: ""
251
+ }
252
+ ],
253
+ defaultVariants: {
254
+ appearance: "default",
255
+ size: "md",
256
+ rounded: "md",
257
+ animation: "shimmer",
258
+ shimmerTone: "default"
259
+ }
260
+ }
261
+ );
262
+ var skeletonTextLineVariants = _classvarianceauthority.cva.call(void 0, "block w-full", {
263
+ variants: {
264
+ size: {
265
+ sm: "h-2.5",
266
+ md: "h-3",
267
+ lg: "h-4"
268
+ }
269
+ },
270
+ defaultVariants: { size: "md" }
271
+ });
272
+
273
+ // src/ui/skeleton/skeleton.tsx
274
+ var _jsxruntime = require('react/jsx-runtime');
275
+ var SkeletonAnimationContext = _react.createContext.call(void 0,
276
+ void 0
277
+ );
278
+ function useSkeletonAnimation(fallback) {
279
+ return _nullishCoalesce(_react.useContext.call(void 0, SkeletonAnimationContext), () => ( fallback));
280
+ }
281
+ function Skeleton(props) {
282
+ const {
283
+ className,
284
+ appearance,
285
+ size,
286
+ rounded,
287
+ animation = "shimmer",
288
+ shimmerTone,
289
+ busy,
290
+ children,
291
+ ref,
292
+ ...rest
293
+ } = props;
294
+ const motionProps = skeletonAnimationPresets[animation];
295
+ const ctx = _react.useMemo.call(void 0, () => animation, [animation]);
296
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonAnimationContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
297
+ _framermotion.motion.div,
298
+ {
299
+ ref,
300
+ "data-slot": "skeleton",
301
+ "aria-hidden": true,
302
+ "aria-busy": busy ? true : void 0,
303
+ className: _chunkE5UX537Jjs.cn.call(void 0,
304
+ skeletonVariants({
305
+ appearance,
306
+ size,
307
+ rounded,
308
+ animation,
309
+ shimmerTone
310
+ }),
311
+ className
312
+ ),
313
+ initial: false,
314
+ ...motionProps,
315
+ ...rest,
316
+ children
317
+ }
318
+ ) });
319
+ }
320
+ Skeleton.displayName = "Skeleton";
321
+ function SkeletonText(props) {
322
+ const {
323
+ lines = 3,
324
+ className,
325
+ appearance,
326
+ size,
327
+ rounded,
328
+ animation = "shimmer",
329
+ shimmerTone,
330
+ busy,
331
+ ref
332
+ } = props;
333
+ const effectiveAnimation = useSkeletonAnimation(animation);
334
+ const motionProps = skeletonAnimationPresets[effectiveAnimation];
335
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
336
+ "div",
337
+ {
338
+ "data-slot": "skeleton-text",
339
+ className: _chunkE5UX537Jjs.cn.call(void 0, "flex w-full flex-col gap-2", className),
340
+ "aria-hidden": true,
341
+ "aria-busy": busy ? true : void 0,
342
+ children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
343
+ _framermotion.motion.div,
344
+ {
345
+ ref: index === 0 ? ref : void 0,
346
+ className: _chunkE5UX537Jjs.cn.call(void 0,
347
+ skeletonVariants({
348
+ appearance,
349
+ size,
350
+ rounded,
351
+ animation: effectiveAnimation,
352
+ shimmerTone
353
+ }),
354
+ skeletonTextLineVariants({ size }),
355
+ index === lines - 1 ? "w-3/5" : "w-full"
356
+ ),
357
+ initial: false,
358
+ ...motionProps
359
+ },
360
+ index
361
+ ))
362
+ }
363
+ );
364
+ }
365
+ SkeletonText.displayName = "SkeletonText";
366
+ var avatarSizeClass = {
367
+ xs: "size-6",
368
+ sm: "size-8",
369
+ md: "size-10",
370
+ lg: "size-12",
371
+ xl: "size-14",
372
+ "2xl": "size-16"
373
+ };
374
+ function SkeletonAvatar(props) {
375
+ const {
376
+ avatarSize = "md",
377
+ className,
378
+ appearance,
379
+ size,
380
+ rounded = "full",
381
+ animation,
382
+ shimmerTone,
383
+ busy,
384
+ ref,
385
+ ...rest
386
+ } = props;
387
+ const effectiveAnimation = useSkeletonAnimation(_nullishCoalesce(animation, () => ( "shimmer")));
388
+ const motionProps = skeletonAnimationPresets[effectiveAnimation];
389
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
390
+ _framermotion.motion.div,
391
+ {
392
+ ref,
393
+ "data-slot": "skeleton-avatar",
394
+ "aria-hidden": true,
395
+ "aria-busy": busy ? true : void 0,
396
+ className: _chunkE5UX537Jjs.cn.call(void 0,
397
+ skeletonVariants({
398
+ appearance,
399
+ size,
400
+ rounded,
401
+ animation: effectiveAnimation,
402
+ shimmerTone
403
+ }),
404
+ avatarSizeClass[avatarSize],
405
+ className
406
+ ),
407
+ initial: false,
408
+ ...motionProps,
409
+ ...rest
410
+ }
411
+ );
412
+ }
413
+ SkeletonAvatar.displayName = "SkeletonAvatar";
414
+ function SkeletonCard(props) {
415
+ const {
416
+ className,
417
+ busy,
418
+ animation = "shimmer",
419
+ shimmerTone,
420
+ appearance,
421
+ size,
422
+ rounded,
423
+ ref
424
+ } = props;
425
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
426
+ "div",
427
+ {
428
+ ref,
429
+ "data-slot": "skeleton-card",
430
+ className: _chunkE5UX537Jjs.cn.call(void 0, "w-full max-w-sm", className),
431
+ "aria-busy": busy ? true : void 0,
432
+ children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
433
+ Skeleton,
434
+ {
435
+ rounded: "lg",
436
+ animation,
437
+ shimmerTone,
438
+ appearance,
439
+ size,
440
+ busy,
441
+ className: "flex flex-col gap-4 p-4",
442
+ children: [
443
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
444
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
445
+ SkeletonAvatar,
446
+ {
447
+ appearance,
448
+ size,
449
+ animation,
450
+ shimmerTone,
451
+ rounded
452
+ }
453
+ ),
454
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 flex-col gap-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
455
+ SkeletonText,
456
+ {
457
+ lines: 2,
458
+ appearance,
459
+ size,
460
+ animation,
461
+ shimmerTone
462
+ }
463
+ ) })
464
+ ] }),
465
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
466
+ SkeletonText,
467
+ {
468
+ lines: 4,
469
+ appearance,
470
+ size,
471
+ animation,
472
+ shimmerTone
473
+ }
474
+ )
475
+ ]
476
+ }
477
+ )
478
+ }
479
+ );
480
+ }
481
+ SkeletonCard.displayName = "SkeletonCard";
482
+ var buttonHeight = {
483
+ sm: "h-8 w-24",
484
+ md: "h-10 w-32",
485
+ lg: "h-12 w-40"
486
+ };
487
+ function SkeletonButton(props) {
488
+ const {
489
+ buttonSize = "md",
490
+ className,
491
+ appearance,
492
+ size,
493
+ rounded = "md",
494
+ animation,
495
+ shimmerTone,
496
+ busy,
497
+ ref,
498
+ ...rest
499
+ } = props;
500
+ const effectiveAnimation = useSkeletonAnimation(_nullishCoalesce(animation, () => ( "shimmer")));
501
+ const motionProps = skeletonAnimationPresets[effectiveAnimation];
502
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
503
+ _framermotion.motion.div,
504
+ {
505
+ ref,
506
+ "data-slot": "skeleton-button",
507
+ "aria-hidden": true,
508
+ "aria-busy": busy ? true : void 0,
509
+ className: _chunkE5UX537Jjs.cn.call(void 0,
510
+ skeletonVariants({
511
+ appearance,
512
+ size,
513
+ rounded,
514
+ animation: effectiveAnimation,
515
+ shimmerTone
516
+ }),
517
+ buttonHeight[buttonSize],
518
+ className
519
+ ),
520
+ initial: false,
521
+ ...motionProps,
522
+ ...rest
523
+ }
524
+ );
525
+ }
526
+ SkeletonButton.displayName = "SkeletonButton";
527
+
528
+
529
+
530
+
531
+
532
+
533
+
534
+
535
+
536
+
537
+ exports.Skeleton = Skeleton; exports.SkeletonAvatar = SkeletonAvatar; exports.SkeletonButton = SkeletonButton; exports.SkeletonCard = SkeletonCard; exports.SkeletonText = SkeletonText; exports.skeletonAnimationPresets = skeletonAnimationPresets; exports.skeletonShimmerGradientClasses = skeletonShimmerGradientClasses; exports.skeletonTextLineVariants = skeletonTextLineVariants; exports.skeletonVariants = skeletonVariants;
538
+ //# sourceMappingURL=skeleton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/skeleton.js"],"names":[],"mappings":"AAAA;AACE;AACF,uDAA6B;AAC7B;AACA;AACA,8BAA0D;AAC1D,6CAAsC;AACtC;AACA;AACA,IAAI,yBAAyB,EAAE;AAC/B,EAAE,IAAI,EAAE,CAAC,CAAC;AACV,EAAE,OAAO,EAAE;AACX,IAAI,OAAO,EAAE,EAAE,kBAAkB,EAAE,UAAU,CAAC;AAC9C,IAAI,OAAO,EAAE,EAAE,kBAAkB,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC;AACzD,IAAI,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS;AACnE,EAAE,CAAC;AACH,EAAE,KAAK,EAAE;AACT,IAAI,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AAC3B,IAAI,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;AACrC,IAAI,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY;AACtE,EAAE;AACF,CAAC;AACD;AACA;AACA,kEAA8C;AAC9C,IAAI,aAAa,EAAE,yFAAyF;AAC5G,IAAI,+BAA+B,EAAE;AACrC,EAAE,OAAO,EAAE,CAAC,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,4BAAA;AACA,8BAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,cAAA;AACA,8BAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;AACA,4BAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/skeleton.js","sourcesContent":[null]}