veilkit 0.2.1 → 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 (50) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/README.md +119 -6
  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 +5 -5
  8. package/dist/angular/index.cjs.map +1 -1
  9. package/dist/angular/index.d.cts +2 -2
  10. package/dist/angular/index.d.ts +2 -2
  11. package/dist/angular/index.js +5 -5
  12. package/dist/angular/index.js.map +1 -1
  13. package/dist/{controller-Ceub9kLC.d.ts → controller-Cmc3Hp1j.d.ts} +1 -1
  14. package/dist/{controller-B6kFsWzi.d.cts → controller-CzNTbEGd.d.cts} +1 -1
  15. package/dist/element/index.cjs +14 -14
  16. package/dist/element/index.cjs.map +1 -1
  17. package/dist/element/index.js +14 -14
  18. package/dist/element/index.js.map +1 -1
  19. package/dist/index.cjs +13 -5
  20. package/dist/index.cjs.map +1 -1
  21. package/dist/index.d.cts +27 -4
  22. package/dist/index.d.ts +27 -4
  23. package/dist/index.js +13 -5
  24. package/dist/index.js.map +1 -1
  25. package/dist/native/index.d.cts +1 -1
  26. package/dist/native/index.d.ts +1 -1
  27. package/dist/react/index.cjs +14 -14
  28. package/dist/react/index.cjs.map +1 -1
  29. package/dist/react/index.d.cts +14 -2
  30. package/dist/react/index.d.ts +14 -2
  31. package/dist/react/index.js +14 -14
  32. package/dist/react/index.js.map +1 -1
  33. package/dist/svelte/index.cjs +4 -4
  34. package/dist/svelte/index.cjs.map +1 -1
  35. package/dist/svelte/index.d.cts +1 -1
  36. package/dist/svelte/index.d.ts +1 -1
  37. package/dist/svelte/index.js +4 -4
  38. package/dist/svelte/index.js.map +1 -1
  39. package/dist/themes/index.d.cts +1 -1
  40. package/dist/themes/index.d.ts +1 -1
  41. package/dist/{types-CnR-rU97.d.cts → types-D2ryMkLU.d.cts} +25 -2
  42. package/dist/{types-CnR-rU97.d.ts → types-D2ryMkLU.d.ts} +25 -2
  43. package/dist/veilkit.min.js +13 -5
  44. package/dist/vue/index.cjs +3 -3
  45. package/dist/vue/index.cjs.map +1 -1
  46. package/dist/vue/index.d.cts +1 -1
  47. package/dist/vue/index.d.ts +1 -1
  48. package/dist/vue/index.js +3 -3
  49. package/dist/vue/index.js.map +1 -1
  50. package/package.json +2 -1
@@ -1,4 +1,4 @@
1
- import { b as ProgressProps, O as OverlayProps, S as SkeletonProps, i as VeilPrimitiveType, P as PresetProps, g as VeilPresetName, d as VeilGlobalConfig, A as AutoMeasureOptions, l as SkeletonController, c as SpinnerProps } from './types-CnR-rU97.js';
1
+ import { b as ProgressProps, O as OverlayProps, S as SkeletonProps, i as VeilPrimitiveType, P as PresetProps, g as VeilPresetName, d as VeilGlobalConfig, A as AutoMeasureOptions, l as SkeletonController, c as SpinnerProps } from './types-D2ryMkLU.js';
2
2
  import { createTheme, getThemeTokens } from './themes/index.js';
3
3
 
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { b as ProgressProps, O as OverlayProps, S as SkeletonProps, i as VeilPrimitiveType, P as PresetProps, g as VeilPresetName, d as VeilGlobalConfig, A as AutoMeasureOptions, l as SkeletonController, c as SpinnerProps } from './types-CnR-rU97.cjs';
1
+ import { b as ProgressProps, O as OverlayProps, S as SkeletonProps, i as VeilPrimitiveType, P as PresetProps, g as VeilPresetName, d as VeilGlobalConfig, A as AutoMeasureOptions, l as SkeletonController, c as SpinnerProps } from './types-D2ryMkLU.cjs';
2
2
  import { createTheme, getThemeTokens } from './themes/index.cjs';
3
3
 
4
4
  /**
@@ -1,20 +1,20 @@
1
- 'use strict';var w={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 P(){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 B=false;function J(){let s=w.light,e=w.dark;return `
1
+ 'use strict';var w={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 P(){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 B=false;function J(){let l=w.light,e=w.dark;return `
2
2
  /* === VEILKIT CORE STYLES === */
3
3
  :root {
4
- --veil-base: ${s.base};
5
- --veil-highlight: ${s.highlight};
6
- --veil-radius: ${s.radius};
7
- --veil-duration: ${s.duration};
8
- --veil-easing: ${s.easing};
4
+ --veil-base: ${l.base};
5
+ --veil-highlight: ${l.highlight};
6
+ --veil-radius: ${l.radius};
7
+ --veil-duration: ${l.duration};
8
+ --veil-easing: ${l.easing};
9
9
  --veil-direction: ltr;
10
10
  --veil-border: none;
11
11
  --veil-blur: none;
12
12
  --veil-glow: none;
13
- --veil-contrast: ${s.contrast};
13
+ --veil-contrast: ${l.contrast};
14
14
 
15
- --veil-auto-base: ${s.base};
16
- --veil-auto-highlight: ${s.highlight};
17
- --veil-auto-contrast: ${s.contrast};
15
+ --veil-auto-base: ${l.base};
16
+ --veil-auto-highlight: ${l.highlight};
17
+ --veil-auto-contrast: ${l.contrast};
18
18
  }
19
19
 
20
20
  @media (prefers-color-scheme: dark) {
@@ -33,7 +33,7 @@
33
33
  }
34
34
 
35
35
  /* === THEME ATTRIBUTE CLASSES === */
36
- ${Object.entries(w).map(([c,r])=>`[data-veil-theme="${c}"]{--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(w).map(([p,r])=>`[data-veil-theme="${p}"]{--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("")}
37
37
 
38
38
  /* === BASE SKELETON ELEMENT === */
39
39
  .veil-skeleton {
@@ -508,7 +508,7 @@ ${Object.entries(w).map(([c,r])=>`[data-veil-theme="${c}"]{--veil-base:${r.base}
508
508
  }
509
509
 
510
510
  ${P()}
511
- `}function u(s){if(B||typeof document>"u")return;B=true;let e=J();if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&true)try{let l=new CSSStyleSheet;l.replaceSync(e),document.adoptedStyleSheets=[...document.adoptedStyleSheets,l];return}catch{}let r=document.createElement("style");r.id="veilkit-styles",r.textContent=e,document.head.appendChild(r);}var C=0;function Q(){return C===0&&typeof performance<"u"&&(C=performance.now()),C}function E(s=1500){if(typeof performance>"u")return "0ms";let e=performance.now()-Q();return `-${Math.round(e%s)}ms`}function H(s=1500){if(typeof s=="number")return s;if(!s)return 1500;let e=s.trim().toLowerCase();return e.endsWith("ms")?parseFloat(e)||1500:e.endsWith("s")?(parseFloat(e)||1.5)*1e3:parseFloat(e)||1500}var x=null,Y=new Set,O=false;function ee(s){for(let e of s){let c=e.target;e.isIntersecting?(c.removeAttribute("data-veil-offscreen"),c.style.removeProperty("--veil-play-state")):(c.setAttribute("data-veil-offscreen","true"),c.style.setProperty("--veil-play-state","paused"));}}function te(){O||typeof document>"u"||(O=true,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden");}));}function j(s){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(te(),x||(x=new IntersectionObserver(ee,{rootMargin:"100px 0px",threshold:0})),x.observe(s),Y.add(s),()=>{x&&s&&(x.unobserve(s),Y.delete(s));})}function o(s={}){u();let e=document.createElement("div");e.className=`veil-skeleton ${s.className||""}`.trim(),e.setAttribute("aria-hidden","true");let c=s.type||"rect";if(e.setAttribute("data-veil-shape",c),s.animation&&e.setAttribute("data-veil-anim",s.animation),s.direction&&e.setAttribute("data-veil-dir",s.direction),typeof s.theme=="string"&&e.setAttribute("data-veil-theme",s.theme),s.width!==void 0&&(e.style.width=typeof s.width=="number"?`${s.width}px`:s.width),s.height!==void 0&&(e.style.height=typeof s.height=="number"?`${s.height}px`:s.height),s.radius!==void 0&&(e.style.setProperty("--veil-radius",typeof s.radius=="number"?`${s.radius}px`:s.radius),e.style.borderRadius=typeof s.radius=="number"?`${s.radius}px`:s.radius),s.speed!==void 0){let r=H(s.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(s.style)for(let[r,l]of Object.entries(s.style))e.style[r]=l;return j(e),e}function g(s=3,e={}){let c=document.createElement("div");c.className=`veil-lines-group ${e.className||""}`.trim(),c.setAttribute("aria-hidden","true");let r=e.gap!==void 0?typeof e.gap=="number"?`${e.gap}px`:e.gap:"0.45rem";c.style.display="flex",c.style.flexDirection="column",c.style.gap=r;let l=["100%","94%","88%","75%"],n=e.lastLineWidth!==void 0?typeof e.lastLineWidth=="number"?`${e.lastLineWidth}px`:e.lastLineWidth:"65%";for(let i=0;i<s;i++){let a=i===s-1?n:l[i%l.length]||"95%",d=o({...e,type:"line",width:a});d.style.setProperty("--veil-stagger-idx",String(i)),c.appendChild(d);}return c}function A(s){let e=document.createElement("div");e.className=`veil-preset veil-preset-${s.name} ${s.className||""}`.trim(),e.setAttribute("aria-hidden","true"),e.style.width=s.width!==void 0?typeof s.width=="number"?`${s.width}px`:s.width:"100%",e.style.boxSizing="border-box";let c=s.shape||"rounded",r;c==="pill"?r="9999px":c==="square"?r="4px":c==="sharp"&&(r="0px"),c==="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 l={animation:s.animation,theme:s.theme,direction:s.direction,speed:s.speed,radius:r};switch(s.name){case "card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let n=o({...l,type:"rect",height:"180px",radius:r||"8px"}),i=o({...l,type:"heading",width:"70%",height:"24px"}),t=g(2,l),a=o({...l,type:"button",width:"110px",height:"36px"});e.append(n,i,t,a);break}case "product-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="14px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...l,type:"rect",height:"200px",radius:r||"10px"}),i=o({...l,type:"badge",width:"50px",height:"18px"}),t=o({...l,type:"line",width:"85%",height:"18px"}),a=o({...l,type:"line",width:"40%",height:"22px"}),d=o({...l,type:"button",width:"100%",height:"38px"});e.append(n,i,t,a,d);break}case "product-grid":{let n=s.items||4,i=s.columns||2;e.style.display="grid",e.style.gridTemplateColumns=`repeat(${i}, 1fr)`,e.style.gap="16px";for(let t=0;t<n;t++){let a=A({...s,name:"product-card",width:"100%"});e.appendChild(a);}break}case "list":{let n=s.items||4;e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let i=0;i<n;i++){let t=o({...l,type:"line",width:`${95-i%3*15}%`,height:"18px"});e.appendChild(t);}break}case "list-item":{e.style.display="flex",e.style.alignItems="center",e.style.gap="14px",e.style.padding="10px 0";let n=o({...l,type:"circle",width:"44px",height:"44px"}),i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.style.flex="1";let t=o({...l,type:"line",width:"60%",height:"16px"}),a=o({...l,type:"line",width:"40%",height:"12px"});i.append(t,a),e.append(n,i);break}case "table":{let n=s.items||5;e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px",e.style.padding="12px",e.style.borderRadius=r||"8px",e.style.border="1px solid rgba(0,0,0,0.06)";let i=document.createElement("div");i.style.display="grid",i.style.gridTemplateColumns="2fr 1fr 1fr 1fr",i.style.gap="12px",i.style.paddingBottom="8px",i.style.borderBottom="2px solid rgba(0,0,0,0.08)";for(let t=0;t<4;t++)i.appendChild(o({...l,type:"line",height:"16px"}));e.appendChild(i);for(let t=0;t<n;t++){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 d=0;d<4;d++)a.appendChild(o({...l,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=r||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...l,type:"circle",width:"88px",height:"88px"}),i=o({...l,type:"heading",width:"160px",height:"22px"}),t=g(2,l),a=document.createElement("div");a.style.display="flex",a.style.gap="10px",a.append(o({...l,type:"button",width:"100px",height:"34px"}),o({...l,type:"button",width:"100px",height:"34px"})),e.append(n,i,t,a);break}case "profile-header":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=r||"16px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...l,type:"rect",height:"140px",radius:"0"}),i=document.createElement("div");i.style.display="flex",i.style.alignItems="flex-end",i.style.gap="16px",i.style.padding="0 20px 20px 20px",i.style.marginTop="-40px";let t=o({...l,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(o({...l,type:"heading",width:"140px",height:"20px"}),o({...l,type:"line",width:"200px",height:"14px"})),i.append(t,a),e.append(n,i);break}case "feed-post":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="10px",n.append(o({...l,type:"circle",width:"40px",height:"40px"}),o({...l,type:"line",width:"120px",height:"16px"}));let i=g(2,l),t=o({...l,type:"rect",height:"220px",radius:r||"8px"}),a=document.createElement("div");a.style.display="flex",a.style.gap="16px",a.append(o({...l,type:"button",width:"60px",height:"28px"}),o({...l,type:"button",width:"60px",height:"28px"})),e.append(n,i,t,a);break}case "article":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let n=o({...l,type:"heading",width:"85%",height:"36px"}),i=document.createElement("div");i.style.display="flex",i.style.gap="12px",i.append(o({...l,type:"circle",width:"32px",height:"32px"}),o({...l,type:"line",width:"140px",height:"14px"}));let t=o({...l,type:"rect",height:"260px",radius:r||"10px"}),a=g(4,l),d=g(3,l);e.append(n,i,t,a,d);break}case "comment-thread":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let n=0;n<3;n++){let i=document.createElement("div");i.style.display="flex",i.style.gap="12px",n===1&&(i.style.marginLeft="40px");let t=o({...l,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(o({...l,type:"line",width:"120px",height:"14px"}),g(2,l)),i.append(t,a),e.appendChild(i);}break}case "chat":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="16px";let n=[{align:"flex-start",w:"65%"},{align:"flex-end",w:"50%"},{align:"flex-start",w:"80%"},{align:"flex-end",w:"40%"}];for(let i of n){let t=document.createElement("div");t.style.display="flex",t.style.justifyContent=i.align;let a=o({...l,type:"rect",width:i.w,height:"42px",radius:r||"18px"});t.appendChild(a),e.appendChild(t);}break}case "dashboard":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let n=document.createElement("div");n.style.display="grid",n.style.gridTemplateColumns="repeat(3, 1fr)",n.style.gap="12px";for(let t=0;t<3;t++){let a=document.createElement("div");a.style.padding="16px",a.style.borderRadius=r||"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(o({...l,type:"line",width:"60%",height:"14px"}),o({...l,type:"heading",width:"80%",height:"28px"})),n.appendChild(a);}let i=o({...l,type:"rect",height:"200px",radius:r||"10px"});e.append(n,i);break}case "form":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";for(let i=0;i<3;i++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="6px",t.append(o({...l,type:"line",width:"30%",height:"14px"}),o({...l,type:"input",width:"100%",height:"40px"})),e.appendChild(t);}let n=o({...l,type:"button",width:"140px",height:"40px"});e.appendChild(n);break}case "media-card":{e.style.display="flex",e.style.gap="16px",e.style.padding="12px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...l,type:"rect",width:"140px",height:"90px",radius:r||"8px"}),i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="8px",i.style.flex="1",i.append(o({...l,type:"heading",width:"80%",height:"18px"}),o({...l,type:"line",width:"60%",height:"14px"}),o({...l,type:"line",width:"40%",height:"12px"})),e.append(n,i);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 n=o({...l,type:"heading",width:"110px",height:"24px"}),i=document.createElement("div");i.style.display="flex",i.style.gap="18px";for(let a=0;a<4;a++)i.appendChild(o({...l,type:"line",width:"60px",height:"14px"}));let t=o({...l,type:"button",width:"90px",height:"34px"});e.append(n,i,t);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 n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="16px",n.appendChild(o({...l,type:"heading",width:"100px",height:"22px"}));for(let t=0;t<5;t++){let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="10px",a.append(o({...l,type:"icon",width:"20px",height:"20px"}),o({...l,type:"line",width:"90px",height:"14px"})),n.appendChild(a);}let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="10px",i.append(o({...l,type:"circle",width:"36px",height:"36px"}),o({...l,type:"line",width:"80px",height:"14px"})),e.append(n,i);break}case "settings-page":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="24px",e.style.padding="24px";let n=o({...l,type:"heading",width:"220px",height:"30px"});e.appendChild(n);for(let i=0;i<3;i++){let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.justifyContent="space-between",t.style.padding="14px 0",t.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(o({...l,type:"line",width:"160px",height:"16px"}),o({...l,type:"line",width:"240px",height:"12px"}));let d=o({...l,type:"button",width:"50px",height:"28px",radius:"14px"});t.append(a,d),e.appendChild(t);}break}case "product-detail":{e.style.display="grid",e.style.gridTemplateColumns="1fr 1.2fr",e.style.gap="24px",e.style.padding="20px";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="12px";let i=o({...l,type:"rect",height:"280px",radius:r||"12px"}),t=document.createElement("div");t.style.display="flex",t.style.gap="8px";for(let h=0;h<4;h++)t.appendChild(o({...l,type:"rect",width:"60px",height:"60px",radius:"6px"}));n.append(i,t);let a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="14px";let d=o({...l,type:"heading",width:"85%",height:"32px"}),p=o({...l,type:"badge",width:"120px",height:"20px"}),y=o({...l,type:"heading",width:"100px",height:"28px"}),m=g(3,l),b=o({...l,type:"button",width:"180px",height:"44px"});a.append(d,p,y,m,b),e.append(n,a);break}case "news-feed":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let n=0;n<3;n++){let i=document.createElement("div");i.style.display="flex",i.style.gap="16px",i.style.paddingBottom="16px",i.style.borderBottom="1px solid rgba(0,0,0,0.06)";let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="8px",t.style.flex="1",t.append(o({...l,type:"badge",width:"80px",height:"16px"}),o({...l,type:"heading",width:"90%",height:"20px"}),g(2,l));let a=o({...l,type:"rect",width:"120px",height:"90px",radius:r||"8px"});i.append(t,a),e.appendChild(i);}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=r||"8px";for(let n=0;n<4;n++){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="14px",i.style.padding="12px 16px",i.style.borderBottom="1px solid rgba(0,0,0,0.04)";let t=o({...l,type:"icon",width:"18px",height:"18px"}),a=o({...l,type:"line",width:"120px",height:"14px"}),d=o({...l,type:"line",width:"280px",height:"14px"}),p=o({...l,type:"badge",width:"50px",height:"16px"});i.append(t,a,d,p),e.appendChild(i);}break}case "notification-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px";for(let n=0;n<3;n++){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="flex-start",i.style.gap="12px",i.style.padding="12px",i.style.borderRadius=r||"8px",i.style.background="rgba(0,0,0,0.02)";let t=o({...l,type:"circle",width:"10px",height:"10px"});t.style.marginTop="6px";let a=o({...l,type:"circle",width:"38px",height:"38px"}),d=document.createElement("div");d.style.display="flex",d.style.flexDirection="column",d.style.gap="4px",d.style.flex="1",d.append(o({...l,type:"line",width:"75%",height:"14px"}),o({...l,type:"line",width:"40%",height:"12px"})),i.append(t,a,d),e.appendChild(i);}break}case "order-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";for(let n=0;n<2;n++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="12px",i.style.padding="16px",i.style.borderRadius=r||"10px",i.style.border="1px solid rgba(0,0,0,0.08)";let t=document.createElement("div");t.style.display="flex",t.style.justifyContent="space-between",t.append(o({...l,type:"line",width:"140px",height:"16px"}),o({...l,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(o({...l,type:"rect",width:"50px",height:"50px",radius:"6px"}));let d=document.createElement("div");d.style.display="flex",d.style.justifyContent="space-between",d.style.alignItems="center",d.append(o({...l,type:"heading",width:"90px",height:"20px"}),o({...l,type:"button",width:"110px",height:"32px"})),i.append(t,a,d),e.appendChild(i);}break}case "kpi-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="18px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=document.createElement("div");n.style.display="flex",n.style.justifyContent="space-between",n.style.alignItems="center",n.append(o({...l,type:"line",width:"90px",height:"14px"}),o({...l,type:"icon",width:"20px",height:"20px"}));let i=o({...l,type:"heading",width:"140px",height:"36px"}),t=o({...l,type:"badge",width:"70px",height:"18px"});e.append(n,i,t);break}case "chart-bar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="18px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...l,type:"heading",width:"140px",height:"20px"}),i=document.createElement("div");i.style.display="flex",i.style.alignItems="flex-end",i.style.justifyContent="space-between",i.style.height="140px",i.style.padding="0 10px";let t=["40%","75%","55%","90%","65%","80%","50%"];for(let a of t){let d=o({...l,type:"rect",width:"22px",height:a,radius:"4px"});i.appendChild(d);}e.append(n,i);break}case "chart-line":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="18px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...l,type:"heading",width:"150px",height:"20px"}),i=o({...l,type:"rect",height:"140px",radius:"8px"});e.append(n,i);break}case "chart-pie":{e.style.display="flex",e.style.alignItems="center",e.style.gap="20px",e.style.padding="20px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...l,type:"circle",width:"120px",height:"120px"}),i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="10px",i.style.flex="1";for(let t=0;t<3;t++){let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="8px",a.append(o({...l,type:"circle",width:"12px",height:"12px"}),o({...l,type:"line",width:"90px",height:"14px"})),i.appendChild(a);}e.append(n,i);break}case "search-results":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="18px";let n=o({...l,type:"input",height:"42px",radius:r||"24px"});e.appendChild(n);for(let i=0;i<3;i++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="6px",t.append(o({...l,type:"line",width:"160px",height:"12px"}),o({...l,type:"heading",width:"70%",height:"20px"}),g(2,l)),e.appendChild(t);}break}case "video-player":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";let n=o({...l,type:"rect",height:"240px",radius:r||"12px"}),i=o({...l,type:"heading",width:"80%",height:"24px"}),t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.justifyContent="space-between";let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="10px",a.append(o({...l,type:"circle",width:"40px",height:"40px"}),o({...l,type:"line",width:"120px",height:"14px"}));let d=o({...l,type:"button",width:"100px",height:"36px"});t.append(a,d),e.append(n,i,t);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=r||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...l,type:"rect",width:"180px",height:"180px",radius:r||"12px"}),i=o({...l,type:"heading",width:"160px",height:"20px"}),t=o({...l,type:"line",width:"100px",height:"14px"}),a=o({...l,type:"line",width:"100%",height:"6px"}),d=document.createElement("div");d.style.display="flex",d.style.alignItems="center",d.style.gap="20px",d.append(o({...l,type:"icon",width:"24px",height:"24px"}),o({...l,type:"circle",width:"48px",height:"48px"}),o({...l,type:"icon",width:"24px",height:"24px"})),e.append(n,i,t,a,d);break}case "stories-row":{e.style.display="flex",e.style.gap="16px",e.style.overflowX="auto",e.style.padding="8px 0";for(let n=0;n<5;n++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.alignItems="center",i.style.gap="6px",i.append(o({...l,type:"circle",width:"60px",height:"60px"}),o({...l,type:"line",width:"48px",height:"10px"})),e.appendChild(i);}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=r||"16px",e.style.border="1px solid rgba(0,0,0,0.1)",e.style.position="relative";let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="10px",n.append(o({...l,type:"circle",width:"36px",height:"36px"}),o({...l,type:"line",width:"100px",height:"14px"}));let i=g(2,l);e.append(n,i);break}case "tabs":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let n=document.createElement("div");n.style.display="flex",n.style.gap="20px",n.style.borderBottom="2px solid rgba(0,0,0,0.06)",n.style.paddingBottom="8px";for(let t=0;t<4;t++)n.appendChild(o({...l,type:"line",width:"70px",height:"16px"}));let i=g(3,l);e.append(n,i);break}case "calendar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=document.createElement("div");n.style.display="flex",n.style.justifyContent="space-between",n.append(o({...l,type:"heading",width:"120px",height:"20px"}),o({...l,type:"line",width:"60px",height:"20px"}));let i=document.createElement("div");i.style.display="grid",i.style.gridTemplateColumns="repeat(7, 1fr)",i.style.gap="8px";for(let t=0;t<28;t++)i.appendChild(o({...l,type:"rect",height:"24px",radius:"4px"}));e.append(n,i);break}case "kanban":{e.style.display="grid",e.style.gridTemplateColumns="repeat(3, 1fr)",e.style.gap="14px";for(let n=0;n<3;n++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="10px",i.style.padding="12px",i.style.borderRadius=r||"10px",i.style.background="rgba(0,0,0,0.03)";let t=o({...l,type:"heading",width:"80px",height:"16px"});i.appendChild(t);for(let a=0;a<2;a++){let d=document.createElement("div");d.style.display="flex",d.style.flexDirection="column",d.style.gap="8px",d.style.padding="10px",d.style.borderRadius=r||"6px",d.style.background="#fff",d.style.border="1px solid rgba(0,0,0,0.06)",d.append(o({...l,type:"line",width:"85%",height:"14px"}),o({...l,type:"badge",width:"50px",height:"16px"})),i.appendChild(d);}e.appendChild(i);}break}case "timeline":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="18px",e.style.padding="10px 0";for(let n=0;n<3;n++){let i=document.createElement("div");i.style.display="flex",i.style.gap="14px";let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.alignItems="center",t.append(o({...l,type:"circle",width:"16px",height:"16px"}),o({...l,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(o({...l,type:"line",width:"90px",height:"12px"}),o({...l,type:"heading",width:"60%",height:"18px"}),o({...l,type:"line",width:"85%",height:"14px"})),i.append(t,a),e.appendChild(i);}break}case "map-card":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=r||"14px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.08)";let n=o({...l,type:"rect",height:"160px",radius:"0"}),i=document.createElement("div");i.style.display="flex",i.style.justifyContent="space-between",i.style.alignItems="center",i.style.padding="14px";let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="6px",t.append(o({...l,type:"heading",width:"140px",height:"18px"}),o({...l,type:"line",width:"200px",height:"12px"}));let a=o({...l,type:"button",width:"90px",height:"34px"});i.append(t,a),e.append(n,i);break}case "pricing-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="24px",e.style.borderRadius=r||"16px",e.style.border="1px solid rgba(0,0,0,0.08)";let n=o({...l,type:"badge",width:"70px",height:"22px"}),i=o({...l,type:"heading",width:"130px",height:"38px"}),t=o({...l,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 y=document.createElement("div");y.style.display="flex",y.style.alignItems="center",y.style.gap="8px",y.append(o({...l,type:"icon",width:"16px",height:"16px"}),o({...l,type:"line",width:"70%",height:"14px"})),a.appendChild(y);}let d=o({...l,type:"button",width:"100%",height:"42px"});e.append(n,i,t,a,d);break}case "testimonial":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=r||"14px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=g(3,l),i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="12px",i.append(o({...l,type:"circle",width:"42px",height:"42px"}),o({...l,type:"line",width:"120px",height:"16px"})),e.append(n,i);break}case "faq-accordion":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let n=0;n<3;n++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="8px",i.style.padding="14px 16px",i.style.borderRadius=r||"8px",i.style.border="1px solid rgba(0,0,0,0.06)";let t=document.createElement("div");if(t.style.display="flex",t.style.justifyContent="space-between",t.style.alignItems="center",t.append(o({...l,type:"line",width:"75%",height:"16px"}),o({...l,type:"icon",width:"16px",height:"16px"})),i.appendChild(t),n===0){let a=g(2,l);i.appendChild(a);}e.appendChild(i);}break}case "file-explorer":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="12px";for(let n=0;n<5;n++){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="10px",i.style.marginLeft=`${n%3*16}px`,i.append(o({...l,type:"icon",width:"16px",height:"16px"}),o({...l,type:"line",width:`${100+n*20}px`,height:"14px"})),e.appendChild(i);}break}case "code-block":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px",e.style.padding="16px",e.style.borderRadius=r||"8px",e.style.background="rgba(0,0,0,0.05)";let n=["40%","70%","55%","85%","30%","60%"];for(let i of n)e.appendChild(o({...l,type:"line",width:i,height:"12px"}));break}}return e}function f(s={}){u();let e=s.type||"ring",c=s.size!==void 0?typeof s.size=="number"?`${s.size}px`:s.size:"28px",r=s.color||"var(--veil-progress-color, #3b82f6)",l=s.secondaryColor||"rgba(0, 0, 0, 0.12)",n=s.speed!==void 0?typeof s.speed=="number"?`${s.speed}ms`:s.speed:void 0,i=document.createElement("div");switch(i.className=`veil-spinner veil-spinner-${e} ${s.glass?"veil-spinner-glass":""} ${s.className||""}`.trim(),i.setAttribute("role","status"),i.setAttribute("aria-label",s.label||"Loading"),i.style.width=c,i.style.height=c,i.style.display="inline-flex",i.style.alignItems="center",i.style.justifyContent="center",i.style.position="relative",s.glass&&(i.style.borderRadius="50%",i.style.backdropFilter="blur(8px)",i.style.webkitBackdropFilter="blur(8px)",i.style.background="rgba(255, 255, 255, 0.12)",i.style.boxShadow="0 4px 16px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.4)",i.style.border="1px solid rgba(255, 255, 255, 0.25)"),e){case "ring":{let t=document.createElement("div");t.style.width="100%",t.style.height="100%",t.style.borderRadius="50%",t.style.border=`3px solid ${l}`,t.style.borderTopColor=r,t.style.animation=`veil-spin ${n||"800ms"} linear infinite`,t.style.boxSizing="border-box",i.appendChild(t);break}case "dual-ring":{let t=document.createElement("div");t.style.width="100%",t.style.height="100%",t.style.borderRadius="50%",t.style.border="3px solid transparent",t.style.borderTopColor=r,t.style.borderBottomColor=r,t.style.animation=`veil-spin ${n||"900ms"} cubic-bezier(0.5, 0, 0.5, 1) infinite`,t.style.boxSizing="border-box",i.appendChild(t);break}case "dots":{i.style.gap="4px";for(let t=0;t<3;t++){let a=document.createElement("div");a.style.width="28%",a.style.height="28%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.animation=`veil-dot-bounce ${n||"1200ms"} ease-in-out infinite`,a.style.animationDelay=`${t*160}ms`,i.appendChild(a);}break}case "bars":{i.style.gap="3px";for(let t=0;t<4;t++){let a=document.createElement("div");a.style.width="18%",a.style.height="100%",a.style.borderRadius="2px",a.style.backgroundColor=r,a.style.animation=`veil-bar-wave ${n||"1000ms"} ease-in-out infinite`,a.style.animationDelay=`${t*140}ms`,i.appendChild(a);}break}case "pulse":{let t=document.createElement("div");t.style.width="100%",t.style.height="100%",t.style.borderRadius="50%",t.style.backgroundColor=r,t.style.animation=`veil-pulse-scale ${n||"1200ms"} ease-out infinite`,i.appendChild(t);break}case "orbit":{let t=document.createElement("div");t.style.width="30%",t.style.height="30%",t.style.borderRadius="50%",t.style.backgroundColor=r,t.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 ${n||"1200ms"} linear infinite`;let d=document.createElement("div");d.style.width="24%",d.style.height="24%",d.style.borderRadius="50%",d.style.backgroundColor=r,d.style.position="absolute",d.style.top="0",d.style.left="38%",a.appendChild(d),i.append(t,a);break}case "wave":{i.style.gap="4px";for(let t=0;t<5;t++){let a=document.createElement("div");a.style.width="12%",a.style.height="80%",a.style.borderRadius="3px",a.style.backgroundColor=r,a.style.animation=`veil-wave-dance ${n||"1100ms"} ease-in-out infinite`,a.style.animationDelay=`${t*110}ms`,i.appendChild(a);}break}case "bounce":{let t=document.createElement("div");t.style.width="60%",t.style.height="60%",t.style.borderRadius="50%",t.style.backgroundColor=r,t.style.animation=`veil-bounce-ball ${n||"900ms"} cubic-bezier(0.28, 0.84, 0.42, 1) infinite`,i.appendChild(t);break}case "ios-activity":{for(let t=0;t<12;t++){let a=document.createElement("div");a.style.position="absolute",a.style.width="8%",a.style.height="26%",a.style.backgroundColor=r,a.style.borderRadius="2px",a.style.transformOrigin="50% 190%",a.style.transform=`rotate(${t*30}deg) translateY(-90%)`,a.style.animation=`veil-ios-fade ${n||"1000ms"} linear infinite`,a.style.animationDelay=`-${(12-t)*(1e3/12)}ms`,i.appendChild(a);}break}case "glass-orb":{let t=document.createElement("div");t.style.width="100%",t.style.height="100%",t.style.borderRadius="50%",t.style.background=`radial-gradient(circle at 35% 35%, rgba(255,255,255,0.8), ${r} 70%)`,t.style.boxShadow=`0 4px 12px ${r}44, inset 0 2px 4px rgba(255,255,255,0.6)`,t.style.animation=`veil-glass-orbit ${n||"1600ms"} ease-in-out infinite`,i.appendChild(t);break}case "morph":{let t=document.createElement("div");t.style.width="80%",t.style.height="80%",t.style.backgroundColor=r,t.style.animation=`veil-morph-shape ${n||"2000ms"} ease-in-out infinite`,i.appendChild(t);break}case "progress-circle":{let t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.setAttribute("viewBox","0 0 36 36"),t.style.width="100%",t.style.height="100%",t.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",l),a.setAttribute("stroke-width","3");let d=document.createElementNS("http://www.w3.org/2000/svg","circle");d.setAttribute("cx","18"),d.setAttribute("cy","18"),d.setAttribute("r","14"),d.setAttribute("fill","none"),d.setAttribute("stroke",r),d.setAttribute("stroke-width","3"),d.setAttribute("stroke-dasharray","88"),d.setAttribute("stroke-dashoffset","25"),d.setAttribute("stroke-linecap","round"),d.style.animation=`veil-spin ${n||"1200ms"} linear infinite`,d.style.transformOrigin="50% 50%",t.append(a,d),i.appendChild(t);break}case "arc-gradient":{let t=document.createElement("div");t.style.width="100%",t.style.height="100%",t.style.borderRadius="50%",t.style.background=`conic-gradient(from 0deg, transparent 20%, ${r} 100%)`,t.style.mask="radial-gradient(farthest-side, transparent calc(100% - 3px), #fff calc(100% - 2.5px))",t.style.webkitMask="radial-gradient(farthest-side, transparent calc(100% - 3px), #fff calc(100% - 2.5px))",t.style.animation=`veil-spin ${n||"750ms"} linear infinite`,i.appendChild(t);break}case "pulse-ring":{for(let t=0;t<2;t++){let a=document.createElement("div");a.style.position="absolute",a.style.inset="0",a.style.borderRadius="50%",a.style.border=`2px solid ${r}`,a.style.animation=`veil-pulse-ring ${n||"1400ms"} cubic-bezier(0, 0.2, 0.8, 1) infinite`,a.style.animationDelay=`${t*700}ms`,i.appendChild(a);}break}case "dots-circle":{for(let t=0;t<8;t++){let a=document.createElement("div");a.style.position="absolute",a.style.width="20%",a.style.height="20%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.transformOrigin="50% 250%",a.style.transform=`rotate(${t*45}deg) translateY(-150%)`,a.style.animation=`veil-fade-seq ${n||"1000ms"} linear infinite`,a.style.animationDelay=`-${(8-t)*(1e3/8)}ms`,i.appendChild(a);}break}case "grid-dots":{i.style.display="grid",i.style.gridTemplateColumns="repeat(3, 1fr)",i.style.gap="3px";for(let t=0;t<3;t++)for(let a=0;a<3;a++){let d=document.createElement("div");d.style.width="100%",d.style.aspectRatio="1 / 1",d.style.borderRadius="50%",d.style.backgroundColor=r,d.style.animation=`veil-dot-bounce ${n||"1200ms"} ease-in-out infinite`,d.style.animationDelay=`${(t+a)*110}ms`,i.appendChild(d);}break}case "square-flip":{let t=document.createElement("div");t.style.width="60%",t.style.height="60%",t.style.backgroundColor=r,t.style.borderRadius="4px",t.style.animation=`veil-square-flip ${n||"1200ms"} ease-in-out infinite`,i.appendChild(t);break}case "cube-fold":{i.style.display="grid",i.style.gridTemplateColumns="repeat(2, 1fr)",i.style.gap="2px";for(let t=0;t<4;t++){let a=document.createElement("div");a.style.width="100%",a.style.aspectRatio="1 / 1",a.style.backgroundColor=r,a.style.borderRadius="2px",a.style.animation=`veil-cube-fold ${n||"1400ms"} ease-in-out infinite`,a.style.animationDelay=`${t*175}ms`,i.appendChild(a);}break}case "hourglass":{let t=document.createElement("div");t.style.width="65%",t.style.height="65%",t.style.border=`3px solid ${r}`,t.style.borderLeftColor="transparent",t.style.borderRightColor="transparent",t.style.borderRadius="50%",t.style.animation=`veil-hourglass ${n||"1200ms"} cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite`,i.appendChild(t);break}case "infinity":{let t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.setAttribute("viewBox","0 0 48 24"),t.style.width="100%",t.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",r),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 ${n||"1400ms"} linear infinite`,t.appendChild(a),i.appendChild(t);break}case "heartbeat-line":{let t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.setAttribute("viewBox","0 0 50 24"),t.style.width="100%",t.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",r),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 ${n||"1200ms"} ease-in-out infinite`,t.appendChild(a),i.appendChild(t);break}case "equalizer":{i.style.gap="3px";let t=[0,200,100,300];for(let a=0;a<4;a++){let d=document.createElement("div");d.style.width="18%",d.style.height="100%",d.style.borderRadius="2px",d.style.backgroundColor=r,d.style.animation=`veil-eq-bounce ${n||"800ms"} ease-in-out infinite alternate`,d.style.animationDelay=`${t[a]}ms`,i.appendChild(d);}break}case "chasing-dots":{let t=document.createElement("div");t.style.width="100%",t.style.height="100%",t.style.position="relative",t.style.animation=`veil-spin ${n||"1800ms"} linear infinite`;for(let a=0;a<2;a++){let d=document.createElement("div");d.style.position="absolute",d.style.width="45%",d.style.height="45%",d.style.borderRadius="50%",d.style.backgroundColor=r,d.style.animation=`veil-chase ${n||"1800ms"} ease-in-out infinite`,a===0?(d.style.top="0",d.style.left="0"):(d.style.bottom="0",d.style.right="0",d.style.animationDelay="-900ms"),t.appendChild(d);}i.appendChild(t);break}case "typing":{i.style.gap="4px";for(let t=0;t<3;t++){let a=document.createElement("div");a.style.width="24%",a.style.height="24%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.animation=`veil-typing ${n||"1000ms"} ease-in-out infinite`,a.style.animationDelay=`${t*150}ms`,i.appendChild(a);}break}case "liquid-fill":{let t=document.createElement("div");t.style.width="85%",t.style.height="85%",t.style.borderRadius="50%",t.style.border=`2px solid ${r}`,t.style.position="relative",t.style.overflow="hidden";let a=document.createElement("div");a.style.position="absolute",a.style.inset="0",a.style.backgroundColor=r,a.style.opacity="0.7",a.style.borderRadius="40%",a.style.animation=`veil-liquid-spin ${n||"2000ms"} linear infinite`,t.appendChild(a),i.appendChild(t);break}case "atom":{let t=document.createElement("div");t.style.width="24%",t.style.height="24%",t.style.borderRadius="50%",t.style.backgroundColor=r,t.style.position="absolute",i.appendChild(t);let a=[0,60,120];for(let d 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 ${r}`,p.style.transform=`rotate(${d}deg)`,p.style.animation=`veil-atom-spin ${n||"1600ms"} linear infinite`,i.appendChild(p);}break}case "clock":{let t=document.createElement("div");t.style.width="100%",t.style.height="100%",t.style.borderRadius="50%",t.style.border=`2.5px solid ${r}`,t.style.position="relative";let a=document.createElement("div");a.style.width="14%",a.style.height="14%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.position="absolute",a.style.top="43%",a.style.left="43%";let d=document.createElement("div");d.style.position="absolute",d.style.width="2px",d.style.height="30%",d.style.backgroundColor=r,d.style.top="20%",d.style.left="calc(50% - 1px)",d.style.transformOrigin="bottom center",d.style.animation=`veil-spin ${n||"3000ms"} linear infinite`;let p=document.createElement("div");p.style.position="absolute",p.style.width="2px",p.style.height="42%",p.style.backgroundColor=r,p.style.top="8%",p.style.left="calc(50% - 1px)",p.style.transformOrigin="bottom center",p.style.animation=`veil-spin ${n||"1000ms"} linear infinite`,t.append(a,d,p),i.appendChild(t);break}case "radar":{let t=document.createElement("div");t.style.width="100%",t.style.height="100%",t.style.borderRadius="50%",t.style.border=`1.5px solid ${r}`,t.style.position="relative",t.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%, ${r} 100%)`,a.style.opacity="0.6",a.style.animation=`veil-spin ${n||"1500ms"} linear infinite`,t.appendChild(a),i.appendChild(t);break}case "ellipsis":{i.style.gap="3px";for(let t=0;t<3;t++){let a=document.createElement("div");a.style.width="24%",a.style.height="24%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.animation=`veil-ellipsis ${n||"1200ms"} ease-in-out infinite`,a.style.animationDelay=`${t*200}ms`,i.appendChild(a);}break}case "flower":{for(let t=0;t<6;t++){let a=document.createElement("div");a.style.position="absolute",a.style.width="28%",a.style.height="48%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.opacity="0.85",a.style.transformOrigin="50% 100%",a.style.top="2%",a.style.transform=`rotate(${t*60}deg)`,a.style.animation=`veil-flower-bloom ${n||"1600ms"} ease-in-out infinite`,a.style.animationDelay=`${t*120}ms`,i.appendChild(a);}break}}return ie(),i}var V=false;function ie(){if(V||typeof document>"u")return;V=true;let s=document.createElement("style");s.id="veilkit-spinner-keyframes",s.textContent=`
511
+ `}function u(l){if(B||typeof document>"u")return;B=true;let e=J();if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&true)try{let s=new CSSStyleSheet;s.replaceSync(e),document.adoptedStyleSheets=[...document.adoptedStyleSheets,s];return}catch{}let r=document.createElement("style");r.id="veilkit-styles",r.textContent=e,document.head.appendChild(r);}var C=0;function Q(){return C===0&&typeof performance<"u"&&(C=performance.now()),C}function E(l=1500){if(typeof performance>"u")return "0ms";let e=performance.now()-Q();return `-${Math.round(e%l)}ms`}function H(l=1500){if(typeof l=="number")return l;if(!l)return 1500;let e=l.trim().toLowerCase();return e.endsWith("ms")?parseFloat(e)||1500:e.endsWith("s")?(parseFloat(e)||1.5)*1e3:parseFloat(e)||1500}var x=null,Y=new Set,O=false;function ee(l){for(let e of l){let p=e.target;e.isIntersecting?(p.removeAttribute("data-veil-offscreen"),p.style.removeProperty("--veil-play-state")):(p.setAttribute("data-veil-offscreen","true"),p.style.setProperty("--veil-play-state","paused"));}}function te(){O||typeof document>"u"||(O=true,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden");}));}function j(l){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(te(),x||(x=new IntersectionObserver(ee,{rootMargin:"100px 0px",threshold:0})),x.observe(l),Y.add(l),()=>{x&&l&&(x.unobserve(l),Y.delete(l));})}function o(l={}){u();let e=document.createElement("div");e.className=`veil-skeleton ${l.className||""}`.trim(),e.setAttribute("aria-hidden","true");let p=l.type||"rect";if(e.setAttribute("data-veil-shape",p),l.animation&&e.setAttribute("data-veil-anim",l.animation),l.direction&&e.setAttribute("data-veil-dir",l.direction),typeof l.theme=="string"&&e.setAttribute("data-veil-theme",l.theme),l.width!==void 0&&(e.style.width=typeof l.width=="number"?`${l.width}px`:l.width),l.height!==void 0&&(e.style.height=typeof l.height=="number"?`${l.height}px`:l.height),l.radius!==void 0&&(e.style.setProperty("--veil-radius",typeof l.radius=="number"?`${l.radius}px`:l.radius),e.style.borderRadius=typeof l.radius=="number"?`${l.radius}px`:l.radius),l.speed!==void 0){let r=H(l.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(l.style)for(let[r,s]of Object.entries(l.style))e.style[r]=s;return j(e),e}function g(l=3,e={}){let p=document.createElement("div");p.className=`veil-lines-group ${e.className||""}`.trim(),p.setAttribute("aria-hidden","true");let r=e.gap!==void 0?typeof e.gap=="number"?`${e.gap}px`:e.gap:"0.45rem";p.style.display="flex",p.style.flexDirection="column",p.style.gap=r;let s=["100%","94%","88%","75%"],n=e.lastLineWidth!==void 0?typeof e.lastLineWidth=="number"?`${e.lastLineWidth}px`:e.lastLineWidth:"65%";for(let t=0;t<l;t++){let a=t===l-1?n:s[t%s.length]||"95%",d=o({...e,type:"line",width:a});d.style.setProperty("--veil-stagger-idx",String(t)),p.appendChild(d);}return p}function A(l){let e=document.createElement("div");e.className=`veil-preset veil-preset-${l.name} ${l.className||""}`.trim(),e.setAttribute("aria-hidden","true"),e.style.width=l.width!==void 0?typeof l.width=="number"?`${l.width}px`:l.width:"100%",e.style.boxSizing="border-box";let p=l.shape||"rounded",r;p==="pill"?r="9999px":p==="square"?r="4px":p==="sharp"&&(r="0px"),p==="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 s={animation:l.animation,theme:l.theme,direction:l.direction,speed:l.speed,radius:r};switch(l.name){case "card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let n=o({...s,type:"rect",height:"180px",radius:r||"8px"}),t=o({...s,type:"heading",width:"70%",height:"24px"}),i=g(2,s),a=o({...s,type:"button",width:"110px",height:"36px"});e.append(n,t,i,a);break}case "product-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="14px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...s,type:"rect",height:"200px",radius:r||"10px"}),t=o({...s,type:"badge",width:"50px",height:"18px"}),i=o({...s,type:"line",width:"85%",height:"18px"}),a=o({...s,type:"line",width:"40%",height:"22px"}),d=o({...s,type:"button",width:"100%",height:"38px"});e.append(n,t,i,a,d);break}case "product-grid":{let n=l.items||4,t=l.columns||2;e.style.display="grid",e.style.gridTemplateColumns=`repeat(${t}, 1fr)`,e.style.gap="16px";for(let i=0;i<n;i++){let a=A({...l,name:"product-card",width:"100%"});e.appendChild(a);}break}case "list":{let n=l.items||4;e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let t=0;t<n;t++){let i=o({...s,type:"line",width:`${95-t%3*15}%`,height:"18px"});e.appendChild(i);}break}case "list-item":{e.style.display="flex",e.style.alignItems="center",e.style.gap="14px",e.style.padding="10px 0";let n=o({...s,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 i=o({...s,type:"line",width:"60%",height:"16px"}),a=o({...s,type:"line",width:"40%",height:"12px"});t.append(i,a),e.append(n,t);break}case "table":{let n=l.items||5;e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px",e.style.padding="12px",e.style.borderRadius=r||"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 i=0;i<4;i++)t.appendChild(o({...s,type:"line",height:"16px"}));e.appendChild(t);for(let i=0;i<n;i++){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 d=0;d<4;d++)a.appendChild(o({...s,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=r||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...s,type:"circle",width:"88px",height:"88px"}),t=o({...s,type:"heading",width:"160px",height:"22px"}),i=g(2,s),a=document.createElement("div");a.style.display="flex",a.style.gap="10px",a.append(o({...s,type:"button",width:"100px",height:"34px"}),o({...s,type:"button",width:"100px",height:"34px"})),e.append(n,t,i,a);break}case "profile-header":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=r||"16px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...s,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 i=o({...s,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(o({...s,type:"heading",width:"140px",height:"20px"}),o({...s,type:"line",width:"200px",height:"14px"})),t.append(i,a),e.append(n,t);break}case "feed-post":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="10px",n.append(o({...s,type:"circle",width:"40px",height:"40px"}),o({...s,type:"line",width:"120px",height:"16px"}));let t=g(2,s),i=o({...s,type:"rect",height:"220px",radius:r||"8px"}),a=document.createElement("div");a.style.display="flex",a.style.gap="16px",a.append(o({...s,type:"button",width:"60px",height:"28px"}),o({...s,type:"button",width:"60px",height:"28px"})),e.append(n,t,i,a);break}case "article":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let n=o({...s,type:"heading",width:"85%",height:"36px"}),t=document.createElement("div");t.style.display="flex",t.style.gap="12px",t.append(o({...s,type:"circle",width:"32px",height:"32px"}),o({...s,type:"line",width:"140px",height:"14px"}));let i=o({...s,type:"rect",height:"260px",radius:r||"10px"}),a=g(4,s),d=g(3,s);e.append(n,t,i,a,d);break}case "comment-thread":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let n=0;n<3;n++){let t=document.createElement("div");t.style.display="flex",t.style.gap="12px",n===1&&(t.style.marginLeft="40px");let i=o({...s,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(o({...s,type:"line",width:"120px",height:"14px"}),g(2,s)),t.append(i,a),e.appendChild(t);}break}case "chat":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="16px";let n=[{align:"flex-start",w:"65%"},{align:"flex-end",w:"50%"},{align:"flex-start",w:"80%"},{align:"flex-end",w:"40%"}];for(let t of n){let i=document.createElement("div");i.style.display="flex",i.style.justifyContent=t.align;let a=o({...s,type:"rect",width:t.w,height:"42px",radius:r||"18px"});i.appendChild(a),e.appendChild(i);}break}case "dashboard":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let n=document.createElement("div");n.style.display="grid",n.style.gridTemplateColumns="repeat(3, 1fr)",n.style.gap="12px";for(let i=0;i<3;i++){let a=document.createElement("div");a.style.padding="16px",a.style.borderRadius=r||"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(o({...s,type:"line",width:"60%",height:"14px"}),o({...s,type:"heading",width:"80%",height:"28px"})),n.appendChild(a);}let t=o({...s,type:"rect",height:"200px",radius:r||"10px"});e.append(n,t);break}case "form":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";for(let t=0;t<3;t++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(o({...s,type:"line",width:"30%",height:"14px"}),o({...s,type:"input",width:"100%",height:"40px"})),e.appendChild(i);}let n=o({...s,type:"button",width:"140px",height:"40px"});e.appendChild(n);break}case "media-card":{e.style.display="flex",e.style.gap="16px",e.style.padding="12px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...s,type:"rect",width:"140px",height:"90px",radius:r||"8px"}),t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="8px",t.style.flex="1",t.append(o({...s,type:"heading",width:"80%",height:"18px"}),o({...s,type:"line",width:"60%",height:"14px"}),o({...s,type:"line",width:"40%",height:"12px"})),e.append(n,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 n=o({...s,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(o({...s,type:"line",width:"60px",height:"14px"}));let i=o({...s,type:"button",width:"90px",height:"34px"});e.append(n,t,i);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 n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="16px",n.appendChild(o({...s,type:"heading",width:"100px",height:"22px"}));for(let i=0;i<5;i++){let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="10px",a.append(o({...s,type:"icon",width:"20px",height:"20px"}),o({...s,type:"line",width:"90px",height:"14px"})),n.appendChild(a);}let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="10px",t.append(o({...s,type:"circle",width:"36px",height:"36px"}),o({...s,type:"line",width:"80px",height:"14px"})),e.append(n,t);break}case "settings-page":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="24px",e.style.padding="24px";let n=o({...s,type:"heading",width:"220px",height:"30px"});e.appendChild(n);for(let t=0;t<3;t++){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.justifyContent="space-between",i.style.padding="14px 0",i.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(o({...s,type:"line",width:"160px",height:"16px"}),o({...s,type:"line",width:"240px",height:"12px"}));let d=o({...s,type:"button",width:"50px",height:"28px",radius:"14px"});i.append(a,d),e.appendChild(i);}break}case "product-detail":{e.style.display="grid",e.style.gridTemplateColumns="1fr 1.2fr",e.style.gap="24px",e.style.padding="20px";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="12px";let t=o({...s,type:"rect",height:"280px",radius:r||"12px"}),i=document.createElement("div");i.style.display="flex",i.style.gap="8px";for(let h=0;h<4;h++)i.appendChild(o({...s,type:"rect",width:"60px",height:"60px",radius:"6px"}));n.append(t,i);let a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="14px";let d=o({...s,type:"heading",width:"85%",height:"32px"}),c=o({...s,type:"badge",width:"120px",height:"20px"}),y=o({...s,type:"heading",width:"100px",height:"28px"}),m=g(3,s),b=o({...s,type:"button",width:"180px",height:"44px"});a.append(d,c,y,m,b),e.append(n,a);break}case "news-feed":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let n=0;n<3;n++){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 i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="8px",i.style.flex="1",i.append(o({...s,type:"badge",width:"80px",height:"16px"}),o({...s,type:"heading",width:"90%",height:"20px"}),g(2,s));let a=o({...s,type:"rect",width:"120px",height:"90px",radius:r||"8px"});t.append(i,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=r||"8px";for(let n=0;n<4;n++){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 i=o({...s,type:"icon",width:"18px",height:"18px"}),a=o({...s,type:"line",width:"120px",height:"14px"}),d=o({...s,type:"line",width:"280px",height:"14px"}),c=o({...s,type:"badge",width:"50px",height:"16px"});t.append(i,a,d,c),e.appendChild(t);}break}case "notification-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px";for(let n=0;n<3;n++){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=r||"8px",t.style.background="rgba(0,0,0,0.02)";let i=o({...s,type:"circle",width:"10px",height:"10px"});i.style.marginTop="6px";let a=o({...s,type:"circle",width:"38px",height:"38px"}),d=document.createElement("div");d.style.display="flex",d.style.flexDirection="column",d.style.gap="4px",d.style.flex="1",d.append(o({...s,type:"line",width:"75%",height:"14px"}),o({...s,type:"line",width:"40%",height:"12px"})),t.append(i,a,d),e.appendChild(t);}break}case "order-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";for(let n=0;n<2;n++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="12px",t.style.padding="16px",t.style.borderRadius=r||"10px",t.style.border="1px solid rgba(0,0,0,0.08)";let i=document.createElement("div");i.style.display="flex",i.style.justifyContent="space-between",i.append(o({...s,type:"line",width:"140px",height:"16px"}),o({...s,type:"badge",width:"80px",height:"22px"}));let a=document.createElement("div");a.style.display="flex",a.style.gap="10px";for(let c=0;c<3;c++)a.appendChild(o({...s,type:"rect",width:"50px",height:"50px",radius:"6px"}));let d=document.createElement("div");d.style.display="flex",d.style.justifyContent="space-between",d.style.alignItems="center",d.append(o({...s,type:"heading",width:"90px",height:"20px"}),o({...s,type:"button",width:"110px",height:"32px"})),t.append(i,a,d),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=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=document.createElement("div");n.style.display="flex",n.style.justifyContent="space-between",n.style.alignItems="center",n.append(o({...s,type:"line",width:"90px",height:"14px"}),o({...s,type:"icon",width:"20px",height:"20px"}));let t=o({...s,type:"heading",width:"140px",height:"36px"}),i=o({...s,type:"badge",width:"70px",height:"18px"});e.append(n,t,i);break}case "chart-bar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="18px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...s,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 i=["40%","75%","55%","90%","65%","80%","50%"];for(let a of i){let d=o({...s,type:"rect",width:"22px",height:a,radius:"4px"});t.appendChild(d);}e.append(n,t);break}case "chart-line":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="18px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...s,type:"heading",width:"150px",height:"20px"}),t=o({...s,type:"rect",height:"140px",radius:"8px"});e.append(n,t);break}case "chart-pie":{e.style.display="flex",e.style.alignItems="center",e.style.gap="20px",e.style.padding="20px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...s,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 i=0;i<3;i++){let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="8px",a.append(o({...s,type:"circle",width:"12px",height:"12px"}),o({...s,type:"line",width:"90px",height:"14px"})),t.appendChild(a);}e.append(n,t);break}case "search-results":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="18px";let n=o({...s,type:"input",height:"42px",radius:r||"24px"});e.appendChild(n);for(let t=0;t<3;t++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(o({...s,type:"line",width:"160px",height:"12px"}),o({...s,type:"heading",width:"70%",height:"20px"}),g(2,s)),e.appendChild(i);}break}case "video-player":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";let n=o({...s,type:"rect",height:"240px",radius:r||"12px"}),t=o({...s,type:"heading",width:"80%",height:"24px"}),i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.justifyContent="space-between";let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="10px",a.append(o({...s,type:"circle",width:"40px",height:"40px"}),o({...s,type:"line",width:"120px",height:"14px"}));let d=o({...s,type:"button",width:"100px",height:"36px"});i.append(a,d),e.append(n,t,i);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=r||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=o({...s,type:"rect",width:"180px",height:"180px",radius:r||"12px"}),t=o({...s,type:"heading",width:"160px",height:"20px"}),i=o({...s,type:"line",width:"100px",height:"14px"}),a=o({...s,type:"line",width:"100%",height:"6px"}),d=document.createElement("div");d.style.display="flex",d.style.alignItems="center",d.style.gap="20px",d.append(o({...s,type:"icon",width:"24px",height:"24px"}),o({...s,type:"circle",width:"48px",height:"48px"}),o({...s,type:"icon",width:"24px",height:"24px"})),e.append(n,t,i,a,d);break}case "stories-row":{e.style.display="flex",e.style.gap="16px",e.style.overflowX="auto",e.style.padding="8px 0";for(let n=0;n<5;n++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.alignItems="center",t.style.gap="6px",t.append(o({...s,type:"circle",width:"60px",height:"60px"}),o({...s,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=r||"16px",e.style.border="1px solid rgba(0,0,0,0.1)",e.style.position="relative";let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="10px",n.append(o({...s,type:"circle",width:"36px",height:"36px"}),o({...s,type:"line",width:"100px",height:"14px"}));let t=g(2,s);e.append(n,t);break}case "tabs":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let n=document.createElement("div");n.style.display="flex",n.style.gap="20px",n.style.borderBottom="2px solid rgba(0,0,0,0.06)",n.style.paddingBottom="8px";for(let i=0;i<4;i++)n.appendChild(o({...s,type:"line",width:"70px",height:"16px"}));let t=g(3,s);e.append(n,t);break}case "calendar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=r||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=document.createElement("div");n.style.display="flex",n.style.justifyContent="space-between",n.append(o({...s,type:"heading",width:"120px",height:"20px"}),o({...s,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 i=0;i<28;i++)t.appendChild(o({...s,type:"rect",height:"24px",radius:"4px"}));e.append(n,t);break}case "kanban":{e.style.display="grid",e.style.gridTemplateColumns="repeat(3, 1fr)",e.style.gap="14px";for(let n=0;n<3;n++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="10px",t.style.padding="12px",t.style.borderRadius=r||"10px",t.style.background="rgba(0,0,0,0.03)";let i=o({...s,type:"heading",width:"80px",height:"16px"});t.appendChild(i);for(let a=0;a<2;a++){let d=document.createElement("div");d.style.display="flex",d.style.flexDirection="column",d.style.gap="8px",d.style.padding="10px",d.style.borderRadius=r||"6px",d.style.background="#fff",d.style.border="1px solid rgba(0,0,0,0.06)",d.append(o({...s,type:"line",width:"85%",height:"14px"}),o({...s,type:"badge",width:"50px",height:"16px"})),t.appendChild(d);}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 n=0;n<3;n++){let t=document.createElement("div");t.style.display="flex",t.style.gap="14px";let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.alignItems="center",i.append(o({...s,type:"circle",width:"16px",height:"16px"}),o({...s,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(o({...s,type:"line",width:"90px",height:"12px"}),o({...s,type:"heading",width:"60%",height:"18px"}),o({...s,type:"line",width:"85%",height:"14px"})),t.append(i,a),e.appendChild(t);}break}case "map-card":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=r||"14px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.08)";let n=o({...s,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 i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(o({...s,type:"heading",width:"140px",height:"18px"}),o({...s,type:"line",width:"200px",height:"12px"}));let a=o({...s,type:"button",width:"90px",height:"34px"});t.append(i,a),e.append(n,t);break}case "pricing-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="24px",e.style.borderRadius=r||"16px",e.style.border="1px solid rgba(0,0,0,0.08)";let n=o({...s,type:"badge",width:"70px",height:"22px"}),t=o({...s,type:"heading",width:"130px",height:"38px"}),i=o({...s,type:"line",width:"80%",height:"14px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="10px";for(let c=0;c<4;c++){let y=document.createElement("div");y.style.display="flex",y.style.alignItems="center",y.style.gap="8px",y.append(o({...s,type:"icon",width:"16px",height:"16px"}),o({...s,type:"line",width:"70%",height:"14px"})),a.appendChild(y);}let d=o({...s,type:"button",width:"100%",height:"42px"});e.append(n,t,i,a,d);break}case "testimonial":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=r||"14px",e.style.border="1px solid rgba(0,0,0,0.06)";let n=g(3,s),t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="12px",t.append(o({...s,type:"circle",width:"42px",height:"42px"}),o({...s,type:"line",width:"120px",height:"16px"})),e.append(n,t);break}case "faq-accordion":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let n=0;n<3;n++){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=r||"8px",t.style.border="1px solid rgba(0,0,0,0.06)";let i=document.createElement("div");if(i.style.display="flex",i.style.justifyContent="space-between",i.style.alignItems="center",i.append(o({...s,type:"line",width:"75%",height:"16px"}),o({...s,type:"icon",width:"16px",height:"16px"})),t.appendChild(i),n===0){let a=g(2,s);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 n=0;n<5;n++){let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="10px",t.style.marginLeft=`${n%3*16}px`,t.append(o({...s,type:"icon",width:"16px",height:"16px"}),o({...s,type:"line",width:`${100+n*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=r||"8px",e.style.background="rgba(0,0,0,0.05)";let n=["40%","70%","55%","85%","30%","60%"];for(let t of n)e.appendChild(o({...s,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 n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="12px",n.append(o({...s,type:"heading",width:"60%",height:"22px"}),o({...s,type:"input",width:"100%",height:"40px",radius:r||"6px"}),o({...s,type:"input",width:"100%",height:"40px",radius:r||"6px"}),o({...s,type:"input",width:"100%",height:"40px",radius:r||"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=r||"8px",t.style.background="rgba(255,255,255,0.03)",t.append(o({...s,type:"heading",width:"50%",height:"20px"}),o({...s,type:"line",width:"100%",height:"14px"}),o({...s,type:"line",width:"80%",height:"14px"}),o({...s,type:"button",width:"100%",height:"44px",radius:r||"8px"})),e.append(n,t);break}case "social-story":{e.style.display="flex",e.style.flexDirection="column",e.style.width="240px",e.style.height="380px",e.style.borderRadius=r||"16px",e.style.padding="14px",e.style.position="relative",e.style.overflow="hidden",e.style.background="rgba(255,255,255,0.05)";let n=document.createElement("div");n.style.display="flex",n.style.gap="4px",n.style.width="100%";for(let i=0;i<4;i++){let a=o({...s,type:"rect",width:"100%",height:"3px",radius:"2px"});n.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(o({...s,type:"circle",width:"32px",height:"32px"}),o({...s,type:"line",width:"80px",height:"12px"})),e.append(n,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 n=o({...s,type:"badge",width:"110px",height:"24px",radius:"9999px"}),t=o({...s,type:"heading",width:"70%",height:"36px"}),i=o({...s,type:"line",width:"50%",height:"16px"}),a=o({...s,type:"line",width:"40%",height:"16px"}),d=document.createElement("div");d.style.display="flex",d.style.gap="12px",d.style.marginTop="10px",d.append(o({...s,type:"button",width:"140px",height:"44px",radius:r||"8px"}),o({...s,type:"button",width:"120px",height:"44px",radius:r||"8px"})),e.append(n,t,i,a,d);break}}return e}function f(l={}){u();let e=l.type||"ring",p=l.size!==void 0?typeof l.size=="number"?`${l.size}px`:l.size:"28px",r=l.color||"var(--veil-progress-color, #3b82f6)",s=l.secondaryColor||"rgba(0, 0, 0, 0.12)",n=l.speed!==void 0?typeof l.speed=="number"?`${l.speed}ms`:l.speed:void 0,t=document.createElement("div");switch(t.className=`veil-spinner veil-spinner-${e} ${l.glass?"veil-spinner-glass":""} ${l.className||""}`.trim(),t.setAttribute("role","status"),t.setAttribute("aria-label",l.label||"Loading"),t.style.width=p,t.style.height=p,t.style.display="inline-flex",t.style.alignItems="center",t.style.justifyContent="center",t.style.position="relative",l.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 i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border=`3px solid ${s}`,i.style.borderTopColor=r,i.style.animation=`veil-spin ${n||"800ms"} linear infinite`,i.style.boxSizing="border-box",t.appendChild(i);break}case "dual-ring":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border="3px solid transparent",i.style.borderTopColor=r,i.style.borderBottomColor=r,i.style.animation=`veil-spin ${n||"900ms"} cubic-bezier(0.5, 0, 0.5, 1) infinite`,i.style.boxSizing="border-box",t.appendChild(i);break}case "dots":{t.style.gap="4px";for(let i=0;i<3;i++){let a=document.createElement("div");a.style.width="28%",a.style.height="28%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.animation=`veil-dot-bounce ${n||"1200ms"} ease-in-out infinite`,a.style.animationDelay=`${i*160}ms`,t.appendChild(a);}break}case "bars":{t.style.gap="3px";for(let i=0;i<4;i++){let a=document.createElement("div");a.style.width="18%",a.style.height="100%",a.style.borderRadius="2px",a.style.backgroundColor=r,a.style.animation=`veil-bar-wave ${n||"1000ms"} ease-in-out infinite`,a.style.animationDelay=`${i*140}ms`,t.appendChild(a);}break}case "pulse":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.backgroundColor=r,i.style.animation=`veil-pulse-scale ${n||"1200ms"} ease-out infinite`,t.appendChild(i);break}case "orbit":{let i=document.createElement("div");i.style.width="30%",i.style.height="30%",i.style.borderRadius="50%",i.style.backgroundColor=r,i.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 ${n||"1200ms"} linear infinite`;let d=document.createElement("div");d.style.width="24%",d.style.height="24%",d.style.borderRadius="50%",d.style.backgroundColor=r,d.style.position="absolute",d.style.top="0",d.style.left="38%",a.appendChild(d),t.append(i,a);break}case "wave":{t.style.gap="4px";for(let i=0;i<5;i++){let a=document.createElement("div");a.style.width="12%",a.style.height="80%",a.style.borderRadius="3px",a.style.backgroundColor=r,a.style.animation=`veil-wave-dance ${n||"1100ms"} ease-in-out infinite`,a.style.animationDelay=`${i*110}ms`,t.appendChild(a);}break}case "bounce":{let i=document.createElement("div");i.style.width="60%",i.style.height="60%",i.style.borderRadius="50%",i.style.backgroundColor=r,i.style.animation=`veil-bounce-ball ${n||"900ms"} cubic-bezier(0.28, 0.84, 0.42, 1) infinite`,t.appendChild(i);break}case "ios-activity":{for(let i=0;i<12;i++){let a=document.createElement("div");a.style.position="absolute",a.style.width="8%",a.style.height="26%",a.style.backgroundColor=r,a.style.borderRadius="2px",a.style.transformOrigin="50% 190%",a.style.transform=`rotate(${i*30}deg) translateY(-90%)`,a.style.animation=`veil-ios-fade ${n||"1000ms"} linear infinite`,a.style.animationDelay=`-${(12-i)*(1e3/12)}ms`,t.appendChild(a);}break}case "glass-orb":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.background=`radial-gradient(circle at 35% 35%, rgba(255,255,255,0.8), ${r} 70%)`,i.style.boxShadow=`0 4px 12px ${r}44, inset 0 2px 4px rgba(255,255,255,0.6)`,i.style.animation=`veil-glass-orbit ${n||"1600ms"} ease-in-out infinite`,t.appendChild(i);break}case "morph":{let i=document.createElement("div");i.style.width="80%",i.style.height="80%",i.style.backgroundColor=r,i.style.animation=`veil-morph-shape ${n||"2000ms"} ease-in-out infinite`,t.appendChild(i);break}case "progress-circle":{let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 36 36"),i.style.width="100%",i.style.height="100%",i.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",s),a.setAttribute("stroke-width","3");let d=document.createElementNS("http://www.w3.org/2000/svg","circle");d.setAttribute("cx","18"),d.setAttribute("cy","18"),d.setAttribute("r","14"),d.setAttribute("fill","none"),d.setAttribute("stroke",r),d.setAttribute("stroke-width","3"),d.setAttribute("stroke-dasharray","88"),d.setAttribute("stroke-dashoffset","25"),d.setAttribute("stroke-linecap","round"),d.style.animation=`veil-spin ${n||"1200ms"} linear infinite`,d.style.transformOrigin="50% 50%",i.append(a,d),t.appendChild(i);break}case "arc-gradient":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.background=`conic-gradient(from 0deg, transparent 20%, ${r} 100%)`,i.style.mask="radial-gradient(farthest-side, transparent calc(100% - 3px), #fff calc(100% - 2.5px))",i.style.webkitMask="radial-gradient(farthest-side, transparent calc(100% - 3px), #fff calc(100% - 2.5px))",i.style.animation=`veil-spin ${n||"750ms"} linear infinite`,t.appendChild(i);break}case "pulse-ring":{for(let i=0;i<2;i++){let a=document.createElement("div");a.style.position="absolute",a.style.inset="0",a.style.borderRadius="50%",a.style.border=`2px solid ${r}`,a.style.animation=`veil-pulse-ring ${n||"1400ms"} cubic-bezier(0, 0.2, 0.8, 1) infinite`,a.style.animationDelay=`${i*700}ms`,t.appendChild(a);}break}case "dots-circle":{for(let i=0;i<8;i++){let a=document.createElement("div");a.style.position="absolute",a.style.width="20%",a.style.height="20%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.transformOrigin="50% 250%",a.style.transform=`rotate(${i*45}deg) translateY(-150%)`,a.style.animation=`veil-fade-seq ${n||"1000ms"} linear infinite`,a.style.animationDelay=`-${(8-i)*(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 i=0;i<3;i++)for(let a=0;a<3;a++){let d=document.createElement("div");d.style.width="100%",d.style.aspectRatio="1 / 1",d.style.borderRadius="50%",d.style.backgroundColor=r,d.style.animation=`veil-dot-bounce ${n||"1200ms"} ease-in-out infinite`,d.style.animationDelay=`${(i+a)*110}ms`,t.appendChild(d);}break}case "square-flip":{let i=document.createElement("div");i.style.width="60%",i.style.height="60%",i.style.backgroundColor=r,i.style.borderRadius="4px",i.style.animation=`veil-square-flip ${n||"1200ms"} ease-in-out infinite`,t.appendChild(i);break}case "cube-fold":{t.style.display="grid",t.style.gridTemplateColumns="repeat(2, 1fr)",t.style.gap="2px";for(let i=0;i<4;i++){let a=document.createElement("div");a.style.width="100%",a.style.aspectRatio="1 / 1",a.style.backgroundColor=r,a.style.borderRadius="2px",a.style.animation=`veil-cube-fold ${n||"1400ms"} ease-in-out infinite`,a.style.animationDelay=`${i*175}ms`,t.appendChild(a);}break}case "hourglass":{let i=document.createElement("div");i.style.width="65%",i.style.height="65%",i.style.border=`3px solid ${r}`,i.style.borderLeftColor="transparent",i.style.borderRightColor="transparent",i.style.borderRadius="50%",i.style.animation=`veil-hourglass ${n||"1200ms"} cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite`,t.appendChild(i);break}case "infinity":{let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 48 24"),i.style.width="100%",i.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",r),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 ${n||"1400ms"} linear infinite`,i.appendChild(a),t.appendChild(i);break}case "heartbeat-line":{let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 50 24"),i.style.width="100%",i.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",r),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 ${n||"1200ms"} ease-in-out infinite`,i.appendChild(a),t.appendChild(i);break}case "equalizer":{t.style.gap="3px";let i=[0,200,100,300];for(let a=0;a<4;a++){let d=document.createElement("div");d.style.width="18%",d.style.height="100%",d.style.borderRadius="2px",d.style.backgroundColor=r,d.style.animation=`veil-eq-bounce ${n||"800ms"} ease-in-out infinite alternate`,d.style.animationDelay=`${i[a]}ms`,t.appendChild(d);}break}case "chasing-dots":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.position="relative",i.style.animation=`veil-spin ${n||"1800ms"} linear infinite`;for(let a=0;a<2;a++){let d=document.createElement("div");d.style.position="absolute",d.style.width="45%",d.style.height="45%",d.style.borderRadius="50%",d.style.backgroundColor=r,d.style.animation=`veil-chase ${n||"1800ms"} ease-in-out infinite`,a===0?(d.style.top="0",d.style.left="0"):(d.style.bottom="0",d.style.right="0",d.style.animationDelay="-900ms"),i.appendChild(d);}t.appendChild(i);break}case "typing":{t.style.gap="4px";for(let i=0;i<3;i++){let a=document.createElement("div");a.style.width="24%",a.style.height="24%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.animation=`veil-typing ${n||"1000ms"} ease-in-out infinite`,a.style.animationDelay=`${i*150}ms`,t.appendChild(a);}break}case "liquid-fill":{let i=document.createElement("div");i.style.width="85%",i.style.height="85%",i.style.borderRadius="50%",i.style.border=`2px solid ${r}`,i.style.position="relative",i.style.overflow="hidden";let a=document.createElement("div");a.style.position="absolute",a.style.inset="0",a.style.backgroundColor=r,a.style.opacity="0.7",a.style.borderRadius="40%",a.style.animation=`veil-liquid-spin ${n||"2000ms"} linear infinite`,i.appendChild(a),t.appendChild(i);break}case "atom":{let i=document.createElement("div");i.style.width="24%",i.style.height="24%",i.style.borderRadius="50%",i.style.backgroundColor=r,i.style.position="absolute",t.appendChild(i);let a=[0,60,120];for(let d of a){let c=document.createElement("div");c.style.position="absolute",c.style.width="100%",c.style.height="45%",c.style.borderRadius="50%",c.style.border=`1.5px solid ${r}`,c.style.transform=`rotate(${d}deg)`,c.style.animation=`veil-atom-spin ${n||"1600ms"} linear infinite`,t.appendChild(c);}break}case "clock":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border=`2.5px solid ${r}`,i.style.position="relative";let a=document.createElement("div");a.style.width="14%",a.style.height="14%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.position="absolute",a.style.top="43%",a.style.left="43%";let d=document.createElement("div");d.style.position="absolute",d.style.width="2px",d.style.height="30%",d.style.backgroundColor=r,d.style.top="20%",d.style.left="calc(50% - 1px)",d.style.transformOrigin="bottom center",d.style.animation=`veil-spin ${n||"3000ms"} linear infinite`;let c=document.createElement("div");c.style.position="absolute",c.style.width="2px",c.style.height="42%",c.style.backgroundColor=r,c.style.top="8%",c.style.left="calc(50% - 1px)",c.style.transformOrigin="bottom center",c.style.animation=`veil-spin ${n||"1000ms"} linear infinite`,i.append(a,d,c),t.appendChild(i);break}case "radar":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border=`1.5px solid ${r}`,i.style.position="relative",i.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%, ${r} 100%)`,a.style.opacity="0.6",a.style.animation=`veil-spin ${n||"1500ms"} linear infinite`,i.appendChild(a),t.appendChild(i);break}case "ellipsis":{t.style.gap="3px";for(let i=0;i<3;i++){let a=document.createElement("div");a.style.width="24%",a.style.height="24%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.animation=`veil-ellipsis ${n||"1200ms"} ease-in-out infinite`,a.style.animationDelay=`${i*200}ms`,t.appendChild(a);}break}case "flower":{for(let i=0;i<6;i++){let a=document.createElement("div");a.style.position="absolute",a.style.width="28%",a.style.height="48%",a.style.borderRadius="50%",a.style.backgroundColor=r,a.style.opacity="0.85",a.style.transformOrigin="50% 100%",a.style.top="2%",a.style.transform=`rotate(${i*60}deg)`,a.style.animation=`veil-flower-bloom ${n||"1600ms"} ease-in-out infinite`,a.style.animationDelay=`${i*120}ms`,t.appendChild(a);}break}}return ie(),t}var V=false;function ie(){if(V||typeof document>"u")return;V=true;let l=document.createElement("style");l.id="veilkit-spinner-keyframes",l.textContent=`
512
512
  @keyframes veil-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
513
513
  @keyframes veil-dot-bounce { 0%, 80%, 100% { transform: scale(0.4); opacity: 0.4; } 40% { transform: scale(1); opacity: 1; } }
514
514
  @keyframes veil-bar-wave { 0%, 100% { transform: scaleY(0.3); opacity: 0.5; } 50% { transform: scaleY(1); opacity: 1; } }
@@ -580,7 +580,7 @@ ${P()}
580
580
  0%, 100% { transform: scale(0.7); opacity: 0.5; }
581
581
  50% { transform: scale(1); opacity: 1; }
582
582
  }
583
- `,document.head.appendChild(s);}function q(s={}){u();let e=!!s.circular,c=s.color||"var(--veil-progress-color, #3b82f6)",r=s.trackColor||"rgba(0, 0, 0, 0.08)";if(e){let t=s.size!==void 0?typeof s.size=="number"?`${s.size}px`:s.size:"48px",a=s.strokeWidth||4,d=document.createElement("div");d.className=`veil-progress-circular ${s.className||""}`.trim(),d.style.width=t,d.style.height=t,d.style.display="inline-flex",d.style.alignItems="center",d.style.justifyContent="center",d.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 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",r),y.setAttribute("stroke-width",String(a));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",c),m.setAttribute("stroke-width",String(a)),m.setAttribute("stroke-linecap","round");let b=2*Math.PI*20;if(m.setAttribute("stroke-dasharray",String(b)),s.value!==void 0){let h=Math.min(100,Math.max(0,s.value)),U=b-h/100*b;m.setAttribute("stroke-dashoffset",String(U)),m.style.transition="stroke-dashoffset 300ms ease";}else m.setAttribute("stroke-dashoffset",String(b*.75)),p.style.animation="veil-spin 1200ms linear infinite";if(p.append(y,m),d.appendChild(p),s.showPercentage&&s.value!==void 0){let h=document.createElement("span");h.style.position="absolute",h.style.fontSize="11px",h.style.fontWeight="600",h.textContent=`${Math.round(s.value)}%`,d.appendChild(h);}return d}let l=s.height!==void 0?typeof s.height=="number"?`${s.height}px`:s.height:"4px",n=document.createElement("div");n.className=`veil-progress-linear ${s.className||""}`.trim(),n.setAttribute("role","progressbar"),n.style.width="100%",n.style.height=l,n.style.backgroundColor=r,n.style.borderRadius="9999px",n.style.overflow="hidden",n.style.position="relative";let i=document.createElement("div");if(i.style.height="100%",i.style.backgroundColor=c,i.style.borderRadius="9999px",s.value!==void 0){let t=Math.min(100,Math.max(0,s.value));n.setAttribute("aria-valuenow",String(t)),i.style.width=`${t}%`,i.style.transition="width 250ms ease";}else i.style.width="35%",i.style.animation="veil-progress-indeterminate 1400ms ease-in-out infinite";return n.appendChild(i),n}var S={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 ne(s){return X[s]?X[s]:(S[ae]||S.en)[s]||S.en[s]||"Loading\u2026"}function F(s,e){s.setAttribute("aria-busy","true");let c=s.querySelector(".veil-sr-only");return c||(c=document.createElement("span"),c.className="veil-sr-only",c.setAttribute("role","status"),c.setAttribute("aria-live","polite"),s.appendChild(c)),c.textContent=e||ne("loading"),c}function W(s){s.removeAttribute("aria-busy");let e=s.querySelector(".veil-sr-only");e&&e.remove();}var v=new Map,L="",$=class{show(e,c={}){u();let r,l=!e;if(l?r=document.body:typeof e=="string"?(r=document.querySelector(e),r||(r=document.body)):r=e,v.has(r))return v.get(r);let n=document.createElement("div");if(n.className=`veil-overlay ${l?"veil-overlay-fullscreen":""} ${c.className||""}`.trim(),n.setAttribute("role","status"),c.color&&n.style.setProperty("--veil-overlay-bg",c.color),c.blur!==void 0){let i=typeof c.blur=="boolean"?c.blur?"8px":"0px":c.blur;n.style.setProperty("--veil-overlay-blur",i);}if(c.zIndex!==void 0&&(n.style.zIndex=String(c.zIndex)),c.spinner!==false){let i=typeof c.spinner=="string"?c.spinner:"ring",t=f({type:i,size:36});n.appendChild(t);}if(c.message){let i=document.createElement("span");i.className="veil-overlay-message",i.style.fontSize="14px",i.style.fontWeight="500",i.style.color="var(--veil-contrast, #1f2937)",i.textContent=c.message,n.appendChild(i);}return l||window.getComputedStyle(r).position==="static"&&(r.style.position="relative"),F(r,c.message),c.lockScroll&&l&&typeof document<"u"&&(L=document.body.style.overflow,document.body.style.overflow="hidden"),r.appendChild(n),v.set(r,n),n}hide(e){let c,r=!e;r?c=document.body:typeof e=="string"?(c=document.querySelector(e),c||(c=document.body)):c=e;let l=v.get(c);l&&(l.style.opacity="0",setTimeout(()=>{l.remove(),v.delete(c),W(c),r&&L!==void 0&&(document.body.style.overflow=L);},200));}},k=new $;function G(s,e={}){u(),re();let c=e.status||(e.loading?"loading":"idle"),r="",l="",n=s.innerHTML,i=null,t=e.pressFeedback||"press-scale";se(s,t);function a(){i&&(clearTimeout(i),i=null);}function d(y,m){a();let b=c;if(c=y,e.onStatusChange&&b!==y&&e.onStatusChange(y),y==="idle"){s.classList.remove("veil-btn-loading","veil-btn-success","veil-btn-error","veil-btn-shake","veil-btn-morph"),s.removeAttribute("aria-disabled"),s.removeAttribute("aria-busy"),s.style.width=r,s.style.height=l,s.innerHTML=n;return}if(b==="idle"){let h=s.getBoundingClientRect();r=s.style.width,l=s.style.height,n=s.innerHTML,h.width>0&&(s.style.width=`${h.width}px`),h.height>0&&(s.style.height=`${h.height}px`);}if(y==="loading"){s.classList.add("veil-btn-loading"),s.classList.remove("veil-btn-success","veil-btn-error"),s.setAttribute("aria-disabled","true"),s.setAttribute("aria-busy","true");let h=e.styleType||(e.spinnerPlacement==="replace"?"spinner-replace":e.spinnerPlacement==="end"?"spinner-right":"spinner-left");le(s,h,e,m||e.loadingText);}else if(y==="success"){s.classList.remove("veil-btn-loading","veil-btn-error"),s.classList.add("veil-btn-success"),s.setAttribute("aria-busy","false"),K(s,"success",m||e.successText||"Success",e.resultAnimation);let h=e.resetAfter!==void 0?e.resetAfter:2e3;h>0&&(i=setTimeout(()=>d("idle"),h));}else if(y==="error"){s.classList.remove("veil-btn-loading","veil-btn-success"),s.classList.add("veil-btn-error"),s.setAttribute("aria-busy","false"),K(s,"error",m||e.errorText||"Failed",e.resultAnimation);let h=e.resetAfter!==void 0?e.resetAfter:2e3;h>0&&(i=setTimeout(()=>d("idle"),h));}}let p=async y=>{if(c!=="idle"){y.preventDefault(),y.stopPropagation();return}if(e.onClick)try{let m=e.onClick(y);m&&typeof m.then=="function"&&(d("loading"),await m,d("success"));}catch{d("error");}};return s.addEventListener("click",p),e.status?d(e.status):e.loading&&d("loading",e.loadingText),{setStatus:d,setLoading:(y,m)=>d(y?"loading":"idle",m),getStatus:()=>c,destroy:()=>{a(),s.removeEventListener("click",p),d("idle");}}}function se(s,e){if(e!=="none")if(e==="press-scale"){s.style.transition="transform 100ms ease, box-shadow 150ms ease",s.addEventListener("mousedown",()=>{s.style.transform="scale(0.97)";});let c=()=>{s.style.transform="scale(1)";};s.addEventListener("mouseup",c),s.addEventListener("mouseleave",c);}else e==="ripple"?(s.style.position="relative",s.style.overflow="hidden",s.addEventListener("click",c=>{let r=s.getBoundingClientRect(),l=document.createElement("span"),n=Math.max(r.width,r.height),i=n/2;l.style.width=l.style.height=`${n}px`,l.style.left=`${c.clientX-r.left-i}px`,l.style.top=`${c.clientY-r.top-i}px`,l.className="veil-btn-ripple";let t=s.querySelector(".veil-btn-ripple");t&&t.remove(),s.appendChild(l);})):e==="glow-follow"&&s.addEventListener("mousemove",c=>{let r=s.getBoundingClientRect(),l=c.clientX-r.left,n=c.clientY-r.top;s.style.setProperty("--veil-mouse-x",`${l}px`),s.style.setProperty("--veil-mouse-y",`${n}px`);});}function le(s,e,c,r){let l=c.spinner||"ring",n=r||s.textContent?.trim()||"";switch(s.innerHTML="",e){case "spinner-left":{let i=f({type:l,size:16,color:"currentColor"});i.classList.add("veil-btn-spinner-wrap");let t=document.createElement("span");t.textContent=n,s.append(i,t);break}case "spinner-right":{let i=document.createElement("span");i.textContent=n;let t=f({type:l,size:16,color:"currentColor"});t.classList.add("veil-btn-spinner-wrap"),t.style.marginLeft="8px",t.style.marginRight="0",s.append(i,t);break}case "spinner-replace":{let i=f({type:l,size:20,color:"currentColor"});s.appendChild(i);break}case "dots-after-text":{let i=document.createElement("span");i.textContent=n;let t=document.createElement("span");t.className="veil-btn-typing-dots",t.textContent="...",s.append(i,t);break}case "progress-fill":{let i=document.createElement("div");i.className="veil-btn-progress-bar";let t=c.progress!==void 0?c.progress:60;i.style.width=`${t}%`;let a=document.createElement("span");a.style.position="relative",a.style.zIndex="2",a.textContent=n,s.append(i,a);break}case "shimmer-surface":{let i=document.createElement("span");i.textContent=n,i.style.position="relative",i.style.zIndex="2";let t=document.createElement("div");t.className="veil-btn-shimmer",s.append(i,t);break}case "pulse-glow":{s.classList.add("veil-btn-pulse-glow");let i=document.createElement("span");i.textContent=n,s.appendChild(i);break}case "stripes-progress":{let i=document.createElement("div");i.className="veil-btn-stripes";let t=document.createElement("span");t.style.position="relative",t.style.zIndex="2",t.textContent=n,s.append(i,t);break}case "morph-circle":{s.classList.add("veil-btn-morph");let i=f({type:l,size:20,color:"currentColor"});s.appendChild(i);break}case "slide-text":{let i=document.createElement("span");i.className="veil-btn-slide-wrap";let t=document.createElement("span");t.className="veil-btn-slide-out",t.textContent=n;let a=document.createElement("span");a.className="veil-btn-slide-in",a.textContent=r||"Loading\u2026",i.append(t,a),s.appendChild(i);break}case "border-trace":{let i=document.createElement("span");i.textContent=n,i.style.position="relative",i.style.zIndex="2";let t=document.createElement("div");t.className="veil-btn-border-trace",s.append(i,t);break}case "liquid-fill":{let i=document.createElement("div");i.className="veil-btn-liquid";let t=document.createElement("span");t.style.position="relative",t.style.zIndex="2",t.textContent=n,s.append(i,t);break}case "bounce-dots":{let i=f({type:"dots",size:22,color:"currentColor"}),t=document.createElement("span");t.textContent=n?` ${n}`:"",s.append(i,t);break}case "glass-shine":{s.classList.add("veil-btn-glass-shine");let i=document.createElement("span");i.textContent=n,s.appendChild(i);break}case "neon-pulse":{s.classList.add("veil-btn-neon-pulse");let i=document.createElement("span");i.textContent=n,s.appendChild(i);break}case "skeleton-button":{let i=document.createElement("div");i.className="veil-skeleton",i.setAttribute("data-veil-shape","button"),i.setAttribute("data-veil-anim","shimmer"),i.style.width="100%",i.style.height="100%",s.appendChild(i);break}}}function K(s,e,c,r="checkmark"){if(s.innerHTML="",s.style.display="inline-flex",s.style.alignItems="center",s.style.justifyContent="center",s.style.gap="8px",e==="error"&&(r==="shake"||r==="cross"||r==="none")&&s.classList.add("veil-btn-shake"),e==="success"&&r==="success-burst"){let t=document.createElement("div");t.className="veil-btn-burst",s.appendChild(t);}let l=document.createElementNS("http://www.w3.org/2000/svg","svg");l.setAttribute("viewBox","0 0 24 24"),l.style.width="18px",l.style.height="18px",l.style.stroke="currentColor",l.style.strokeWidth="2.5",l.style.fill="none",l.style.strokeLinecap="round",l.style.strokeLinejoin="round";let n=document.createElementNS("http://www.w3.org/2000/svg","path");e==="success"?n.setAttribute("d","M5 13l4 4L19 7"):n.setAttribute("d","M6 18L18 6M6 6l12 12"),n.style.strokeDasharray="30",n.style.strokeDashoffset="30",n.style.animation="veil-draw 300ms ease forwards",l.appendChild(n);let i=document.createElement("span");i.textContent=c,s.append(l,i);}var _=false;function re(){if(_||typeof document>"u")return;_=true;let s=document.createElement("style");s.id="veilkit-button-styles",s.textContent=`
583
+ `,document.head.appendChild(l);}function q(l={}){u();let e=!!l.circular,p=l.color||"var(--veil-progress-color, #3b82f6)",r=l.trackColor||"rgba(0, 0, 0, 0.08)";if(e){let i=l.size!==void 0?typeof l.size=="number"?`${l.size}px`:l.size:"48px",a=l.strokeWidth||4,d=document.createElement("div");d.className=`veil-progress-circular ${l.className||""}`.trim(),d.style.width=i,d.style.height=i,d.style.display="inline-flex",d.style.alignItems="center",d.style.justifyContent="center",d.style.position="relative";let c=document.createElementNS("http://www.w3.org/2000/svg","svg");c.setAttribute("viewBox","0 0 48 48"),c.style.width="100%",c.style.height="100%",c.style.transform="rotate(-90deg)";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",r),y.setAttribute("stroke-width",String(a));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",p),m.setAttribute("stroke-width",String(a)),m.setAttribute("stroke-linecap","round");let b=2*Math.PI*20;if(m.setAttribute("stroke-dasharray",String(b)),l.value!==void 0){let h=Math.min(100,Math.max(0,l.value)),U=b-h/100*b;m.setAttribute("stroke-dashoffset",String(U)),m.style.transition="stroke-dashoffset 300ms ease";}else m.setAttribute("stroke-dashoffset",String(b*.75)),c.style.animation="veil-spin 1200ms linear infinite";if(c.append(y,m),d.appendChild(c),l.showPercentage&&l.value!==void 0){let h=document.createElement("span");h.style.position="absolute",h.style.fontSize="11px",h.style.fontWeight="600",h.textContent=`${Math.round(l.value)}%`,d.appendChild(h);}return d}let s=l.height!==void 0?typeof l.height=="number"?`${l.height}px`:l.height:"4px",n=document.createElement("div");n.className=`veil-progress-linear ${l.className||""}`.trim(),n.setAttribute("role","progressbar"),n.style.width="100%",n.style.height=s,n.style.backgroundColor=r,n.style.borderRadius="9999px",n.style.overflow="hidden",n.style.position="relative";let t=document.createElement("div");if(t.style.height="100%",t.style.backgroundColor=p,t.style.borderRadius="9999px",l.value!==void 0){let i=Math.min(100,Math.max(0,l.value));n.setAttribute("aria-valuenow",String(i)),t.style.width=`${i}%`,t.style.transition="width 250ms ease";}else t.style.width="35%",t.style.animation="veil-progress-indeterminate 1400ms ease-in-out infinite";return n.appendChild(t),n}var S={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 ne(l){return X[l]?X[l]:(S[ae]||S.en)[l]||S.en[l]||"Loading\u2026"}function F(l,e){l.setAttribute("aria-busy","true");let p=l.querySelector(".veil-sr-only");return p||(p=document.createElement("span"),p.className="veil-sr-only",p.setAttribute("role","status"),p.setAttribute("aria-live","polite"),l.appendChild(p)),p.textContent=e||ne("loading"),p}function W(l){l.removeAttribute("aria-busy");let e=l.querySelector(".veil-sr-only");e&&e.remove();}var v=new Map,L="",$=class{show(e,p={}){u();let r,s=!e;if(s?r=document.body:typeof e=="string"?(r=document.querySelector(e),r||(r=document.body)):r=e,v.has(r))return v.get(r);let n=document.createElement("div");if(n.className=`veil-overlay ${s?"veil-overlay-fullscreen":""} ${p.className||""}`.trim(),n.setAttribute("role","status"),p.color&&n.style.setProperty("--veil-overlay-bg",p.color),p.blur!==void 0){let t=typeof p.blur=="boolean"?p.blur?"8px":"0px":p.blur;n.style.setProperty("--veil-overlay-blur",t);}if(p.zIndex!==void 0&&(n.style.zIndex=String(p.zIndex)),p.spinner!==false){let t=typeof p.spinner=="string"?p.spinner:"ring",i=f({type:t,size:36});n.appendChild(i);}if(p.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=p.message,n.appendChild(t);}return s||window.getComputedStyle(r).position==="static"&&(r.style.position="relative"),F(r,p.message),p.lockScroll&&s&&typeof document<"u"&&(L=document.body.style.overflow,document.body.style.overflow="hidden"),r.appendChild(n),v.set(r,n),n}hide(e){let p,r=!e;r?p=document.body:typeof e=="string"?(p=document.querySelector(e),p||(p=document.body)):p=e;let s=v.get(p);s&&(s.style.opacity="0",setTimeout(()=>{s.remove(),v.delete(p),W(p),r&&L!==void 0&&(document.body.style.overflow=L);},200));}},k=new $;function G(l,e={}){u(),re();let p=e.status||(e.loading?"loading":"idle"),r="",s="",n=l.innerHTML,t=null,i=e.pressFeedback||"press-scale";se(l,i);function a(){t&&(clearTimeout(t),t=null);}function d(y,m){a();let b=p;if(p=y,e.onStatusChange&&b!==y&&e.onStatusChange(y),y==="idle"){l.classList.remove("veil-btn-loading","veil-btn-success","veil-btn-error","veil-btn-shake","veil-btn-morph"),l.removeAttribute("aria-disabled"),l.removeAttribute("aria-busy"),l.style.width=r,l.style.height=s,l.innerHTML=n;return}if(b==="idle"){let h=l.getBoundingClientRect();r=l.style.width,s=l.style.height,n=l.innerHTML,h.width>0&&(l.style.width=`${h.width}px`),h.height>0&&(l.style.height=`${h.height}px`);}if(y==="loading"){l.classList.add("veil-btn-loading"),l.classList.remove("veil-btn-success","veil-btn-error"),l.setAttribute("aria-disabled","true"),l.setAttribute("aria-busy","true");let h=e.styleType||(e.spinnerPlacement==="replace"?"spinner-replace":e.spinnerPlacement==="end"?"spinner-right":"spinner-left");le(l,h,e,m||e.loadingText);}else if(y==="success"){l.classList.remove("veil-btn-loading","veil-btn-error"),l.classList.add("veil-btn-success"),l.setAttribute("aria-busy","false"),K(l,"success",m||e.successText||"Success",e.resultAnimation);let h=e.resetAfter!==void 0?e.resetAfter:2e3;h>0&&(t=setTimeout(()=>d("idle"),h));}else if(y==="error"){l.classList.remove("veil-btn-loading","veil-btn-success"),l.classList.add("veil-btn-error"),l.setAttribute("aria-busy","false"),K(l,"error",m||e.errorText||"Failed",e.resultAnimation);let h=e.resetAfter!==void 0?e.resetAfter:2e3;h>0&&(t=setTimeout(()=>d("idle"),h));}}let c=async y=>{if(p!=="idle"){y.preventDefault(),y.stopPropagation();return}if(e.onClick)try{let m=e.onClick(y);m&&typeof m.then=="function"&&(d("loading"),await m,d("success"));}catch{d("error");}};return l.addEventListener("click",c),e.status?d(e.status):e.loading&&d("loading",e.loadingText),{setStatus:d,setLoading:(y,m)=>d(y?"loading":"idle",m),getStatus:()=>p,destroy:()=>{a(),l.removeEventListener("click",c),d("idle");}}}function se(l,e){if(e!=="none")if(e==="press-scale"){l.style.transition="transform 100ms ease, box-shadow 150ms ease",l.addEventListener("mousedown",()=>{l.style.transform="scale(0.97)";});let p=()=>{l.style.transform="scale(1)";};l.addEventListener("mouseup",p),l.addEventListener("mouseleave",p);}else e==="ripple"?(l.style.position="relative",l.style.overflow="hidden",l.addEventListener("click",p=>{let r=l.getBoundingClientRect(),s=document.createElement("span"),n=Math.max(r.width,r.height),t=n/2;s.style.width=s.style.height=`${n}px`,s.style.left=`${p.clientX-r.left-t}px`,s.style.top=`${p.clientY-r.top-t}px`,s.className="veil-btn-ripple";let i=l.querySelector(".veil-btn-ripple");i&&i.remove(),l.appendChild(s);})):e==="glow-follow"&&l.addEventListener("mousemove",p=>{let r=l.getBoundingClientRect(),s=p.clientX-r.left,n=p.clientY-r.top;l.style.setProperty("--veil-mouse-x",`${s}px`),l.style.setProperty("--veil-mouse-y",`${n}px`);});}function le(l,e,p,r){let s=p.spinner||"ring",n=r||l.textContent?.trim()||"";switch(l.innerHTML="",e){case "spinner-left":{let t=f({type:s,size:16,color:"currentColor"});t.classList.add("veil-btn-spinner-wrap");let i=document.createElement("span");i.textContent=n,l.append(t,i);break}case "spinner-right":{let t=document.createElement("span");t.textContent=n;let i=f({type:s,size:16,color:"currentColor"});i.classList.add("veil-btn-spinner-wrap"),i.style.marginLeft="8px",i.style.marginRight="0",l.append(t,i);break}case "spinner-replace":{let t=f({type:s,size:20,color:"currentColor"});l.appendChild(t);break}case "dots-after-text":{let t=document.createElement("span");t.textContent=n;let i=document.createElement("span");i.className="veil-btn-typing-dots",i.textContent="...",l.append(t,i);break}case "progress-fill":{let t=document.createElement("div");t.className="veil-btn-progress-bar";let i=p.progress!==void 0?p.progress:60;t.style.width=`${i}%`;let a=document.createElement("span");a.style.position="relative",a.style.zIndex="2",a.textContent=n,l.append(t,a);break}case "shimmer-surface":{let t=document.createElement("span");t.textContent=n,t.style.position="relative",t.style.zIndex="2";let i=document.createElement("div");i.className="veil-btn-shimmer",l.append(t,i);break}case "pulse-glow":{l.classList.add("veil-btn-pulse-glow");let t=document.createElement("span");t.textContent=n,l.appendChild(t);break}case "stripes-progress":{let t=document.createElement("div");t.className="veil-btn-stripes";let i=document.createElement("span");i.style.position="relative",i.style.zIndex="2",i.textContent=n,l.append(t,i);break}case "morph-circle":{l.classList.add("veil-btn-morph");let t=f({type:s,size:20,color:"currentColor"});l.appendChild(t);break}case "slide-text":{let t=document.createElement("span");t.className="veil-btn-slide-wrap";let i=document.createElement("span");i.className="veil-btn-slide-out",i.textContent=n;let a=document.createElement("span");a.className="veil-btn-slide-in",a.textContent=r||"Loading\u2026",t.append(i,a),l.appendChild(t);break}case "border-trace":{let t=document.createElement("span");t.textContent=n,t.style.position="relative",t.style.zIndex="2";let i=document.createElement("div");i.className="veil-btn-border-trace",l.append(t,i);break}case "liquid-fill":{let t=document.createElement("div");t.className="veil-btn-liquid";let i=document.createElement("span");i.style.position="relative",i.style.zIndex="2",i.textContent=n,l.append(t,i);break}case "bounce-dots":{let t=f({type:"dots",size:22,color:"currentColor"}),i=document.createElement("span");i.textContent=n?` ${n}`:"",l.append(t,i);break}case "glass-shine":{l.classList.add("veil-btn-glass-shine");let t=document.createElement("span");t.textContent=n,l.appendChild(t);break}case "neon-pulse":{l.classList.add("veil-btn-neon-pulse");let t=document.createElement("span");t.textContent=n,l.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%",l.appendChild(t);break}}}function K(l,e,p,r="checkmark"){if(l.innerHTML="",l.style.display="inline-flex",l.style.alignItems="center",l.style.justifyContent="center",l.style.gap="8px",e==="error"&&(r==="shake"||r==="cross"||r==="none")&&l.classList.add("veil-btn-shake"),e==="success"&&r==="success-burst"){let i=document.createElement("div");i.className="veil-btn-burst",l.appendChild(i);}let s=document.createElementNS("http://www.w3.org/2000/svg","svg");s.setAttribute("viewBox","0 0 24 24"),s.style.width="18px",s.style.height="18px",s.style.stroke="currentColor",s.style.strokeWidth="2.5",s.style.fill="none",s.style.strokeLinecap="round",s.style.strokeLinejoin="round";let n=document.createElementNS("http://www.w3.org/2000/svg","path");e==="success"?n.setAttribute("d","M5 13l4 4L19 7"):n.setAttribute("d","M6 18L18 6M6 6l12 12"),n.style.strokeDasharray="30",n.style.strokeDashoffset="30",n.style.animation="veil-draw 300ms ease forwards",s.appendChild(n);let t=document.createElement("span");t.textContent=p,l.append(s,t);}var _=false;function re(){if(_||typeof document>"u")return;_=true;let l=document.createElement("style");l.id="veilkit-button-styles",l.textContent=`
584
584
  .veil-btn-loading { position: relative; cursor: wait !important; pointer-events: none; }
585
585
  .veil-btn-success { background-color: #10b981 !important; color: #fff !important; }
586
586
  .veil-btn-error { background-color: #ef4444 !important; color: #fff !important; }
@@ -656,5 +656,5 @@ ${P()}
656
656
  @keyframes veil-liquid-wave { from { transform: scaleY(0.7); } to { transform: scaleY(1); } }
657
657
  @keyframes veil-burst { 0% { opacity: 1; transform: scale(0.95); } 100% { opacity: 0; transform: scale(1.2); } }
658
658
  @keyframes veil-typing-text { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } }
659
- `,document.head.appendChild(s);}var R=class extends HTMLElement{static get observedAttributes(){return ["type","width","height","radius","lines","animation","theme","circle"]}connectedCallback(){u(),this.render();}attributeChangedCallback(){this.render();}render(){this.innerHTML="";let e=this.getAttribute("type")||"rect",c=this.getAttribute("lines")?parseInt(this.getAttribute("lines"),10):void 0,r=this.getAttribute("width")||void 0,l=this.getAttribute("height")||void 0,n=this.getAttribute("radius")||void 0,i=this.getAttribute("animation")||"shimmer",t=this.getAttribute("theme")||"light",d=this.hasAttribute("circle")?"circle":e,p=c?g(c,{width:r,animation:i,theme:t}):o({type:d,width:r,height:l,radius:n,animation:i,theme:t});this.appendChild(p);}},D=class extends HTMLElement{static get observedAttributes(){return ["name","items","columns","shape","animation","theme","width"]}connectedCallback(){u(),this.render();}attributeChangedCallback(){this.render();}render(){this.innerHTML="";let e=this.getAttribute("name")||"card",c=this.getAttribute("items")?parseInt(this.getAttribute("items"),10):void 0,r=this.getAttribute("columns")?parseInt(this.getAttribute("columns"),10):void 0,l=this.getAttribute("shape")||"rounded",n=this.getAttribute("animation")||"shimmer",i=this.getAttribute("theme")||"light",t=this.getAttribute("width")||void 0,a=A({name:e,items:c,columns:r,shape:l,animation:n,theme:i,width:t});this.appendChild(a);}},N=class extends HTMLElement{static get observedAttributes(){return ["type","size","color","secondary-color","speed","glass","label"]}connectedCallback(){u(),this.render();}attributeChangedCallback(){this.render();}render(){this.innerHTML="";let e=this.getAttribute("type")||"ring",c=this.getAttribute("size")||"28px",r=this.getAttribute("color")||void 0,l=this.getAttribute("secondary-color")||void 0,n=this.getAttribute("speed")||void 0,i=this.hasAttribute("glass"),t=this.getAttribute("label")||void 0,a=f({type:e,size:c,color:r,secondaryColor:l,speed:n,glass:i,label:t});this.appendChild(a);}},M=class extends HTMLElement{static get observedAttributes(){return ["value","circular","size","color"]}connectedCallback(){u(),this.render();}attributeChangedCallback(){this.render();}render(){this.innerHTML="";let e=this.getAttribute("value")?parseFloat(this.getAttribute("value")):void 0,c=this.hasAttribute("circular"),r=this.getAttribute("size")||void 0,l=this.getAttribute("color")||void 0,n=q({value:e,circular:c,size:r,color:l});this.appendChild(n);}},I=class extends HTMLElement{static get observedAttributes(){return ["visible","message","blur"]}connectedCallback(){u(),this.update();}attributeChangedCallback(){this.update();}update(){let e=this.hasAttribute("visible")&&this.getAttribute("visible")!=="false",c=this.getAttribute("message")||void 0,r=this.getAttribute("blur")!=="false";e?k.show(this,{message:c,blur:r}):k.hide(this);}disconnectedCallback(){k.hide(this);}},z=class extends HTMLElement{btnController=null;static get observedAttributes(){return ["status","loading","style-type","spinner","loading-text","success-text","error-text","reset-after"]}connectedCallback(){u();let e=this.querySelector("button");e&&(this.btnController=G(e,{status:this.getAttribute("status")||void 0,loading:this.hasAttribute("loading"),styleType:this.getAttribute("style-type")||"spinner-left",spinner:this.getAttribute("spinner")||"ring",loadingText:this.getAttribute("loading-text")||void 0,successText:this.getAttribute("success-text")||void 0,errorText:this.getAttribute("error-text")||void 0,resetAfter:this.getAttribute("reset-after")?parseInt(this.getAttribute("reset-after"),10):2e3}));}attributeChangedCallback(e){if(this.btnController){if(e==="status"){let c=this.getAttribute("status");c&&this.btnController.setStatus(c,this.getAttribute("loading-text")||void 0);}else if(e==="loading"){let c=this.hasAttribute("loading")&&this.getAttribute("loading")!=="false";this.btnController.setLoading(c,this.getAttribute("loading-text")||void 0);}}}disconnectedCallback(){this.btnController&&(this.btnController.destroy(),this.btnController=null);}};function oe(){typeof window>"u"||typeof customElements>"u"||(customElements.get("veil-skeleton")||customElements.define("veil-skeleton",R),customElements.get("veil-preset")||customElements.define("veil-preset",D),customElements.get("veil-spinner")||customElements.define("veil-spinner",N),customElements.get("veil-progress")||customElements.define("veil-progress",M),customElements.get("veil-overlay")||customElements.define("veil-overlay",I),customElements.get("veil-loading-button")||customElements.define("veil-loading-button",z));}typeof window<"u"&&oe();exports.VeilLoadingButtonElement=z;exports.VeilOverlayElement=I;exports.VeilPresetElement=D;exports.VeilProgressElement=M;exports.VeilSkeletonElement=R;exports.VeilSpinnerElement=N;exports.defineVeilElements=oe;//# sourceMappingURL=index.cjs.map
659
+ `,document.head.appendChild(l);}var R=class extends HTMLElement{static get observedAttributes(){return ["type","width","height","radius","lines","animation","theme","circle"]}connectedCallback(){u(),this.render();}attributeChangedCallback(){this.render();}render(){this.innerHTML="";let e=this.getAttribute("type")||"rect",p=this.getAttribute("lines")?parseInt(this.getAttribute("lines"),10):void 0,r=this.getAttribute("width")||void 0,s=this.getAttribute("height")||void 0,n=this.getAttribute("radius")||void 0,t=this.getAttribute("animation")||"shimmer",i=this.getAttribute("theme")||"light",d=this.hasAttribute("circle")?"circle":e,c=p?g(p,{width:r,animation:t,theme:i}):o({type:d,width:r,height:s,radius:n,animation:t,theme:i});this.appendChild(c);}},D=class extends HTMLElement{static get observedAttributes(){return ["name","items","columns","shape","animation","theme","width"]}connectedCallback(){u(),this.render();}attributeChangedCallback(){this.render();}render(){this.innerHTML="";let e=this.getAttribute("name")||"card",p=this.getAttribute("items")?parseInt(this.getAttribute("items"),10):void 0,r=this.getAttribute("columns")?parseInt(this.getAttribute("columns"),10):void 0,s=this.getAttribute("shape")||"rounded",n=this.getAttribute("animation")||"shimmer",t=this.getAttribute("theme")||"light",i=this.getAttribute("width")||void 0,a=A({name:e,items:p,columns:r,shape:s,animation:n,theme:t,width:i});this.appendChild(a);}},N=class extends HTMLElement{static get observedAttributes(){return ["type","size","color","secondary-color","speed","glass","label"]}connectedCallback(){u(),this.render();}attributeChangedCallback(){this.render();}render(){this.innerHTML="";let e=this.getAttribute("type")||"ring",p=this.getAttribute("size")||"28px",r=this.getAttribute("color")||void 0,s=this.getAttribute("secondary-color")||void 0,n=this.getAttribute("speed")||void 0,t=this.hasAttribute("glass"),i=this.getAttribute("label")||void 0,a=f({type:e,size:p,color:r,secondaryColor:s,speed:n,glass:t,label:i});this.appendChild(a);}},M=class extends HTMLElement{static get observedAttributes(){return ["value","circular","size","color"]}connectedCallback(){u(),this.render();}attributeChangedCallback(){this.render();}render(){this.innerHTML="";let e=this.getAttribute("value")?parseFloat(this.getAttribute("value")):void 0,p=this.hasAttribute("circular"),r=this.getAttribute("size")||void 0,s=this.getAttribute("color")||void 0,n=q({value:e,circular:p,size:r,color:s});this.appendChild(n);}},I=class extends HTMLElement{static get observedAttributes(){return ["visible","message","blur"]}connectedCallback(){u(),this.update();}attributeChangedCallback(){this.update();}update(){let e=this.hasAttribute("visible")&&this.getAttribute("visible")!=="false",p=this.getAttribute("message")||void 0,r=this.getAttribute("blur")!=="false";e?k.show(this,{message:p,blur:r}):k.hide(this);}disconnectedCallback(){k.hide(this);}},z=class extends HTMLElement{btnController=null;static get observedAttributes(){return ["status","loading","style-type","spinner","loading-text","success-text","error-text","reset-after"]}connectedCallback(){u();let e=this.querySelector("button");e&&(this.btnController=G(e,{status:this.getAttribute("status")||void 0,loading:this.hasAttribute("loading"),styleType:this.getAttribute("style-type")||"spinner-left",spinner:this.getAttribute("spinner")||"ring",loadingText:this.getAttribute("loading-text")||void 0,successText:this.getAttribute("success-text")||void 0,errorText:this.getAttribute("error-text")||void 0,resetAfter:this.getAttribute("reset-after")?parseInt(this.getAttribute("reset-after"),10):2e3}));}attributeChangedCallback(e){if(this.btnController){if(e==="status"){let p=this.getAttribute("status");p&&this.btnController.setStatus(p,this.getAttribute("loading-text")||void 0);}else if(e==="loading"){let p=this.hasAttribute("loading")&&this.getAttribute("loading")!=="false";this.btnController.setLoading(p,this.getAttribute("loading-text")||void 0);}}}disconnectedCallback(){this.btnController&&(this.btnController.destroy(),this.btnController=null);}};function oe(){typeof window>"u"||typeof customElements>"u"||(customElements.get("veil-skeleton")||customElements.define("veil-skeleton",R),customElements.get("veil-preset")||customElements.define("veil-preset",D),customElements.get("veil-spinner")||customElements.define("veil-spinner",N),customElements.get("veil-progress")||customElements.define("veil-progress",M),customElements.get("veil-overlay")||customElements.define("veil-overlay",I),customElements.get("veil-loading-button")||customElements.define("veil-loading-button",z));}typeof window<"u"&&oe();exports.VeilLoadingButtonElement=z;exports.VeilOverlayElement=I;exports.VeilPresetElement=D;exports.VeilProgressElement=M;exports.VeilSkeletonElement=R;exports.VeilSpinnerElement=N;exports.defineVeilElements=oe;//# sourceMappingURL=index.cjs.map
660
660
  //# sourceMappingURL=index.cjs.map