veilkit 0.0.0-stage → 0.2.1

package/dist/angular/index.js

@@ -0,0 +1,660 @@
+import {Injectable,Input,Directive,Component,signal,computed,inject}from'@angular/core';import {NavigationStart,NavigationEnd,NavigationCancel,NavigationError}from'@angular/router';import {finalize}from'rxjs/operators';var Ce=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var y=(n,e,o,l)=>{for(var r=l>1?void 0:l?Te(e,o):e,s=n.length-1,i;s>=0;s--)(i=n[s])&&(r=(l?i(e,o,r):i(r))||r);return l&&r&&Ce(e,o,r),r};var Y=class{activeIds=new Set;counter=0;listeners=new Set;start(e){let o=e||`req_${Date.now()}_${Math.random().toString(36).substring(2,7)}`;return this.activeIds.has(o)||(this.activeIds.add(o),this.counter++,this.notify()),o}stop(e){if(e)this.activeIds.has(e)&&(this.activeIds.delete(e),this.counter=Math.max(0,this.counter-1),this.notify());else if(this.counter>0){this.counter--;let o=this.activeIds.values().next().value;o&&this.activeIds.delete(o),this.notify();}}isLoading(){return this.counter>0}getCount(){return this.counter}subscribe(e){return this.listeners.add(e),e(this.isLoading(),this.counter),()=>{this.listeners.delete(e);}}reset(){this.activeIds.clear(),this.counter=0,this.notify();}notify(){let e=this.isLoading();for(let o of this.listeners)o(e,this.counter);}},L=new Y;var k={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"}},te=new Map;function q(n){let e=n.parent&&k[n.parent]?k[n.parent]:k.light,o={base:n.base??e.base,highlight:n.highlight??e.highlight,radius:n.radius??e.radius,duration:n.duration??e.duration,easing:n.easing??e.easing,border:n.border??e.border,blur:n.blur??e.blur,glow:n.glow??e.glow,contrast:n.contrast??e.contrast};return te.set(n.name,o),o}function ie(n){if(!n)return k.light;if(typeof n=="string"){if(n in k)return k[n];let e=te.get(n);return e||k.light}return q(n)}function ae(){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 ne=false,se;function re(n){se=n;}function Se(){let n=k.light,e=k.dark;return `
+/* === VEILKIT CORE STYLES === */
+:root {
+  --veil-base: ${n.base};
+  --veil-highlight: ${n.highlight};
+  --veil-radius: ${n.radius};
+  --veil-duration: ${n.duration};
+  --veil-easing: ${n.easing};
+  --veil-direction: ltr;
+  --veil-border: none;
+  --veil-blur: none;
+  --veil-glow: none;
+  --veil-contrast: ${n.contrast};
+
+  --veil-auto-base: ${n.base};
+  --veil-auto-highlight: ${n.highlight};
+  --veil-auto-contrast: ${n.contrast};
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --veil-auto-base: ${e.base};
+    --veil-auto-highlight: ${e.highlight};
+    --veil-auto-contrast: ${e.contrast};
+  }
+}
+
+/* === DARK THEME SELECTORS === */
+[data-theme="dark"], .dark, [data-theme="dark"] .veil-skeleton {
+  --veil-base: ${e.base};
+  --veil-highlight: ${e.highlight};
+  --veil-contrast: ${e.contrast};
+}
+
+/* === THEME ATTRIBUTE CLASSES === */
+${Object.entries(k).map(([o,l])=>`[data-veil-theme="${o}"]{--veil-base:${l.base};--veil-highlight:${l.highlight};--veil-radius:${l.radius};--veil-duration:${l.duration};--veil-easing:${l.easing};${l.border?`--veil-border:${l.border};`:""}${l.blur?`--veil-blur:${l.blur};`:""}${l.glow?`--veil-glow:${l.glow};`:""}--veil-contrast:${l.contrast};}`).join("")}
+
+/* === BASE SKELETON ELEMENT === */
+.veil-skeleton {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  background-color: var(--veil-base, #e5e7eb);
+  border-radius: var(--veil-radius, 6px);
+  border: var(--veil-border, none);
+  box-shadow: var(--veil-glow, none);
+  overflow: hidden;
+  pointer-events: none;
+  user-select: none;
+  min-height: 12px;
+}
+
+[data-veil-theme="glass"] .veil-skeleton,
+.veil-skeleton[data-veil-theme="glass"] {
+  backdrop-filter: blur(var(--veil-blur, 12px));
+  -webkit-backdrop-filter: blur(var(--veil-blur, 12px));
+}
+
+/* === SHIMMER / ANIMATION OVERLAY === */
+.veil-skeleton::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  will-change: transform, opacity;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    var(--veil-highlight, rgba(255, 255, 255, 0.7)) 50%,
+    transparent 100%
+  );
+  animation-duration: var(--veil-duration, 1.5s);
+  animation-timing-function: var(--veil-easing, cubic-bezier(0.4, 0, 0.2, 1));
+  animation-iteration-count: infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+  animation-play-state: var(--veil-play-state, running);
+}
+
+/* Animation name mapping */
+.veil-skeleton[data-veil-anim="shimmer"]::after,
+.veil-skeleton:not([data-veil-anim])::after {
+  animation-name: veil-shimmer-ltr;
+}
+.veil-skeleton[data-veil-dir="rtl"]::after,
+[dir="rtl"] .veil-skeleton[data-veil-anim="shimmer"]::after {
+  animation-name: veil-shimmer-rtl;
+}
+.veil-skeleton[data-veil-dir="ttb"]::after {
+  animation-name: veil-shimmer-ttb;
+  background: linear-gradient(180deg, transparent 0%, var(--veil-highlight, rgba(255,255,255,0.7)) 50%, transparent 100%);
+}
+.veil-skeleton[data-veil-dir="btt"]::after {
+  animation-name: veil-shimmer-btt;
+  background: linear-gradient(0deg, transparent 0%, var(--veil-highlight, rgba(255,255,255,0.7)) 50%, transparent 100%);
+}
+
+.veil-skeleton[data-veil-anim="wave"]::after {
+  animation-name: veil-wave;
+}
+
+.veil-skeleton[data-veil-anim="pulse"]::after {
+  background: none;
+}
+.veil-skeleton[data-veil-anim="pulse"] {
+  animation: veil-pulse var(--veil-duration, 1.5s) var(--veil-easing, ease-in-out) infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+  animation-play-state: var(--veil-play-state, running);
+}
+
+.veil-skeleton[data-veil-anim="blink"]::after {
+  background: none;
+}
+.veil-skeleton[data-veil-anim="blink"] {
+  animation: veil-blink var(--veil-duration, 1.2s) steps(2, start) infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+  animation-play-state: var(--veil-play-state, running);
+}
+
+.veil-skeleton[data-veil-anim="breathe"]::after {
+  background: none;
+}
+.veil-skeleton[data-veil-anim="breathe"] {
+  animation: veil-breathe var(--veil-duration, 2.2s) var(--veil-easing, ease-in-out) infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+  animation-play-state: var(--veil-play-state, running);
+}
+
+.veil-skeleton[data-veil-anim="glass-shine"]::after {
+  animation-name: veil-glass-shine;
+  background: linear-gradient(
+    115deg,
+    transparent 20%,
+    var(--veil-highlight, rgba(255, 255, 255, 0.4)) 50%,
+    transparent 80%
+  );
+}
+
+.veil-skeleton[data-veil-anim="gradient-flow"]::after {
+  width: 300%;
+  animation-name: veil-gradient-flow;
+  background: linear-gradient(
+    90deg,
+    var(--veil-base, #e5e7eb) 0%,
+    var(--veil-highlight, rgba(255, 255, 255, 0.8)) 30%,
+    var(--veil-base, #e5e7eb) 60%,
+    var(--veil-highlight, rgba(255, 255, 255, 0.8)) 100%
+  );
+}
+
+.veil-skeleton[data-veil-anim="aurora"]::after {
+  width: 160%;
+  height: 160%;
+  animation-name: veil-aurora;
+  background: radial-gradient(
+    circle at 50% 50%,
+    rgba(56, 189, 248, 0.3) 0%,
+    rgba(168, 85, 247, 0.25) 45%,
+    rgba(236, 72, 153, 0.2) 75%,
+    transparent 100%
+  );
+}
+
+.veil-skeleton[data-veil-anim="scan-line"]::after {
+  height: 30%;
+  animation-name: veil-scan-line;
+  background: linear-gradient(180deg, transparent, var(--veil-highlight, rgba(0, 240, 255, 0.8)), transparent);
+}
+
+.veil-skeleton[data-veil-anim="sparkle"]::after {
+  animation-name: veil-sparkle;
+}
+
+.veil-skeleton[data-veil-anim="neon-glow"] {
+  animation: veil-neon-glow var(--veil-duration, 1.6s) ease-in-out infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+}
+
+.veil-skeleton[data-veil-anim="ripple"]::after {
+  width: 100%;
+  height: 100%;
+  animation: veil-ripple var(--veil-duration, 1.8s) ease-out infinite;
+  background: radial-gradient(circle, var(--veil-highlight, rgba(255, 255, 255, 0.7)) 10%, transparent 70%);
+}
+
+.veil-skeleton[data-veil-anim="ping-pong"]::after {
+  animation-name: veil-ping-pong;
+  animation-duration: var(--veil-duration, 2.4s);
+  animation-timing-function: ease-in-out;
+}
+
+.veil-skeleton[data-veil-anim="wipe"]::after {
+  width: 100%;
+  animation-name: veil-wipe;
+  animation-duration: var(--veil-duration, 1.8s);
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.veil-skeleton[data-veil-anim="cascade"]::after {
+  width: 100%;
+  animation-name: veil-cascade;
+  animation-duration: var(--veil-duration, 1.6s);
+}
+
+.veil-skeleton[data-veil-anim="spotlight"]::after {
+  width: 140%;
+  height: 140%;
+  animation-name: veil-spotlight;
+  animation-duration: var(--veil-duration, 2.5s);
+  background: radial-gradient(circle at center, var(--veil-highlight, rgba(255, 255, 255, 0.85)) 0%, transparent 60%);
+}
+
+.veil-skeleton[data-veil-anim="rainbow"]::after {
+  width: 250%;
+  animation-name: veil-rainbow;
+  animation-duration: var(--veil-duration, 3.5s);
+  background: linear-gradient(90deg, #f43f5e, #fbbf24, #10b981, #06b6d4, #8b5cf6, #f43f5e);
+  opacity: 0.25;
+}
+
+.veil-skeleton[data-veil-anim="heartbeat"] {
+  animation: veil-heartbeat var(--veil-duration, 1.4s) ease-in-out infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+}
+.veil-skeleton[data-veil-anim="heartbeat"]::after {
+  background: none;
+}
+
+.veil-skeleton[data-veil-anim="liquid"]::after {
+  width: 150%;
+  animation-name: veil-liquid;
+  animation-duration: var(--veil-duration, 2.2s);
+  background: radial-gradient(ellipse at center, var(--veil-highlight, rgba(255, 255, 255, 0.7)) 0%, transparent 70%);
+}
+
+.veil-skeleton[data-veil-anim="stripes"]::after {
+  width: 200%;
+  animation-name: veil-stripes;
+  animation-duration: var(--veil-duration, 1.5s);
+  animation-timing-function: linear;
+  background: repeating-linear-gradient(45deg, transparent, transparent 12px, var(--veil-highlight, rgba(255, 255, 255, 0.4)) 12px, var(--veil-highlight, rgba(255, 255, 255, 0.4)) 24px);
+}
+
+.veil-skeleton[data-veil-anim="halftone"] {
+  animation: veil-halftone var(--veil-duration, 1.8s) ease-in-out infinite;
+}
+.veil-skeleton[data-veil-anim="halftone"]::after {
+  background: radial-gradient(var(--veil-highlight, rgba(255, 255, 255, 0.5)) 15%, transparent 16%);
+  background-size: 8px 8px;
+}
+
+.veil-skeleton[data-veil-anim="border-glow"] {
+  animation: veil-border-glow var(--veil-duration, 1.6s) ease-in-out infinite;
+  box-shadow: 0 0 12px var(--veil-highlight, rgba(99, 102, 241, 0.5));
+}
+.veil-skeleton[data-veil-anim="border-glow"]::after {
+  background: none;
+}
+
+.veil-skeleton[data-veil-anim="typewriter"] {
+  animation: veil-typewriter var(--veil-duration, 1.5s) steps(20, end) infinite alternate;
+}
+.veil-skeleton[data-veil-anim="typewriter"]::after {
+  background: none;
+}
+
+.veil-skeleton[data-veil-anim="glitch"] {
+  animation: veil-glitch var(--veil-duration, 2s) steps(4, jump-none) infinite;
+}
+.veil-skeleton[data-veil-anim="glitch"]::after {
+  background: linear-gradient(90deg, transparent, var(--veil-highlight, rgba(255, 255, 255, 0.6)), transparent);
+}
+
+.veil-skeleton[data-veil-anim="pixelate"] {
+  animation: veil-pixelate var(--veil-duration, 1.4s) steps(5, start) infinite;
+}
+.veil-skeleton[data-veil-anim="pixelate"]::after {
+  background: none;
+}
+
+.veil-skeleton[data-veil-anim="tilt"] {
+  animation: veil-tilt var(--veil-duration, 2.5s) ease-in-out infinite;
+  transform-style: preserve-3d;
+}
+.veil-skeleton[data-veil-anim="tilt"]::after {
+  animation-name: veil-shimmer-ltr;
+}
+
+.veil-skeleton[data-veil-anim="diagonal-sweep"]::after {
+  width: 200%;
+  height: 200%;
+  animation-name: veil-diagonal-sweep;
+  animation-duration: var(--veil-duration, 2s);
+  background: linear-gradient(90deg, transparent 20%, var(--veil-highlight, rgba(255, 255, 255, 0.65)) 50%, transparent 80%);
+}
+
+.veil-skeleton[data-veil-anim="bounce-in"] {
+  animation: veil-bounce-in var(--veil-duration, 1.6s) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
+}
+.veil-skeleton[data-veil-anim="bounce-in"]::after {
+  background: none;
+}
+
+.veil-skeleton[data-veil-anim="fade-slide"] {
+  animation: veil-fade-slide var(--veil-duration, 1.6s) ease-in-out infinite;
+}
+.veil-skeleton[data-veil-anim="fade-slide"]::after {
+  background: none;
+}
+
+.veil-skeleton[data-veil-anim="none"]::after {
+  display: none !important;
+}
+
+/* === PRIMITIVE VARIANTS === */
+.veil-skeleton[data-veil-shape="line"] {
+  height: 1em;
+  margin: 0.35em 0;
+  border-radius: var(--veil-radius, 4px);
+}
+.veil-skeleton[data-veil-shape="circle"] {
+  border-radius: 50% !important;
+  aspect-ratio: 1 / 1;
+}
+.veil-skeleton[data-veil-shape="heading"] {
+  height: 1.8em;
+  margin: 0.5em 0;
+  border-radius: var(--veil-radius, 6px);
+}
+.veil-skeleton[data-veil-shape="button"] {
+  height: 2.5rem;
+  border-radius: var(--veil-radius, 8px);
+}
+.veil-skeleton[data-veil-shape="badge"] {
+  height: 1.35rem;
+  border-radius: 9999px;
+  display: inline-block;
+}
+.veil-skeleton[data-veil-shape="icon"] {
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: var(--veil-radius, 6px);
+  display: inline-block;
+}
+.veil-skeleton[data-veil-shape="input"] {
+  height: 2.6rem;
+  border-radius: var(--veil-radius, 8px);
+}
+.veil-skeleton[data-veil-shape="divider"] {
+  height: 1px;
+  width: 100%;
+  margin: 1rem 0;
+  min-height: 1px;
+}
+
+/* Natural randomized last-line widths */
+.veil-lines-group > .veil-skeleton:last-child {
+  width: var(--veil-last-width, 68%);
+}
+
+/* === ACCESSIBILITY === */
+.veil-sr-only {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border-width: 0 !important;
+}
+
+/* prefers-reduced-motion */
+@media (prefers-reduced-motion: reduce) {
+  .veil-skeleton::after {
+    animation: none !important;
+    display: none !important;
+  }
+  .veil-skeleton {
+    animation: veil-pulse 3s ease-in-out infinite !important;
+    transform: none !important;
+  }
+}
+
+/* forced-colors */
+@media (forced-colors: active) {
+  .veil-skeleton {
+    forced-color-adjust: none;
+    background-color: ButtonFace !important;
+    outline: 1px solid Highlight !important;
+  }
+  .veil-skeleton::after {
+    display: none !important;
+  }
+}
+
+/* Offscreen & Tab Hidden Pausing */
+[data-veil-tab-hidden="true"] .veil-skeleton,
+[data-veil-tab-hidden="true"] .veil-skeleton::after,
+[data-veil-offscreen="true"],
+[data-veil-offscreen="true"]::after {
+  animation-play-state: paused !important;
+}
+
+/* === REVEAL TRANSITIONS === */
+.veil-revealing {
+  position: relative;
+}
+.veil-reveal-fade {
+  animation: veil-reveal-fade 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+.veil-reveal-blur-in {
+  animation: veil-reveal-blur 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+.veil-reveal-slide-up {
+  animation: veil-reveal-slide 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+.veil-reveal-scale {
+  animation: veil-reveal-scale 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+@keyframes veil-reveal-fade {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+@keyframes veil-reveal-blur {
+  0% { opacity: 0; filter: blur(8px); }
+  100% { opacity: 1; filter: blur(0px); }
+}
+@keyframes veil-reveal-slide {
+  0% { opacity: 0; transform: translateY(12px); }
+  100% { opacity: 1; transform: translateY(0); }
+}
+@keyframes veil-reveal-scale {
+  0% { opacity: 0; transform: scale(0.96); }
+  100% { opacity: 1; transform: scale(1); }
+}
+
+/* === SPINNERS, PROGRESS, OVERLAY, BUTTON, LAZY IMAGE === */
+.veil-spinner {
+  display: inline-block;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+.veil-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  background-color: var(--veil-overlay-bg, rgba(255, 255, 255, 0.75));
+  backdrop-filter: blur(var(--veil-overlay-blur, 6px));
+  -webkit-backdrop-filter: blur(var(--veil-overlay-blur, 6px));
+  z-index: 100;
+  transition: opacity 250ms ease;
+}
+.veil-overlay-fullscreen {
+  position: fixed !important;
+  z-index: 999999 !important;
+}
+.veil-progress-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  z-index: 999999;
+  background: transparent;
+  pointer-events: none;
+}
+.veil-progress-inner {
+  height: 100%;
+  background: var(--veil-progress-color, #3b82f6);
+  box-shadow: 0 0 10px var(--veil-progress-color, #3b82f6), 0 0 5px var(--veil-progress-color, #3b82f6);
+  transition: width 200ms ease, opacity 350ms ease;
+}
+.veil-btn-loading {
+  position: relative;
+  pointer-events: none;
+  cursor: default;
+}
+.veil-btn-spinner-wrap {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 8px;
+}
+.veil-lazy-img-wrap {
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+}
+.veil-lazy-img {
+  transition: opacity 350ms ease, filter 350ms ease;
+}
+.veil-lazy-img-loading {
+  opacity: 0;
+  filter: blur(10px);
+}
+.veil-lazy-img-loaded {
+  opacity: 1;
+  filter: blur(0px);
+}
+
+${ae()}
+`}function f(n){if(ne||typeof document>"u")return;ne=true;let e=Se(),o=n||se;if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&!o)try{let r=new CSSStyleSheet;r.replaceSync(e),document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];return}catch{}let l=document.createElement("style");l.id="veilkit-styles",o&&l.setAttribute("nonce",o),l.textContent=e,document.head.appendChild(l);}var X=class{el=null;innerEl=null;currentProgress=0;trickleTimer=null;status="idle";ensureDOM(){this.el||typeof document>"u"||(f(),this.el=document.createElement("div"),this.el.className="veil-progress-bar",this.el.setAttribute("role","progressbar"),this.el.setAttribute("aria-valuemin","0"),this.el.setAttribute("aria-valuemax","100"),this.el.setAttribute("aria-valuenow","0"),this.innerEl=document.createElement("div"),this.innerEl.className="veil-progress-inner",this.innerEl.style.width="0%",this.innerEl.style.opacity="1",this.el.appendChild(this.innerEl),document.body.appendChild(this.el));}start(){this.ensureDOM(),this.status!=="loading"&&(this.status="loading",this.currentProgress=0,this.set(.08),this.innerEl&&(this.innerEl.style.opacity="1",this.innerEl.style.backgroundColor="var(--veil-progress-color, #3b82f6)"),this.trickle());}set(e){this.ensureDOM(),this.currentProgress=Math.min(1,Math.max(0,e));let o=Math.round(this.currentProgress*100);this.innerEl&&(this.innerEl.style.width=`${o}%`),this.el&&this.el.setAttribute("aria-valuenow",String(o));}inc(e){let o=this.currentProgress;o>=1||(typeof e!="number"&&(o>=0&&o<.2?e=.1:o>=.2&&o<.5?e=.04:o>=.5&&o<.8?e=.02:o>=.8&&o<.99?e=.005:e=0),this.set(o+e));}trickle(){this.stopTrickle(),this.trickleTimer=setInterval(()=>{this.currentProgress<.95&&this.inc();},250);}stopTrickle(){this.trickleTimer&&(clearInterval(this.trickleTimer),this.trickleTimer=null);}done(){this.status!=="idle"&&(this.stopTrickle(),this.set(1),this.status="idle",setTimeout(()=>{this.innerEl&&(this.innerEl.style.opacity="0"),setTimeout(()=>{this.el&&(this.el.remove(),this.el=null,this.innerEl=null),this.currentProgress=0;},350);},200));}fail(){this.stopTrickle(),this.status="error",this.innerEl&&(this.innerEl.style.backgroundColor="#ef4444"),this.set(1),setTimeout(()=>this.done(),500);}},E=new X;function le(n={}){f();let e=!!n.circular,o=n.color||"var(--veil-progress-color, #3b82f6)",l=n.trackColor||"rgba(0, 0, 0, 0.08)";if(e){let t=n.size!==void 0?typeof n.size=="number"?`${n.size}px`:n.size:"48px",a=n.strokeWidth||4,c=document.createElement("div");c.className=`veil-progress-circular ${n.className||""}`.trim(),c.style.width=t,c.style.height=t,c.style.display="inline-flex",c.style.alignItems="center",c.style.justifyContent="center",c.style.position="relative";let p=document.createElementNS("http://www.w3.org/2000/svg","svg");p.setAttribute("viewBox","0 0 48 48"),p.style.width="100%",p.style.height="100%",p.style.transform="rotate(-90deg)";let m=document.createElementNS("http://www.w3.org/2000/svg","circle");m.setAttribute("cx","24"),m.setAttribute("cy","24"),m.setAttribute("r","20"),m.setAttribute("fill","none"),m.setAttribute("stroke",l),m.setAttribute("stroke-width",String(a));let h=document.createElementNS("http://www.w3.org/2000/svg","circle");h.setAttribute("cx","24"),h.setAttribute("cy","24"),h.setAttribute("r","20"),h.setAttribute("fill","none"),h.setAttribute("stroke",o),h.setAttribute("stroke-width",String(a)),h.setAttribute("stroke-linecap","round");let S=2*Math.PI*20;if(h.setAttribute("stroke-dasharray",String(S)),n.value!==void 0){let g=Math.min(100,Math.max(0,n.value)),Ee=S-g/100*S;h.setAttribute("stroke-dashoffset",String(Ee)),h.style.transition="stroke-dashoffset 300ms ease";}else h.setAttribute("stroke-dashoffset",String(S*.75)),p.style.animation="veil-spin 1200ms linear infinite";if(p.append(m,h),c.appendChild(p),n.showPercentage&&n.value!==void 0){let g=document.createElement("span");g.style.position="absolute",g.style.fontSize="11px",g.style.fontWeight="600",g.textContent=`${Math.round(n.value)}%`,c.appendChild(g);}return c}let r=n.height!==void 0?typeof n.height=="number"?`${n.height}px`:n.height:"4px",s=document.createElement("div");s.className=`veil-progress-linear ${n.className||""}`.trim(),s.setAttribute("role","progressbar"),s.style.width="100%",s.style.height=r,s.style.backgroundColor=l,s.style.borderRadius="9999px",s.style.overflow="hidden",s.style.position="relative";let i=document.createElement("div");if(i.style.height="100%",i.style.backgroundColor=o,i.style.borderRadius="9999px",n.value!==void 0){let t=Math.min(100,Math.max(0,n.value));s.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 s.appendChild(i),s}function b(n={}){f();let e=n.type||"ring",o=n.size!==void 0?typeof n.size=="number"?`${n.size}px`:n.size:"28px",l=n.color||"var(--veil-progress-color, #3b82f6)",r=n.secondaryColor||"rgba(0, 0, 0, 0.12)",s=n.speed!==void 0?typeof n.speed=="number"?`${n.speed}ms`:n.speed:void 0,i=document.createElement("div");switch(i.className=`veil-spinner veil-spinner-${e} ${n.glass?"veil-spinner-glass":""} ${n.className||""}`.trim(),i.setAttribute("role","status"),i.setAttribute("aria-label",n.label||"Loading"),i.style.width=o,i.style.height=o,i.style.display="inline-flex",i.style.alignItems="center",i.style.justifyContent="center",i.style.position="relative",n.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 ${r}`,t.style.borderTopColor=l,t.style.animation=`veil-spin ${s||"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=l,t.style.borderBottomColor=l,t.style.animation=`veil-spin ${s||"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=l,a.style.animation=`veil-dot-bounce ${s||"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=l,a.style.animation=`veil-bar-wave ${s||"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=l,t.style.animation=`veil-pulse-scale ${s||"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=l,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 ${s||"1200ms"} linear infinite`;let c=document.createElement("div");c.style.width="24%",c.style.height="24%",c.style.borderRadius="50%",c.style.backgroundColor=l,c.style.position="absolute",c.style.top="0",c.style.left="38%",a.appendChild(c),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=l,a.style.animation=`veil-wave-dance ${s||"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=l,t.style.animation=`veil-bounce-ball ${s||"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=l,a.style.borderRadius="2px",a.style.transformOrigin="50% 190%",a.style.transform=`rotate(${t*30}deg) translateY(-90%)`,a.style.animation=`veil-ios-fade ${s||"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), ${l} 70%)`,t.style.boxShadow=`0 4px 12px ${l}44, inset 0 2px 4px rgba(255,255,255,0.6)`,t.style.animation=`veil-glass-orbit ${s||"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=l,t.style.animation=`veil-morph-shape ${s||"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",r),a.setAttribute("stroke-width","3");let c=document.createElementNS("http://www.w3.org/2000/svg","circle");c.setAttribute("cx","18"),c.setAttribute("cy","18"),c.setAttribute("r","14"),c.setAttribute("fill","none"),c.setAttribute("stroke",l),c.setAttribute("stroke-width","3"),c.setAttribute("stroke-dasharray","88"),c.setAttribute("stroke-dashoffset","25"),c.setAttribute("stroke-linecap","round"),c.style.animation=`veil-spin ${s||"1200ms"} linear infinite`,c.style.transformOrigin="50% 50%",t.append(a,c),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%, ${l} 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 ${s||"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 ${l}`,a.style.animation=`veil-pulse-ring ${s||"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=l,a.style.transformOrigin="50% 250%",a.style.transform=`rotate(${t*45}deg) translateY(-150%)`,a.style.animation=`veil-fade-seq ${s||"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 c=document.createElement("div");c.style.width="100%",c.style.aspectRatio="1 / 1",c.style.borderRadius="50%",c.style.backgroundColor=l,c.style.animation=`veil-dot-bounce ${s||"1200ms"} ease-in-out infinite`,c.style.animationDelay=`${(t+a)*110}ms`,i.appendChild(c);}break}case "square-flip":{let t=document.createElement("div");t.style.width="60%",t.style.height="60%",t.style.backgroundColor=l,t.style.borderRadius="4px",t.style.animation=`veil-square-flip ${s||"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=l,a.style.borderRadius="2px",a.style.animation=`veil-cube-fold ${s||"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 ${l}`,t.style.borderLeftColor="transparent",t.style.borderRightColor="transparent",t.style.borderRadius="50%",t.style.animation=`veil-hourglass ${s||"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",l),a.setAttribute("stroke-width","3"),a.setAttribute("stroke-dasharray","80"),a.setAttribute("stroke-dashoffset","0"),a.setAttribute("stroke-linecap","round"),a.style.animation=`veil-dash ${s||"1400ms"} linear infinite`,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",l),a.setAttribute("stroke-width","2.5"),a.setAttribute("stroke-dasharray","60"),a.setAttribute("stroke-dashoffset","60"),a.setAttribute("stroke-linecap","round"),a.setAttribute("stroke-linejoin","round"),a.style.animation=`veil-ecg ${s||"1200ms"} ease-in-out infinite`,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 c=document.createElement("div");c.style.width="18%",c.style.height="100%",c.style.borderRadius="2px",c.style.backgroundColor=l,c.style.animation=`veil-eq-bounce ${s||"800ms"} ease-in-out infinite alternate`,c.style.animationDelay=`${t[a]}ms`,i.appendChild(c);}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 ${s||"1800ms"} linear infinite`;for(let a=0;a<2;a++){let c=document.createElement("div");c.style.position="absolute",c.style.width="45%",c.style.height="45%",c.style.borderRadius="50%",c.style.backgroundColor=l,c.style.animation=`veil-chase ${s||"1800ms"} ease-in-out infinite`,a===0?(c.style.top="0",c.style.left="0"):(c.style.bottom="0",c.style.right="0",c.style.animationDelay="-900ms"),t.appendChild(c);}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=l,a.style.animation=`veil-typing ${s||"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 ${l}`,t.style.position="relative",t.style.overflow="hidden";let a=document.createElement("div");a.style.position="absolute",a.style.inset="0",a.style.backgroundColor=l,a.style.opacity="0.7",a.style.borderRadius="40%",a.style.animation=`veil-liquid-spin ${s||"2000ms"} linear infinite`,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=l,t.style.position="absolute",i.appendChild(t);let a=[0,60,120];for(let c of a){let p=document.createElement("div");p.style.position="absolute",p.style.width="100%",p.style.height="45%",p.style.borderRadius="50%",p.style.border=`1.5px solid ${l}`,p.style.transform=`rotate(${c}deg)`,p.style.animation=`veil-atom-spin ${s||"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 ${l}`,t.style.position="relative";let a=document.createElement("div");a.style.width="14%",a.style.height="14%",a.style.borderRadius="50%",a.style.backgroundColor=l,a.style.position="absolute",a.style.top="43%",a.style.left="43%";let c=document.createElement("div");c.style.position="absolute",c.style.width="2px",c.style.height="30%",c.style.backgroundColor=l,c.style.top="20%",c.style.left="calc(50% - 1px)",c.style.transformOrigin="bottom center",c.style.animation=`veil-spin ${s||"3000ms"} linear infinite`;let p=document.createElement("div");p.style.position="absolute",p.style.width="2px",p.style.height="42%",p.style.backgroundColor=l,p.style.top="8%",p.style.left="calc(50% - 1px)",p.style.transformOrigin="bottom center",p.style.animation=`veil-spin ${s||"1000ms"} linear infinite`,t.append(a,c,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 ${l}`,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%, ${l} 100%)`,a.style.opacity="0.6",a.style.animation=`veil-spin ${s||"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=l,a.style.animation=`veil-ellipsis ${s||"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=l,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 ${s||"1600ms"} ease-in-out infinite`,a.style.animationDelay=`${t*120}ms`,i.appendChild(a);}break}}return Le(),i}var oe=false;function Le(){if(oe||typeof document>"u")return;oe=true;let n=document.createElement("style");n.id="veilkit-spinner-keyframes",n.textContent=`
+    @keyframes veil-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+    @keyframes veil-dot-bounce { 0%, 80%, 100% { transform: scale(0.4); opacity: 0.4; } 40% { transform: scale(1); opacity: 1; } }
+    @keyframes veil-bar-wave { 0%, 100% { transform: scaleY(0.3); opacity: 0.5; } 50% { transform: scaleY(1); opacity: 1; } }
+    @keyframes veil-pulse-scale { 0% { transform: scale(0.2); opacity: 1; } 100% { transform: scale(1.1); opacity: 0; } }
+    @keyframes veil-wave-dance { 0%, 100% { transform: scaleY(0.2); } 50% { transform: scaleY(1); } }
+    @keyframes veil-bounce-ball { 0%, 100% { transform: translateY(35%) scale(1.15, 0.75); } 50% { transform: translateY(-40%) scale(0.9, 1.1); } }
+    @keyframes veil-ios-fade { 0% { opacity: 1; } 100% { opacity: 0.15; } }
+    @keyframes veil-glass-orbit { 0%, 100% { transform: scale(0.9) rotate(0deg); } 50% { transform: scale(1.08) rotate(180deg); } }
+    @keyframes veil-morph-shape {
+      0%, 100% { border-radius: 50%; transform: rotate(0deg); }
+      33% { border-radius: 8px; transform: rotate(90deg); }
+      66% { border-radius: 20px; transform: rotate(180deg); }
+    }
+    @keyframes veil-pulse-ring {
+      0% { transform: scale(0.2); opacity: 1; }
+      100% { transform: scale(1.4); opacity: 0; }
+    }
+    @keyframes veil-fade-seq { 0% { opacity: 1; } 100% { opacity: 0.1; } }
+    @keyframes veil-square-flip {
+      0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
+      50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
+      100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
+    }
+    @keyframes veil-cube-fold {
+      0%, 10% { transform: scale(1); opacity: 1; }
+      50% { transform: scale(0.3); opacity: 0.3; }
+      90%, 100% { transform: scale(1); opacity: 1; }
+    }
+    @keyframes veil-hourglass {
+      0% { transform: rotate(0); }
+      50% { transform: rotate(180deg); }
+      100% { transform: rotate(360deg); }
+    }
+    @keyframes veil-dash {
+      0% { stroke-dashoffset: 0; }
+      100% { stroke-dashoffset: -160; }
+    }
+    @keyframes veil-ecg {
+      0% { stroke-dashoffset: 60; }
+      50% { stroke-dashoffset: 0; }
+      100% { stroke-dashoffset: -60; }
+    }
+    @keyframes veil-eq-bounce {
+      0% { transform: scaleY(0.15); }
+      100% { transform: scaleY(1); }
+    }
+    @keyframes veil-chase {
+      0%, 100% { transform: scale(0.4); }
+      50% { transform: scale(1); }
+    }
+    @keyframes veil-typing {
+      0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
+      30% { transform: translateY(-4px); opacity: 1; }
+    }
+    @keyframes veil-liquid-spin {
+      0% { transform: translateY(30%) rotate(0deg); }
+      100% { transform: translateY(30%) rotate(360deg); }
+    }
+    @keyframes veil-atom-spin {
+      0% { transform: rotate(0deg) scale(1); }
+      50% { transform: rotate(180deg) scale(0.95); }
+      100% { transform: rotate(360deg) scale(1); }
+    }
+    @keyframes veil-ellipsis {
+      0%, 100% { transform: scale(0.5); opacity: 0.3; }
+      50% { transform: scale(1.1); opacity: 1; }
+    }
+    @keyframes veil-flower-bloom {
+      0%, 100% { transform: scale(0.7); opacity: 0.5; }
+      50% { transform: scale(1); opacity: 1; }
+    }
+  `,document.head.appendChild(n);}var F={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"}},de="en",_={};function W(n){de=n;}function K(n){Object.assign(_,n);}function Ae(n){return _[n]?_[n]:(F[de]||F.en)[n]||F.en[n]||"Loading\u2026"}function ce(n,e){n.setAttribute("aria-busy","true");let o=n.querySelector(".veil-sr-only");return o||(o=document.createElement("span"),o.className="veil-sr-only",o.setAttribute("role","status"),o.setAttribute("aria-live","polite"),n.appendChild(o)),o.textContent=e||Ae("loading"),o}function pe(n){n.removeAttribute("aria-busy");let e=n.querySelector(".veil-sr-only");e&&e.remove();}var I=new Map,V="",G=class{show(e,o={}){f();let l,r=!e;if(r?l=document.body:typeof e=="string"?(l=document.querySelector(e),l||(l=document.body)):l=e,I.has(l))return I.get(l);let s=document.createElement("div");if(s.className=`veil-overlay ${r?"veil-overlay-fullscreen":""} ${o.className||""}`.trim(),s.setAttribute("role","status"),o.color&&s.style.setProperty("--veil-overlay-bg",o.color),o.blur!==void 0){let i=typeof o.blur=="boolean"?o.blur?"8px":"0px":o.blur;s.style.setProperty("--veil-overlay-blur",i);}if(o.zIndex!==void 0&&(s.style.zIndex=String(o.zIndex)),o.spinner!==false){let i=typeof o.spinner=="string"?o.spinner:"ring",t=b({type:i,size:36});s.appendChild(t);}if(o.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=o.message,s.appendChild(i);}return r||window.getComputedStyle(l).position==="static"&&(l.style.position="relative"),ce(l,o.message),o.lockScroll&&r&&typeof document<"u"&&(V=document.body.style.overflow,document.body.style.overflow="hidden"),l.appendChild(s),I.set(l,s),s}hide(e){let o,l=!e;l?o=document.body:typeof e=="string"?(o=document.querySelector(e),o||(o=document.body)):o=e;let r=I.get(o);r&&(r.style.opacity="0",setTimeout(()=>{r.remove(),I.delete(o),pe(o),l&&V!==void 0&&(document.body.style.overflow=V);},200));}},R=new G;var U=0;function $e(){return U===0&&typeof performance<"u"&&(U=performance.now()),U}function J(n=1500){if(typeof performance>"u")return "0ms";let e=performance.now()-$e();return `-${Math.round(e%n)}ms`}function ye(n=1500){if(typeof n=="number")return n;if(!n)return 1500;let e=n.trim().toLowerCase();return e.endsWith("ms")?parseFloat(e)||1500:e.endsWith("s")?(parseFloat(e)||1.5)*1e3:parseFloat(e)||1500}var O=null,me=new Set,he=false;function Re(n){for(let e of n){let o=e.target;e.isIntersecting?(o.removeAttribute("data-veil-offscreen"),o.style.removeProperty("--veil-play-state")):(o.setAttribute("data-veil-offscreen","true"),o.style.setProperty("--veil-play-state","paused"));}}function Me(){he||typeof document>"u"||(he=true,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden");}));}function ue(n){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(Me(),O||(O=new IntersectionObserver(Re,{rootMargin:"100px 0px",threshold:0})),O.observe(n),me.add(n),()=>{O&&n&&(O.unobserve(n),me.delete(n));})}function d(n={}){f();let e=document.createElement("div");e.className=`veil-skeleton ${n.className||""}`.trim(),e.setAttribute("aria-hidden","true");let o=n.type||"rect";if(e.setAttribute("data-veil-shape",o),n.animation&&e.setAttribute("data-veil-anim",n.animation),n.direction&&e.setAttribute("data-veil-dir",n.direction),typeof n.theme=="string"&&e.setAttribute("data-veil-theme",n.theme),n.width!==void 0&&(e.style.width=typeof n.width=="number"?`${n.width}px`:n.width),n.height!==void 0&&(e.style.height=typeof n.height=="number"?`${n.height}px`:n.height),n.radius!==void 0&&(e.style.setProperty("--veil-radius",typeof n.radius=="number"?`${n.radius}px`:n.radius),e.style.borderRadius=typeof n.radius=="number"?`${n.radius}px`:n.radius),n.speed!==void 0){let l=ye(n.speed);e.style.setProperty("--veil-duration",`${l}ms`),e.style.setProperty("--veil-sync-delay",J(l));}else e.style.setProperty("--veil-sync-delay",J(1500));if(n.style)for(let[l,r]of Object.entries(n.style))e.style[l]=r;return ue(e),e}function v(n=3,e={}){let o=document.createElement("div");o.className=`veil-lines-group ${e.className||""}`.trim(),o.setAttribute("aria-hidden","true");let l=e.gap!==void 0?typeof e.gap=="number"?`${e.gap}px`:e.gap:"0.45rem";o.style.display="flex",o.style.flexDirection="column",o.style.gap=l;let r=["100%","94%","88%","75%"],s=e.lastLineWidth!==void 0?typeof e.lastLineWidth=="number"?`${e.lastLineWidth}px`:e.lastLineWidth:"65%";for(let i=0;i<n;i++){let a=i===n-1?s:r[i%r.length]||"95%",c=d({...e,type:"line",width:a});c.style.setProperty("--veil-stagger-idx",String(i)),o.appendChild(c);}return o}function ge(n,e={}){switch(n){case "paragraph":return v(e.lines||3,e);case "line":return d({...e,type:"line"});case "heading":return d({...e,type:"heading",width:e.width||"65%"});case "circle":return d({...e,type:"circle",width:e.width||e.height||"40px",height:e.height||e.width||"40px",radius:"50%"});case "image":return d({...e,type:"rect",width:e.width||"100%",height:e.height||"200px",radius:e.radius||"8px"});case "button":return d({...e,type:"button",width:e.width||"120px",height:e.height||"38px"});case "badge":return d({...e,type:"badge",width:e.width||"64px",height:e.height||"22px"});case "icon":return d({...e,type:"icon",width:e.width||"24px",height:e.height||"24px"});case "input":return d({...e,type:"input",width:e.width||"100%",height:e.height||"40px"});case "divider":return d({...e,type:"divider",width:"100%",height:"1px"});case "table-row":{let o=document.createElement("div");o.style.display="flex",o.style.gap="1rem",o.style.alignItems="center",o.style.width="100%",o.style.padding="0.5rem 0";let l=e.count||4;for(let r=0;r<l;r++){let s=d({...e,type:"line",width:`${100/l}%`,height:"16px"});o.appendChild(s);}return o}default:return d(e)}}function N(n){let e=document.createElement("div");e.className=`veil-preset veil-preset-${n.name} ${n.className||""}`.trim(),e.setAttribute("aria-hidden","true"),e.style.width=n.width!==void 0?typeof n.width=="number"?`${n.width}px`:n.width:"100%",e.style.boxSizing="border-box";let o=n.shape||"rounded",l;o==="pill"?l="9999px":o==="square"?l="4px":o==="sharp"&&(l="0px"),o==="glass"&&(e.style.backdropFilter="blur(10px)",e.style.webkitBackdropFilter="blur(10px)",e.style.background="rgba(255, 255, 255, 0.08)",e.style.border="1px solid rgba(255, 255, 255, 0.18)",e.style.boxShadow="0 8px 32px rgba(0, 0, 0, 0.08)");let r={animation:n.animation,theme:n.theme,direction:n.direction,speed:n.speed,radius:l};switch(n.name){case "card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=d({...r,type:"rect",height:"180px",radius:l||"8px"}),i=d({...r,type:"heading",width:"70%",height:"24px"}),t=v(2,r),a=d({...r,type:"button",width:"110px",height:"36px"});e.append(s,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=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=d({...r,type:"rect",height:"200px",radius:l||"10px"}),i=d({...r,type:"badge",width:"50px",height:"18px"}),t=d({...r,type:"line",width:"85%",height:"18px"}),a=d({...r,type:"line",width:"40%",height:"22px"}),c=d({...r,type:"button",width:"100%",height:"38px"});e.append(s,i,t,a,c);break}case "product-grid":{let s=n.items||4,i=n.columns||2;e.style.display="grid",e.style.gridTemplateColumns=`repeat(${i}, 1fr)`,e.style.gap="16px";for(let t=0;t<s;t++){let a=N({...n,name:"product-card",width:"100%"});e.appendChild(a);}break}case "list":{let s=n.items||4;e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let i=0;i<s;i++){let t=d({...r,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 s=d({...r,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=d({...r,type:"line",width:"60%",height:"16px"}),a=d({...r,type:"line",width:"40%",height:"12px"});i.append(t,a),e.append(s,i);break}case "table":{let s=n.items||5;e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px",e.style.padding="12px",e.style.borderRadius=l||"8px",e.style.border="1px solid rgba(0,0,0,0.06)";let 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(d({...r,type:"line",height:"16px"}));e.appendChild(i);for(let t=0;t<s;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 c=0;c<4;c++)a.appendChild(d({...r,type:"line",height:"14px"}));e.appendChild(a);}break}case "profile":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.gap="14px",e.style.padding="24px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=d({...r,type:"circle",width:"88px",height:"88px"}),i=d({...r,type:"heading",width:"160px",height:"22px"}),t=v(2,r),a=document.createElement("div");a.style.display="flex",a.style.gap="10px",a.append(d({...r,type:"button",width:"100px",height:"34px"}),d({...r,type:"button",width:"100px",height:"34px"})),e.append(s,i,t,a);break}case "profile-header":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=l||"16px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.06)";let s=d({...r,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=d({...r,type:"circle",width:"80px",height:"80px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="6px",a.style.flex="1",a.append(d({...r,type:"heading",width:"140px",height:"20px"}),d({...r,type:"line",width:"200px",height:"14px"})),i.append(t,a),e.append(s,i);break}case "feed-post":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="10px",s.append(d({...r,type:"circle",width:"40px",height:"40px"}),d({...r,type:"line",width:"120px",height:"16px"}));let i=v(2,r),t=d({...r,type:"rect",height:"220px",radius:l||"8px"}),a=document.createElement("div");a.style.display="flex",a.style.gap="16px",a.append(d({...r,type:"button",width:"60px",height:"28px"}),d({...r,type:"button",width:"60px",height:"28px"})),e.append(s,i,t,a);break}case "article":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=d({...r,type:"heading",width:"85%",height:"36px"}),i=document.createElement("div");i.style.display="flex",i.style.gap="12px",i.append(d({...r,type:"circle",width:"32px",height:"32px"}),d({...r,type:"line",width:"140px",height:"14px"}));let t=d({...r,type:"rect",height:"260px",radius:l||"10px"}),a=v(4,r),c=v(3,r);e.append(s,i,t,a,c);break}case "comment-thread":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let s=0;s<3;s++){let i=document.createElement("div");i.style.display="flex",i.style.gap="12px",s===1&&(i.style.marginLeft="40px");let t=d({...r,type:"circle",width:"36px",height:"36px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="6px",a.style.flex="1",a.append(d({...r,type:"line",width:"120px",height:"14px"}),v(2,r)),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 s=[{align:"flex-start",w:"65%"},{align:"flex-end",w:"50%"},{align:"flex-start",w:"80%"},{align:"flex-end",w:"40%"}];for(let i of s){let t=document.createElement("div");t.style.display="flex",t.style.justifyContent=i.align;let a=d({...r,type:"rect",width:i.w,height:"42px",radius:l||"18px"});t.appendChild(a),e.appendChild(t);}break}case "dashboard":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=document.createElement("div");s.style.display="grid",s.style.gridTemplateColumns="repeat(3, 1fr)",s.style.gap="12px";for(let t=0;t<3;t++){let a=document.createElement("div");a.style.padding="16px",a.style.borderRadius=l||"10px",a.style.border="1px solid rgba(0,0,0,0.06)",a.style.display="flex",a.style.flexDirection="column",a.style.gap="8px",a.append(d({...r,type:"line",width:"60%",height:"14px"}),d({...r,type:"heading",width:"80%",height:"28px"})),s.appendChild(a);}let i=d({...r,type:"rect",height:"200px",radius:l||"10px"});e.append(s,i);break}case "form":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";for(let i=0;i<3;i++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="6px",t.append(d({...r,type:"line",width:"30%",height:"14px"}),d({...r,type:"input",width:"100%",height:"40px"})),e.appendChild(t);}let s=d({...r,type:"button",width:"140px",height:"40px"});e.appendChild(s);break}case "media-card":{e.style.display="flex",e.style.gap="16px",e.style.padding="12px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=d({...r,type:"rect",width:"140px",height:"90px",radius:l||"8px"}),i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="8px",i.style.flex="1",i.append(d({...r,type:"heading",width:"80%",height:"18px"}),d({...r,type:"line",width:"60%",height:"14px"}),d({...r,type:"line",width:"40%",height:"12px"})),e.append(s,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 s=d({...r,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(d({...r,type:"line",width:"60px",height:"14px"}));let t=d({...r,type:"button",width:"90px",height:"34px"});e.append(s,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 s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.gap="16px",s.appendChild(d({...r,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(d({...r,type:"icon",width:"20px",height:"20px"}),d({...r,type:"line",width:"90px",height:"14px"})),s.appendChild(a);}let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="10px",i.append(d({...r,type:"circle",width:"36px",height:"36px"}),d({...r,type:"line",width:"80px",height:"14px"})),e.append(s,i);break}case "settings-page":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="24px",e.style.padding="24px";let s=d({...r,type:"heading",width:"220px",height:"30px"});e.appendChild(s);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(d({...r,type:"line",width:"160px",height:"16px"}),d({...r,type:"line",width:"240px",height:"12px"}));let c=d({...r,type:"button",width:"50px",height:"28px",radius:"14px"});t.append(a,c),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 s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.gap="12px";let i=d({...r,type:"rect",height:"280px",radius:l||"12px"}),t=document.createElement("div");t.style.display="flex",t.style.gap="8px";for(let g=0;g<4;g++)t.appendChild(d({...r,type:"rect",width:"60px",height:"60px",radius:"6px"}));s.append(i,t);let a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="14px";let c=d({...r,type:"heading",width:"85%",height:"32px"}),p=d({...r,type:"badge",width:"120px",height:"20px"}),m=d({...r,type:"heading",width:"100px",height:"28px"}),h=v(3,r),S=d({...r,type:"button",width:"180px",height:"44px"});a.append(c,p,m,h,S),e.append(s,a);break}case "news-feed":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let s=0;s<3;s++){let 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(d({...r,type:"badge",width:"80px",height:"16px"}),d({...r,type:"heading",width:"90%",height:"20px"}),v(2,r));let a=d({...r,type:"rect",width:"120px",height:"90px",radius:l||"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=l||"8px";for(let s=0;s<4;s++){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=d({...r,type:"icon",width:"18px",height:"18px"}),a=d({...r,type:"line",width:"120px",height:"14px"}),c=d({...r,type:"line",width:"280px",height:"14px"}),p=d({...r,type:"badge",width:"50px",height:"16px"});i.append(t,a,c,p),e.appendChild(i);}break}case "notification-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px";for(let s=0;s<3;s++){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=l||"8px",i.style.background="rgba(0,0,0,0.02)";let t=d({...r,type:"circle",width:"10px",height:"10px"});t.style.marginTop="6px";let a=d({...r,type:"circle",width:"38px",height:"38px"}),c=document.createElement("div");c.style.display="flex",c.style.flexDirection="column",c.style.gap="4px",c.style.flex="1",c.append(d({...r,type:"line",width:"75%",height:"14px"}),d({...r,type:"line",width:"40%",height:"12px"})),i.append(t,a,c),e.appendChild(i);}break}case "order-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";for(let s=0;s<2;s++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="12px",i.style.padding="16px",i.style.borderRadius=l||"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(d({...r,type:"line",width:"140px",height:"16px"}),d({...r,type:"badge",width:"80px",height:"22px"}));let a=document.createElement("div");a.style.display="flex",a.style.gap="10px";for(let p=0;p<3;p++)a.appendChild(d({...r,type:"rect",width:"50px",height:"50px",radius:"6px"}));let c=document.createElement("div");c.style.display="flex",c.style.justifyContent="space-between",c.style.alignItems="center",c.append(d({...r,type:"heading",width:"90px",height:"20px"}),d({...r,type:"button",width:"110px",height:"32px"})),i.append(t,a,c),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=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=document.createElement("div");s.style.display="flex",s.style.justifyContent="space-between",s.style.alignItems="center",s.append(d({...r,type:"line",width:"90px",height:"14px"}),d({...r,type:"icon",width:"20px",height:"20px"}));let i=d({...r,type:"heading",width:"140px",height:"36px"}),t=d({...r,type:"badge",width:"70px",height:"18px"});e.append(s,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=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=d({...r,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 c=d({...r,type:"rect",width:"22px",height:a,radius:"4px"});i.appendChild(c);}e.append(s,i);break}case "chart-line":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="18px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=d({...r,type:"heading",width:"150px",height:"20px"}),i=d({...r,type:"rect",height:"140px",radius:"8px"});e.append(s,i);break}case "chart-pie":{e.style.display="flex",e.style.alignItems="center",e.style.gap="20px",e.style.padding="20px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=d({...r,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(d({...r,type:"circle",width:"12px",height:"12px"}),d({...r,type:"line",width:"90px",height:"14px"})),i.appendChild(a);}e.append(s,i);break}case "search-results":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="18px";let s=d({...r,type:"input",height:"42px",radius:l||"24px"});e.appendChild(s);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(d({...r,type:"line",width:"160px",height:"12px"}),d({...r,type:"heading",width:"70%",height:"20px"}),v(2,r)),e.appendChild(t);}break}case "video-player":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";let s=d({...r,type:"rect",height:"240px",radius:l||"12px"}),i=d({...r,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(d({...r,type:"circle",width:"40px",height:"40px"}),d({...r,type:"line",width:"120px",height:"14px"}));let c=d({...r,type:"button",width:"100px",height:"36px"});t.append(a,c),e.append(s,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=l||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=d({...r,type:"rect",width:"180px",height:"180px",radius:l||"12px"}),i=d({...r,type:"heading",width:"160px",height:"20px"}),t=d({...r,type:"line",width:"100px",height:"14px"}),a=d({...r,type:"line",width:"100%",height:"6px"}),c=document.createElement("div");c.style.display="flex",c.style.alignItems="center",c.style.gap="20px",c.append(d({...r,type:"icon",width:"24px",height:"24px"}),d({...r,type:"circle",width:"48px",height:"48px"}),d({...r,type:"icon",width:"24px",height:"24px"})),e.append(s,i,t,a,c);break}case "stories-row":{e.style.display="flex",e.style.gap="16px",e.style.overflowX="auto",e.style.padding="8px 0";for(let s=0;s<5;s++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.alignItems="center",i.style.gap="6px",i.append(d({...r,type:"circle",width:"60px",height:"60px"}),d({...r,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=l||"16px",e.style.border="1px solid rgba(0,0,0,0.1)",e.style.position="relative";let s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="10px",s.append(d({...r,type:"circle",width:"36px",height:"36px"}),d({...r,type:"line",width:"100px",height:"14px"}));let i=v(2,r);e.append(s,i);break}case "tabs":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=document.createElement("div");s.style.display="flex",s.style.gap="20px",s.style.borderBottom="2px solid rgba(0,0,0,0.06)",s.style.paddingBottom="8px";for(let t=0;t<4;t++)s.appendChild(d({...r,type:"line",width:"70px",height:"16px"}));let i=v(3,r);e.append(s,i);break}case "calendar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=document.createElement("div");s.style.display="flex",s.style.justifyContent="space-between",s.append(d({...r,type:"heading",width:"120px",height:"20px"}),d({...r,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(d({...r,type:"rect",height:"24px",radius:"4px"}));e.append(s,i);break}case "kanban":{e.style.display="grid",e.style.gridTemplateColumns="repeat(3, 1fr)",e.style.gap="14px";for(let s=0;s<3;s++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="10px",i.style.padding="12px",i.style.borderRadius=l||"10px",i.style.background="rgba(0,0,0,0.03)";let t=d({...r,type:"heading",width:"80px",height:"16px"});i.appendChild(t);for(let a=0;a<2;a++){let c=document.createElement("div");c.style.display="flex",c.style.flexDirection="column",c.style.gap="8px",c.style.padding="10px",c.style.borderRadius=l||"6px",c.style.background="#fff",c.style.border="1px solid rgba(0,0,0,0.06)",c.append(d({...r,type:"line",width:"85%",height:"14px"}),d({...r,type:"badge",width:"50px",height:"16px"})),i.appendChild(c);}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 s=0;s<3;s++){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(d({...r,type:"circle",width:"16px",height:"16px"}),d({...r,type:"rect",width:"2px",height:"40px"}));let a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="4px",a.style.flex="1",a.append(d({...r,type:"line",width:"90px",height:"12px"}),d({...r,type:"heading",width:"60%",height:"18px"}),d({...r,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=l||"14px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.08)";let s=d({...r,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(d({...r,type:"heading",width:"140px",height:"18px"}),d({...r,type:"line",width:"200px",height:"12px"}));let a=d({...r,type:"button",width:"90px",height:"34px"});i.append(t,a),e.append(s,i);break}case "pricing-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="24px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=d({...r,type:"badge",width:"70px",height:"22px"}),i=d({...r,type:"heading",width:"130px",height:"38px"}),t=d({...r,type:"line",width:"80%",height:"14px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="10px";for(let p=0;p<4;p++){let m=document.createElement("div");m.style.display="flex",m.style.alignItems="center",m.style.gap="8px",m.append(d({...r,type:"icon",width:"16px",height:"16px"}),d({...r,type:"line",width:"70%",height:"14px"})),a.appendChild(m);}let c=d({...r,type:"button",width:"100%",height:"42px"});e.append(s,i,t,a,c);break}case "testimonial":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=l||"14px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=v(3,r),i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="12px",i.append(d({...r,type:"circle",width:"42px",height:"42px"}),d({...r,type:"line",width:"120px",height:"16px"})),e.append(s,i);break}case "faq-accordion":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let s=0;s<3;s++){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=l||"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(d({...r,type:"line",width:"75%",height:"16px"}),d({...r,type:"icon",width:"16px",height:"16px"})),i.appendChild(t),s===0){let a=v(2,r);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 s=0;s<5;s++){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="10px",i.style.marginLeft=`${s%3*16}px`,i.append(d({...r,type:"icon",width:"16px",height:"16px"}),d({...r,type:"line",width:`${100+s*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=l||"8px",e.style.background="rgba(0,0,0,0.05)";let s=["40%","70%","55%","85%","30%","60%"];for(let i of s)e.appendChild(d({...r,type:"line",width:i,height:"12px"}));break}}return e}function fe(n,e={}){let o=e.transition||"fade";if(o==="none"){e.onComplete&&e.onComplete();return}if(n.classList.add("veil-revealing"),o==="stagger-children"){let s=Array.from(n.children);s.forEach((t,a)=>{t.classList.add("veil-reveal-fade"),t.style.animationDelay=`${a*60}ms`,e.duration&&(t.style.animationDuration=`${e.duration}ms`);});let i=(e.duration||350)+s.length*60;setTimeout(()=>{n.classList.remove("veil-revealing"),s.forEach(t=>{t.classList.remove("veil-reveal-fade"),t.style.removeProperty("animation-delay"),t.style.removeProperty("animation-duration");}),e.onComplete&&e.onComplete();},i);return}let l=`veil-reveal-${o}`;n.classList.add(l),e.duration&&(n.style.animationDuration=`${e.duration}ms`),e.easing&&(n.style.animationTimingFunction=e.easing);let r=()=>{n.removeEventListener("animationend",r),n.classList.remove("veil-revealing",l),n.style.removeProperty("animation-duration"),n.style.removeProperty("animation-timing-function"),e.onComplete&&e.onComplete();};n.addEventListener("animationend",r);}var P=new Map;function Ie(n){if(P.has(n))return P.get(n);if(typeof window<"u"&&window.localStorage)try{let e=localStorage.getItem(`veil_cache_${n}`);if(e){let o=JSON.parse(e);return P.set(n,o),o}}catch{}return null}function Oe(n,e,o=false){if(P.set(n,e),o&&typeof window<"u"&&window.localStorage)try{localStorage.setItem(`veil_cache_${n}`,JSON.stringify(e));}catch{}}function Ne(n,e){let o=n.getBoundingClientRect(),l=[];function r(i){if(i.hasAttribute("data-veil-ignore")||e&&i.matches(e))return  false;let t=window.getComputedStyle(i);if(t.display==="none"||t.visibility==="hidden"||t.opacity==="0")return  false;let a=i.tagName.toLowerCase();return ["img","svg","button","input","textarea","select"].includes(a)||i.hasAttribute("data-veil-shape")?true:Array.from(i.childNodes).some(p=>p.nodeType===Node.TEXT_NODE&&(p.textContent||"").trim().length>0)&&i.children.length===0}function s(i){if(i!==n&&r(i)){let a=i.getBoundingClientRect();if(a.width>2&&a.height>2){let p=window.getComputedStyle(i).borderRadius||"6px",m=i.getAttribute("data-veil-shape"),h="rect";m==="circle"||p==="50%"||p.includes("px")&&parseFloat(p)>=a.width/2?h="circle":(m==="line"||["p","span","h1","h2","h3","h4","h5","h6","a","label"].includes(i.tagName.toLowerCase()))&&(h="line"),l.push({x:Math.round(a.left-o.left),y:Math.round(a.top-o.top),width:Math.round(a.width),height:Math.round(a.height),radius:p,shape:h});}return}let t=Array.from(i.children);for(let a of t)a.hasAttribute("data-veil-ignore")||s(a);}return s(n),{width:Math.round(o.width),height:Math.round(o.height),boxes:l}}function H(n,e={},o={}){let l=document.createElement("div");if(l.className="veil-auto-overlay",l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.top="0",l.style.left="0",l.style.width="100%",l.style.height="100%",l.style.pointerEvents="none",l.style.zIndex="5",!e.preserveBackground){let c=window.getComputedStyle(n);l.style.backgroundColor=c.backgroundColor!=="rgba(0, 0, 0, 0)"?c.backgroundColor:"transparent";}function r(c){l.innerHTML="";for(let p=0;p<c.boxes.length;p++){let m=c.boxes[p],h=d({...o,type:m.shape,radius:m.radius});h.style.position="absolute",h.style.left=`${m.x}px`,h.style.top=`${m.y}px`,h.style.width=`${m.width}px`,h.style.height=`${m.height}px`,h.style.setProperty("--veil-stagger-idx",String(p)),l.appendChild(h);}}function s(){let c=Ne(n,e.ignoreSelector);c.boxes.length>0&&(r(c),e.cacheKey&&Oe(e.cacheKey,c,e.persistCache));}if(e.cacheKey){let c=Ie(e.cacheKey);c&&r(c);}window.getComputedStyle(n).position==="static"&&(n.style.position="relative"),n.appendChild(l),l.children.length===0&&s();let t=null,a=null;return e.observeResize!==false&&typeof ResizeObserver<"u"&&(t=new ResizeObserver(()=>s()),t.observe(n)),e.observeMutations!==false&&typeof MutationObserver<"u"&&(a=new MutationObserver(()=>s()),a.observe(n,{childList:true,subtree:true,attributes:false})),{overlay:l,refresh:s,destroy:()=>{t&&t.disconnect(),a&&a.disconnect(),e.reveal&&e.reveal!=="none"?fe(n,{transition:e.reveal,duration:e.revealDuration,easing:e.revealEasing,onComplete:()=>l.remove()}):l.remove();}}}var z=class{delay;minVisible;onShow;onHide;delayTimer=null;minVisibleTimer=null;shownTimestamp=null;isVisible=false;isPending=false;constructor(e={}){this.delay=e.delay!==void 0?e.delay:150,this.minVisible=e.minVisible!==void 0?e.minVisible:300,this.onShow=e.onShow,this.onHide=e.onHide;}start(){if(!(this.isPending||this.isVisible)){if(this.isPending=true,this.delay<=0){this.display();return}this.delayTimer=setTimeout(()=>{this.delayTimer=null,this.isPending&&this.display();},this.delay);}}display(){this.isPending=false,this.isVisible=true,this.shownTimestamp=Date.now(),this.onShow&&this.onShow();}finish(e){if(this.delayTimer){clearTimeout(this.delayTimer),this.delayTimer=null,this.isPending=false,e&&e();return}if(!this.isVisible){this.isPending=false,e&&e();return}let o=this.shownTimestamp?Date.now()-this.shownTimestamp:0,l=Math.max(0,this.minVisible-o);l<=0?(this.hide(),e&&e()):this.minVisibleTimer=setTimeout(()=>{this.minVisibleTimer=null,this.hide(),e&&e();},l);}hide(){this.isVisible=false,this.isPending=false,this.shownTimestamp=null,this.onHide&&this.onHide();}active(){return this.isVisible}destroy(){this.delayTimer&&clearTimeout(this.delayTimer),this.minVisibleTimer&&clearTimeout(this.minVisibleTimer),this.delayTimer=null,this.minVisibleTimer=null,this.isVisible=false,this.isPending=false;}};async function Z(n,e={}){let o=L.start(e.id);e.progress&&E.start();let l=new z({delay:e.delay!==void 0?e.delay:150,minVisible:e.minVisible!==void 0?e.minVisible:300,onShow:()=>{e.overlay&&R.show(e.target),e.onStart&&e.onStart();},onHide:()=>{e.overlay&&R.hide(e.target),e.onFinish&&e.onFinish();}});l.start();try{return await(typeof n=="function"?n():n)}catch(r){throw e.progress&&E.fail(),r}finally{L.stop(o),e.progress&&E.done(),l.finish();}}function ve(n=typeof window<"u"?window.fetch.bind(window):fetch,e={}){return async function(l,r){return Z(()=>n(l,r),e)}}var Q=class{config={};configure(e){Object.assign(this.config,e),e.nonce&&re(e.nonce),e.locale&&W(e.locale),e.labels&&K(e.labels),f(e.nonce);}skeleton(e,o={}){f();let l=typeof e=="string"?document.querySelector(e):e;if(!l)throw new Error("[Veilkit] Target element not found for skeleton.");let r=null,s=false,i=()=>{s||(s=true,l.setAttribute("aria-busy","true"),r=H(l,o,o));},t=()=>{s&&(s=false,l.removeAttribute("aria-busy"),r&&(r.destroy(),r=null));},a=p=>{Object.assign(o,p),r&&r.refresh();},c=()=>{t();};return i(),{element:l,show:i,hide:t,update:a,destroy:c}}spinner(e,o={}){let l=typeof e=="string"?document.querySelector(e):e,r=b(o);return l&&l.appendChild(r),r}overlay=R;progress=E;manager=L;track=Z;wrapFetch=ve;setLocale=W;setLabels=K;createTheme=q;getThemeTokens=ie;createSkeleton=d;createPrimitive=ge;createPreset=N},De=new Q,ee=De;var M=class{_loadingCount=signal(0);isLoading=computed(()=>this._loadingCount()>0);activeCount=computed(()=>this._loadingCount());constructor(){L.subscribe((e,o)=>{this._loadingCount.set(o);});}configure(e){ee.configure(e);}start(e){return L.start(e)}stop(e){L.stop(e);}progress=E;overlay=R;core=ee};M=y([Injectable({providedIn:"root"})],M);var A=class{constructor(e){this.el=e;f();}el;loading=false;cacheKey;persistCache;reveal;overlayInstance=null;ngOnChanges(e){e.loading&&this.updateState();}updateState(){let e=this.el.nativeElement;this.loading&&!this.overlayInstance?(this.overlayInstance=H(e,{cacheKey:this.cacheKey,persistCache:this.persistCache,reveal:this.reveal||"fade"}),e.setAttribute("aria-busy","true")):!this.loading&&this.overlayInstance&&(this.overlayInstance.destroy(),this.overlayInstance=null,e.removeAttribute("aria-busy"));}ngOnDestroy(){this.overlayInstance&&(this.overlayInstance.destroy(),this.overlayInstance=null);}};y([Input("veil")],A.prototype,"loading",2),y([Input("veilCacheKey")],A.prototype,"cacheKey",2),y([Input("veilPersistCache")],A.prototype,"persistCache",2),y([Input("veilReveal")],A.prototype,"reveal",2),A=y([Directive({selector:"[veil]",standalone:true})],A);function ke(n,e={}){f(),Ye();let o=e.status||(e.loading?"loading":"idle"),l="",r="",s=n.innerHTML,i=null,t=e.pressFeedback||"press-scale";je(n,t);function a(){i&&(clearTimeout(i),i=null);}function c(m,h){a();let S=o;if(o=m,e.onStatusChange&&S!==m&&e.onStatusChange(m),m==="idle"){n.classList.remove("veil-btn-loading","veil-btn-success","veil-btn-error","veil-btn-shake","veil-btn-morph"),n.removeAttribute("aria-disabled"),n.removeAttribute("aria-busy"),n.style.width=l,n.style.height=r,n.innerHTML=s;return}if(S==="idle"){let g=n.getBoundingClientRect();l=n.style.width,r=n.style.height,s=n.innerHTML,g.width>0&&(n.style.width=`${g.width}px`),g.height>0&&(n.style.height=`${g.height}px`);}if(m==="loading"){n.classList.add("veil-btn-loading"),n.classList.remove("veil-btn-success","veil-btn-error"),n.setAttribute("aria-disabled","true"),n.setAttribute("aria-busy","true");let g=e.styleType||(e.spinnerPlacement==="replace"?"spinner-replace":e.spinnerPlacement==="end"?"spinner-right":"spinner-left");Be(n,g,e,h||e.loadingText);}else if(m==="success"){n.classList.remove("veil-btn-loading","veil-btn-error"),n.classList.add("veil-btn-success"),n.setAttribute("aria-busy","false"),xe(n,"success",h||e.successText||"Success",e.resultAnimation);let g=e.resetAfter!==void 0?e.resetAfter:2e3;g>0&&(i=setTimeout(()=>c("idle"),g));}else if(m==="error"){n.classList.remove("veil-btn-loading","veil-btn-success"),n.classList.add("veil-btn-error"),n.setAttribute("aria-busy","false"),xe(n,"error",h||e.errorText||"Failed",e.resultAnimation);let g=e.resetAfter!==void 0?e.resetAfter:2e3;g>0&&(i=setTimeout(()=>c("idle"),g));}}let p=async m=>{if(o!=="idle"){m.preventDefault(),m.stopPropagation();return}if(e.onClick)try{let h=e.onClick(m);h&&typeof h.then=="function"&&(c("loading"),await h,c("success"));}catch{c("error");}};return n.addEventListener("click",p),e.status?c(e.status):e.loading&&c("loading",e.loadingText),{setStatus:c,setLoading:(m,h)=>c(m?"loading":"idle",h),getStatus:()=>o,destroy:()=>{a(),n.removeEventListener("click",p),c("idle");}}}function je(n,e){if(e!=="none")if(e==="press-scale"){n.style.transition="transform 100ms ease, box-shadow 150ms ease",n.addEventListener("mousedown",()=>{n.style.transform="scale(0.97)";});let o=()=>{n.style.transform="scale(1)";};n.addEventListener("mouseup",o),n.addEventListener("mouseleave",o);}else e==="ripple"?(n.style.position="relative",n.style.overflow="hidden",n.addEventListener("click",o=>{let l=n.getBoundingClientRect(),r=document.createElement("span"),s=Math.max(l.width,l.height),i=s/2;r.style.width=r.style.height=`${s}px`,r.style.left=`${o.clientX-l.left-i}px`,r.style.top=`${o.clientY-l.top-i}px`,r.className="veil-btn-ripple";let t=n.querySelector(".veil-btn-ripple");t&&t.remove(),n.appendChild(r);})):e==="glow-follow"&&n.addEventListener("mousemove",o=>{let l=n.getBoundingClientRect(),r=o.clientX-l.left,s=o.clientY-l.top;n.style.setProperty("--veil-mouse-x",`${r}px`),n.style.setProperty("--veil-mouse-y",`${s}px`);});}function Be(n,e,o,l){let r=o.spinner||"ring",s=l||n.textContent?.trim()||"";switch(n.innerHTML="",e){case "spinner-left":{let i=b({type:r,size:16,color:"currentColor"});i.classList.add("veil-btn-spinner-wrap");let t=document.createElement("span");t.textContent=s,n.append(i,t);break}case "spinner-right":{let i=document.createElement("span");i.textContent=s;let t=b({type:r,size:16,color:"currentColor"});t.classList.add("veil-btn-spinner-wrap"),t.style.marginLeft="8px",t.style.marginRight="0",n.append(i,t);break}case "spinner-replace":{let i=b({type:r,size:20,color:"currentColor"});n.appendChild(i);break}case "dots-after-text":{let i=document.createElement("span");i.textContent=s;let t=document.createElement("span");t.className="veil-btn-typing-dots",t.textContent="...",n.append(i,t);break}case "progress-fill":{let i=document.createElement("div");i.className="veil-btn-progress-bar";let t=o.progress!==void 0?o.progress:60;i.style.width=`${t}%`;let a=document.createElement("span");a.style.position="relative",a.style.zIndex="2",a.textContent=s,n.append(i,a);break}case "shimmer-surface":{let i=document.createElement("span");i.textContent=s,i.style.position="relative",i.style.zIndex="2";let t=document.createElement("div");t.className="veil-btn-shimmer",n.append(i,t);break}case "pulse-glow":{n.classList.add("veil-btn-pulse-glow");let i=document.createElement("span");i.textContent=s,n.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=s,n.append(i,t);break}case "morph-circle":{n.classList.add("veil-btn-morph");let i=b({type:r,size:20,color:"currentColor"});n.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=s;let a=document.createElement("span");a.className="veil-btn-slide-in",a.textContent=l||"Loading\u2026",i.append(t,a),n.appendChild(i);break}case "border-trace":{let i=document.createElement("span");i.textContent=s,i.style.position="relative",i.style.zIndex="2";let t=document.createElement("div");t.className="veil-btn-border-trace",n.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=s,n.append(i,t);break}case "bounce-dots":{let i=b({type:"dots",size:22,color:"currentColor"}),t=document.createElement("span");t.textContent=s?` ${s}`:"",n.append(i,t);break}case "glass-shine":{n.classList.add("veil-btn-glass-shine");let i=document.createElement("span");i.textContent=s,n.appendChild(i);break}case "neon-pulse":{n.classList.add("veil-btn-neon-pulse");let i=document.createElement("span");i.textContent=s,n.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%",n.appendChild(i);break}}}function xe(n,e,o,l="checkmark"){if(n.innerHTML="",n.style.display="inline-flex",n.style.alignItems="center",n.style.justifyContent="center",n.style.gap="8px",e==="error"&&(l==="shake"||l==="cross"||l==="none")&&n.classList.add("veil-btn-shake"),e==="success"&&l==="success-burst"){let t=document.createElement("div");t.className="veil-btn-burst",n.appendChild(t);}let r=document.createElementNS("http://www.w3.org/2000/svg","svg");r.setAttribute("viewBox","0 0 24 24"),r.style.width="18px",r.style.height="18px",r.style.stroke="currentColor",r.style.strokeWidth="2.5",r.style.fill="none",r.style.strokeLinecap="round",r.style.strokeLinejoin="round";let s=document.createElementNS("http://www.w3.org/2000/svg","path");e==="success"?s.setAttribute("d","M5 13l4 4L19 7"):s.setAttribute("d","M6 18L18 6M6 6l12 12"),s.style.strokeDasharray="30",s.style.strokeDashoffset="30",s.style.animation="veil-draw 300ms ease forwards",r.appendChild(s);let i=document.createElement("span");i.textContent=o,n.append(r,i);}var we=false;function Ye(){if(we||typeof document>"u")return;we=true;let n=document.createElement("style");n.id="veilkit-button-styles",n.textContent=`
+    .veil-btn-loading { position: relative; cursor: wait !important; pointer-events: none; }
+    .veil-btn-success { background-color: #10b981 !important; color: #fff !important; }
+    .veil-btn-error { background-color: #ef4444 !important; color: #fff !important; }
+    .veil-btn-shake { animation: veil-shake 350ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }
+    .veil-btn-ripple {
+      position: absolute; border-radius: 50%;
+      background: rgba(255, 255, 255, 0.4);
+      transform: scale(0);
+      animation: veil-btn-ripple-anim 600ms linear;
+      pointer-events: none;
+    }
+    .veil-btn-progress-bar {
+      position: absolute; left: 0; top: 0; bottom: 0;
+      background: rgba(255, 255, 255, 0.25);
+      transition: width 200ms ease;
+    }
+    .veil-btn-shimmer {
+      position: absolute; inset: 0;
+      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
+      animation: veil-btn-shimmer 1.5s infinite;
+    }
+    .veil-btn-pulse-glow { animation: veil-btn-glow 1.4s ease-in-out infinite alternate; }
+    .veil-btn-stripes {
+      position: absolute; inset: 0;
+      background: repeating-linear-gradient(45deg, rgba(255,255,255,0.15), rgba(255,255,255,0.15) 10px, transparent 10px, transparent 20px);
+      background-size: 28px 28px;
+      animation: veil-btn-stripes 1s linear infinite;
+    }
+    .veil-btn-morph { border-radius: 50% !important; padding: 0 !important; width: 40px !important; height: 40px !important; transition: all 250ms ease; }
+    .veil-btn-typing-dots { animation: veil-typing-text 1.2s infinite; display: inline-block; width: 1.2em; text-align: left; }
+    .veil-btn-slide-wrap { display: flex; flex-direction: column; overflow: hidden; height: 1.2em; position: relative; }
+    .veil-btn-slide-out { animation: veil-slide-up-out 250ms forwards; }
+    .veil-btn-slide-in { animation: veil-slide-up-in 250ms forwards; }
+    .veil-btn-border-trace {
+      position: absolute; inset: -2px; border-radius: inherit;
+      background: conic-gradient(from 0deg, transparent 60%, currentColor 100%);
+      animation: veil-spin 1.2s linear infinite;
+      -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #fff calc(100% - 1.5px));
+      mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #fff calc(100% - 1.5px));
+    }
+    .veil-btn-liquid {
+      position: absolute; inset: 0; background: currentColor; opacity: 0.15;
+      animation: veil-liquid-wave 2s infinite ease-in-out alternate;
+    }
+    .veil-btn-glass-shine {
+      box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);
+      background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.05));
+    }
+    .veil-btn-neon-pulse {
+      box-shadow: 0 0 15px currentColor;
+      animation: veil-btn-glow 1.2s infinite alternate;
+    }
+    .veil-btn-burst {
+      position: absolute; inset: -4px; border-radius: inherit;
+      box-shadow: 0 0 20px #10b981;
+      animation: veil-burst 500ms ease-out forwards;
+      pointer-events: none;
+    }
+
+    @keyframes veil-draw { to { stroke-dashoffset: 0; } }
+    @keyframes veil-shake {
+      10%, 90% { transform: translate3d(-1px, 0, 0); }
+      20%, 80% { transform: translate3d(2px, 0, 0); }
+      30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
+      40%, 60% { transform: translate3d(4px, 0, 0); }
+    }
+    @keyframes veil-btn-ripple-anim { to { transform: scale(4); opacity: 0; } }
+    @keyframes veil-btn-shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
+    @keyframes veil-btn-glow { from { opacity: 0.8; transform: scale(0.99); } to { opacity: 1; transform: scale(1.01); } }
+    @keyframes veil-btn-stripes { from { background-position: 0 0; } to { background-position: 28px 0; } }
+    @keyframes veil-slide-up-out { from { transform: translateY(0); } to { transform: translateY(-100%); } }
+    @keyframes veil-slide-up-in { from { transform: translateY(100%); } to { transform: translateY(0); } }
+    @keyframes veil-liquid-wave { from { transform: scaleY(0.7); } to { transform: scaleY(1); } }
+    @keyframes veil-burst { 0% { opacity: 1; transform: scale(0.95); } 100% { opacity: 0; transform: scale(1.2); } }
+    @keyframes veil-typing-text { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } }
+  `,document.head.appendChild(n);}var x=class{constructor(e){this.el=e;f();}el;type="rect";width;height;radius;lines;animation="shimmer";theme="light";circle=false;ngOnInit(){this.render();}ngOnChanges(e){this.render();}render(){let e=this.el.nativeElement;e.innerHTML="";let o=this.circle?"circle":this.type,l=this.lines?v(this.lines,{width:this.width,animation:this.animation,theme:this.theme}):d({type:o,width:this.width,height:this.height,radius:this.radius,animation:this.animation,theme:this.theme});e.appendChild(l);}};y([Input()],x.prototype,"type",2),y([Input()],x.prototype,"width",2),y([Input()],x.prototype,"height",2),y([Input()],x.prototype,"radius",2),y([Input()],x.prototype,"lines",2),y([Input()],x.prototype,"animation",2),y([Input()],x.prototype,"theme",2),y([Input()],x.prototype,"circle",2),x=y([Component({selector:"veil-skeleton",standalone:true,template:""})],x);var C=class{constructor(e){this.el=e;f();}el;name="card";items;columns;shape="rounded";animation="shimmer";theme="light";width;ngOnInit(){this.render();}ngOnChanges(e){this.render();}render(){let e=this.el.nativeElement;e.innerHTML="";let o=N({name:this.name,items:this.items,columns:this.columns,shape:this.shape,animation:this.animation,theme:this.theme,width:this.width});e.appendChild(o);}};y([Input()],C.prototype,"name",2),y([Input()],C.prototype,"items",2),y([Input()],C.prototype,"columns",2),y([Input()],C.prototype,"shape",2),y([Input()],C.prototype,"animation",2),y([Input()],C.prototype,"theme",2),y([Input()],C.prototype,"width",2),C=y([Component({selector:"veil-preset",standalone:true,template:""})],C);var T=class{constructor(e){this.el=e;f();}el;type="ring";size=28;color;secondaryColor;speed;glass=false;label;ngOnInit(){this.render();}ngOnChanges(e){this.render();}render(){let e=this.el.nativeElement;e.innerHTML="";let o=b({type:this.type,size:this.size,color:this.color,secondaryColor:this.secondaryColor,speed:this.speed,glass:this.glass,label:this.label});e.appendChild(o);}};y([Input()],T.prototype,"type",2),y([Input()],T.prototype,"size",2),y([Input()],T.prototype,"color",2),y([Input()],T.prototype,"secondaryColor",2),y([Input()],T.prototype,"speed",2),y([Input()],T.prototype,"glass",2),y([Input()],T.prototype,"label",2),T=y([Component({selector:"veil-spinner",standalone:true,template:""})],T);var w=class{constructor(e){this.el=e;f();}el;status;loading=false;styleType="spinner-left";spinner="ring";loadingText;successText;errorText;resetAfter=2e3;controller=null;ngOnInit(){let e=this.el.nativeElement.querySelector("button");e&&(this.controller=ke(e,{status:this.status,loading:this.loading,styleType:this.styleType,spinner:this.spinner,loadingText:this.loadingText,successText:this.successText,errorText:this.errorText,resetAfter:this.resetAfter}));}ngOnChanges(e){this.controller&&(this.status?this.controller.setStatus(this.status,this.loadingText):this.controller.setLoading(this.loading,this.loadingText));}};y([Input()],w.prototype,"status",2),y([Input()],w.prototype,"loading",2),y([Input()],w.prototype,"styleType",2),y([Input()],w.prototype,"spinner",2),y([Input()],w.prototype,"loadingText",2),y([Input()],w.prototype,"successText",2),y([Input()],w.prototype,"errorText",2),y([Input()],w.prototype,"resetAfter",2),w=y([Component({selector:"veil-loading-button",standalone:true,template:'<button #btn class="veil-button"><ng-content></ng-content></button>'})],w);var $=class{constructor(e){this.el=e;f();}el;value;circular=false;size;color;ngOnInit(){let e=le({value:this.value,circular:this.circular,size:this.size,color:this.color});this.el.nativeElement.appendChild(e);}};y([Input()],$.prototype,"value",2),y([Input()],$.prototype,"circular",2),y([Input()],$.prototype,"size",2),y([Input()],$.prototype,"color",2),$=y([Component({selector:"veil-progress",standalone:true,template:""})],$);var B=class{constructor(e){this.router=e;this.router.events.subscribe(o=>{o instanceof NavigationStart?E.start():(o instanceof NavigationEnd||o instanceof NavigationCancel||o instanceof NavigationError)&&E.done();});}router};B=y([Injectable({providedIn:"root"})],B);function Ai(n,e){let o=inject(M),l=o.start();return e(n).pipe(finalize(()=>{o.stop(l);}))}export{A as VeilDirective,w as VeilLoadingButtonComponent,C as VeilPresetComponent,$ as VeilProgressBarComponent,B as VeilRouterProgressService,M as VeilService,x as VeilSkeletonComponent,T as VeilSpinnerComponent,Ai as veilHttpInterceptor};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map