veilkit 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/README.md +768 -99
  3. package/assets/demo-button.gif +0 -0
  4. package/assets/demo-hero.gif +0 -0
  5. package/assets/demo-presets.gif +0 -0
  6. package/assets/demo-spinners.gif +0 -0
  7. package/dist/angular/index.cjs +280 -14
  8. package/dist/angular/index.cjs.map +1 -1
  9. package/dist/angular/index.d.cts +39 -4
  10. package/dist/angular/index.d.ts +39 -4
  11. package/dist/angular/index.js +280 -14
  12. package/dist/angular/index.js.map +1 -1
  13. package/dist/{controller-Co5bvnaB.d.ts → controller-Cmc3Hp1j.d.ts} +5 -3
  14. package/dist/{controller-5OzP0U8X.d.cts → controller-CzNTbEGd.d.cts} +5 -3
  15. package/dist/element/index.cjs +285 -20
  16. package/dist/element/index.cjs.map +1 -1
  17. package/dist/element/index.d.cts +7 -1
  18. package/dist/element/index.d.ts +7 -1
  19. package/dist/element/index.js +285 -20
  20. package/dist/element/index.js.map +1 -1
  21. package/dist/index.cjs +288 -14
  22. package/dist/index.cjs.map +1 -1
  23. package/dist/index.d.cts +36 -11
  24. package/dist/index.d.ts +36 -11
  25. package/dist/index.js +288 -14
  26. package/dist/index.js.map +1 -1
  27. package/dist/native/index.cjs +1 -1
  28. package/dist/native/index.cjs.map +1 -1
  29. package/dist/native/index.d.cts +10 -4
  30. package/dist/native/index.d.ts +10 -4
  31. package/dist/native/index.js +1 -1
  32. package/dist/native/index.js.map +1 -1
  33. package/dist/react/index.cjs +280 -14
  34. package/dist/react/index.cjs.map +1 -1
  35. package/dist/react/index.d.cts +38 -4
  36. package/dist/react/index.d.ts +38 -4
  37. package/dist/react/index.js +280 -14
  38. package/dist/react/index.js.map +1 -1
  39. package/dist/styles.css +133 -1
  40. package/dist/svelte/index.cjs +286 -20
  41. package/dist/svelte/index.cjs.map +1 -1
  42. package/dist/svelte/index.d.cts +9 -2
  43. package/dist/svelte/index.d.ts +9 -2
  44. package/dist/svelte/index.js +286 -20
  45. package/dist/svelte/index.js.map +1 -1
  46. package/dist/themes/index.d.cts +1 -1
  47. package/dist/themes/index.d.ts +1 -1
  48. package/dist/{types-Ciu5e5xt.d.cts → types-D2ryMkLU.d.cts} +45 -5
  49. package/dist/{types-Ciu5e5xt.d.ts → types-D2ryMkLU.d.ts} +45 -5
  50. package/dist/veilkit.min.js +288 -14
  51. package/dist/vue/index.cjs +270 -4
  52. package/dist/vue/index.cjs.map +1 -1
  53. package/dist/vue/index.d.cts +148 -2
  54. package/dist/vue/index.d.ts +148 -2
  55. package/dist/vue/index.js +270 -4
  56. package/dist/vue/index.js.map +1 -1
  57. package/package.json +41 -24
@@ -1,20 +1,20 @@
1
- import {createContext,useEffect,useMemo,useContext,useState,useCallback,useRef}from'react';import {jsx,jsxs}from'react/jsx-runtime';var N={light:{base:"#e5e7eb",highlight:"rgba(255, 255, 255, 0.7)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#374151"},dark:{base:"#1f2937",highlight:"rgba(255, 255, 255, 0.12)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#f3f4f6"},auto:{base:"var(--veil-auto-base, #e5e7eb)",highlight:"var(--veil-auto-highlight, rgba(255, 255, 255, 0.7))",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"var(--veil-auto-contrast, #374151)"},glass:{base:"rgba(255, 255, 255, 0.08)",highlight:"rgba(255, 255, 255, 0.25)",radius:"12px",duration:"1.8s",easing:"cubic-bezier(0.25, 1, 0.5, 1)",blur:"12px",border:"1px solid rgba(255, 255, 255, 0.15)",glow:"inset 0 1px 1px 0 rgba(255, 255, 255, 0.25), 0 4px 16px 0 rgba(0, 0, 0, 0.12)",contrast:"#ffffff"},ios:{base:"rgba(120, 120, 128, 0.18)",highlight:"rgba(255, 255, 255, 0.45)",radius:"10px",duration:"1.4s",easing:"cubic-bezier(0.32, 0.72, 0, 1)",border:"none",contrast:"#1c1c1e"},material:{base:"#e7e0ec",highlight:"#f7f2fa",radius:"12px",duration:"1.6s",easing:"cubic-bezier(0.2, 0, 0, 1)",border:"none",contrast:"#1d1b20"},minimal:{base:"#f1f3f5",highlight:"#ffffff",radius:"4px",duration:"1.4s",easing:"ease-in-out",border:"none",contrast:"#212529"},mono:{base:"#e0e0e0",highlight:"#ffffff",radius:"0px",duration:"1.2s",easing:"linear",border:"1px solid #cccccc",contrast:"#000000"},neon:{base:"#0c0b16",highlight:"rgba(0, 240, 255, 0.5)",radius:"8px",duration:"1.6s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(0, 240, 255, 0.3)",glow:"0 0 12px rgba(0, 240, 255, 0.35)",contrast:"#00f0ff"},sunset:{base:"#fed7aa",highlight:"#fff7ed",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",glow:"0 0 8px rgba(251, 146, 60, 0.25)",contrast:"#7c2d12"},ocean:{base:"#0f2937",highlight:"rgba(56, 189, 248, 0.45)",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(56, 189, 248, 0.2)",glow:"0 0 10px rgba(56, 189, 248, 0.25)",contrast:"#38bdf8"}};function Q(){return ["@keyframes veil-shimmer-ltr{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}","@keyframes veil-shimmer-rtl{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}","@keyframes veil-shimmer-ttb{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}","@keyframes veil-shimmer-btt{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}","@keyframes veil-wave{0%{transform:translateX(-120%) scaleX(0.8);opacity:0.3}50%{opacity:0.95}100%{transform:translateX(120%) scaleX(1.2);opacity:0.3}}","@keyframes veil-pulse{0%,100%{opacity:1}50%{opacity:0.38}}","@keyframes veil-blink{0%,49%{opacity:1}50%,99%{opacity:0.2}100%{opacity:1}}","@keyframes veil-breathe{0%,100%{opacity:0.65;transform:scale(0.995)}50%{opacity:1;transform:scale(1.005)}}","@keyframes veil-glass-shine{0%{transform:translate3d(-150%,-150%,0) rotate(35deg);opacity:0.1}40%,60%{opacity:0.85}100%{transform:translate3d(200%,200%,0) rotate(35deg);opacity:0.1}}","@keyframes veil-gradient-flow{0%{transform:translateX(-66.6%)}100%{transform:translateX(0%)}}","@keyframes veil-aurora{0%{transform:translate3d(-20%,-15%,0) rotate(0deg) scale(1);opacity:0.5}50%{transform:translate3d(25%,20%,0) rotate(180deg) scale(1.25);opacity:0.85}100%{transform:translate3d(-20%,-15%,0) rotate(360deg) scale(1);opacity:0.5}}","@keyframes veil-scan-line{0%{transform:translateY(-100%);opacity:0.2}50%{opacity:1}100%{transform:translateY(300%);opacity:0.2}}","@keyframes veil-sparkle{0%,100%{opacity:0.2;transform:scale(0.98)}25%{opacity:0.8;transform:scale(1.02)}50%{opacity:0.3;transform:scale(0.99)}75%{opacity:0.95;transform:scale(1.01)}}","@keyframes veil-neon-glow{0%,100%{opacity:0.45;transform:scale(0.998)}50%{opacity:1;transform:scale(1.002)}}",'[data-veil-anim="stagger"]>*{animation-delay:calc(var(--veil-stagger-idx,0)*120ms)!important}'].join("")}var ee=false,te;function ie(t){te=t;}function Ee(){let t=N.light,e=N.dark;return `
1
+ import {createContext,useEffect,useMemo,useContext,useState,useCallback,useRef}from'react';import {jsx,jsxs}from'react/jsx-runtime';var O={light:{base:"#e5e7eb",highlight:"rgba(255, 255, 255, 0.7)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#374151"},dark:{base:"#1f2937",highlight:"rgba(255, 255, 255, 0.12)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#f3f4f6"},auto:{base:"var(--veil-auto-base, #e5e7eb)",highlight:"var(--veil-auto-highlight, rgba(255, 255, 255, 0.7))",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"var(--veil-auto-contrast, #374151)"},glass:{base:"rgba(255, 255, 255, 0.08)",highlight:"rgba(255, 255, 255, 0.25)",radius:"12px",duration:"1.8s",easing:"cubic-bezier(0.25, 1, 0.5, 1)",blur:"12px",border:"1px solid rgba(255, 255, 255, 0.15)",glow:"inset 0 1px 1px 0 rgba(255, 255, 255, 0.25), 0 4px 16px 0 rgba(0, 0, 0, 0.12)",contrast:"#ffffff"},ios:{base:"rgba(120, 120, 128, 0.18)",highlight:"rgba(255, 255, 255, 0.45)",radius:"10px",duration:"1.4s",easing:"cubic-bezier(0.32, 0.72, 0, 1)",border:"none",contrast:"#1c1c1e"},material:{base:"#e7e0ec",highlight:"#f7f2fa",radius:"12px",duration:"1.6s",easing:"cubic-bezier(0.2, 0, 0, 1)",border:"none",contrast:"#1d1b20"},minimal:{base:"#f1f3f5",highlight:"#ffffff",radius:"4px",duration:"1.4s",easing:"ease-in-out",border:"none",contrast:"#212529"},mono:{base:"#e0e0e0",highlight:"#ffffff",radius:"0px",duration:"1.2s",easing:"linear",border:"1px solid #cccccc",contrast:"#000000"},neon:{base:"#0c0b16",highlight:"rgba(0, 240, 255, 0.5)",radius:"8px",duration:"1.6s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(0, 240, 255, 0.3)",glow:"0 0 12px rgba(0, 240, 255, 0.35)",contrast:"#00f0ff"},sunset:{base:"#fed7aa",highlight:"#fff7ed",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",glow:"0 0 8px rgba(251, 146, 60, 0.25)",contrast:"#7c2d12"},ocean:{base:"#0f2937",highlight:"rgba(56, 189, 248, 0.45)",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(56, 189, 248, 0.2)",glow:"0 0 10px rgba(56, 189, 248, 0.25)",contrast:"#38bdf8"}};function ee(){return ["@keyframes veil-shimmer-ltr{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}","@keyframes veil-shimmer-rtl{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}","@keyframes veil-shimmer-ttb{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}","@keyframes veil-shimmer-btt{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}","@keyframes veil-wave{0%{transform:translateX(-120%) scaleX(0.8);opacity:0.3}50%{opacity:0.95}100%{transform:translateX(120%) scaleX(1.2);opacity:0.3}}","@keyframes veil-pulse{0%,100%{opacity:1}50%{opacity:0.38}}","@keyframes veil-blink{0%,49%{opacity:1}50%,99%{opacity:0.2}100%{opacity:1}}","@keyframes veil-breathe{0%,100%{opacity:0.65;transform:scale(0.995)}50%{opacity:1;transform:scale(1.005)}}","@keyframes veil-glass-shine{0%{transform:translate3d(-150%,-150%,0) rotate(35deg);opacity:0.1}40%,60%{opacity:0.85}100%{transform:translate3d(200%,200%,0) rotate(35deg);opacity:0.1}}","@keyframes veil-gradient-flow{0%{transform:translateX(-66.6%)}100%{transform:translateX(0%)}}","@keyframes veil-aurora{0%{transform:translate3d(-20%,-15%,0) rotate(0deg) scale(1);opacity:0.5}50%{transform:translate3d(25%,20%,0) rotate(180deg) scale(1.25);opacity:0.85}100%{transform:translate3d(-20%,-15%,0) rotate(360deg) scale(1);opacity:0.5}}","@keyframes veil-scan-line{0%{transform:translateY(-100%);opacity:0.2}50%{opacity:1}100%{transform:translateY(300%);opacity:0.2}}","@keyframes veil-sparkle{0%,100%{opacity:0.2;transform:scale(0.98)}25%{opacity:0.8;transform:scale(1.02)}50%{opacity:0.3;transform:scale(0.99)}75%{opacity:0.95;transform:scale(1.01)}}","@keyframes veil-neon-glow{0%,100%{opacity:0.45;transform:scale(0.998)}50%{opacity:1;transform:scale(1.002)}}","@keyframes veil-ripple{0%{transform:scale(0.2);opacity:0.9}100%{transform:scale(2.4);opacity:0}}","@keyframes veil-ping-pong{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}","@keyframes veil-wipe{0%{transform:translateX(-100%) scaleX(0.2);opacity:0.2}50%{transform:translateX(0%) scaleX(1);opacity:0.9}100%{transform:translateX(100%) scaleX(0.2);opacity:0.2}}","@keyframes veil-cascade{0%{transform:translateY(-100%);opacity:0.3}50%{opacity:0.95}100%{transform:translateY(100%);opacity:0.3}}","@keyframes veil-spotlight{0%{transform:translate3d(-100%,-50%,0);opacity:0.15}50%{transform:translate3d(50%,0%,0);opacity:0.85}100%{transform:translate3d(200%,50%,0);opacity:0.15}}","@keyframes veil-rainbow{0%{filter:hue-rotate(0deg);transform:translateX(-50%)}100%{filter:hue-rotate(360deg);transform:translateX(0%)}}","@keyframes veil-heartbeat{0%,100%{transform:scale(1);opacity:0.7}14%{transform:scale(1.025);opacity:1}28%{transform:scale(1);opacity:0.75}42%{transform:scale(1.035);opacity:1}70%{transform:scale(1);opacity:0.7}}","@keyframes veil-liquid{0%,100%{transform:translateX(-100%) scaleY(0.9) skewX(-8deg);opacity:0.4}50%{transform:translateX(100%) scaleY(1.1) skewX(8deg);opacity:0.9}}","@keyframes veil-stripes{0%{transform:translateX(-48px)}100%{transform:translateX(0px)}}","@keyframes veil-halftone{0%,100%{opacity:0.35;transform:scale(0.995)}50%{opacity:0.95;transform:scale(1.005)}}","@keyframes veil-border-glow{0%,100%{opacity:0.5;transform:scale(0.998)}50%{opacity:1;transform:scale(1.002)}}","@keyframes veil-typewriter{0%{transform:scaleX(0.1);transform-origin:left;opacity:0.4}100%{transform:scaleX(1);transform-origin:left;opacity:1}}","@keyframes veil-glitch{0%,100%{transform:translate(0);opacity:0.8}20%{transform:translate(-2px,1px);opacity:0.95}40%{transform:translate(2px,-1px);opacity:0.85}60%{transform:translate(-1px,-1px);opacity:1}80%{transform:translate(1px,2px);opacity:0.9}}","@keyframes veil-pixelate{0%,100%{opacity:0.3;transform:scale(0.99)}25%{opacity:0.75;transform:scale(1)}50%{opacity:0.45;transform:scale(0.995)}75%{opacity:0.9;transform:scale(1.005)}}","@keyframes veil-tilt{0%,100%{transform:perspective(600px) rotateX(0deg) rotateY(0deg);opacity:0.7}50%{transform:perspective(600px) rotateX(4deg) rotateY(-4deg);opacity:1}}","@keyframes veil-diagonal-sweep{0%{transform:translate3d(-100%,-100%,0) rotate(-45deg)}100%{transform:translate3d(150%,150%,0) rotate(-45deg)}}","@keyframes veil-bounce-in{0%,100%{transform:scale(0.985);opacity:0.6}50%{transform:scale(1.015);opacity:1}}","@keyframes veil-fade-slide{0%,100%{transform:translateY(3px);opacity:0.5}50%{transform:translateY(-3px);opacity:1}}",'[data-veil-anim="stagger"]>*{animation-delay:calc(var(--veil-stagger-idx,0)*120ms)!important}'].join("")}var te=false,ie;function ne(i){ie=i;}function $e(){let i=O.light,e=O.dark;return `
2
2
  /* === VEILKIT CORE STYLES === */
3
3
  :root {
4
- --veil-base: ${t.base};
5
- --veil-highlight: ${t.highlight};
6
- --veil-radius: ${t.radius};
7
- --veil-duration: ${t.duration};
8
- --veil-easing: ${t.easing};
4
+ --veil-base: ${i.base};
5
+ --veil-highlight: ${i.highlight};
6
+ --veil-radius: ${i.radius};
7
+ --veil-duration: ${i.duration};
8
+ --veil-easing: ${i.easing};
9
9
  --veil-direction: ltr;
10
10
  --veil-border: none;
11
11
  --veil-blur: none;
12
12
  --veil-glow: none;
13
- --veil-contrast: ${t.contrast};
13
+ --veil-contrast: ${i.contrast};
14
14
 
15
- --veil-auto-base: ${t.base};
16
- --veil-auto-highlight: ${t.highlight};
17
- --veil-auto-contrast: ${t.contrast};
15
+ --veil-auto-base: ${i.base};
16
+ --veil-auto-highlight: ${i.highlight};
17
+ --veil-auto-contrast: ${i.contrast};
18
18
  }
19
19
 
20
20
  @media (prefers-color-scheme: dark) {
@@ -33,7 +33,7 @@ import {createContext,useEffect,useMemo,useContext,useState,useCallback,useRef}f
33
33
  }
34
34
 
35
35
  /* === THEME ATTRIBUTE CLASSES === */
36
- ${Object.entries(N).map(([i,r])=>`[data-veil-theme="${i}"]{--veil-base:${r.base};--veil-highlight:${r.highlight};--veil-radius:${r.radius};--veil-duration:${r.duration};--veil-easing:${r.easing};${r.border?`--veil-border:${r.border};`:""}${r.blur?`--veil-blur:${r.blur};`:""}${r.glow?`--veil-glow:${r.glow};`:""}--veil-contrast:${r.contrast};}`).join("")}
36
+ ${Object.entries(O).map(([d,l])=>`[data-veil-theme="${d}"]{--veil-base:${l.base};--veil-highlight:${l.highlight};--veil-radius:${l.radius};--veil-duration:${l.duration};--veil-easing:${l.easing};${l.border?`--veil-border:${l.border};`:""}${l.blur?`--veil-blur:${l.blur};`:""}${l.glow?`--veil-glow:${l.glow};`:""}--veil-contrast:${l.contrast};}`).join("")}
37
37
 
38
38
  /* === BASE SKELETON ELEMENT === */
39
39
  .veil-skeleton {
@@ -178,6 +178,138 @@ ${Object.entries(N).map(([i,r])=>`[data-veil-theme="${i}"]{--veil-base:${r.base}
178
178
  animation-delay: var(--veil-sync-delay, 0s);
179
179
  }
180
180
 
181
+ .veil-skeleton[data-veil-anim="ripple"]::after {
182
+ width: 100%;
183
+ height: 100%;
184
+ animation: veil-ripple var(--veil-duration, 1.8s) ease-out infinite;
185
+ background: radial-gradient(circle, var(--veil-highlight, rgba(255, 255, 255, 0.7)) 10%, transparent 70%);
186
+ }
187
+
188
+ .veil-skeleton[data-veil-anim="ping-pong"]::after {
189
+ animation-name: veil-ping-pong;
190
+ animation-duration: var(--veil-duration, 2.4s);
191
+ animation-timing-function: ease-in-out;
192
+ }
193
+
194
+ .veil-skeleton[data-veil-anim="wipe"]::after {
195
+ width: 100%;
196
+ animation-name: veil-wipe;
197
+ animation-duration: var(--veil-duration, 1.8s);
198
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
199
+ }
200
+
201
+ .veil-skeleton[data-veil-anim="cascade"]::after {
202
+ width: 100%;
203
+ animation-name: veil-cascade;
204
+ animation-duration: var(--veil-duration, 1.6s);
205
+ }
206
+
207
+ .veil-skeleton[data-veil-anim="spotlight"]::after {
208
+ width: 140%;
209
+ height: 140%;
210
+ animation-name: veil-spotlight;
211
+ animation-duration: var(--veil-duration, 2.5s);
212
+ background: radial-gradient(circle at center, var(--veil-highlight, rgba(255, 255, 255, 0.85)) 0%, transparent 60%);
213
+ }
214
+
215
+ .veil-skeleton[data-veil-anim="rainbow"]::after {
216
+ width: 250%;
217
+ animation-name: veil-rainbow;
218
+ animation-duration: var(--veil-duration, 3.5s);
219
+ background: linear-gradient(90deg, #f43f5e, #fbbf24, #10b981, #06b6d4, #8b5cf6, #f43f5e);
220
+ opacity: 0.25;
221
+ }
222
+
223
+ .veil-skeleton[data-veil-anim="heartbeat"] {
224
+ animation: veil-heartbeat var(--veil-duration, 1.4s) ease-in-out infinite;
225
+ animation-delay: var(--veil-sync-delay, 0s);
226
+ }
227
+ .veil-skeleton[data-veil-anim="heartbeat"]::after {
228
+ background: none;
229
+ }
230
+
231
+ .veil-skeleton[data-veil-anim="liquid"]::after {
232
+ width: 150%;
233
+ animation-name: veil-liquid;
234
+ animation-duration: var(--veil-duration, 2.2s);
235
+ background: radial-gradient(ellipse at center, var(--veil-highlight, rgba(255, 255, 255, 0.7)) 0%, transparent 70%);
236
+ }
237
+
238
+ .veil-skeleton[data-veil-anim="stripes"]::after {
239
+ width: 200%;
240
+ animation-name: veil-stripes;
241
+ animation-duration: var(--veil-duration, 1.5s);
242
+ animation-timing-function: linear;
243
+ background: repeating-linear-gradient(45deg, transparent, transparent 12px, var(--veil-highlight, rgba(255, 255, 255, 0.4)) 12px, var(--veil-highlight, rgba(255, 255, 255, 0.4)) 24px);
244
+ }
245
+
246
+ .veil-skeleton[data-veil-anim="halftone"] {
247
+ animation: veil-halftone var(--veil-duration, 1.8s) ease-in-out infinite;
248
+ }
249
+ .veil-skeleton[data-veil-anim="halftone"]::after {
250
+ background: radial-gradient(var(--veil-highlight, rgba(255, 255, 255, 0.5)) 15%, transparent 16%);
251
+ background-size: 8px 8px;
252
+ }
253
+
254
+ .veil-skeleton[data-veil-anim="border-glow"] {
255
+ animation: veil-border-glow var(--veil-duration, 1.6s) ease-in-out infinite;
256
+ box-shadow: 0 0 12px var(--veil-highlight, rgba(99, 102, 241, 0.5));
257
+ }
258
+ .veil-skeleton[data-veil-anim="border-glow"]::after {
259
+ background: none;
260
+ }
261
+
262
+ .veil-skeleton[data-veil-anim="typewriter"] {
263
+ animation: veil-typewriter var(--veil-duration, 1.5s) steps(20, end) infinite alternate;
264
+ }
265
+ .veil-skeleton[data-veil-anim="typewriter"]::after {
266
+ background: none;
267
+ }
268
+
269
+ .veil-skeleton[data-veil-anim="glitch"] {
270
+ animation: veil-glitch var(--veil-duration, 2s) steps(4, jump-none) infinite;
271
+ }
272
+ .veil-skeleton[data-veil-anim="glitch"]::after {
273
+ background: linear-gradient(90deg, transparent, var(--veil-highlight, rgba(255, 255, 255, 0.6)), transparent);
274
+ }
275
+
276
+ .veil-skeleton[data-veil-anim="pixelate"] {
277
+ animation: veil-pixelate var(--veil-duration, 1.4s) steps(5, start) infinite;
278
+ }
279
+ .veil-skeleton[data-veil-anim="pixelate"]::after {
280
+ background: none;
281
+ }
282
+
283
+ .veil-skeleton[data-veil-anim="tilt"] {
284
+ animation: veil-tilt var(--veil-duration, 2.5s) ease-in-out infinite;
285
+ transform-style: preserve-3d;
286
+ }
287
+ .veil-skeleton[data-veil-anim="tilt"]::after {
288
+ animation-name: veil-shimmer-ltr;
289
+ }
290
+
291
+ .veil-skeleton[data-veil-anim="diagonal-sweep"]::after {
292
+ width: 200%;
293
+ height: 200%;
294
+ animation-name: veil-diagonal-sweep;
295
+ animation-duration: var(--veil-duration, 2s);
296
+ background: linear-gradient(90deg, transparent 20%, var(--veil-highlight, rgba(255, 255, 255, 0.65)) 50%, transparent 80%);
297
+ }
298
+
299
+ .veil-skeleton[data-veil-anim="bounce-in"] {
300
+ animation: veil-bounce-in var(--veil-duration, 1.6s) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
301
+ }
302
+ .veil-skeleton[data-veil-anim="bounce-in"]::after {
303
+ background: none;
304
+ }
305
+
306
+ .veil-skeleton[data-veil-anim="fade-slide"] {
307
+ animation: veil-fade-slide var(--veil-duration, 1.6s) ease-in-out infinite;
308
+ }
309
+ .veil-skeleton[data-veil-anim="fade-slide"]::after {
310
+ background: none;
311
+ }
312
+
181
313
  .veil-skeleton[data-veil-anim="none"]::after {
182
314
  display: none !important;
183
315
  }
@@ -375,8 +507,8 @@ ${Object.entries(N).map(([i,r])=>`[data-veil-theme="${i}"]{--veil-base:${r.base}
375
507
  filter: blur(0px);
376
508
  }
377
509
 
378
- ${Q()}
379
- `}function h(t){if(ee||typeof document>"u")return;ee=true;let e=Ee(),i=t||te;if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&!i)try{let s=new CSSStyleSheet;s.replaceSync(e),document.adoptedStyleSheets=[...document.adoptedStyleSheets,s];return}catch{}let r=document.createElement("style");r.id="veilkit-styles",i&&r.setAttribute("nonce",i),r.textContent=e,document.head.appendChild(r);}var Y={en:{loading:"Loading content, please wait\u2026",loaded:"Content loaded.",progress:"Loading progress",busy:"Busy"},es:{loading:"Cargando contenido, por favor espere\u2026",loaded:"Contenido cargado.",progress:"Progreso de carga",busy:"Ocupado"},fr:{loading:"Chargement du contenu, veuillez patienter\u2026",loaded:"Contenu charg\xE9.",progress:"Progression du chargement",busy:"Occup\xE9"},de:{loading:"Inhalt wird geladen, bitte warten\u2026",loaded:"Inhalt geladen.",progress:"Ladefortschritt",busy:"Besch\xE4ftigt"},ja:{loading:"\u30B3\u30F3\u30C6\u30F3\u30C4\u3092\u8AAD\u307F\u8FBC\u3093\u3067\u3044\u307E\u3059\u2026",loaded:"\u8AAD\u307F\u8FBC\u307F\u304C\u5B8C\u4E86\u3057\u307E\u3057\u305F\u3002",progress:"\u8AAD\u307F\u8FBC\u307F\u72B6\u6CC1",busy:"\u51E6\u7406\u4E2D"},zh:{loading:"\u6B63\u5728\u52A0\u8F7D\u5185\u5BB9\uFF0C\u8BF7\u7A0D\u5019\u2026",loaded:"\u5185\u5BB9\u52A0\u8F7D\u5B8C\u6210\u3002",progress:"\u52A0\u8F7D\u8FDB\u5EA6",busy:"\u5FD9\u788C\u4E2D"},ar:{loading:"\u062C\u0627\u0631\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u062A\u0648\u0649\u060C \u064A\u0631\u062C\u0649 \u0627\u0644\u0627\u0646\u062A\u0638\u0627\u0631\u2026",loaded:"\u062A\u0645 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u062A\u0648\u0649.",progress:"\u062A\u0642\u062F\u0645 \u0627\u0644\u062A\u062D\u0645\u064A\u0644",busy:"\u0645\u0634\u063A\u0648\u0644"}},ne="en",W={};function re(t){ne=t;}function ae(t){Object.assign(W,t);}function Le(t){return W[t]?W[t]:(Y[ne]||Y.en)[t]||Y.en[t]||"Loading\u2026"}function se(t,e){t.setAttribute("aria-busy","true");let i=t.querySelector(".veil-sr-only");return i||(i=document.createElement("span"),i.className="veil-sr-only",i.setAttribute("role","status"),i.setAttribute("aria-live","polite"),t.appendChild(i)),i.textContent=e||Le("loading"),i}function le(t){t.removeAttribute("aria-busy");let e=t.querySelector(".veil-sr-only");e&&e.remove();}var oe=createContext({theme:"light",animation:"shimmer"});function ft({children:t,theme:e="light",animation:i="shimmer",nonce:r,locale:s,labels:a,antiFlicker:n}){useEffect(()=>{r&&ie(r),s&&re(s),a&&ae(a),h(r);},[r,s,a]);let l=useMemo(()=>({theme:e,animation:i,nonce:r,locale:s,labels:a,antiFlicker:n}),[e,i,r,s,a,n]);return jsx(oe.Provider,{value:l,children:t})}function $(){return useContext(oe)}var O=class{delay;minVisible;onShow;onHide;delayTimer=null;minVisibleTimer=null;shownTimestamp=null;isVisible=false;isPending=false;constructor(e={}){this.delay=e.delay!==void 0?e.delay:150,this.minVisible=e.minVisible!==void 0?e.minVisible:300,this.onShow=e.onShow,this.onHide=e.onHide;}start(){if(!(this.isPending||this.isVisible)){if(this.isPending=true,this.delay<=0){this.display();return}this.delayTimer=setTimeout(()=>{this.delayTimer=null,this.isPending&&this.display();},this.delay);}}display(){this.isPending=false,this.isVisible=true,this.shownTimestamp=Date.now(),this.onShow&&this.onShow();}finish(e){if(this.delayTimer){clearTimeout(this.delayTimer),this.delayTimer=null,this.isPending=false,e&&e();return}if(!this.isVisible){this.isPending=false,e&&e();return}let i=this.shownTimestamp?Date.now()-this.shownTimestamp:0,r=Math.max(0,this.minVisible-i);r<=0?(this.hide(),e&&e()):this.minVisibleTimer=setTimeout(()=>{this.minVisibleTimer=null,this.hide(),e&&e();},r);}hide(){this.isVisible=false,this.isPending=false,this.shownTimestamp=null,this.onHide&&this.onHide();}active(){return this.isVisible}destroy(){this.delayTimer&&clearTimeout(this.delayTimer),this.minVisibleTimer&&clearTimeout(this.minVisibleTimer),this.delayTimer=null,this.minVisibleTimer=null,this.isVisible=false,this.isPending=false;}};var _=class{el=null;innerEl=null;currentProgress=0;trickleTimer=null;status="idle";ensureDOM(){this.el||typeof document>"u"||(h(),this.el=document.createElement("div"),this.el.className="veil-progress-bar",this.el.setAttribute("role","progressbar"),this.el.setAttribute("aria-valuemin","0"),this.el.setAttribute("aria-valuemax","100"),this.el.setAttribute("aria-valuenow","0"),this.innerEl=document.createElement("div"),this.innerEl.className="veil-progress-inner",this.innerEl.style.width="0%",this.innerEl.style.opacity="1",this.el.appendChild(this.innerEl),document.body.appendChild(this.el));}start(){this.ensureDOM(),this.status!=="loading"&&(this.status="loading",this.currentProgress=0,this.set(.08),this.innerEl&&(this.innerEl.style.opacity="1",this.innerEl.style.backgroundColor="var(--veil-progress-color, #3b82f6)"),this.trickle());}set(e){this.ensureDOM(),this.currentProgress=Math.min(1,Math.max(0,e));let i=Math.round(this.currentProgress*100);this.innerEl&&(this.innerEl.style.width=`${i}%`),this.el&&this.el.setAttribute("aria-valuenow",String(i));}inc(e){let i=this.currentProgress;i>=1||(typeof e!="number"&&(i>=0&&i<.2?e=.1:i>=.2&&i<.5?e=.04:i>=.5&&i<.8?e=.02:i>=.8&&i<.99?e=.005:e=0),this.set(i+e));}trickle(){this.stopTrickle(),this.trickleTimer=setInterval(()=>{this.currentProgress<.95&&this.inc();},250);}stopTrickle(){this.trickleTimer&&(clearInterval(this.trickleTimer),this.trickleTimer=null);}done(){this.status!=="idle"&&(this.stopTrickle(),this.set(1),this.status="idle",setTimeout(()=>{this.innerEl&&(this.innerEl.style.opacity="0"),setTimeout(()=>{this.el&&(this.el.remove(),this.el=null,this.innerEl=null),this.currentProgress=0;},350);},200));}fail(){this.stopTrickle(),this.status="error",this.innerEl&&(this.innerEl.style.backgroundColor="#ef4444"),this.set(1),setTimeout(()=>this.done(),500);}},x=new _;function de(t={}){h();let e=!!t.circular,i=t.color||"var(--veil-progress-color, #3b82f6)",r=t.trackColor||"rgba(0, 0, 0, 0.08)";if(e){let l=t.size!==void 0?typeof t.size=="number"?`${t.size}px`:t.size:"48px",o=t.strokeWidth||4,c=document.createElement("div");c.className=`veil-progress-circular ${t.className||""}`.trim(),c.style.width=l,c.style.height=l,c.style.display="inline-flex",c.style.alignItems="center",c.style.justifyContent="center",c.style.position="relative";let m=document.createElementNS("http://www.w3.org/2000/svg","svg");m.setAttribute("viewBox","0 0 48 48"),m.style.width="100%",m.style.height="100%",m.style.transform="rotate(-90deg)";let p=document.createElementNS("http://www.w3.org/2000/svg","circle");p.setAttribute("cx","24"),p.setAttribute("cy","24"),p.setAttribute("r","20"),p.setAttribute("fill","none"),p.setAttribute("stroke",r),p.setAttribute("stroke-width",String(o));let u=document.createElementNS("http://www.w3.org/2000/svg","circle");u.setAttribute("cx","24"),u.setAttribute("cy","24"),u.setAttribute("r","20"),u.setAttribute("fill","none"),u.setAttribute("stroke",i),u.setAttribute("stroke-width",String(o)),u.setAttribute("stroke-linecap","round");let v=2*Math.PI*20;if(u.setAttribute("stroke-dasharray",String(v)),t.value!==void 0){let f=Math.min(100,Math.max(0,t.value)),b=v-f/100*v;u.setAttribute("stroke-dashoffset",String(b)),u.style.transition="stroke-dashoffset 300ms ease";}else u.setAttribute("stroke-dashoffset",String(v*.75)),m.style.animation="veil-spin 1200ms linear infinite";if(m.append(p,u),c.appendChild(m),t.showPercentage&&t.value!==void 0){let f=document.createElement("span");f.style.position="absolute",f.style.fontSize="11px",f.style.fontWeight="600",f.textContent=`${Math.round(t.value)}%`,c.appendChild(f);}return c}let s=t.height!==void 0?typeof t.height=="number"?`${t.height}px`:t.height:"4px",a=document.createElement("div");a.className=`veil-progress-linear ${t.className||""}`.trim(),a.setAttribute("role","progressbar"),a.style.width="100%",a.style.height=s,a.style.backgroundColor=r,a.style.borderRadius="9999px",a.style.overflow="hidden",a.style.position="relative";let n=document.createElement("div");if(n.style.height="100%",n.style.backgroundColor=i,n.style.borderRadius="9999px",t.value!==void 0){let l=Math.min(100,Math.max(0,t.value));a.setAttribute("aria-valuenow",String(l)),n.style.width=`${l}%`,n.style.transition="width 250ms ease";}else n.style.width="35%",n.style.animation="veil-progress-indeterminate 1400ms ease-in-out infinite";return a.appendChild(n),a}var F=class{activeIds=new Set;counter=0;listeners=new Set;start(e){let i=e||`req_${Date.now()}_${Math.random().toString(36).substring(2,7)}`;return this.activeIds.has(i)||(this.activeIds.add(i),this.counter++,this.notify()),i}stop(e){if(e)this.activeIds.has(e)&&(this.activeIds.delete(e),this.counter=Math.max(0,this.counter-1),this.notify());else if(this.counter>0){this.counter--;let i=this.activeIds.values().next().value;i&&this.activeIds.delete(i),this.notify();}}isLoading(){return this.counter>0}getCount(){return this.counter}subscribe(e){return this.listeners.add(e),e(this.isLoading(),this.counter),()=>{this.listeners.delete(e);}}reset(){this.activeIds.clear(),this.counter=0,this.notify();}notify(){let e=this.isLoading();for(let i of this.listeners)i(e,this.counter);}},X=new F;function U(t,e={}){let[i,r]=useState(false);return useEffect(()=>{let s=new O({delay:e.delay!==void 0?e.delay:150,minVisible:e.minVisible!==void 0?e.minVisible:300,onShow:()=>r(true),onHide:()=>r(false)});return t?s.start():s.finish(),()=>{s.destroy();}},[t,e.delay,e.minVisible]),i}function Lt(t,e={}){let[i,r]=useState(false),[s,a]=useState(null),[n,l]=useState(null),o=U(i,e),c=useCallback(async(...m)=>{r(true),l(null);let p=X.start();try{let u=await t(...m);return a(u),u}catch(u){throw l(u),u}finally{X.stop(p),r(false);}},[t]);return {loading:o,rawLoading:i,data:s,error:n,execute:c}}function Pt(){return {start:()=>x.start(),set:t=>x.set(t),inc:t=>x.inc(t),done:()=>x.done(),fail:()=>x.fail()}}var G=0;function Ve(){return G===0&&typeof performance<"u"&&(G=performance.now()),G}function E(t=1500){if(typeof performance>"u")return "0ms";let e=performance.now()-Ve();return `-${Math.round(e%t)}ms`}function I(t=1500){if(typeof t=="number")return t;if(!t)return 1500;let e=t.trim().toLowerCase();return e.endsWith("ms")?parseFloat(e)||1500:e.endsWith("s")?(parseFloat(e)||1.5)*1e3:parseFloat(e)||1500}var L=null,ce=new Set,me=false;function Ie(t){for(let e of t){let i=e.target;e.isIntersecting?(i.removeAttribute("data-veil-offscreen"),i.style.removeProperty("--veil-play-state")):(i.setAttribute("data-veil-offscreen","true"),i.style.setProperty("--veil-play-state","paused"));}}function ze(){me||typeof document>"u"||(me=true,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden");}));}function ue(t){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(ze(),L||(L=new IntersectionObserver(Ie,{rootMargin:"100px 0px",threshold:0})),L.observe(t),ce.add(t),()=>{L&&t&&(L.unobserve(t),ce.delete(t));})}function d(t={}){h();let e=document.createElement("div");e.className=`veil-skeleton ${t.className||""}`.trim(),e.setAttribute("aria-hidden","true");let i=t.type||"rect";if(e.setAttribute("data-veil-shape",i),t.animation&&e.setAttribute("data-veil-anim",t.animation),t.direction&&e.setAttribute("data-veil-dir",t.direction),typeof t.theme=="string"&&e.setAttribute("data-veil-theme",t.theme),t.width!==void 0&&(e.style.width=typeof t.width=="number"?`${t.width}px`:t.width),t.height!==void 0&&(e.style.height=typeof t.height=="number"?`${t.height}px`:t.height),t.radius!==void 0&&(e.style.setProperty("--veil-radius",typeof t.radius=="number"?`${t.radius}px`:t.radius),e.style.borderRadius=typeof t.radius=="number"?`${t.radius}px`:t.radius),t.speed!==void 0){let r=I(t.speed);e.style.setProperty("--veil-duration",`${r}ms`),e.style.setProperty("--veil-sync-delay",E(r));}else e.style.setProperty("--veil-sync-delay",E(1500));if(t.style)for(let[r,s]of Object.entries(t.style))e.style[r]=s;return ue(e),e}function k(t=3,e={}){let i=document.createElement("div");i.className=`veil-lines-group ${e.className||""}`.trim(),i.setAttribute("aria-hidden","true");let r=e.gap!==void 0?typeof e.gap=="number"?`${e.gap}px`:e.gap:"0.45rem";i.style.display="flex",i.style.flexDirection="column",i.style.gap=r;let s=["100%","94%","88%","75%"],a=e.lastLineWidth!==void 0?typeof e.lastLineWidth=="number"?`${e.lastLineWidth}px`:e.lastLineWidth:"65%";for(let n=0;n<t;n++){let o=n===t-1?a:s[n%s.length]||"95%",c=d({...e,type:"line",width:o});c.style.setProperty("--veil-stagger-idx",String(n)),i.appendChild(c);}return i}function pe(t,e={}){let i=e.transition||"fade";if(i==="none"){e.onComplete&&e.onComplete();return}if(t.classList.add("veil-revealing"),i==="stagger-children"){let a=Array.from(t.children);a.forEach((l,o)=>{l.classList.add("veil-reveal-fade"),l.style.animationDelay=`${o*60}ms`,e.duration&&(l.style.animationDuration=`${e.duration}ms`);});let n=(e.duration||350)+a.length*60;setTimeout(()=>{t.classList.remove("veil-revealing"),a.forEach(l=>{l.classList.remove("veil-reveal-fade"),l.style.removeProperty("animation-delay"),l.style.removeProperty("animation-duration");}),e.onComplete&&e.onComplete();},n);return}let r=`veil-reveal-${i}`;t.classList.add(r),e.duration&&(t.style.animationDuration=`${e.duration}ms`),e.easing&&(t.style.animationTimingFunction=e.easing);let s=()=>{t.removeEventListener("animationend",s),t.classList.remove("veil-revealing",r),t.style.removeProperty("animation-duration"),t.style.removeProperty("animation-timing-function"),e.onComplete&&e.onComplete();};t.addEventListener("animationend",s);}var z=new Map;function He(t){if(z.has(t))return z.get(t);if(typeof window<"u"&&window.localStorage)try{let e=localStorage.getItem(`veil_cache_${t}`);if(e){let i=JSON.parse(e);return z.set(t,i),i}}catch{}return null}function De(t,e,i=false){if(z.set(t,e),i&&typeof window<"u"&&window.localStorage)try{localStorage.setItem(`veil_cache_${t}`,JSON.stringify(e));}catch{}}function Be(t,e){let i=t.getBoundingClientRect(),r=[];function s(n){if(n.hasAttribute("data-veil-ignore")||e&&n.matches(e))return false;let l=window.getComputedStyle(n);if(l.display==="none"||l.visibility==="hidden"||l.opacity==="0")return false;let o=n.tagName.toLowerCase();return ["img","svg","button","input","textarea","select"].includes(o)||n.hasAttribute("data-veil-shape")?true:Array.from(n.childNodes).some(m=>m.nodeType===Node.TEXT_NODE&&(m.textContent||"").trim().length>0)&&n.children.length===0}function a(n){if(n!==t&&s(n)){let o=n.getBoundingClientRect();if(o.width>2&&o.height>2){let m=window.getComputedStyle(n).borderRadius||"6px",p=n.getAttribute("data-veil-shape"),u="rect";p==="circle"||m==="50%"||m.includes("px")&&parseFloat(m)>=o.width/2?u="circle":(p==="line"||["p","span","h1","h2","h3","h4","h5","h6","a","label"].includes(n.tagName.toLowerCase()))&&(u="line"),r.push({x:Math.round(o.left-i.left),y:Math.round(o.top-i.top),width:Math.round(o.width),height:Math.round(o.height),radius:m,shape:u});}return}let l=Array.from(n.children);for(let o of l)o.hasAttribute("data-veil-ignore")||a(o);}return a(t),{width:Math.round(i.width),height:Math.round(i.height),boxes:r}}function he(t,e={},i={}){let r=document.createElement("div");if(r.className="veil-auto-overlay",r.setAttribute("aria-hidden","true"),r.style.position="absolute",r.style.top="0",r.style.left="0",r.style.width="100%",r.style.height="100%",r.style.pointerEvents="none",r.style.zIndex="5",!e.preserveBackground){let c=window.getComputedStyle(t);r.style.backgroundColor=c.backgroundColor!=="rgba(0, 0, 0, 0)"?c.backgroundColor:"transparent";}function s(c){r.innerHTML="";for(let m=0;m<c.boxes.length;m++){let p=c.boxes[m],u=d({...i,type:p.shape,radius:p.radius});u.style.position="absolute",u.style.left=`${p.x}px`,u.style.top=`${p.y}px`,u.style.width=`${p.width}px`,u.style.height=`${p.height}px`,u.style.setProperty("--veil-stagger-idx",String(m)),r.appendChild(u);}}function a(){let c=Be(t,e.ignoreSelector);c.boxes.length>0&&(s(c),e.cacheKey&&De(e.cacheKey,c,e.persistCache));}if(e.cacheKey){let c=He(e.cacheKey);c&&s(c);}window.getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.appendChild(r),r.children.length===0&&a();let l=null,o=null;return e.observeResize!==false&&typeof ResizeObserver<"u"&&(l=new ResizeObserver(()=>a()),l.observe(t)),e.observeMutations!==false&&typeof MutationObserver<"u"&&(o=new MutationObserver(()=>a()),o.observe(t,{childList:true,subtree:true,attributes:false})),{overlay:r,refresh:a,destroy:()=>{l&&l.disconnect(),o&&o.disconnect(),e.reveal&&e.reveal!=="none"?pe(t,{transition:e.reveal,duration:e.revealDuration,easing:e.revealEasing,onComplete:()=>r.remove()}):r.remove();}}}function Ut({type:t="rect",circle:e,width:i,height:r,radius:s,count:a=1,gap:n="0.5rem",lines:l,lastLineWidth:o="65%",animation:c,theme:m,direction:p,speed:u,className:v="",style:f={},ariaLabel:b="Loading",children:B}){let A=$();useEffect(()=>{h(A.nonce);},[A.nonce]);let J=c||A.animation||"shimmer",M=m||A.theme||"light",ke=e?"circle":l?"line":t,Z=I(u||1500),Ce=typeof window<"u"?E(Z):"0s",w={...f,"--veil-sync-delay":Ce};if(u&&(w["--veil-duration"]=`${Z}ms`),i!==void 0&&(w.width=typeof i=="number"?`${i}px`:i),r!==void 0&&(w.height=typeof r=="number"?`${r}px`:r),s!==void 0){let T=typeof s=="number"?`${s}px`:s;w["--veil-radius"]=T,w.borderRadius=T;}e&&(w.borderRadius="50%",w.aspectRatio="1 / 1");let j=l||(a>1?a:1);if(j>1){let T=["100%","94%","88%","75%"],Se=typeof n=="number"?`${n}px`:n;return jsxs("div",{className:`veil-lines-group ${v}`.trim(),role:"status","aria-label":b,style:{display:"flex",flexDirection:"column",gap:Se},children:[jsx("span",{className:"veil-sr-only",children:b}),Array.from({length:j}).map((rt,R)=>{let Te=R===j-1?o:T[R%T.length]||"95%";return jsx("div",{className:"veil-skeleton","data-veil-shape":"line","data-veil-anim":J,"data-veil-theme":typeof M=="string"?M:void 0,"data-veil-dir":p,"aria-hidden":"true",style:{...w,width:Te,"--veil-stagger-idx":R}},R)})]})}return jsxs("div",{className:`veil-skeleton ${v}`.trim(),"data-veil-shape":ke,"data-veil-anim":J,"data-veil-theme":typeof M=="string"?M:void 0,"data-veil-dir":p,role:"status","aria-label":b,style:w,children:[jsx("span",{className:"veil-sr-only",children:b}),B]})}function Gt({loading:t,children:e,cacheKey:i,persistCache:r,ignoreSelector:s,observeResize:a=true,observeMutations:n=true,preserveBackground:l=true,reveal:o="fade",revealDuration:c=350,revealEasing:m,delay:p=150,minVisible:u=300,skeletonProps:v}){let f=useRef(null),b=U(t,{delay:p,minVisible:u});return useEffect(()=>{if(!b||!f.current)return;let B=he(f.current,{cacheKey:i,persistCache:r,ignoreSelector:s,observeResize:a,observeMutations:n,preserveBackground:l,reveal:o,revealDuration:c,revealEasing:m},v);return ()=>{B.destroy();}},[b,i,r,s,a,n,l,o,c,m,v]),jsx("div",{ref:f,className:"veil-measure-wrapper","aria-busy":b,style:{position:"relative"},children:e})}function S(t){let e=document.createElement("div");e.className=`veil-preset veil-preset-${t.name} ${t.className||""}`.trim(),e.setAttribute("aria-hidden","true"),e.style.width=t.width!==void 0?typeof t.width=="number"?`${t.width}px`:t.width:"100%",e.style.boxSizing="border-box";let i={animation:t.animation,theme:t.theme,direction:t.direction,speed:t.speed};switch(t.name){case "card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius="12px",e.style.border="1px solid rgba(0,0,0,0.08)";let r=d({...i,type:"rect",height:"180px",radius:"8px"}),s=d({...i,type:"heading",width:"70%",height:"24px"}),a=k(2,i),n=d({...i,type:"button",width:"110px",height:"36px"});e.append(r,s,a,n);break}case "product-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="14px",e.style.borderRadius="12px",e.style.border="1px solid rgba(0,0,0,0.06)";let r=d({...i,type:"rect",height:"200px",radius:"10px"}),s=d({...i,type:"badge",width:"50px",height:"18px"}),a=d({...i,type:"line",width:"85%",height:"18px"}),n=d({...i,type:"line",width:"40%",height:"22px"}),l=d({...i,type:"button",width:"100%",height:"38px"});e.append(r,s,a,n,l);break}case "product-grid":{let r=t.items||4,s=t.columns||2;e.style.display="grid",e.style.gridTemplateColumns=`repeat(${s}, minmax(0, 1fr))`,e.style.gap="16px";for(let a=0;a<r;a++){let n=S({...t,name:"product-card"});n.style.setProperty("--veil-stagger-idx",String(a)),e.appendChild(n);}break}case "list-item":{e.style.display="flex",e.style.alignItems="center",e.style.gap="14px",e.style.padding="10px 0";let r=d({...i,type:"circle",width:"44px",height:"44px"}),s=document.createElement("div");s.style.flex="1",s.style.display="flex",s.style.flexDirection="column",s.style.gap="6px";let a=d({...i,type:"line",width:"55%",height:"16px"}),n=d({...i,type:"line",width:"35%",height:"12px"});s.append(a,n);let l=d({...i,type:"icon",width:"24px",height:"24px"});e.append(r,s,l);break}case "list":{let r=t.items||5;e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px";for(let s=0;s<r;s++){let a=S({...t,name:"list-item"});a.style.setProperty("--veil-stagger-idx",String(s)),e.appendChild(a);}break}case "table":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.width="100%";let r=document.createElement("div");r.style.display="flex",r.style.gap="16px",r.style.paddingBottom="8px",r.style.borderBottom="2px solid rgba(0,0,0,0.06)";let s=t.columns||4;for(let n=0;n<s;n++){let l=d({...i,type:"line",width:`${100/s}%`,height:"20px"});r.appendChild(l);}e.appendChild(r);let a=t.items||5;for(let n=0;n<a;n++){let l=document.createElement("div");l.style.display="flex",l.style.gap="16px",l.style.padding="8px 0",l.style.borderBottom="1px solid rgba(0,0,0,0.04)";for(let o=0;o<s;o++){let c=d({...i,type:"line",width:`${100/s}%`,height:"14px"});l.appendChild(c);}l.style.setProperty("--veil-stagger-idx",String(n)),e.appendChild(l);}break}case "profile":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.gap="12px",e.style.padding="24px",e.style.textAlign="center";let r=d({...i,type:"circle",width:"80px",height:"80px"}),s=d({...i,type:"heading",width:"160px",height:"22px"}),a=k(2,{...i,width:"240px"}),n=d({...i,type:"button",width:"120px",height:"36px"});e.append(r,s,a,n);break}case "profile-header":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let r=d({...i,type:"rect",height:"140px",radius:"10px"}),s=document.createElement("div");s.style.display="flex",s.style.alignItems="flex-end",s.style.gap="16px",s.style.marginTop="-40px",s.style.paddingLeft="20px";let a=d({...i,type:"circle",width:"72px",height:"72px"});a.style.border="4px solid white";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.style.flex="1";let l=d({...i,type:"heading",width:"140px",height:"20px"}),o=d({...i,type:"line",width:"90px",height:"14px"});n.append(l,o),s.append(a,n);let c=k(2,i);e.append(r,s,c);break}case "feed-post":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius="12px",e.style.border="1px solid rgba(0,0,0,0.06)";let r=document.createElement("div");r.style.display="flex",r.style.alignItems="center",r.style.gap="10px";let s=d({...i,type:"circle",width:"40px",height:"40px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="4px",a.append(d({...i,type:"line",width:"110px",height:"14px"}),d({...i,type:"line",width:"60px",height:"10px"})),r.append(s,a);let n=k(3,i),l=d({...i,type:"rect",height:"180px",radius:"8px"}),o=document.createElement("div");o.style.display="flex",o.style.gap="24px",o.append(d({...i,type:"icon",width:"20px",height:"20px"}),d({...i,type:"icon",width:"20px",height:"20px"}),d({...i,type:"icon",width:"20px",height:"20px"})),e.append(r,n,l,o);break}case "article":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let r=d({...i,type:"rect",height:"240px",radius:"10px"}),s=d({...i,type:"heading",width:"80%",height:"32px"}),a=d({...i,type:"line",width:"30%",height:"14px"}),n=k(4,i),l=k(3,i);e.append(r,s,a,n,l);break}case "comment-thread":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";let r=t.items||3;for(let s=0;s<r;s++){let a=S({...t,name:"list-item"});if(a.style.setProperty("--veil-stagger-idx",String(s)),e.appendChild(a),s===1){let n=S({...t,name:"list-item"});n.style.marginLeft="40px",e.appendChild(n);}}break}case "chat":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";let r=[{isSelf:false,width:"60%"},{isSelf:true,width:"45%"},{isSelf:false,width:"75%"},{isSelf:true,width:"50%"}];for(let s=0;s<r.length;s++){let a=r[s],n=document.createElement("div");n.style.display="flex",n.style.gap="8px",n.style.justifyContent=a.isSelf?"flex-end":"flex-start",a.isSelf||n.appendChild(d({...i,type:"circle",width:"28px",height:"28px"}));let l=d({...i,type:"rect",width:a.width,height:"36px",radius:"16px"});n.appendChild(l),n.style.setProperty("--veil-stagger-idx",String(s)),e.appendChild(n);}break}case "dashboard":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let r=document.createElement("div");r.style.display="grid",r.style.gridTemplateColumns="repeat(auto-fit, minmax(180px, 1fr))",r.style.gap="12px";for(let l=0;l<4;l++){let o=document.createElement("div");o.style.padding="14px",o.style.borderRadius="10px",o.style.border="1px solid rgba(0,0,0,0.06)",o.style.display="flex",o.style.flexDirection="column",o.style.gap="8px",o.append(d({...i,type:"line",width:"50%",height:"14px"}),d({...i,type:"heading",width:"70%",height:"24px"})),r.appendChild(o);}let s=document.createElement("div");s.style.display="grid",s.style.gridTemplateColumns="repeat(auto-fit, minmax(280px, 1fr))",s.style.gap="16px";let a=d({...i,type:"rect",height:"220px",radius:"10px"}),n=d({...i,type:"rect",height:"220px",radius:"10px"});s.append(a,n),e.append(r,s);break}case "form":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius="12px",e.style.border="1px solid rgba(0,0,0,0.06)";let r=d({...i,type:"heading",width:"40%",height:"26px"});e.appendChild(r);for(let a=0;a<3;a++){let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(d({...i,type:"line",width:"25%",height:"12px"}),d({...i,type:"input",width:"100%",height:"40px"})),e.appendChild(n);}let s=d({...i,type:"button",width:"140px",height:"40px"});e.appendChild(s);break}case "media-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px";let r=d({...i,type:"rect",height:"180px",radius:"10px"}),s=document.createElement("div");s.style.display="flex",s.style.gap="12px";let a=d({...i,type:"circle",width:"38px",height:"38px"}),n=document.createElement("div");n.style.flex="1",n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(d({...i,type:"line",width:"85%",height:"16px"}),d({...i,type:"line",width:"50%",height:"12px"})),s.append(a,n),e.append(r,s);break}case "navbar":{e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="space-between",e.style.padding="12px 20px",e.style.borderBottom="1px solid rgba(0,0,0,0.06)";let r=d({...i,type:"rect",width:"100px",height:"28px",radius:"6px"}),s=document.createElement("div");s.style.display="flex",s.style.gap="20px";for(let n=0;n<4;n++)s.appendChild(d({...i,type:"line",width:"60px",height:"14px"}));let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="12px",a.append(d({...i,type:"input",width:"140px",height:"32px"}),d({...i,type:"circle",width:"32px",height:"32px"})),e.append(r,s,a);break}case "sidebar":{e.style.display="flex",e.style.flexDirection="column",e.style.justifyContent="space-between",e.style.padding="20px 16px",e.style.width="220px",e.style.height="450px",e.style.borderRight="1px solid rgba(0,0,0,0.06)";let r=document.createElement("div");r.style.display="flex",r.style.flexDirection="column",r.style.gap="16px",r.appendChild(d({...i,type:"rect",width:"120px",height:"32px",radius:"6px"}));for(let a=0;a<5;a++){let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="10px",n.append(d({...i,type:"icon",width:"20px",height:"20px"}),d({...i,type:"line",width:"90px",height:"14px"})),r.appendChild(n);}let s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="10px",s.append(d({...i,type:"circle",width:"36px",height:"36px"}),d({...i,type:"line",width:"80px",height:"14px"})),e.append(r,s);break}case "settings-page":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="24px",e.style.padding="24px";let r=d({...i,type:"heading",width:"220px",height:"30px"});e.appendChild(r);for(let s=0;s<3;s++){let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.justifyContent="space-between",a.style.padding="14px 0",a.style.borderBottom="1px solid rgba(0,0,0,0.06)";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(d({...i,type:"line",width:"160px",height:"16px"}),d({...i,type:"line",width:"240px",height:"12px"}));let l=d({...i,type:"button",width:"50px",height:"28px",radius:"14px"});a.append(n,l),e.appendChild(a);}break}}return e}function g(t){let e=useRef(null),i=$();return useEffect(()=>{if(h(i.nonce),!e.current)return;let r=S({...t,animation:t.animation||i.animation,theme:t.theme||i.theme});e.current.innerHTML="",e.current.appendChild(r);},[t,i.animation,i.theme,i.nonce]),jsx("div",{ref:e,className:`veil-preset-react-wrap ${t.className||""}`.trim()})}var ni=t=>jsx(g,{...t,name:"card"}),ri=t=>jsx(g,{...t,name:"product-card"}),ai=t=>jsx(g,{...t,name:"product-grid"}),si=t=>jsx(g,{...t,name:"list"}),li=t=>jsx(g,{...t,name:"list-item"}),oi=t=>jsx(g,{...t,name:"table"}),di=t=>jsx(g,{...t,name:"profile"}),ci=t=>jsx(g,{...t,name:"feed-post"}),mi=t=>jsx(g,{...t,name:"article"}),ui=t=>jsx(g,{...t,name:"dashboard"}),pi=t=>jsx(g,{...t,name:"form"}),hi=t=>jsx(g,{...t,name:"navbar"}),yi=t=>jsx(g,{...t,name:"sidebar"});function C(t={}){h();let e=t.type||"ring",i=t.size!==void 0?typeof t.size=="number"?`${t.size}px`:t.size:"28px",r=t.color||"var(--veil-progress-color, #3b82f6)",s=t.secondaryColor||"rgba(0, 0, 0, 0.12)",a=document.createElement("div");switch(a.className=`veil-spinner veil-spinner-${e} ${t.className||""}`.trim(),a.setAttribute("role","status"),a.setAttribute("aria-label",t.label||"Loading"),a.style.width=i,a.style.height=i,a.style.display="inline-flex",a.style.alignItems="center",a.style.justifyContent="center",a.style.position="relative",e){case "ring":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.border=`3px solid ${s}`,n.style.borderTopColor=r,n.style.animation="veil-spin 800ms linear infinite",n.style.boxSizing="border-box",a.appendChild(n);break}case "dual-ring":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.border="3px solid transparent",n.style.borderTopColor=r,n.style.borderBottomColor=r,n.style.animation="veil-spin 900ms cubic-bezier(0.5, 0, 0.5, 1) infinite",n.style.boxSizing="border-box",a.appendChild(n);break}case "dots":{a.style.gap="4px";for(let n=0;n<3;n++){let l=document.createElement("div");l.style.width="28%",l.style.height="28%",l.style.borderRadius="50%",l.style.backgroundColor=r,l.style.animation="veil-dot-bounce 1200ms ease-in-out infinite",l.style.animationDelay=`${n*160}ms`,a.appendChild(l);}break}case "bars":{a.style.gap="3px";for(let n=0;n<4;n++){let l=document.createElement("div");l.style.width="18%",l.style.height="100%",l.style.borderRadius="2px",l.style.backgroundColor=r,l.style.animation="veil-bar-wave 1000ms ease-in-out infinite",l.style.animationDelay=`${n*140}ms`,a.appendChild(l);}break}case "pulse":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.backgroundColor=r,n.style.animation="veil-pulse-scale 1200ms ease-out infinite",a.appendChild(n);break}case "orbit":{let n=document.createElement("div");n.style.width="30%",n.style.height="30%",n.style.borderRadius="50%",n.style.backgroundColor=r,n.style.position="absolute";let l=document.createElement("div");l.style.width="100%",l.style.height="100%",l.style.position="absolute",l.style.animation="veil-spin 1200ms linear infinite";let o=document.createElement("div");o.style.width="24%",o.style.height="24%",o.style.borderRadius="50%",o.style.backgroundColor=r,o.style.position="absolute",o.style.top="0",o.style.left="38%",l.appendChild(o),a.append(n,l);break}case "wave":{a.style.gap="4px";for(let n=0;n<5;n++){let l=document.createElement("div");l.style.width="12%",l.style.height="80%",l.style.borderRadius="3px",l.style.backgroundColor=r,l.style.animation="veil-wave-dance 1100ms ease-in-out infinite",l.style.animationDelay=`${n*110}ms`,a.appendChild(l);}break}case "bounce":{let n=document.createElement("div");n.style.width="60%",n.style.height="60%",n.style.borderRadius="50%",n.style.backgroundColor=r,n.style.animation="veil-bounce-ball 900ms cubic-bezier(0.28, 0.84, 0.42, 1) infinite",a.appendChild(n);break}case "ios-activity":{for(let n=0;n<12;n++){let l=document.createElement("div");l.style.position="absolute",l.style.width="8%",l.style.height="26%",l.style.backgroundColor=r,l.style.borderRadius="2px",l.style.transformOrigin="50% 190%",l.style.transform=`rotate(${n*30}deg) translateY(-90%)`,l.style.animation="veil-ios-fade 1000ms linear infinite",l.style.animationDelay=`-${(12-n)*(1e3/12)}ms`,a.appendChild(l);}break}case "glass-orb":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.background=`radial-gradient(circle at 35% 35%, rgba(255,255,255,0.8), ${r} 70%)`,n.style.boxShadow=`0 4px 12px ${r}44, inset 0 2px 4px rgba(255,255,255,0.6)`,n.style.animation="veil-glass-orbit 1600ms ease-in-out infinite",a.appendChild(n);break}case "morph":{let n=document.createElement("div");n.style.width="80%",n.style.height="80%",n.style.backgroundColor=r,n.style.animation="veil-morph-shape 2000ms ease-in-out infinite",a.appendChild(n);break}case "progress-circle":{let n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("viewBox","0 0 36 36"),n.style.width="100%",n.style.height="100%",n.style.transform="rotate(-90deg)";let l=document.createElementNS("http://www.w3.org/2000/svg","circle");l.setAttribute("cx","18"),l.setAttribute("cy","18"),l.setAttribute("r","14"),l.setAttribute("fill","none"),l.setAttribute("stroke",s),l.setAttribute("stroke-width","3");let o=document.createElementNS("http://www.w3.org/2000/svg","circle");o.setAttribute("cx","18"),o.setAttribute("cy","18"),o.setAttribute("r","14"),o.setAttribute("fill","none"),o.setAttribute("stroke",r),o.setAttribute("stroke-width","3"),o.setAttribute("stroke-dasharray","88"),o.setAttribute("stroke-dashoffset","25"),o.setAttribute("stroke-linecap","round"),o.style.animation="veil-spin 1200ms linear infinite",o.style.transformOrigin="50% 50%",n.append(l,o),a.appendChild(n);break}}return _e(),a}var ge=false;function _e(){if(ge||typeof document>"u")return;ge=true;let t=document.createElement("style");t.id="veilkit-spinner-keyframes",t.textContent=`
510
+ ${ee()}
511
+ `}function f(i){if(te||typeof document>"u")return;te=true;let e=$e(),d=i||ie;if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&!d)try{let r=new CSSStyleSheet;r.replaceSync(e),document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];return}catch{}let l=document.createElement("style");l.id="veilkit-styles",d&&l.setAttribute("nonce",d),l.textContent=e,document.head.appendChild(l);}var q={en:{loading:"Loading content, please wait\u2026",loaded:"Content loaded.",progress:"Loading progress",busy:"Busy"},es:{loading:"Cargando contenido, por favor espere\u2026",loaded:"Contenido cargado.",progress:"Progreso de carga",busy:"Ocupado"},fr:{loading:"Chargement du contenu, veuillez patienter\u2026",loaded:"Contenu charg\xE9.",progress:"Progression du chargement",busy:"Occup\xE9"},de:{loading:"Inhalt wird geladen, bitte warten\u2026",loaded:"Inhalt geladen.",progress:"Ladefortschritt",busy:"Besch\xE4ftigt"},ja:{loading:"\u30B3\u30F3\u30C6\u30F3\u30C4\u3092\u8AAD\u307F\u8FBC\u3093\u3067\u3044\u307E\u3059\u2026",loaded:"\u8AAD\u307F\u8FBC\u307F\u304C\u5B8C\u4E86\u3057\u307E\u3057\u305F\u3002",progress:"\u8AAD\u307F\u8FBC\u307F\u72B6\u6CC1",busy:"\u51E6\u7406\u4E2D"},zh:{loading:"\u6B63\u5728\u52A0\u8F7D\u5185\u5BB9\uFF0C\u8BF7\u7A0D\u5019\u2026",loaded:"\u5185\u5BB9\u52A0\u8F7D\u5B8C\u6210\u3002",progress:"\u52A0\u8F7D\u8FDB\u5EA6",busy:"\u5FD9\u788C\u4E2D"},ar:{loading:"\u062C\u0627\u0631\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u062A\u0648\u0649\u060C \u064A\u0631\u062C\u0649 \u0627\u0644\u0627\u0646\u062A\u0638\u0627\u0631\u2026",loaded:"\u062A\u0645 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u062A\u0648\u0649.",progress:"\u062A\u0642\u062F\u0645 \u0627\u0644\u062A\u062D\u0645\u064A\u0644",busy:"\u0645\u0634\u063A\u0648\u0644"}},ae="en",X={};function se(i){ae=i;}function re(i){Object.assign(X,i);}function Re(i){return X[i]?X[i]:(q[ae]||q.en)[i]||q.en[i]||"Loading\u2026"}function le(i,e){i.setAttribute("aria-busy","true");let d=i.querySelector(".veil-sr-only");return d||(d=document.createElement("span"),d.className="veil-sr-only",d.setAttribute("role","status"),d.setAttribute("aria-live","polite"),i.appendChild(d)),d.textContent=e||Re("loading"),d}function oe(i){i.removeAttribute("aria-busy");let e=i.querySelector(".veil-sr-only");e&&e.remove();}var de=createContext({theme:"light",animation:"shimmer"});function St({children:i,theme:e="light",animation:d="shimmer",nonce:l,locale:r,labels:s,antiFlicker:t}){useEffect(()=>{l&&ne(l),r&&se(r),s&&re(s),f(l);},[l,r,s]);let n=useMemo(()=>({theme:e,animation:d,nonce:l,locale:r,labels:s,antiFlicker:t}),[e,d,l,r,s,t]);return jsx(de.Provider,{value:n,children:i})}function L(){return useContext(de)}var I=class{delay;minVisible;onShow;onHide;delayTimer=null;minVisibleTimer=null;shownTimestamp=null;isVisible=false;isPending=false;constructor(e={}){this.delay=e.delay!==void 0?e.delay:150,this.minVisible=e.minVisible!==void 0?e.minVisible:300,this.onShow=e.onShow,this.onHide=e.onHide;}start(){if(!(this.isPending||this.isVisible)){if(this.isPending=true,this.delay<=0){this.display();return}this.delayTimer=setTimeout(()=>{this.delayTimer=null,this.isPending&&this.display();},this.delay);}}display(){this.isPending=false,this.isVisible=true,this.shownTimestamp=Date.now(),this.onShow&&this.onShow();}finish(e){if(this.delayTimer){clearTimeout(this.delayTimer),this.delayTimer=null,this.isPending=false,e&&e();return}if(!this.isVisible){this.isPending=false,e&&e();return}let d=this.shownTimestamp?Date.now()-this.shownTimestamp:0,l=Math.max(0,this.minVisible-d);l<=0?(this.hide(),e&&e()):this.minVisibleTimer=setTimeout(()=>{this.minVisibleTimer=null,this.hide(),e&&e();},l);}hide(){this.isVisible=false,this.isPending=false,this.shownTimestamp=null,this.onHide&&this.onHide();}active(){return this.isVisible}destroy(){this.delayTimer&&clearTimeout(this.delayTimer),this.minVisibleTimer&&clearTimeout(this.minVisibleTimer),this.delayTimer=null,this.minVisibleTimer=null,this.isVisible=false,this.isPending=false;}};var F=class{el=null;innerEl=null;currentProgress=0;trickleTimer=null;status="idle";ensureDOM(){this.el||typeof document>"u"||(f(),this.el=document.createElement("div"),this.el.className="veil-progress-bar",this.el.setAttribute("role","progressbar"),this.el.setAttribute("aria-valuemin","0"),this.el.setAttribute("aria-valuemax","100"),this.el.setAttribute("aria-valuenow","0"),this.innerEl=document.createElement("div"),this.innerEl.className="veil-progress-inner",this.innerEl.style.width="0%",this.innerEl.style.opacity="1",this.el.appendChild(this.innerEl),document.body.appendChild(this.el));}start(){this.ensureDOM(),this.status!=="loading"&&(this.status="loading",this.currentProgress=0,this.set(.08),this.innerEl&&(this.innerEl.style.opacity="1",this.innerEl.style.backgroundColor="var(--veil-progress-color, #3b82f6)"),this.trickle());}set(e){this.ensureDOM(),this.currentProgress=Math.min(1,Math.max(0,e));let d=Math.round(this.currentProgress*100);this.innerEl&&(this.innerEl.style.width=`${d}%`),this.el&&this.el.setAttribute("aria-valuenow",String(d));}inc(e){let d=this.currentProgress;d>=1||(typeof e!="number"&&(d>=0&&d<.2?e=.1:d>=.2&&d<.5?e=.04:d>=.5&&d<.8?e=.02:d>=.8&&d<.99?e=.005:e=0),this.set(d+e));}trickle(){this.stopTrickle(),this.trickleTimer=setInterval(()=>{this.currentProgress<.95&&this.inc();},250);}stopTrickle(){this.trickleTimer&&(clearInterval(this.trickleTimer),this.trickleTimer=null);}done(){this.status!=="idle"&&(this.stopTrickle(),this.set(1),this.status="idle",setTimeout(()=>{this.innerEl&&(this.innerEl.style.opacity="0"),setTimeout(()=>{this.el&&(this.el.remove(),this.el=null,this.innerEl=null),this.currentProgress=0;},350);},200));}fail(){this.stopTrickle(),this.status="error",this.innerEl&&(this.innerEl.style.backgroundColor="#ef4444"),this.set(1),setTimeout(()=>this.done(),500);}},w=new F;function ce(i={}){f();let e=!!i.circular,d=i.color||"var(--veil-progress-color, #3b82f6)",l=i.trackColor||"rgba(0, 0, 0, 0.08)";if(e){let n=i.size!==void 0?typeof i.size=="number"?`${i.size}px`:i.size:"48px",a=i.strokeWidth||4,o=document.createElement("div");o.className=`veil-progress-circular ${i.className||""}`.trim(),o.style.width=n,o.style.height=n,o.style.display="inline-flex",o.style.alignItems="center",o.style.justifyContent="center",o.style.position="relative";let p=document.createElementNS("http://www.w3.org/2000/svg","svg");p.setAttribute("viewBox","0 0 48 48"),p.style.width="100%",p.style.height="100%",p.style.transform="rotate(-90deg)";let m=document.createElementNS("http://www.w3.org/2000/svg","circle");m.setAttribute("cx","24"),m.setAttribute("cy","24"),m.setAttribute("r","20"),m.setAttribute("fill","none"),m.setAttribute("stroke",l),m.setAttribute("stroke-width",String(a));let y=document.createElementNS("http://www.w3.org/2000/svg","circle");y.setAttribute("cx","24"),y.setAttribute("cy","24"),y.setAttribute("r","20"),y.setAttribute("fill","none"),y.setAttribute("stroke",d),y.setAttribute("stroke-width",String(a)),y.setAttribute("stroke-linecap","round");let x=2*Math.PI*20;if(y.setAttribute("stroke-dasharray",String(x)),i.value!==void 0){let g=Math.min(100,Math.max(0,i.value)),v=x-g/100*x;y.setAttribute("stroke-dashoffset",String(v)),y.style.transition="stroke-dashoffset 300ms ease";}else y.setAttribute("stroke-dashoffset",String(x*.75)),p.style.animation="veil-spin 1200ms linear infinite";if(p.append(m,y),o.appendChild(p),i.showPercentage&&i.value!==void 0){let g=document.createElement("span");g.style.position="absolute",g.style.fontSize="11px",g.style.fontWeight="600",g.textContent=`${Math.round(i.value)}%`,o.appendChild(g);}return o}let r=i.height!==void 0?typeof i.height=="number"?`${i.height}px`:i.height:"4px",s=document.createElement("div");s.className=`veil-progress-linear ${i.className||""}`.trim(),s.setAttribute("role","progressbar"),s.style.width="100%",s.style.height=r,s.style.backgroundColor=l,s.style.borderRadius="9999px",s.style.overflow="hidden",s.style.position="relative";let t=document.createElement("div");if(t.style.height="100%",t.style.backgroundColor=d,t.style.borderRadius="9999px",i.value!==void 0){let n=Math.min(100,Math.max(0,i.value));s.setAttribute("aria-valuenow",String(n)),t.style.width=`${n}%`,t.style.transition="width 250ms ease";}else t.style.width="35%",t.style.animation="veil-progress-indeterminate 1400ms ease-in-out infinite";return s.appendChild(t),s}var W=class{activeIds=new Set;counter=0;listeners=new Set;start(e){let d=e||`req_${Date.now()}_${Math.random().toString(36).substring(2,7)}`;return this.activeIds.has(d)||(this.activeIds.add(d),this.counter++,this.notify()),d}stop(e){if(e)this.activeIds.has(e)&&(this.activeIds.delete(e),this.counter=Math.max(0,this.counter-1),this.notify());else if(this.counter>0){this.counter--;let d=this.activeIds.values().next().value;d&&this.activeIds.delete(d),this.notify();}}isLoading(){return this.counter>0}getCount(){return this.counter}subscribe(e){return this.listeners.add(e),e(this.isLoading(),this.counter),()=>{this.listeners.delete(e);}}reset(){this.activeIds.clear(),this.counter=0,this.notify();}notify(){let e=this.isLoading();for(let d of this.listeners)d(e,this.counter);}},G=new W;function _(i,e={}){let[d,l]=useState(false);return useEffect(()=>{let r=new I({delay:e.delay!==void 0?e.delay:150,minVisible:e.minVisible!==void 0?e.minVisible:300,onShow:()=>l(true),onHide:()=>l(false)});return i?r.start():r.finish(),()=>{r.destroy();}},[i,e.delay,e.minVisible]),d}function It(i,e={}){let[d,l]=useState(false),[r,s]=useState(null),[t,n]=useState(null),a=_(d,e),o=useCallback(async(...p)=>{l(true),n(null);let m=G.start();try{let y=await i(...p);return s(y),y}catch(y){throw n(y),y}finally{G.stop(m),l(false);}},[i]);return {loading:a,rawLoading:d,data:r,error:t,execute:o}}function Ht(){return {start:()=>w.start(),set:i=>w.set(i),inc:i=>w.inc(i),done:()=>w.done(),fail:()=>w.fail()}}var K=0;function ze(){return K===0&&typeof performance<"u"&&(K=performance.now()),K}function R(i=1500){if(typeof performance>"u")return "0ms";let e=performance.now()-ze();return `-${Math.round(e%i)}ms`}function z(i=1500){if(typeof i=="number")return i;if(!i)return 1500;let e=i.trim().toLowerCase();return e.endsWith("ms")?parseFloat(e)||1500:e.endsWith("s")?(parseFloat(e)||1.5)*1e3:parseFloat(e)||1500}var A=null,pe=new Set,me=false;function Ve(i){for(let e of i){let d=e.target;e.isIntersecting?(d.removeAttribute("data-veil-offscreen"),d.style.removeProperty("--veil-play-state")):(d.setAttribute("data-veil-offscreen","true"),d.style.setProperty("--veil-play-state","paused"));}}function Be(){me||typeof document>"u"||(me=true,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden");}));}function ye(i){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(Be(),A||(A=new IntersectionObserver(Ve,{rootMargin:"100px 0px",threshold:0})),A.observe(i),pe.add(i),()=>{A&&i&&(A.unobserve(i),pe.delete(i));})}function c(i={}){f();let e=document.createElement("div");e.className=`veil-skeleton ${i.className||""}`.trim(),e.setAttribute("aria-hidden","true");let d=i.type||"rect";if(e.setAttribute("data-veil-shape",d),i.animation&&e.setAttribute("data-veil-anim",i.animation),i.direction&&e.setAttribute("data-veil-dir",i.direction),typeof i.theme=="string"&&e.setAttribute("data-veil-theme",i.theme),i.width!==void 0&&(e.style.width=typeof i.width=="number"?`${i.width}px`:i.width),i.height!==void 0&&(e.style.height=typeof i.height=="number"?`${i.height}px`:i.height),i.radius!==void 0&&(e.style.setProperty("--veil-radius",typeof i.radius=="number"?`${i.radius}px`:i.radius),e.style.borderRadius=typeof i.radius=="number"?`${i.radius}px`:i.radius),i.speed!==void 0){let l=z(i.speed);e.style.setProperty("--veil-duration",`${l}ms`),e.style.setProperty("--veil-sync-delay",R(l));}else e.style.setProperty("--veil-sync-delay",R(1500));if(i.style)for(let[l,r]of Object.entries(i.style))e.style[l]=r;return ye(e),e}function b(i=3,e={}){let d=document.createElement("div");d.className=`veil-lines-group ${e.className||""}`.trim(),d.setAttribute("aria-hidden","true");let l=e.gap!==void 0?typeof e.gap=="number"?`${e.gap}px`:e.gap:"0.45rem";d.style.display="flex",d.style.flexDirection="column",d.style.gap=l;let r=["100%","94%","88%","75%"],s=e.lastLineWidth!==void 0?typeof e.lastLineWidth=="number"?`${e.lastLineWidth}px`:e.lastLineWidth:"65%";for(let t=0;t<i;t++){let a=t===i-1?s:r[t%r.length]||"95%",o=c({...e,type:"line",width:a});o.style.setProperty("--veil-stagger-idx",String(t)),d.appendChild(o);}return d}function ue(i,e={}){let d=e.transition||"fade";if(d==="none"){e.onComplete&&e.onComplete();return}if(i.classList.add("veil-revealing"),d==="stagger-children"){let s=Array.from(i.children);s.forEach((n,a)=>{n.classList.add("veil-reveal-fade"),n.style.animationDelay=`${a*60}ms`,e.duration&&(n.style.animationDuration=`${e.duration}ms`);});let t=(e.duration||350)+s.length*60;setTimeout(()=>{i.classList.remove("veil-revealing"),s.forEach(n=>{n.classList.remove("veil-reveal-fade"),n.style.removeProperty("animation-delay"),n.style.removeProperty("animation-duration");}),e.onComplete&&e.onComplete();},t);return}let l=`veil-reveal-${d}`;i.classList.add(l),e.duration&&(i.style.animationDuration=`${e.duration}ms`),e.easing&&(i.style.animationTimingFunction=e.easing);let r=()=>{i.removeEventListener("animationend",r),i.classList.remove("veil-revealing",l),i.style.removeProperty("animation-duration"),i.style.removeProperty("animation-timing-function"),e.onComplete&&e.onComplete();};i.addEventListener("animationend",r);}var V=new Map;function Ye(i){if(V.has(i))return V.get(i);if(typeof window<"u"&&window.localStorage)try{let e=localStorage.getItem(`veil_cache_${i}`);if(e){let d=JSON.parse(e);return V.set(i,d),d}}catch{}return null}function je(i,e,d=false){if(V.set(i,e),d&&typeof window<"u"&&window.localStorage)try{localStorage.setItem(`veil_cache_${i}`,JSON.stringify(e));}catch{}}function qe(i,e){let d=i.getBoundingClientRect(),l=[];function r(t){if(t.hasAttribute("data-veil-ignore")||e&&t.matches(e))return false;let n=window.getComputedStyle(t);if(n.display==="none"||n.visibility==="hidden"||n.opacity==="0")return false;let a=t.tagName.toLowerCase();return ["img","svg","button","input","textarea","select"].includes(a)||t.hasAttribute("data-veil-shape")?true:Array.from(t.childNodes).some(p=>p.nodeType===Node.TEXT_NODE&&(p.textContent||"").trim().length>0)&&t.children.length===0}function s(t){if(t!==i&&r(t)){let a=t.getBoundingClientRect();if(a.width>2&&a.height>2){let p=window.getComputedStyle(t).borderRadius||"6px",m=t.getAttribute("data-veil-shape"),y="rect";m==="circle"||p==="50%"||p.includes("px")&&parseFloat(p)>=a.width/2?y="circle":(m==="line"||["p","span","h1","h2","h3","h4","h5","h6","a","label"].includes(t.tagName.toLowerCase()))&&(y="line"),l.push({x:Math.round(a.left-d.left),y:Math.round(a.top-d.top),width:Math.round(a.width),height:Math.round(a.height),radius:p,shape:y});}return}let n=Array.from(t.children);for(let a of n)a.hasAttribute("data-veil-ignore")||s(a);}return s(i),{width:Math.round(d.width),height:Math.round(d.height),boxes:l}}function he(i,e={},d={}){let l=document.createElement("div");if(l.className="veil-auto-overlay",l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.top="0",l.style.left="0",l.style.width="100%",l.style.height="100%",l.style.pointerEvents="none",l.style.zIndex="5",!e.preserveBackground){let o=window.getComputedStyle(i);l.style.backgroundColor=o.backgroundColor!=="rgba(0, 0, 0, 0)"?o.backgroundColor:"transparent";}function r(o){l.innerHTML="";for(let p=0;p<o.boxes.length;p++){let m=o.boxes[p],y=c({...d,type:m.shape,radius:m.radius});y.style.position="absolute",y.style.left=`${m.x}px`,y.style.top=`${m.y}px`,y.style.width=`${m.width}px`,y.style.height=`${m.height}px`,y.style.setProperty("--veil-stagger-idx",String(p)),l.appendChild(y);}}function s(){let o=qe(i,e.ignoreSelector);o.boxes.length>0&&(r(o),e.cacheKey&&je(e.cacheKey,o,e.persistCache));}if(e.cacheKey){let o=Ye(e.cacheKey);o&&r(o);}window.getComputedStyle(i).position==="static"&&(i.style.position="relative"),i.appendChild(l),l.children.length===0&&s();let n=null,a=null;return e.observeResize!==false&&typeof ResizeObserver<"u"&&(n=new ResizeObserver(()=>s()),n.observe(i)),e.observeMutations!==false&&typeof MutationObserver<"u"&&(a=new MutationObserver(()=>s()),a.observe(i,{childList:true,subtree:true,attributes:false})),{overlay:l,refresh:s,destroy:()=>{n&&n.disconnect(),a&&a.disconnect(),e.reveal&&e.reveal!=="none"?ue(i,{transition:e.reveal,duration:e.revealDuration,easing:e.revealEasing,onComplete:()=>l.remove()}):l.remove();}}}function ii({type:i="rect",circle:e,width:d,height:l,radius:r,count:s=1,gap:t="0.5rem",lines:n,lastLineWidth:a="65%",animation:o,theme:p,direction:m,speed:y,className:x="",style:g={},ariaLabel:v="Loading",children:T}){let P=L();useEffect(()=>{f(P.nonce);},[P.nonce]);let M=o||P.animation||"shimmer",S=p||P.theme||"light",C=e?"circle":n?"line":i,Q=z(y||1500),Pe=typeof window<"u"?R(Q):"0s",E={...g,"--veil-sync-delay":Pe};if(y&&(E["--veil-duration"]=`${Q}ms`),d!==void 0&&(E.width=typeof d=="number"?`${d}px`:d),l!==void 0&&(E.height=typeof l=="number"?`${l}px`:l),r!==void 0){let $=typeof r=="number"?`${r}px`:r;E["--veil-radius"]=$,E.borderRadius=$;}e&&(E.borderRadius="50%",E.aspectRatio="1 / 1");let j=n||(s>1?s:1);if(j>1){let $=["100%","94%","88%","75%"],Le=typeof t=="number"?`${t}px`:t;return jsxs("div",{className:`veil-lines-group ${x}`.trim(),role:"status","aria-label":v,style:{display:"flex",flexDirection:"column",gap:Le},children:[jsx("span",{className:"veil-sr-only",children:v}),Array.from({length:j}).map((yt,D)=>{let Te=D===j-1?a:$[D%$.length]||"95%";return jsx("div",{className:"veil-skeleton","data-veil-shape":"line","data-veil-anim":M,"data-veil-theme":typeof S=="string"?S:void 0,"data-veil-dir":m,"aria-hidden":"true",style:{...E,width:Te,"--veil-stagger-idx":D}},D)})]})}return jsxs("div",{className:`veil-skeleton ${x}`.trim(),"data-veil-shape":C,"data-veil-anim":M,"data-veil-theme":typeof S=="string"?S:void 0,"data-veil-dir":m,role:"status","aria-label":v,style:E,children:[jsx("span",{className:"veil-sr-only",children:v}),T]})}function ni({loading:i,children:e,cacheKey:d,persistCache:l,ignoreSelector:r,observeResize:s=true,observeMutations:t=true,preserveBackground:n=true,reveal:a="fade",revealDuration:o=350,revealEasing:p,delay:m=150,minVisible:y=300,skeletonProps:x}){let g=useRef(null),v=_(i,{delay:m,minVisible:y});return useEffect(()=>{if(!v||!g.current)return;let T=he(g.current,{cacheKey:d,persistCache:l,ignoreSelector:r,observeResize:s,observeMutations:t,preserveBackground:n,reveal:a,revealDuration:o,revealEasing:p},x);return ()=>{T.destroy();}},[v,d,l,r,s,t,n,a,o,p,x]),jsx("div",{ref:g,className:"veil-measure-wrapper","aria-busy":v,style:{position:"relative"},children:e})}function U(i){let e=document.createElement("div");e.className=`veil-preset veil-preset-${i.name} ${i.className||""}`.trim(),e.setAttribute("aria-hidden","true"),e.style.width=i.width!==void 0?typeof i.width=="number"?`${i.width}px`:i.width:"100%",e.style.boxSizing="border-box";let d=i.shape||"rounded",l;d==="pill"?l="9999px":d==="square"?l="4px":d==="sharp"&&(l="0px"),d==="glass"&&(e.style.backdropFilter="blur(10px)",e.style.webkitBackdropFilter="blur(10px)",e.style.background="rgba(255, 255, 255, 0.08)",e.style.border="1px solid rgba(255, 255, 255, 0.18)",e.style.boxShadow="0 8px 32px rgba(0, 0, 0, 0.08)");let r={animation:i.animation,theme:i.theme,direction:i.direction,speed:i.speed,radius:l};switch(i.name){case "card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=c({...r,type:"rect",height:"180px",radius:l||"8px"}),t=c({...r,type:"heading",width:"70%",height:"24px"}),n=b(2,r),a=c({...r,type:"button",width:"110px",height:"36px"});e.append(s,t,n,a);break}case "product-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="14px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"rect",height:"200px",radius:l||"10px"}),t=c({...r,type:"badge",width:"50px",height:"18px"}),n=c({...r,type:"line",width:"85%",height:"18px"}),a=c({...r,type:"line",width:"40%",height:"22px"}),o=c({...r,type:"button",width:"100%",height:"38px"});e.append(s,t,n,a,o);break}case "product-grid":{let s=i.items||4,t=i.columns||2;e.style.display="grid",e.style.gridTemplateColumns=`repeat(${t}, 1fr)`,e.style.gap="16px";for(let n=0;n<s;n++){let a=U({...i,name:"product-card",width:"100%"});e.appendChild(a);}break}case "list":{let s=i.items||4;e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let t=0;t<s;t++){let n=c({...r,type:"line",width:`${95-t%3*15}%`,height:"18px"});e.appendChild(n);}break}case "list-item":{e.style.display="flex",e.style.alignItems="center",e.style.gap="14px",e.style.padding="10px 0";let s=c({...r,type:"circle",width:"44px",height:"44px"}),t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="6px",t.style.flex="1";let n=c({...r,type:"line",width:"60%",height:"16px"}),a=c({...r,type:"line",width:"40%",height:"12px"});t.append(n,a),e.append(s,t);break}case "table":{let s=i.items||5;e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px",e.style.padding="12px",e.style.borderRadius=l||"8px",e.style.border="1px solid rgba(0,0,0,0.06)";let t=document.createElement("div");t.style.display="grid",t.style.gridTemplateColumns="2fr 1fr 1fr 1fr",t.style.gap="12px",t.style.paddingBottom="8px",t.style.borderBottom="2px solid rgba(0,0,0,0.08)";for(let n=0;n<4;n++)t.appendChild(c({...r,type:"line",height:"16px"}));e.appendChild(t);for(let n=0;n<s;n++){let a=document.createElement("div");a.style.display="grid",a.style.gridTemplateColumns="2fr 1fr 1fr 1fr",a.style.gap="12px",a.style.padding="8px 0",a.style.borderBottom="1px solid rgba(0,0,0,0.04)";for(let o=0;o<4;o++)a.appendChild(c({...r,type:"line",height:"14px"}));e.appendChild(a);}break}case "profile":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.gap="14px",e.style.padding="24px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"circle",width:"88px",height:"88px"}),t=c({...r,type:"heading",width:"160px",height:"22px"}),n=b(2,r),a=document.createElement("div");a.style.display="flex",a.style.gap="10px",a.append(c({...r,type:"button",width:"100px",height:"34px"}),c({...r,type:"button",width:"100px",height:"34px"})),e.append(s,t,n,a);break}case "profile-header":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=l||"16px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"rect",height:"140px",radius:"0"}),t=document.createElement("div");t.style.display="flex",t.style.alignItems="flex-end",t.style.gap="16px",t.style.padding="0 20px 20px 20px",t.style.marginTop="-40px";let n=c({...r,type:"circle",width:"80px",height:"80px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="6px",a.style.flex="1",a.append(c({...r,type:"heading",width:"140px",height:"20px"}),c({...r,type:"line",width:"200px",height:"14px"})),t.append(n,a),e.append(s,t);break}case "feed-post":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="10px",s.append(c({...r,type:"circle",width:"40px",height:"40px"}),c({...r,type:"line",width:"120px",height:"16px"}));let t=b(2,r),n=c({...r,type:"rect",height:"220px",radius:l||"8px"}),a=document.createElement("div");a.style.display="flex",a.style.gap="16px",a.append(c({...r,type:"button",width:"60px",height:"28px"}),c({...r,type:"button",width:"60px",height:"28px"})),e.append(s,t,n,a);break}case "article":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=c({...r,type:"heading",width:"85%",height:"36px"}),t=document.createElement("div");t.style.display="flex",t.style.gap="12px",t.append(c({...r,type:"circle",width:"32px",height:"32px"}),c({...r,type:"line",width:"140px",height:"14px"}));let n=c({...r,type:"rect",height:"260px",radius:l||"10px"}),a=b(4,r),o=b(3,r);e.append(s,t,n,a,o);break}case "comment-thread":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.gap="12px",s===1&&(t.style.marginLeft="40px");let n=c({...r,type:"circle",width:"36px",height:"36px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="6px",a.style.flex="1",a.append(c({...r,type:"line",width:"120px",height:"14px"}),b(2,r)),t.append(n,a),e.appendChild(t);}break}case "chat":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="16px";let s=[{align:"flex-start",w:"65%"},{align:"flex-end",w:"50%"},{align:"flex-start",w:"80%"},{align:"flex-end",w:"40%"}];for(let t of s){let n=document.createElement("div");n.style.display="flex",n.style.justifyContent=t.align;let a=c({...r,type:"rect",width:t.w,height:"42px",radius:l||"18px"});n.appendChild(a),e.appendChild(n);}break}case "dashboard":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=document.createElement("div");s.style.display="grid",s.style.gridTemplateColumns="repeat(3, 1fr)",s.style.gap="12px";for(let n=0;n<3;n++){let a=document.createElement("div");a.style.padding="16px",a.style.borderRadius=l||"10px",a.style.border="1px solid rgba(0,0,0,0.06)",a.style.display="flex",a.style.flexDirection="column",a.style.gap="8px",a.append(c({...r,type:"line",width:"60%",height:"14px"}),c({...r,type:"heading",width:"80%",height:"28px"})),s.appendChild(a);}let t=c({...r,type:"rect",height:"200px",radius:l||"10px"});e.append(s,t);break}case "form":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";for(let t=0;t<3;t++){let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(c({...r,type:"line",width:"30%",height:"14px"}),c({...r,type:"input",width:"100%",height:"40px"})),e.appendChild(n);}let s=c({...r,type:"button",width:"140px",height:"40px"});e.appendChild(s);break}case "media-card":{e.style.display="flex",e.style.gap="16px",e.style.padding="12px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"rect",width:"140px",height:"90px",radius:l||"8px"}),t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="8px",t.style.flex="1",t.append(c({...r,type:"heading",width:"80%",height:"18px"}),c({...r,type:"line",width:"60%",height:"14px"}),c({...r,type:"line",width:"40%",height:"12px"})),e.append(s,t);break}case "navbar":{e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="space-between",e.style.padding="12px 20px",e.style.borderBottom="1px solid rgba(0,0,0,0.08)";let s=c({...r,type:"heading",width:"110px",height:"24px"}),t=document.createElement("div");t.style.display="flex",t.style.gap="18px";for(let a=0;a<4;a++)t.appendChild(c({...r,type:"line",width:"60px",height:"14px"}));let n=c({...r,type:"button",width:"90px",height:"34px"});e.append(s,t,n);break}case "sidebar":{e.style.display="flex",e.style.flexDirection="column",e.style.justifyContent="space-between",e.style.padding="18px 14px",e.style.height="100%",e.style.minHeight="320px",e.style.borderRight="1px solid rgba(0,0,0,0.08)";let s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.gap="16px",s.appendChild(c({...r,type:"heading",width:"100px",height:"22px"}));for(let n=0;n<5;n++){let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="10px",a.append(c({...r,type:"icon",width:"20px",height:"20px"}),c({...r,type:"line",width:"90px",height:"14px"})),s.appendChild(a);}let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="10px",t.append(c({...r,type:"circle",width:"36px",height:"36px"}),c({...r,type:"line",width:"80px",height:"14px"})),e.append(s,t);break}case "settings-page":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="24px",e.style.padding="24px";let s=c({...r,type:"heading",width:"220px",height:"30px"});e.appendChild(s);for(let t=0;t<3;t++){let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.justifyContent="space-between",n.style.padding="14px 0",n.style.borderBottom="1px solid rgba(0,0,0,0.06)";let a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="6px",a.append(c({...r,type:"line",width:"160px",height:"16px"}),c({...r,type:"line",width:"240px",height:"12px"}));let o=c({...r,type:"button",width:"50px",height:"28px",radius:"14px"});n.append(a,o),e.appendChild(n);}break}case "product-detail":{e.style.display="grid",e.style.gridTemplateColumns="1fr 1.2fr",e.style.gap="24px",e.style.padding="20px";let s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.gap="12px";let t=c({...r,type:"rect",height:"280px",radius:l||"12px"}),n=document.createElement("div");n.style.display="flex",n.style.gap="8px";for(let g=0;g<4;g++)n.appendChild(c({...r,type:"rect",width:"60px",height:"60px",radius:"6px"}));s.append(t,n);let a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="14px";let o=c({...r,type:"heading",width:"85%",height:"32px"}),p=c({...r,type:"badge",width:"120px",height:"20px"}),m=c({...r,type:"heading",width:"100px",height:"28px"}),y=b(3,r),x=c({...r,type:"button",width:"180px",height:"44px"});a.append(o,p,m,y,x),e.append(s,a);break}case "news-feed":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.gap="16px",t.style.paddingBottom="16px",t.style.borderBottom="1px solid rgba(0,0,0,0.06)";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="8px",n.style.flex="1",n.append(c({...r,type:"badge",width:"80px",height:"16px"}),c({...r,type:"heading",width:"90%",height:"20px"}),b(2,r));let a=c({...r,type:"rect",width:"120px",height:"90px",radius:l||"8px"});t.append(n,a),e.appendChild(t);}break}case "inbox-list":{e.style.display="flex",e.style.flexDirection="column",e.style.border="1px solid rgba(0,0,0,0.06)",e.style.borderRadius=l||"8px";for(let s=0;s<4;s++){let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="14px",t.style.padding="12px 16px",t.style.borderBottom="1px solid rgba(0,0,0,0.04)";let n=c({...r,type:"icon",width:"18px",height:"18px"}),a=c({...r,type:"line",width:"120px",height:"14px"}),o=c({...r,type:"line",width:"280px",height:"14px"}),p=c({...r,type:"badge",width:"50px",height:"16px"});t.append(n,a,o,p),e.appendChild(t);}break}case "notification-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.alignItems="flex-start",t.style.gap="12px",t.style.padding="12px",t.style.borderRadius=l||"8px",t.style.background="rgba(0,0,0,0.02)";let n=c({...r,type:"circle",width:"10px",height:"10px"});n.style.marginTop="6px";let a=c({...r,type:"circle",width:"38px",height:"38px"}),o=document.createElement("div");o.style.display="flex",o.style.flexDirection="column",o.style.gap="4px",o.style.flex="1",o.append(c({...r,type:"line",width:"75%",height:"14px"}),c({...r,type:"line",width:"40%",height:"12px"})),t.append(n,a,o),e.appendChild(t);}break}case "order-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";for(let s=0;s<2;s++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="12px",t.style.padding="16px",t.style.borderRadius=l||"10px",t.style.border="1px solid rgba(0,0,0,0.08)";let n=document.createElement("div");n.style.display="flex",n.style.justifyContent="space-between",n.append(c({...r,type:"line",width:"140px",height:"16px"}),c({...r,type:"badge",width:"80px",height:"22px"}));let a=document.createElement("div");a.style.display="flex",a.style.gap="10px";for(let p=0;p<3;p++)a.appendChild(c({...r,type:"rect",width:"50px",height:"50px",radius:"6px"}));let o=document.createElement("div");o.style.display="flex",o.style.justifyContent="space-between",o.style.alignItems="center",o.append(c({...r,type:"heading",width:"90px",height:"20px"}),c({...r,type:"button",width:"110px",height:"32px"})),t.append(n,a,o),e.appendChild(t);}break}case "kpi-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="18px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=document.createElement("div");s.style.display="flex",s.style.justifyContent="space-between",s.style.alignItems="center",s.append(c({...r,type:"line",width:"90px",height:"14px"}),c({...r,type:"icon",width:"20px",height:"20px"}));let t=c({...r,type:"heading",width:"140px",height:"36px"}),n=c({...r,type:"badge",width:"70px",height:"18px"});e.append(s,t,n);break}case "chart-bar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="18px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"heading",width:"140px",height:"20px"}),t=document.createElement("div");t.style.display="flex",t.style.alignItems="flex-end",t.style.justifyContent="space-between",t.style.height="140px",t.style.padding="0 10px";let n=["40%","75%","55%","90%","65%","80%","50%"];for(let a of n){let o=c({...r,type:"rect",width:"22px",height:a,radius:"4px"});t.appendChild(o);}e.append(s,t);break}case "chart-line":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="18px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"heading",width:"150px",height:"20px"}),t=c({...r,type:"rect",height:"140px",radius:"8px"});e.append(s,t);break}case "chart-pie":{e.style.display="flex",e.style.alignItems="center",e.style.gap="20px",e.style.padding="20px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"circle",width:"120px",height:"120px"}),t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="10px",t.style.flex="1";for(let n=0;n<3;n++){let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="8px",a.append(c({...r,type:"circle",width:"12px",height:"12px"}),c({...r,type:"line",width:"90px",height:"14px"})),t.appendChild(a);}e.append(s,t);break}case "search-results":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="18px";let s=c({...r,type:"input",height:"42px",radius:l||"24px"});e.appendChild(s);for(let t=0;t<3;t++){let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(c({...r,type:"line",width:"160px",height:"12px"}),c({...r,type:"heading",width:"70%",height:"20px"}),b(2,r)),e.appendChild(n);}break}case "video-player":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";let s=c({...r,type:"rect",height:"240px",radius:l||"12px"}),t=c({...r,type:"heading",width:"80%",height:"24px"}),n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.justifyContent="space-between";let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="10px",a.append(c({...r,type:"circle",width:"40px",height:"40px"}),c({...r,type:"line",width:"120px",height:"14px"}));let o=c({...r,type:"button",width:"100px",height:"36px"});n.append(a,o),e.append(s,t,n);break}case "music-player":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.gap="14px",e.style.padding="20px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"rect",width:"180px",height:"180px",radius:l||"12px"}),t=c({...r,type:"heading",width:"160px",height:"20px"}),n=c({...r,type:"line",width:"100px",height:"14px"}),a=c({...r,type:"line",width:"100%",height:"6px"}),o=document.createElement("div");o.style.display="flex",o.style.alignItems="center",o.style.gap="20px",o.append(c({...r,type:"icon",width:"24px",height:"24px"}),c({...r,type:"circle",width:"48px",height:"48px"}),c({...r,type:"icon",width:"24px",height:"24px"})),e.append(s,t,n,a,o);break}case "stories-row":{e.style.display="flex",e.style.gap="16px",e.style.overflowX="auto",e.style.padding="8px 0";for(let s=0;s<5;s++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.alignItems="center",t.style.gap="6px",t.append(c({...r,type:"circle",width:"60px",height:"60px"}),c({...r,type:"line",width:"48px",height:"10px"})),e.appendChild(t);}break}case "reels":{e.style.display="flex",e.style.flexDirection="column",e.style.justifyContent="flex-end",e.style.height="340px",e.style.padding="20px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.1)",e.style.position="relative";let s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="10px",s.append(c({...r,type:"circle",width:"36px",height:"36px"}),c({...r,type:"line",width:"100px",height:"14px"}));let t=b(2,r);e.append(s,t);break}case "tabs":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=document.createElement("div");s.style.display="flex",s.style.gap="20px",s.style.borderBottom="2px solid rgba(0,0,0,0.06)",s.style.paddingBottom="8px";for(let n=0;n<4;n++)s.appendChild(c({...r,type:"line",width:"70px",height:"16px"}));let t=b(3,r);e.append(s,t);break}case "calendar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=document.createElement("div");s.style.display="flex",s.style.justifyContent="space-between",s.append(c({...r,type:"heading",width:"120px",height:"20px"}),c({...r,type:"line",width:"60px",height:"20px"}));let t=document.createElement("div");t.style.display="grid",t.style.gridTemplateColumns="repeat(7, 1fr)",t.style.gap="8px";for(let n=0;n<28;n++)t.appendChild(c({...r,type:"rect",height:"24px",radius:"4px"}));e.append(s,t);break}case "kanban":{e.style.display="grid",e.style.gridTemplateColumns="repeat(3, 1fr)",e.style.gap="14px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="10px",t.style.padding="12px",t.style.borderRadius=l||"10px",t.style.background="rgba(0,0,0,0.03)";let n=c({...r,type:"heading",width:"80px",height:"16px"});t.appendChild(n);for(let a=0;a<2;a++){let o=document.createElement("div");o.style.display="flex",o.style.flexDirection="column",o.style.gap="8px",o.style.padding="10px",o.style.borderRadius=l||"6px",o.style.background="#fff",o.style.border="1px solid rgba(0,0,0,0.06)",o.append(c({...r,type:"line",width:"85%",height:"14px"}),c({...r,type:"badge",width:"50px",height:"16px"})),t.appendChild(o);}e.appendChild(t);}break}case "timeline":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="18px",e.style.padding="10px 0";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.gap="14px";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.alignItems="center",n.append(c({...r,type:"circle",width:"16px",height:"16px"}),c({...r,type:"rect",width:"2px",height:"40px"}));let a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="4px",a.style.flex="1",a.append(c({...r,type:"line",width:"90px",height:"12px"}),c({...r,type:"heading",width:"60%",height:"18px"}),c({...r,type:"line",width:"85%",height:"14px"})),t.append(n,a),e.appendChild(t);}break}case "map-card":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=l||"14px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.08)";let s=c({...r,type:"rect",height:"160px",radius:"0"}),t=document.createElement("div");t.style.display="flex",t.style.justifyContent="space-between",t.style.alignItems="center",t.style.padding="14px";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(c({...r,type:"heading",width:"140px",height:"18px"}),c({...r,type:"line",width:"200px",height:"12px"}));let a=c({...r,type:"button",width:"90px",height:"34px"});t.append(n,a),e.append(s,t);break}case "pricing-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="24px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=c({...r,type:"badge",width:"70px",height:"22px"}),t=c({...r,type:"heading",width:"130px",height:"38px"}),n=c({...r,type:"line",width:"80%",height:"14px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="10px";for(let p=0;p<4;p++){let m=document.createElement("div");m.style.display="flex",m.style.alignItems="center",m.style.gap="8px",m.append(c({...r,type:"icon",width:"16px",height:"16px"}),c({...r,type:"line",width:"70%",height:"14px"})),a.appendChild(m);}let o=c({...r,type:"button",width:"100%",height:"42px"});e.append(s,t,n,a,o);break}case "testimonial":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=l||"14px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=b(3,r),t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="12px",t.append(c({...r,type:"circle",width:"42px",height:"42px"}),c({...r,type:"line",width:"120px",height:"16px"})),e.append(s,t);break}case "faq-accordion":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="8px",t.style.padding="14px 16px",t.style.borderRadius=l||"8px",t.style.border="1px solid rgba(0,0,0,0.06)";let n=document.createElement("div");if(n.style.display="flex",n.style.justifyContent="space-between",n.style.alignItems="center",n.append(c({...r,type:"line",width:"75%",height:"16px"}),c({...r,type:"icon",width:"16px",height:"16px"})),t.appendChild(n),s===0){let a=b(2,r);t.appendChild(a);}e.appendChild(t);}break}case "file-explorer":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="12px";for(let s=0;s<5;s++){let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="10px",t.style.marginLeft=`${s%3*16}px`,t.append(c({...r,type:"icon",width:"16px",height:"16px"}),c({...r,type:"line",width:`${100+s*20}px`,height:"14px"})),e.appendChild(t);}break}case "code-block":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px",e.style.padding="16px",e.style.borderRadius=l||"8px",e.style.background="rgba(0,0,0,0.05)";let s=["40%","70%","55%","85%","30%","60%"];for(let t of s)e.appendChild(c({...r,type:"line",width:t,height:"12px"}));break}case "e-commerce-checkout":{e.style.display="grid",e.style.gridTemplateColumns="repeat(auto-fit, minmax(280px, 1fr))",e.style.gap="20px";let s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.gap="12px",s.append(c({...r,type:"heading",width:"60%",height:"22px"}),c({...r,type:"input",width:"100%",height:"40px",radius:l||"6px"}),c({...r,type:"input",width:"100%",height:"40px",radius:l||"6px"}),c({...r,type:"input",width:"100%",height:"40px",radius:l||"6px"}));let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="12px",t.style.padding="16px",t.style.borderRadius=l||"8px",t.style.background="rgba(255,255,255,0.03)",t.append(c({...r,type:"heading",width:"50%",height:"20px"}),c({...r,type:"line",width:"100%",height:"14px"}),c({...r,type:"line",width:"80%",height:"14px"}),c({...r,type:"button",width:"100%",height:"44px",radius:l||"8px"})),e.append(s,t);break}case "social-story":{e.style.display="flex",e.style.flexDirection="column",e.style.width="240px",e.style.height="380px",e.style.borderRadius=l||"16px",e.style.padding="14px",e.style.position="relative",e.style.overflow="hidden",e.style.background="rgba(255,255,255,0.05)";let s=document.createElement("div");s.style.display="flex",s.style.gap="4px",s.style.width="100%";for(let n=0;n<4;n++){let a=c({...r,type:"rect",width:"100%",height:"3px",radius:"2px"});s.appendChild(a);}let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="8px",t.style.marginTop="8px",t.append(c({...r,type:"circle",width:"32px",height:"32px"}),c({...r,type:"line",width:"80px",height:"12px"})),e.append(s,t);break}case "hero-banner":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.textAlign="center",e.style.gap="14px",e.style.padding="40px 20px";let s=c({...r,type:"badge",width:"110px",height:"24px",radius:"9999px"}),t=c({...r,type:"heading",width:"70%",height:"36px"}),n=c({...r,type:"line",width:"50%",height:"16px"}),a=c({...r,type:"line",width:"40%",height:"16px"}),o=document.createElement("div");o.style.display="flex",o.style.gap="12px",o.style.marginTop="10px",o.append(c({...r,type:"button",width:"140px",height:"44px",radius:l||"8px"}),c({...r,type:"button",width:"120px",height:"44px",radius:l||"8px"})),e.append(s,t,n,a,o);break}}return e}function h(i){let e=useRef(null),d=L();return useEffect(()=>{if(f(d.nonce),!e.current)return;let l=U({...i,animation:i.animation||d.animation,theme:i.theme||d.theme});e.current.innerHTML="",e.current.appendChild(l);},[i,d.animation,d.theme,d.nonce]),jsx("div",{ref:e,className:`veil-preset-react-wrap ${i.className||""}`.trim()})}var mi=i=>jsx(h,{...i,name:"card"}),yi=i=>jsx(h,{...i,name:"product-card"}),ui=i=>jsx(h,{...i,name:"product-grid"}),hi=i=>jsx(h,{...i,name:"list"}),gi=i=>jsx(h,{...i,name:"list-item"}),fi=i=>jsx(h,{...i,name:"table"}),xi=i=>jsx(h,{...i,name:"profile"}),bi=i=>jsx(h,{...i,name:"feed-post"}),vi=i=>jsx(h,{...i,name:"article"}),wi=i=>jsx(h,{...i,name:"dashboard"}),ki=i=>jsx(h,{...i,name:"form"}),Ci=i=>jsx(h,{...i,name:"navbar"}),Ei=i=>jsx(h,{...i,name:"sidebar"}),Si=i=>jsx(h,{...i,name:"product-detail"}),Pi=i=>jsx(h,{...i,name:"news-feed"}),Li=i=>jsx(h,{...i,name:"inbox-list"}),Ti=i=>jsx(h,{...i,name:"notification-list"}),$i=i=>jsx(h,{...i,name:"order-list"}),Ri=i=>jsx(h,{...i,name:"kpi-card"}),Ai=i=>jsx(h,{...i,name:"chart-bar"}),Ni=i=>jsx(h,{...i,name:"chart-line"}),Mi=i=>jsx(h,{...i,name:"chart-pie"}),Di=i=>jsx(h,{...i,name:"search-results"}),Oi=i=>jsx(h,{...i,name:"video-player"}),Ii=i=>jsx(h,{...i,name:"music-player"}),Hi=i=>jsx(h,{...i,name:"stories-row"}),zi=i=>jsx(h,{...i,name:"reels"}),Vi=i=>jsx(h,{...i,name:"tabs"}),Bi=i=>jsx(h,{...i,name:"calendar"}),Yi=i=>jsx(h,{...i,name:"kanban"}),ji=i=>jsx(h,{...i,name:"timeline"}),qi=i=>jsx(h,{...i,name:"map-card"}),Xi=i=>jsx(h,{...i,name:"pricing-card"}),Fi=i=>jsx(h,{...i,name:"testimonial"}),Wi=i=>jsx(h,{...i,name:"faq-accordion"}),Gi=i=>jsx(h,{...i,name:"file-explorer"}),_i=i=>jsx(h,{...i,name:"code-block"}),Ki=i=>jsx(h,{...i,name:"e-commerce-checkout"}),Ui=i=>jsx(h,{...i,name:"social-story"}),Ji=i=>jsx(h,{...i,name:"hero-banner"});function k(i={}){f();let e=i.type||"ring",d=i.size!==void 0?typeof i.size=="number"?`${i.size}px`:i.size:"28px",l=i.color||"var(--veil-progress-color, #3b82f6)",r=i.secondaryColor||"rgba(0, 0, 0, 0.12)",s=i.speed!==void 0?typeof i.speed=="number"?`${i.speed}ms`:i.speed:void 0,t=document.createElement("div");switch(t.className=`veil-spinner veil-spinner-${e} ${i.glass?"veil-spinner-glass":""} ${i.className||""}`.trim(),t.setAttribute("role","status"),t.setAttribute("aria-label",i.label||"Loading"),t.style.width=d,t.style.height=d,t.style.display="inline-flex",t.style.alignItems="center",t.style.justifyContent="center",t.style.position="relative",i.glass&&(t.style.borderRadius="50%",t.style.backdropFilter="blur(8px)",t.style.webkitBackdropFilter="blur(8px)",t.style.background="rgba(255, 255, 255, 0.12)",t.style.boxShadow="0 4px 16px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.4)",t.style.border="1px solid rgba(255, 255, 255, 0.25)"),e){case "ring":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.border=`3px solid ${r}`,n.style.borderTopColor=l,n.style.animation=`veil-spin ${s||"800ms"} linear infinite`,n.style.boxSizing="border-box",t.appendChild(n);break}case "dual-ring":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.border="3px solid transparent",n.style.borderTopColor=l,n.style.borderBottomColor=l,n.style.animation=`veil-spin ${s||"900ms"} cubic-bezier(0.5, 0, 0.5, 1) infinite`,n.style.boxSizing="border-box",t.appendChild(n);break}case "dots":{t.style.gap="4px";for(let n=0;n<3;n++){let a=document.createElement("div");a.style.width="28%",a.style.height="28%",a.style.borderRadius="50%",a.style.backgroundColor=l,a.style.animation=`veil-dot-bounce ${s||"1200ms"} ease-in-out infinite`,a.style.animationDelay=`${n*160}ms`,t.appendChild(a);}break}case "bars":{t.style.gap="3px";for(let n=0;n<4;n++){let a=document.createElement("div");a.style.width="18%",a.style.height="100%",a.style.borderRadius="2px",a.style.backgroundColor=l,a.style.animation=`veil-bar-wave ${s||"1000ms"} ease-in-out infinite`,a.style.animationDelay=`${n*140}ms`,t.appendChild(a);}break}case "pulse":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.animation=`veil-pulse-scale ${s||"1200ms"} ease-out infinite`,t.appendChild(n);break}case "orbit":{let n=document.createElement("div");n.style.width="30%",n.style.height="30%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.position="absolute";let a=document.createElement("div");a.style.width="100%",a.style.height="100%",a.style.position="absolute",a.style.animation=`veil-spin ${s||"1200ms"} linear infinite`;let o=document.createElement("div");o.style.width="24%",o.style.height="24%",o.style.borderRadius="50%",o.style.backgroundColor=l,o.style.position="absolute",o.style.top="0",o.style.left="38%",a.appendChild(o),t.append(n,a);break}case "wave":{t.style.gap="4px";for(let n=0;n<5;n++){let a=document.createElement("div");a.style.width="12%",a.style.height="80%",a.style.borderRadius="3px",a.style.backgroundColor=l,a.style.animation=`veil-wave-dance ${s||"1100ms"} ease-in-out infinite`,a.style.animationDelay=`${n*110}ms`,t.appendChild(a);}break}case "bounce":{let n=document.createElement("div");n.style.width="60%",n.style.height="60%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.animation=`veil-bounce-ball ${s||"900ms"} cubic-bezier(0.28, 0.84, 0.42, 1) infinite`,t.appendChild(n);break}case "ios-activity":{for(let n=0;n<12;n++){let a=document.createElement("div");a.style.position="absolute",a.style.width="8%",a.style.height="26%",a.style.backgroundColor=l,a.style.borderRadius="2px",a.style.transformOrigin="50% 190%",a.style.transform=`rotate(${n*30}deg) translateY(-90%)`,a.style.animation=`veil-ios-fade ${s||"1000ms"} linear infinite`,a.style.animationDelay=`-${(12-n)*(1e3/12)}ms`,t.appendChild(a);}break}case "glass-orb":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.background=`radial-gradient(circle at 35% 35%, rgba(255,255,255,0.8), ${l} 70%)`,n.style.boxShadow=`0 4px 12px ${l}44, inset 0 2px 4px rgba(255,255,255,0.6)`,n.style.animation=`veil-glass-orbit ${s||"1600ms"} ease-in-out infinite`,t.appendChild(n);break}case "morph":{let n=document.createElement("div");n.style.width="80%",n.style.height="80%",n.style.backgroundColor=l,n.style.animation=`veil-morph-shape ${s||"2000ms"} ease-in-out infinite`,t.appendChild(n);break}case "progress-circle":{let n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("viewBox","0 0 36 36"),n.style.width="100%",n.style.height="100%",n.style.transform="rotate(-90deg)";let a=document.createElementNS("http://www.w3.org/2000/svg","circle");a.setAttribute("cx","18"),a.setAttribute("cy","18"),a.setAttribute("r","14"),a.setAttribute("fill","none"),a.setAttribute("stroke",r),a.setAttribute("stroke-width","3");let o=document.createElementNS("http://www.w3.org/2000/svg","circle");o.setAttribute("cx","18"),o.setAttribute("cy","18"),o.setAttribute("r","14"),o.setAttribute("fill","none"),o.setAttribute("stroke",l),o.setAttribute("stroke-width","3"),o.setAttribute("stroke-dasharray","88"),o.setAttribute("stroke-dashoffset","25"),o.setAttribute("stroke-linecap","round"),o.style.animation=`veil-spin ${s||"1200ms"} linear infinite`,o.style.transformOrigin="50% 50%",n.append(a,o),t.appendChild(n);break}case "arc-gradient":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.background=`conic-gradient(from 0deg, transparent 20%, ${l} 100%)`,n.style.mask="radial-gradient(farthest-side, transparent calc(100% - 3px), #fff calc(100% - 2.5px))",n.style.webkitMask="radial-gradient(farthest-side, transparent calc(100% - 3px), #fff calc(100% - 2.5px))",n.style.animation=`veil-spin ${s||"750ms"} linear infinite`,t.appendChild(n);break}case "pulse-ring":{for(let n=0;n<2;n++){let a=document.createElement("div");a.style.position="absolute",a.style.inset="0",a.style.borderRadius="50%",a.style.border=`2px solid ${l}`,a.style.animation=`veil-pulse-ring ${s||"1400ms"} cubic-bezier(0, 0.2, 0.8, 1) infinite`,a.style.animationDelay=`${n*700}ms`,t.appendChild(a);}break}case "dots-circle":{for(let n=0;n<8;n++){let a=document.createElement("div");a.style.position="absolute",a.style.width="20%",a.style.height="20%",a.style.borderRadius="50%",a.style.backgroundColor=l,a.style.transformOrigin="50% 250%",a.style.transform=`rotate(${n*45}deg) translateY(-150%)`,a.style.animation=`veil-fade-seq ${s||"1000ms"} linear infinite`,a.style.animationDelay=`-${(8-n)*(1e3/8)}ms`,t.appendChild(a);}break}case "grid-dots":{t.style.display="grid",t.style.gridTemplateColumns="repeat(3, 1fr)",t.style.gap="3px";for(let n=0;n<3;n++)for(let a=0;a<3;a++){let o=document.createElement("div");o.style.width="100%",o.style.aspectRatio="1 / 1",o.style.borderRadius="50%",o.style.backgroundColor=l,o.style.animation=`veil-dot-bounce ${s||"1200ms"} ease-in-out infinite`,o.style.animationDelay=`${(n+a)*110}ms`,t.appendChild(o);}break}case "square-flip":{let n=document.createElement("div");n.style.width="60%",n.style.height="60%",n.style.backgroundColor=l,n.style.borderRadius="4px",n.style.animation=`veil-square-flip ${s||"1200ms"} ease-in-out infinite`,t.appendChild(n);break}case "cube-fold":{t.style.display="grid",t.style.gridTemplateColumns="repeat(2, 1fr)",t.style.gap="2px";for(let n=0;n<4;n++){let a=document.createElement("div");a.style.width="100%",a.style.aspectRatio="1 / 1",a.style.backgroundColor=l,a.style.borderRadius="2px",a.style.animation=`veil-cube-fold ${s||"1400ms"} ease-in-out infinite`,a.style.animationDelay=`${n*175}ms`,t.appendChild(a);}break}case "hourglass":{let n=document.createElement("div");n.style.width="65%",n.style.height="65%",n.style.border=`3px solid ${l}`,n.style.borderLeftColor="transparent",n.style.borderRightColor="transparent",n.style.borderRadius="50%",n.style.animation=`veil-hourglass ${s||"1200ms"} cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite`,t.appendChild(n);break}case "infinity":{let n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("viewBox","0 0 48 24"),n.style.width="100%",n.style.height="100%";let a=document.createElementNS("http://www.w3.org/2000/svg","path");a.setAttribute("d","M12,12 C4,12 4,4 12,4 C20,4 28,20 36,20 C44,20 44,12 36,12 C28,12 20,4 12,4"),a.setAttribute("fill","none"),a.setAttribute("stroke",l),a.setAttribute("stroke-width","3"),a.setAttribute("stroke-dasharray","80"),a.setAttribute("stroke-dashoffset","0"),a.setAttribute("stroke-linecap","round"),a.style.animation=`veil-dash ${s||"1400ms"} linear infinite`,n.appendChild(a),t.appendChild(n);break}case "heartbeat-line":{let n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("viewBox","0 0 50 24"),n.style.width="100%",n.style.height="100%";let a=document.createElementNS("http://www.w3.org/2000/svg","path");a.setAttribute("d","M0,12 L14,12 L18,3 L24,21 L28,9 L32,15 L36,12 L50,12"),a.setAttribute("fill","none"),a.setAttribute("stroke",l),a.setAttribute("stroke-width","2.5"),a.setAttribute("stroke-dasharray","60"),a.setAttribute("stroke-dashoffset","60"),a.setAttribute("stroke-linecap","round"),a.setAttribute("stroke-linejoin","round"),a.style.animation=`veil-ecg ${s||"1200ms"} ease-in-out infinite`,n.appendChild(a),t.appendChild(n);break}case "equalizer":{t.style.gap="3px";let n=[0,200,100,300];for(let a=0;a<4;a++){let o=document.createElement("div");o.style.width="18%",o.style.height="100%",o.style.borderRadius="2px",o.style.backgroundColor=l,o.style.animation=`veil-eq-bounce ${s||"800ms"} ease-in-out infinite alternate`,o.style.animationDelay=`${n[a]}ms`,t.appendChild(o);}break}case "chasing-dots":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.position="relative",n.style.animation=`veil-spin ${s||"1800ms"} linear infinite`;for(let a=0;a<2;a++){let o=document.createElement("div");o.style.position="absolute",o.style.width="45%",o.style.height="45%",o.style.borderRadius="50%",o.style.backgroundColor=l,o.style.animation=`veil-chase ${s||"1800ms"} ease-in-out infinite`,a===0?(o.style.top="0",o.style.left="0"):(o.style.bottom="0",o.style.right="0",o.style.animationDelay="-900ms"),n.appendChild(o);}t.appendChild(n);break}case "typing":{t.style.gap="4px";for(let n=0;n<3;n++){let a=document.createElement("div");a.style.width="24%",a.style.height="24%",a.style.borderRadius="50%",a.style.backgroundColor=l,a.style.animation=`veil-typing ${s||"1000ms"} ease-in-out infinite`,a.style.animationDelay=`${n*150}ms`,t.appendChild(a);}break}case "liquid-fill":{let n=document.createElement("div");n.style.width="85%",n.style.height="85%",n.style.borderRadius="50%",n.style.border=`2px solid ${l}`,n.style.position="relative",n.style.overflow="hidden";let a=document.createElement("div");a.style.position="absolute",a.style.inset="0",a.style.backgroundColor=l,a.style.opacity="0.7",a.style.borderRadius="40%",a.style.animation=`veil-liquid-spin ${s||"2000ms"} linear infinite`,n.appendChild(a),t.appendChild(n);break}case "atom":{let n=document.createElement("div");n.style.width="24%",n.style.height="24%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.position="absolute",t.appendChild(n);let a=[0,60,120];for(let o of a){let p=document.createElement("div");p.style.position="absolute",p.style.width="100%",p.style.height="45%",p.style.borderRadius="50%",p.style.border=`1.5px solid ${l}`,p.style.transform=`rotate(${o}deg)`,p.style.animation=`veil-atom-spin ${s||"1600ms"} linear infinite`,t.appendChild(p);}break}case "clock":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.border=`2.5px solid ${l}`,n.style.position="relative";let a=document.createElement("div");a.style.width="14%",a.style.height="14%",a.style.borderRadius="50%",a.style.backgroundColor=l,a.style.position="absolute",a.style.top="43%",a.style.left="43%";let o=document.createElement("div");o.style.position="absolute",o.style.width="2px",o.style.height="30%",o.style.backgroundColor=l,o.style.top="20%",o.style.left="calc(50% - 1px)",o.style.transformOrigin="bottom center",o.style.animation=`veil-spin ${s||"3000ms"} linear infinite`;let p=document.createElement("div");p.style.position="absolute",p.style.width="2px",p.style.height="42%",p.style.backgroundColor=l,p.style.top="8%",p.style.left="calc(50% - 1px)",p.style.transformOrigin="bottom center",p.style.animation=`veil-spin ${s||"1000ms"} linear infinite`,n.append(a,o,p),t.appendChild(n);break}case "radar":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.border=`1.5px solid ${l}`,n.style.position="relative",n.style.overflow="hidden";let a=document.createElement("div");a.style.position="absolute",a.style.inset="0",a.style.borderRadius="50%",a.style.background=`conic-gradient(from 0deg, transparent 60%, ${l} 100%)`,a.style.opacity="0.6",a.style.animation=`veil-spin ${s||"1500ms"} linear infinite`,n.appendChild(a),t.appendChild(n);break}case "ellipsis":{t.style.gap="3px";for(let n=0;n<3;n++){let a=document.createElement("div");a.style.width="24%",a.style.height="24%",a.style.borderRadius="50%",a.style.backgroundColor=l,a.style.animation=`veil-ellipsis ${s||"1200ms"} ease-in-out infinite`,a.style.animationDelay=`${n*200}ms`,t.appendChild(a);}break}case "flower":{for(let n=0;n<6;n++){let a=document.createElement("div");a.style.position="absolute",a.style.width="28%",a.style.height="48%",a.style.borderRadius="50%",a.style.backgroundColor=l,a.style.opacity="0.85",a.style.transformOrigin="50% 100%",a.style.top="2%",a.style.transform=`rotate(${n*60}deg)`,a.style.animation=`veil-flower-bloom ${s||"1600ms"} ease-in-out infinite`,a.style.animationDelay=`${n*120}ms`,t.appendChild(a);}break}}return Ge(),t}var xe=false;function Ge(){if(xe||typeof document>"u")return;xe=true;let i=document.createElement("style");i.id="veilkit-spinner-keyframes",i.textContent=`
380
512
  @keyframes veil-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
381
513
  @keyframes veil-dot-bounce { 0%, 80%, 100% { transform: scale(0.4); opacity: 0.4; } 40% { transform: scale(1); opacity: 1; } }
382
514
  @keyframes veil-bar-wave { 0%, 100% { transform: scaleY(0.3); opacity: 0.5; } 50% { transform: scaleY(1); opacity: 1; } }
@@ -390,5 +522,139 @@ ${Q()}
390
522
  33% { border-radius: 8px; transform: rotate(90deg); }
391
523
  66% { border-radius: 20px; transform: rotate(180deg); }
392
524
  }
393
- `,document.head.appendChild(t);}function Ci(t){let e=useRef(null);return useEffect(()=>{if(h(),!e.current)return;let i=C(t);e.current.innerHTML="",e.current.appendChild(i);},[t.type,t.size,t.color,t.secondaryColor,t.speed,t.label]),jsx("div",{ref:e,className:`veil-spinner-wrap ${t.className||""}`.trim(),style:{display:"inline-flex",...t.style}})}function Ai(t){let e=useRef(null);return useEffect(()=>{if(h(),!e.current)return;let i=de(t);e.current.innerHTML="",e.current.appendChild(i);},[t.value,t.max,t.height,t.color,t.trackColor,t.circular,t.size,t.showPercentage]),jsx("div",{ref:e,className:`veil-progress-react ${t.className||""}`.trim()})}function Mi({color:t="#3b82f6"}){return useEffect(()=>{if(typeof window>"u")return;document.documentElement.style.setProperty("--veil-progress-color",t);let e=()=>{x.start();},i=()=>{x.start(),setTimeout(()=>x.done(),300);};return window.addEventListener("beforeunload",e),window.addEventListener("popstate",i),()=>{window.removeEventListener("beforeunload",e),window.removeEventListener("popstate",i);}},[t]),null}var P=new Map,q="",K=class{show(e,i={}){h();let r,s=!e;if(s?r=document.body:typeof e=="string"?(r=document.querySelector(e),r||(r=document.body)):r=e,P.has(r))return P.get(r);let a=document.createElement("div");if(a.className=`veil-overlay ${s?"veil-overlay-fullscreen":""} ${i.className||""}`.trim(),a.setAttribute("role","status"),i.color&&a.style.setProperty("--veil-overlay-bg",i.color),i.blur!==void 0){let n=typeof i.blur=="boolean"?i.blur?"8px":"0px":i.blur;a.style.setProperty("--veil-overlay-blur",n);}if(i.zIndex!==void 0&&(a.style.zIndex=String(i.zIndex)),i.spinner!==false){let n=typeof i.spinner=="string"?i.spinner:"ring",l=C({type:n,size:36});a.appendChild(l);}if(i.message){let n=document.createElement("span");n.className="veil-overlay-message",n.style.fontSize="14px",n.style.fontWeight="500",n.style.color="var(--veil-contrast, #1f2937)",n.textContent=i.message,a.appendChild(n);}return s||window.getComputedStyle(r).position==="static"&&(r.style.position="relative"),se(r,i.message),i.lockScroll&&s&&typeof document<"u"&&(q=document.body.style.overflow,document.body.style.overflow="hidden"),r.appendChild(a),P.set(r,a),a}hide(e){let i,r=!e;r?i=document.body:typeof e=="string"?(i=document.querySelector(e),i||(i=document.body)):i=e;let s=P.get(i);s&&(s.style.opacity="0",setTimeout(()=>{s.remove(),P.delete(i),le(i),r&&q!==void 0&&(document.body.style.overflow=q);},200));}},D=new K;function Bi({visible:t=false,blur:e=true,opacity:i,color:r,spinner:s=true,message:a,lockScroll:n=false,className:l="",zIndex:o,children:c}){let m=useRef(null);return useEffect(()=>{if(!m.current)return;let p=m.current;return t?D.show(p,{blur:e,opacity:i,color:r,spinner:s,message:a,lockScroll:n,className:l,zIndex:o}):D.hide(p),()=>{D.hide(p);}},[t,e,i,r,s,a,n,l,o]),jsx("div",{ref:m,className:"veil-overlay-target",style:{position:"relative",width:"100%",height:"100%"},children:c})}function be(t,e={}){h();let i="",r="",s=[],a=null,n=null;function l(o,c){if(o){if(!t.classList.contains("veil-btn-loading")){let m=t.getBoundingClientRect();if(i=t.style.width,r=t.style.height,m.width>0&&(t.style.width=`${m.width}px`),m.height>0&&(t.style.height=`${m.height}px`),t.classList.add("veil-btn-loading"),t.setAttribute("aria-disabled","true"),t.setAttribute("aria-busy","true"),e.spinnerPlacement==="replace"){s=Array.from(t.childNodes),t.innerHTML="";let p=C({type:e.spinner||"ring",size:18,color:"currentColor"});t.appendChild(p);}else {a=document.createElement("span"),a.className="veil-btn-spinner-wrap";let p=C({type:e.spinner||"ring",size:16,color:"currentColor"});a.appendChild(p),t.insertBefore(a,t.firstChild),(c||e.loadingText)&&(n=document.createTextNode(` ${c||e.loadingText}`),t.appendChild(n));}}}else if(t.classList.contains("veil-btn-loading"))if(t.classList.remove("veil-btn-loading"),t.removeAttribute("aria-disabled"),t.removeAttribute("aria-busy"),t.style.width=i,t.style.height=r,e.spinnerPlacement==="replace"){t.innerHTML="";for(let m of s)t.appendChild(m);s=[];}else a&&(a.remove(),a=null),n&&(n.remove(),n=null);}return e.loading&&l(true,e.loadingText),{setLoading:l,destroy:()=>l(false)}}function Ki({loading:t=false,spinner:e="ring",spinnerPlacement:i="start",loadingText:r,disabled:s,children:a,className:n="",onClick:l,...o}){let c=useRef(null),m=useRef(null);return useEffect(()=>{if(c.current)return m.current?m.current.setLoading(t,r):m.current=be(c.current,{loading:t,spinner:e,spinnerPlacement:i,loadingText:r}),()=>{m.current&&(m.current.destroy(),m.current=null);}},[t,e,i,r]),jsx("button",{ref:c,className:`veil-button ${n}`.trim(),disabled:s||t,onClick:t?void 0:l,...o,children:a})}function we(t){h();let e=document.createElement("div");if(e.className=`veil-lazy-img-wrap ${t.className||""}`.trim(),e.style.position="relative",e.style.display="inline-block",e.style.overflow="hidden",t.width&&(e.style.width=typeof t.width=="number"?`${t.width}px`:t.width),t.height&&(e.style.height=typeof t.height=="number"?`${t.height}px`:t.height),t.aspectRatio&&(e.style.aspectRatio=String(t.aspectRatio)),t.radius){let s=typeof t.radius=="number"?`${t.radius}px`:t.radius;e.style.borderRadius=s;}let i=d({animation:t.animation||"shimmer",theme:t.theme,width:"100%",height:"100%",radius:t.radius});i.style.position="absolute",i.style.inset="0",e.appendChild(i);let r=document.createElement("img");return r.alt=t.alt||"",r.className="veil-lazy-img veil-lazy-img-loading",r.style.width="100%",r.style.height="100%",r.style.objectFit="cover",r.style.display="block",r.onload=()=>{r.classList.remove("veil-lazy-img-loading"),r.classList.add("veil-lazy-img-loaded"),i.style.opacity="0",setTimeout(()=>{i.remove();},350),t.onLoad&&t.onLoad();},r.onerror=s=>{t.fallbackSrc&&r.src!==t.fallbackSrc?r.src=t.fallbackSrc:(i.remove(),e.style.backgroundColor="#fee2e2",e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",e.textContent="\u26A0\uFE0F Image failed to load"),t.onError&&t.onError(s);},r.src=t.src,e.appendChild(r),e}function an(t){let e=useRef(null);return useEffect(()=>{if(!e.current)return;let i=we(t);e.current.innerHTML="",e.current.appendChild(i);},[t.src,t.alt,t.width,t.height,t.radius,t.aspectRatio]),jsx("div",{ref:e,className:`veil-lazy-image-host ${t.className||""}`.trim()})}export{an as LazyImage,Ki as LoadingButton,Bi as Overlay,Ai as ProgressBar,Mi as RouteProgress,Ut as Skeleton,mi as SkeletonArticle,ni as SkeletonCard,ui as SkeletonDashboard,ci as SkeletonFeedPost,pi as SkeletonForm,si as SkeletonList,li as SkeletonListItem,hi as SkeletonNavbar,g as SkeletonPreset,ri as SkeletonProductCard,ai as SkeletonProductGrid,di as SkeletonProfile,yi as SkeletonSidebar,oi as SkeletonTable,Ci as Spinner,Gt as Veil,ft as VeilProvider,U as useDelayedLoading,Lt as useLoading,Pt as useProgress,$ as useVeil};//# sourceMappingURL=index.js.map
525
+ @keyframes veil-pulse-ring {
526
+ 0% { transform: scale(0.2); opacity: 1; }
527
+ 100% { transform: scale(1.4); opacity: 0; }
528
+ }
529
+ @keyframes veil-fade-seq { 0% { opacity: 1; } 100% { opacity: 0.1; } }
530
+ @keyframes veil-square-flip {
531
+ 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
532
+ 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
533
+ 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
534
+ }
535
+ @keyframes veil-cube-fold {
536
+ 0%, 10% { transform: scale(1); opacity: 1; }
537
+ 50% { transform: scale(0.3); opacity: 0.3; }
538
+ 90%, 100% { transform: scale(1); opacity: 1; }
539
+ }
540
+ @keyframes veil-hourglass {
541
+ 0% { transform: rotate(0); }
542
+ 50% { transform: rotate(180deg); }
543
+ 100% { transform: rotate(360deg); }
544
+ }
545
+ @keyframes veil-dash {
546
+ 0% { stroke-dashoffset: 0; }
547
+ 100% { stroke-dashoffset: -160; }
548
+ }
549
+ @keyframes veil-ecg {
550
+ 0% { stroke-dashoffset: 60; }
551
+ 50% { stroke-dashoffset: 0; }
552
+ 100% { stroke-dashoffset: -60; }
553
+ }
554
+ @keyframes veil-eq-bounce {
555
+ 0% { transform: scaleY(0.15); }
556
+ 100% { transform: scaleY(1); }
557
+ }
558
+ @keyframes veil-chase {
559
+ 0%, 100% { transform: scale(0.4); }
560
+ 50% { transform: scale(1); }
561
+ }
562
+ @keyframes veil-typing {
563
+ 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
564
+ 30% { transform: translateY(-4px); opacity: 1; }
565
+ }
566
+ @keyframes veil-liquid-spin {
567
+ 0% { transform: translateY(30%) rotate(0deg); }
568
+ 100% { transform: translateY(30%) rotate(360deg); }
569
+ }
570
+ @keyframes veil-atom-spin {
571
+ 0% { transform: rotate(0deg) scale(1); }
572
+ 50% { transform: rotate(180deg) scale(0.95); }
573
+ 100% { transform: rotate(360deg) scale(1); }
574
+ }
575
+ @keyframes veil-ellipsis {
576
+ 0%, 100% { transform: scale(0.5); opacity: 0.3; }
577
+ 50% { transform: scale(1.1); opacity: 1; }
578
+ }
579
+ @keyframes veil-flower-bloom {
580
+ 0%, 100% { transform: scale(0.7); opacity: 0.5; }
581
+ 50% { transform: scale(1); opacity: 1; }
582
+ }
583
+ `,document.head.appendChild(i);}function rn(i){let e=useRef(null);return useEffect(()=>{if(f(),!e.current)return;let d=k(i);e.current.innerHTML="",e.current.appendChild(d);},[i.type,i.size,i.color,i.secondaryColor,i.speed,i.label,i.glass]),jsx("div",{ref:e,className:`veil-spinner-wrap ${i.className||""}`.trim(),style:{display:"inline-flex",...i.style}})}function mn(i){let e=useRef(null);return useEffect(()=>{if(f(),!e.current)return;let d=ce(i);e.current.innerHTML="",e.current.appendChild(d);},[i.value,i.max,i.height,i.color,i.trackColor,i.circular,i.size,i.showPercentage]),jsx("div",{ref:e,className:`veil-progress-react ${i.className||""}`.trim()})}function yn({color:i="#3b82f6"}){return useEffect(()=>{if(typeof window>"u")return;document.documentElement.style.setProperty("--veil-progress-color",i);let e=()=>{w.start();},d=()=>{w.start(),setTimeout(()=>w.done(),300);};return window.addEventListener("beforeunload",e),window.addEventListener("popstate",d),()=>{window.removeEventListener("beforeunload",e),window.removeEventListener("popstate",d);}},[i]),null}var N=new Map,J="",Z=class{show(e,d={}){f();let l,r=!e;if(r?l=document.body:typeof e=="string"?(l=document.querySelector(e),l||(l=document.body)):l=e,N.has(l))return N.get(l);let s=document.createElement("div");if(s.className=`veil-overlay ${r?"veil-overlay-fullscreen":""} ${d.className||""}`.trim(),s.setAttribute("role","status"),d.color&&s.style.setProperty("--veil-overlay-bg",d.color),d.blur!==void 0){let t=typeof d.blur=="boolean"?d.blur?"8px":"0px":d.blur;s.style.setProperty("--veil-overlay-blur",t);}if(d.zIndex!==void 0&&(s.style.zIndex=String(d.zIndex)),d.spinner!==false){let t=typeof d.spinner=="string"?d.spinner:"ring",n=k({type:t,size:36});s.appendChild(n);}if(d.message){let t=document.createElement("span");t.className="veil-overlay-message",t.style.fontSize="14px",t.style.fontWeight="500",t.style.color="var(--veil-contrast, #1f2937)",t.textContent=d.message,s.appendChild(t);}return r||window.getComputedStyle(l).position==="static"&&(l.style.position="relative"),le(l,d.message),d.lockScroll&&r&&typeof document<"u"&&(J=document.body.style.overflow,document.body.style.overflow="hidden"),l.appendChild(s),N.set(l,s),s}hide(e){let d,l=!e;l?d=document.body:typeof e=="string"?(d=document.querySelector(e),d||(d=document.body)):d=e;let r=N.get(d);r&&(r.style.opacity="0",setTimeout(()=>{r.remove(),N.delete(d),oe(d),l&&J!==void 0&&(document.body.style.overflow=J);},200));}},Y=new Z;function Cn({visible:i=false,blur:e=true,opacity:d,color:l,spinner:r=true,message:s,lockScroll:t=false,className:n="",zIndex:a,children:o}){let p=useRef(null);return useEffect(()=>{if(!p.current)return;let m=p.current;return i?Y.show(m,{blur:e,opacity:d,color:l,spinner:r,message:s,lockScroll:t,className:n,zIndex:a}):Y.hide(m),()=>{Y.hide(m);}},[i,e,d,l,r,s,t,n,a]),jsx("div",{ref:p,className:"veil-overlay-target",style:{position:"relative",width:"100%",height:"100%"},children:o})}function ke(i,e={}){f(),at();let d=e.status||(e.loading?"loading":"idle"),l="",r="",s=i.innerHTML,t=null,n=e.pressFeedback||"press-scale";it(i,n);function a(){t&&(clearTimeout(t),t=null);}function o(m,y){a();let x=d;if(d=m,e.onStatusChange&&x!==m&&e.onStatusChange(m),m==="idle"){i.classList.remove("veil-btn-loading","veil-btn-success","veil-btn-error","veil-btn-shake","veil-btn-morph"),i.removeAttribute("aria-disabled"),i.removeAttribute("aria-busy"),i.style.width=l,i.style.height=r,i.innerHTML=s;return}if(x==="idle"){let g=i.getBoundingClientRect();l=i.style.width,r=i.style.height,s=i.innerHTML,g.width>0&&(i.style.width=`${g.width}px`),g.height>0&&(i.style.height=`${g.height}px`);}if(m==="loading"){i.classList.add("veil-btn-loading"),i.classList.remove("veil-btn-success","veil-btn-error"),i.setAttribute("aria-disabled","true"),i.setAttribute("aria-busy","true");let g=e.styleType||(e.spinnerPlacement==="replace"?"spinner-replace":e.spinnerPlacement==="end"?"spinner-right":"spinner-left");nt(i,g,e,y||e.loadingText);}else if(m==="success"){i.classList.remove("veil-btn-loading","veil-btn-error"),i.classList.add("veil-btn-success"),i.setAttribute("aria-busy","false"),ve(i,"success",y||e.successText||"Success",e.resultAnimation);let g=e.resetAfter!==void 0?e.resetAfter:2e3;g>0&&(t=setTimeout(()=>o("idle"),g));}else if(m==="error"){i.classList.remove("veil-btn-loading","veil-btn-success"),i.classList.add("veil-btn-error"),i.setAttribute("aria-busy","false"),ve(i,"error",y||e.errorText||"Failed",e.resultAnimation);let g=e.resetAfter!==void 0?e.resetAfter:2e3;g>0&&(t=setTimeout(()=>o("idle"),g));}}let p=async m=>{if(d!=="idle"){m.preventDefault(),m.stopPropagation();return}if(e.onClick)try{let y=e.onClick(m);y&&typeof y.then=="function"&&(o("loading"),await y,o("success"));}catch{o("error");}};return i.addEventListener("click",p),e.status?o(e.status):e.loading&&o("loading",e.loadingText),{setStatus:o,setLoading:(m,y)=>o(m?"loading":"idle",y),getStatus:()=>d,destroy:()=>{a(),i.removeEventListener("click",p),o("idle");}}}function it(i,e){if(e!=="none")if(e==="press-scale"){i.style.transition="transform 100ms ease, box-shadow 150ms ease",i.addEventListener("mousedown",()=>{i.style.transform="scale(0.97)";});let d=()=>{i.style.transform="scale(1)";};i.addEventListener("mouseup",d),i.addEventListener("mouseleave",d);}else e==="ripple"?(i.style.position="relative",i.style.overflow="hidden",i.addEventListener("click",d=>{let l=i.getBoundingClientRect(),r=document.createElement("span"),s=Math.max(l.width,l.height),t=s/2;r.style.width=r.style.height=`${s}px`,r.style.left=`${d.clientX-l.left-t}px`,r.style.top=`${d.clientY-l.top-t}px`,r.className="veil-btn-ripple";let n=i.querySelector(".veil-btn-ripple");n&&n.remove(),i.appendChild(r);})):e==="glow-follow"&&i.addEventListener("mousemove",d=>{let l=i.getBoundingClientRect(),r=d.clientX-l.left,s=d.clientY-l.top;i.style.setProperty("--veil-mouse-x",`${r}px`),i.style.setProperty("--veil-mouse-y",`${s}px`);});}function nt(i,e,d,l){let r=d.spinner||"ring",s=l||i.textContent?.trim()||"";switch(i.innerHTML="",e){case "spinner-left":{let t=k({type:r,size:16,color:"currentColor"});t.classList.add("veil-btn-spinner-wrap");let n=document.createElement("span");n.textContent=s,i.append(t,n);break}case "spinner-right":{let t=document.createElement("span");t.textContent=s;let n=k({type:r,size:16,color:"currentColor"});n.classList.add("veil-btn-spinner-wrap"),n.style.marginLeft="8px",n.style.marginRight="0",i.append(t,n);break}case "spinner-replace":{let t=k({type:r,size:20,color:"currentColor"});i.appendChild(t);break}case "dots-after-text":{let t=document.createElement("span");t.textContent=s;let n=document.createElement("span");n.className="veil-btn-typing-dots",n.textContent="...",i.append(t,n);break}case "progress-fill":{let t=document.createElement("div");t.className="veil-btn-progress-bar";let n=d.progress!==void 0?d.progress:60;t.style.width=`${n}%`;let a=document.createElement("span");a.style.position="relative",a.style.zIndex="2",a.textContent=s,i.append(t,a);break}case "shimmer-surface":{let t=document.createElement("span");t.textContent=s,t.style.position="relative",t.style.zIndex="2";let n=document.createElement("div");n.className="veil-btn-shimmer",i.append(t,n);break}case "pulse-glow":{i.classList.add("veil-btn-pulse-glow");let t=document.createElement("span");t.textContent=s,i.appendChild(t);break}case "stripes-progress":{let t=document.createElement("div");t.className="veil-btn-stripes";let n=document.createElement("span");n.style.position="relative",n.style.zIndex="2",n.textContent=s,i.append(t,n);break}case "morph-circle":{i.classList.add("veil-btn-morph");let t=k({type:r,size:20,color:"currentColor"});i.appendChild(t);break}case "slide-text":{let t=document.createElement("span");t.className="veil-btn-slide-wrap";let n=document.createElement("span");n.className="veil-btn-slide-out",n.textContent=s;let a=document.createElement("span");a.className="veil-btn-slide-in",a.textContent=l||"Loading\u2026",t.append(n,a),i.appendChild(t);break}case "border-trace":{let t=document.createElement("span");t.textContent=s,t.style.position="relative",t.style.zIndex="2";let n=document.createElement("div");n.className="veil-btn-border-trace",i.append(t,n);break}case "liquid-fill":{let t=document.createElement("div");t.className="veil-btn-liquid";let n=document.createElement("span");n.style.position="relative",n.style.zIndex="2",n.textContent=s,i.append(t,n);break}case "bounce-dots":{let t=k({type:"dots",size:22,color:"currentColor"}),n=document.createElement("span");n.textContent=s?` ${s}`:"",i.append(t,n);break}case "glass-shine":{i.classList.add("veil-btn-glass-shine");let t=document.createElement("span");t.textContent=s,i.appendChild(t);break}case "neon-pulse":{i.classList.add("veil-btn-neon-pulse");let t=document.createElement("span");t.textContent=s,i.appendChild(t);break}case "skeleton-button":{let t=document.createElement("div");t.className="veil-skeleton",t.setAttribute("data-veil-shape","button"),t.setAttribute("data-veil-anim","shimmer"),t.style.width="100%",t.style.height="100%",i.appendChild(t);break}}}function ve(i,e,d,l="checkmark"){if(i.innerHTML="",i.style.display="inline-flex",i.style.alignItems="center",i.style.justifyContent="center",i.style.gap="8px",e==="error"&&(l==="shake"||l==="cross"||l==="none")&&i.classList.add("veil-btn-shake"),e==="success"&&l==="success-burst"){let n=document.createElement("div");n.className="veil-btn-burst",i.appendChild(n);}let r=document.createElementNS("http://www.w3.org/2000/svg","svg");r.setAttribute("viewBox","0 0 24 24"),r.style.width="18px",r.style.height="18px",r.style.stroke="currentColor",r.style.strokeWidth="2.5",r.style.fill="none",r.style.strokeLinecap="round",r.style.strokeLinejoin="round";let s=document.createElementNS("http://www.w3.org/2000/svg","path");e==="success"?s.setAttribute("d","M5 13l4 4L19 7"):s.setAttribute("d","M6 18L18 6M6 6l12 12"),s.style.strokeDasharray="30",s.style.strokeDashoffset="30",s.style.animation="veil-draw 300ms ease forwards",r.appendChild(s);let t=document.createElement("span");t.textContent=d,i.append(r,t);}var we=false;function at(){if(we||typeof document>"u")return;we=true;let i=document.createElement("style");i.id="veilkit-button-styles",i.textContent=`
584
+ .veil-btn-loading { position: relative; cursor: wait !important; pointer-events: none; }
585
+ .veil-btn-success { background-color: #10b981 !important; color: #fff !important; }
586
+ .veil-btn-error { background-color: #ef4444 !important; color: #fff !important; }
587
+ .veil-btn-shake { animation: veil-shake 350ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }
588
+ .veil-btn-ripple {
589
+ position: absolute; border-radius: 50%;
590
+ background: rgba(255, 255, 255, 0.4);
591
+ transform: scale(0);
592
+ animation: veil-btn-ripple-anim 600ms linear;
593
+ pointer-events: none;
594
+ }
595
+ .veil-btn-progress-bar {
596
+ position: absolute; left: 0; top: 0; bottom: 0;
597
+ background: rgba(255, 255, 255, 0.25);
598
+ transition: width 200ms ease;
599
+ }
600
+ .veil-btn-shimmer {
601
+ position: absolute; inset: 0;
602
+ background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
603
+ animation: veil-btn-shimmer 1.5s infinite;
604
+ }
605
+ .veil-btn-pulse-glow { animation: veil-btn-glow 1.4s ease-in-out infinite alternate; }
606
+ .veil-btn-stripes {
607
+ position: absolute; inset: 0;
608
+ background: repeating-linear-gradient(45deg, rgba(255,255,255,0.15), rgba(255,255,255,0.15) 10px, transparent 10px, transparent 20px);
609
+ background-size: 28px 28px;
610
+ animation: veil-btn-stripes 1s linear infinite;
611
+ }
612
+ .veil-btn-morph { border-radius: 50% !important; padding: 0 !important; width: 40px !important; height: 40px !important; transition: all 250ms ease; }
613
+ .veil-btn-typing-dots { animation: veil-typing-text 1.2s infinite; display: inline-block; width: 1.2em; text-align: left; }
614
+ .veil-btn-slide-wrap { display: flex; flex-direction: column; overflow: hidden; height: 1.2em; position: relative; }
615
+ .veil-btn-slide-out { animation: veil-slide-up-out 250ms forwards; }
616
+ .veil-btn-slide-in { animation: veil-slide-up-in 250ms forwards; }
617
+ .veil-btn-border-trace {
618
+ position: absolute; inset: -2px; border-radius: inherit;
619
+ background: conic-gradient(from 0deg, transparent 60%, currentColor 100%);
620
+ animation: veil-spin 1.2s linear infinite;
621
+ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #fff calc(100% - 1.5px));
622
+ mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #fff calc(100% - 1.5px));
623
+ }
624
+ .veil-btn-liquid {
625
+ position: absolute; inset: 0; background: currentColor; opacity: 0.15;
626
+ animation: veil-liquid-wave 2s infinite ease-in-out alternate;
627
+ }
628
+ .veil-btn-glass-shine {
629
+ box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);
630
+ background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.05));
631
+ }
632
+ .veil-btn-neon-pulse {
633
+ box-shadow: 0 0 15px currentColor;
634
+ animation: veil-btn-glow 1.2s infinite alternate;
635
+ }
636
+ .veil-btn-burst {
637
+ position: absolute; inset: -4px; border-radius: inherit;
638
+ box-shadow: 0 0 20px #10b981;
639
+ animation: veil-burst 500ms ease-out forwards;
640
+ pointer-events: none;
641
+ }
642
+
643
+ @keyframes veil-draw { to { stroke-dashoffset: 0; } }
644
+ @keyframes veil-shake {
645
+ 10%, 90% { transform: translate3d(-1px, 0, 0); }
646
+ 20%, 80% { transform: translate3d(2px, 0, 0); }
647
+ 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
648
+ 40%, 60% { transform: translate3d(4px, 0, 0); }
649
+ }
650
+ @keyframes veil-btn-ripple-anim { to { transform: scale(4); opacity: 0; } }
651
+ @keyframes veil-btn-shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
652
+ @keyframes veil-btn-glow { from { opacity: 0.8; transform: scale(0.99); } to { opacity: 1; transform: scale(1.01); } }
653
+ @keyframes veil-btn-stripes { from { background-position: 0 0; } to { background-position: 28px 0; } }
654
+ @keyframes veil-slide-up-out { from { transform: translateY(0); } to { transform: translateY(-100%); } }
655
+ @keyframes veil-slide-up-in { from { transform: translateY(100%); } to { transform: translateY(0); } }
656
+ @keyframes veil-liquid-wave { from { transform: scaleY(0.7); } to { transform: scaleY(1); } }
657
+ @keyframes veil-burst { 0% { opacity: 1; transform: scale(0.95); } 100% { opacity: 0; transform: scale(1.2); } }
658
+ @keyframes veil-typing-text { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } }
659
+ `,document.head.appendChild(i);}function Mn({status:i,loading:e=false,styleType:d="spinner-left",spinner:l="ring",spinnerPlacement:r="start",loadingText:s,successText:t,errorText:n,resetAfter:a=2e3,progress:o,pressFeedback:p="press-scale",resultAnimation:m="checkmark",haptics:y,disabled:x,children:g,className:v="",onStatusChange:T,onClick:P,...M}){let S=useRef(null),C=useRef(null);return useEffect(()=>{if(S.current)return C.current?i!==void 0?C.current.setStatus(i):C.current.setLoading(e,s):C.current=ke(S.current,{status:i,loading:e,styleType:d,spinner:l,spinnerPlacement:r,loadingText:s,successText:t,errorText:n,resetAfter:a,progress:o,pressFeedback:p,resultAnimation:m,haptics:y,onStatusChange:T,onClick:P}),()=>{C.current&&(C.current.destroy(),C.current=null);}},[i,e,d,l,r,s,t,n,a,o,p,m]),jsx("button",{ref:S,className:`veil-button ${v}`.trim(),disabled:x||e||i==="loading",...M,children:g})}function Ee(i){f();let e=document.createElement("div");if(e.className=`veil-lazy-img-wrap ${i.className||""}`.trim(),e.style.position="relative",e.style.display="inline-block",e.style.overflow="hidden",i.width&&(e.style.width=typeof i.width=="number"?`${i.width}px`:i.width),i.height&&(e.style.height=typeof i.height=="number"?`${i.height}px`:i.height),i.aspectRatio&&(e.style.aspectRatio=String(i.aspectRatio)),i.radius){let r=typeof i.radius=="number"?`${i.radius}px`:i.radius;e.style.borderRadius=r;}let d=c({animation:i.animation||"shimmer",theme:i.theme,width:"100%",height:"100%",radius:i.radius});d.style.position="absolute",d.style.inset="0",e.appendChild(d);let l=document.createElement("img");return l.alt=i.alt||"",l.className="veil-lazy-img veil-lazy-img-loading",l.style.width="100%",l.style.height="100%",l.style.objectFit="cover",l.style.display="block",l.onload=()=>{l.classList.remove("veil-lazy-img-loading"),l.classList.add("veil-lazy-img-loaded"),d.style.opacity="0",setTimeout(()=>{d.remove();},350),i.onLoad&&i.onLoad();},l.onerror=r=>{i.fallbackSrc&&l.src!==i.fallbackSrc?l.src=i.fallbackSrc:(d.remove(),e.style.backgroundColor="#fee2e2",e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",e.textContent="\u26A0\uFE0F Image failed to load"),i.onError&&i.onError(r);},l.src=i.src,e.appendChild(l),e}function Yn(i){let e=useRef(null);return useEffect(()=>{if(!e.current)return;let d=Ee(i);e.current.innerHTML="",e.current.appendChild(d);},[i.src,i.alt,i.width,i.height,i.radius,i.aspectRatio]),jsx("div",{ref:e,className:`veil-lazy-image-host ${i.className||""}`.trim()})}function Se(i){f();let e=document.createElement("div");e.className=`veil-custom-skeleton ${i.className||""}`.trim(),e.setAttribute("role","status"),e.setAttribute("aria-busy","true"),e.setAttribute("aria-label","Loading content"),i.theme&&typeof i.theme=="string"&&e.setAttribute("data-veil-theme",i.theme),e.style.display="flex",e.style.flexDirection="column",e.style.gap=typeof i.gap=="number"?`${i.gap}px`:i.gap||"12px",e.style.width="100%",i.style&&Object.assign(e.style,i.style);let d={animation:i.animation||"shimmer",theme:i.theme,direction:i.direction},l=i.shape==="pill"?"9999px":i.shape==="square"?"4px":i.shape==="sharp"?"0px":void 0;function r(t){let n=t.count||1,a=t.radius?typeof t.radius=="number"?`${t.radius}px`:t.radius:l;if(t.type==="row"||t.type==="col"||t.type==="card"){let o=document.createElement("div");if(o.className=`veil-layout-${t.type} ${t.className||""}`.trim(),o.style.display="flex",o.style.flexDirection=t.type==="row"?"row":"column",o.style.gap=typeof t.gap=="number"?`${t.gap}px`:t.gap||"12px",o.style.width=t.width?typeof t.width=="number"?`${t.width}px`:t.width:"100%",t.height&&(o.style.height=typeof t.height=="number"?`${t.height}px`:t.height),t.align==="center"?o.style.alignItems="center":t.align==="end"?o.style.alignItems="flex-end":t.align==="between"&&(o.style.justifyContent="space-between"),t.type==="card"&&(o.style.padding="16px",o.style.borderRadius=a||"12px",o.style.background="var(--veil-card-bg, rgba(255, 255, 255, 0.03))",o.style.border="1px solid var(--veil-card-border, rgba(255, 255, 255, 0.08))"),t.style&&Object.assign(o.style,t.style),t.children)for(let p of t.children)o.appendChild(r(p));return o}if(n>1){let o=document.createElement("div");o.style.display="flex",o.style.flexDirection="column",o.style.gap=typeof t.gap=="number"?`${t.gap}px`:t.gap||"8px",o.style.width="100%";for(let p=0;p<n;p++){let m=s(t,a);o.appendChild(m);}return o}return s(t,a)}function s(t,n){let a="rect",o=t.width,p=t.height,m=n;switch(t.type){case "avatar":a="circle",o=o||44,p=p||44,m="50%";break;case "heading":a="heading",o=o||"70%",p=p||24,m=m||"6px";break;case "line":a="line",o=o||"100%",p=p||14,m=m||"4px";break;case "button":a="button",o=o||120,p=p||40,m=m||"8px";break;case "badge":a="badge",o=o||64,p=p||22,m=m||"9999px";break;default:a="rect",o=o||"100%",p=p||160,m=m||"8px";break}return c({...d,type:a,width:o,height:p,radius:m,style:t.style,className:t.className})}for(let t of i.nodes)e.appendChild(r(t));return e}function Jn({config:i,className:e="",style:d}){let l=useRef(null),r=L();return useEffect(()=>{if(f(r.nonce),!l.current)return;let s=Se({...i,animation:i.animation||r.animation,theme:i.theme||r.theme});l.current.innerHTML="",l.current.appendChild(s);},[i,r.animation,r.theme,r.nonce]),jsx("div",{ref:l,className:`veil-custom-skeleton-wrap ${e}`.trim(),style:d})}export{Jn as CustomSkeleton,Yn as LazyImage,Mn as LoadingButton,Cn as Overlay,mn as ProgressBar,yn as RouteProgress,ii as Skeleton,vi as SkeletonArticle,Bi as SkeletonCalendar,mi as SkeletonCard,Ai as SkeletonChartBar,Ni as SkeletonChartLine,Mi as SkeletonChartPie,Ki as SkeletonCheckout,_i as SkeletonCodeBlock,wi as SkeletonDashboard,Wi as SkeletonFaqAccordion,bi as SkeletonFeedPost,Gi as SkeletonFileExplorer,ki as SkeletonForm,Ji as SkeletonHeroBanner,Li as SkeletonInboxList,Yi as SkeletonKanban,Ri as SkeletonKpiCard,hi as SkeletonList,gi as SkeletonListItem,qi as SkeletonMapCard,Ii as SkeletonMusicPlayer,Ci as SkeletonNavbar,Pi as SkeletonNewsFeed,Ti as SkeletonNotificationList,$i as SkeletonOrderList,h as SkeletonPreset,Xi as SkeletonPricingCard,yi as SkeletonProductCard,Si as SkeletonProductDetail,ui as SkeletonProductGrid,xi as SkeletonProfile,zi as SkeletonReels,Di as SkeletonSearchResults,Ei as SkeletonSidebar,Ui as SkeletonSocialStory,Hi as SkeletonStoriesRow,fi as SkeletonTable,Vi as SkeletonTabs,Fi as SkeletonTestimonial,ji as SkeletonTimeline,Oi as SkeletonVideoPlayer,rn as Spinner,ni as Veil,St as VeilProvider,_ as useDelayedLoading,It as useLoading,Ht as useProgress,L as useVeil};//# sourceMappingURL=index.js.map
394
660
  //# sourceMappingURL=index.js.map