veilkit 0.0.0-stage → 0.1.0

package/dist/svelte/index.js

@@ -0,0 +1,394 @@
+var x={light:{base:"#e5e7eb",highlight:"rgba(255, 255, 255, 0.7)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#374151"},dark:{base:"#1f2937",highlight:"rgba(255, 255, 255, 0.12)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#f3f4f6"},auto:{base:"var(--veil-auto-base, #e5e7eb)",highlight:"var(--veil-auto-highlight, rgba(255, 255, 255, 0.7))",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"var(--veil-auto-contrast, #374151)"},glass:{base:"rgba(255, 255, 255, 0.08)",highlight:"rgba(255, 255, 255, 0.25)",radius:"12px",duration:"1.8s",easing:"cubic-bezier(0.25, 1, 0.5, 1)",blur:"12px",border:"1px solid rgba(255, 255, 255, 0.15)",glow:"inset 0 1px 1px 0 rgba(255, 255, 255, 0.25), 0 4px 16px 0 rgba(0, 0, 0, 0.12)",contrast:"#ffffff"},ios:{base:"rgba(120, 120, 128, 0.18)",highlight:"rgba(255, 255, 255, 0.45)",radius:"10px",duration:"1.4s",easing:"cubic-bezier(0.32, 0.72, 0, 1)",border:"none",contrast:"#1c1c1e"},material:{base:"#e7e0ec",highlight:"#f7f2fa",radius:"12px",duration:"1.6s",easing:"cubic-bezier(0.2, 0, 0, 1)",border:"none",contrast:"#1d1b20"},minimal:{base:"#f1f3f5",highlight:"#ffffff",radius:"4px",duration:"1.4s",easing:"ease-in-out",border:"none",contrast:"#212529"},mono:{base:"#e0e0e0",highlight:"#ffffff",radius:"0px",duration:"1.2s",easing:"linear",border:"1px solid #cccccc",contrast:"#000000"},neon:{base:"#0c0b16",highlight:"rgba(0, 240, 255, 0.5)",radius:"8px",duration:"1.6s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(0, 240, 255, 0.3)",glow:"0 0 12px rgba(0, 240, 255, 0.35)",contrast:"#00f0ff"},sunset:{base:"#fed7aa",highlight:"#fff7ed",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",glow:"0 0 8px rgba(251, 146, 60, 0.25)",contrast:"#7c2d12"},ocean:{base:"#0f2937",highlight:"rgba(56, 189, 248, 0.45)",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(56, 189, 248, 0.2)",glow:"0 0 10px rgba(56, 189, 248, 0.25)",contrast:"#38bdf8"}};function $(){return ["@keyframes veil-shimmer-ltr{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}","@keyframes veil-shimmer-rtl{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}","@keyframes veil-shimmer-ttb{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}","@keyframes veil-shimmer-btt{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}","@keyframes veil-wave{0%{transform:translateX(-120%) scaleX(0.8);opacity:0.3}50%{opacity:0.95}100%{transform:translateX(120%) scaleX(1.2);opacity:0.3}}","@keyframes veil-pulse{0%,100%{opacity:1}50%{opacity:0.38}}","@keyframes veil-blink{0%,49%{opacity:1}50%,99%{opacity:0.2}100%{opacity:1}}","@keyframes veil-breathe{0%,100%{opacity:0.65;transform:scale(0.995)}50%{opacity:1;transform:scale(1.005)}}","@keyframes veil-glass-shine{0%{transform:translate3d(-150%,-150%,0) rotate(35deg);opacity:0.1}40%,60%{opacity:0.85}100%{transform:translate3d(200%,200%,0) rotate(35deg);opacity:0.1}}","@keyframes veil-gradient-flow{0%{transform:translateX(-66.6%)}100%{transform:translateX(0%)}}","@keyframes veil-aurora{0%{transform:translate3d(-20%,-15%,0) rotate(0deg) scale(1);opacity:0.5}50%{transform:translate3d(25%,20%,0) rotate(180deg) scale(1.25);opacity:0.85}100%{transform:translate3d(-20%,-15%,0) rotate(360deg) scale(1);opacity:0.5}}","@keyframes veil-scan-line{0%{transform:translateY(-100%);opacity:0.2}50%{opacity:1}100%{transform:translateY(300%);opacity:0.2}}","@keyframes veil-sparkle{0%,100%{opacity:0.2;transform:scale(0.98)}25%{opacity:0.8;transform:scale(1.02)}50%{opacity:0.3;transform:scale(0.99)}75%{opacity:0.95;transform:scale(1.01)}}","@keyframes veil-neon-glow{0%,100%{opacity:0.45;transform:scale(0.998)}50%{opacity:1;transform:scale(1.002)}}",'[data-veil-anim="stagger"]>*{animation-delay:calc(var(--veil-stagger-idx,0)*120ms)!important}'].join("")}var P=false;function _(){let e=x.light,t=x.dark;return `
+/* === VEILKIT CORE STYLES === */
+:root {
+  --veil-base: ${e.base};
+  --veil-highlight: ${e.highlight};
+  --veil-radius: ${e.radius};
+  --veil-duration: ${e.duration};
+  --veil-easing: ${e.easing};
+  --veil-direction: ltr;
+  --veil-border: none;
+  --veil-blur: none;
+  --veil-glow: none;
+  --veil-contrast: ${e.contrast};
+
+  --veil-auto-base: ${e.base};
+  --veil-auto-highlight: ${e.highlight};
+  --veil-auto-contrast: ${e.contrast};
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --veil-auto-base: ${t.base};
+    --veil-auto-highlight: ${t.highlight};
+    --veil-auto-contrast: ${t.contrast};
+  }
+}
+
+/* === DARK THEME SELECTORS === */
+[data-theme="dark"], .dark, [data-theme="dark"] .veil-skeleton {
+  --veil-base: ${t.base};
+  --veil-highlight: ${t.highlight};
+  --veil-contrast: ${t.contrast};
+}
+
+/* === THEME ATTRIBUTE CLASSES === */
+${Object.entries(x).map(([r,n])=>`[data-veil-theme="${r}"]{--veil-base:${n.base};--veil-highlight:${n.highlight};--veil-radius:${n.radius};--veil-duration:${n.duration};--veil-easing:${n.easing};${n.border?`--veil-border:${n.border};`:""}${n.blur?`--veil-blur:${n.blur};`:""}${n.glow?`--veil-glow:${n.glow};`:""}--veil-contrast:${n.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="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);
+}
+
+${$()}
+`}function h(e){if(P||typeof document>"u")return;P=true;let t=_();if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&true)try{let o=new CSSStyleSheet;o.replaceSync(t),document.adoptedStyleSheets=[...document.adoptedStyleSheets,o];return}catch{}let n=document.createElement("style");n.id="veilkit-styles",n.textContent=t,document.head.appendChild(n);}var E=0;function F(){return E===0&&typeof performance<"u"&&(E=performance.now()),E}function S(e=1500){if(typeof performance>"u")return "0ms";let t=performance.now()-F();return `-${Math.round(t%e)}ms`}function O(e=1500){if(typeof e=="number")return e;if(!e)return 1500;let t=e.trim().toLowerCase();return t.endsWith("ms")?parseFloat(t)||1500:t.endsWith("s")?(parseFloat(t)||1.5)*1e3:parseFloat(t)||1500}var f=null,N=new Set,z=false;function U(e){for(let t of e){let r=t.target;t.isIntersecting?(r.removeAttribute("data-veil-offscreen"),r.style.removeProperty("--veil-play-state")):(r.setAttribute("data-veil-offscreen","true"),r.style.setProperty("--veil-play-state","paused"));}}function q(){z||typeof document>"u"||(z=true,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden");}));}function R(e){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(q(),f||(f=new IntersectionObserver(U,{rootMargin:"100px 0px",threshold:0})),f.observe(e),N.add(e),()=>{f&&e&&(f.unobserve(e),N.delete(e));})}function g(e={}){h();let t=document.createElement("div");t.className=`veil-skeleton ${e.className||""}`.trim(),t.setAttribute("aria-hidden","true");let r=e.type||"rect";if(t.setAttribute("data-veil-shape",r),e.animation&&t.setAttribute("data-veil-anim",e.animation),e.direction&&t.setAttribute("data-veil-dir",e.direction),typeof e.theme=="string"&&t.setAttribute("data-veil-theme",e.theme),e.width!==void 0&&(t.style.width=typeof e.width=="number"?`${e.width}px`:e.width),e.height!==void 0&&(t.style.height=typeof e.height=="number"?`${e.height}px`:e.height),e.radius!==void 0&&(t.style.setProperty("--veil-radius",typeof e.radius=="number"?`${e.radius}px`:e.radius),t.style.borderRadius=typeof e.radius=="number"?`${e.radius}px`:e.radius),e.speed!==void 0){let n=O(e.speed);t.style.setProperty("--veil-duration",`${n}ms`),t.style.setProperty("--veil-sync-delay",S(n));}else t.style.setProperty("--veil-sync-delay",S(1500));if(e.style)for(let[n,o]of Object.entries(e.style))t.style[n]=o;return R(t),t}function H(e=3,t={}){let r=document.createElement("div");r.className=`veil-lines-group ${t.className||""}`.trim(),r.setAttribute("aria-hidden","true");let n=t.gap!==void 0?typeof t.gap=="number"?`${t.gap}px`:t.gap:"0.45rem";r.style.display="flex",r.style.flexDirection="column",r.style.gap=n;let o=["100%","94%","88%","75%"],s=t.lastLineWidth!==void 0?typeof t.lastLineWidth=="number"?`${t.lastLineWidth}px`:t.lastLineWidth:"65%";for(let i=0;i<e;i++){let l=i===e-1?s:o[i%o.length]||"95%",d=g({...t,type:"line",width:l});d.style.setProperty("--veil-stagger-idx",String(i)),r.appendChild(d);}return r}function I(e,t={}){let r=t.transition||"fade";if(r==="none"){t.onComplete&&t.onComplete();return}if(e.classList.add("veil-revealing"),r==="stagger-children"){let s=Array.from(e.children);s.forEach((a,l)=>{a.classList.add("veil-reveal-fade"),a.style.animationDelay=`${l*60}ms`,t.duration&&(a.style.animationDuration=`${t.duration}ms`);});let i=(t.duration||350)+s.length*60;setTimeout(()=>{e.classList.remove("veil-revealing"),s.forEach(a=>{a.classList.remove("veil-reveal-fade"),a.style.removeProperty("animation-delay"),a.style.removeProperty("animation-duration");}),t.onComplete&&t.onComplete();},i);return}let n=`veil-reveal-${r}`;e.classList.add(n),t.duration&&(e.style.animationDuration=`${t.duration}ms`),t.easing&&(e.style.animationTimingFunction=t.easing);let o=()=>{e.removeEventListener("animationend",o),e.classList.remove("veil-revealing",n),e.style.removeProperty("animation-duration"),e.style.removeProperty("animation-timing-function"),t.onComplete&&t.onComplete();};e.addEventListener("animationend",o);}var w=new Map;function G(e){if(w.has(e))return w.get(e);if(typeof window<"u"&&window.localStorage)try{let t=localStorage.getItem(`veil_cache_${e}`);if(t){let r=JSON.parse(t);return w.set(e,r),r}}catch{}return null}function J(e,t,r=false){if(w.set(e,t),r&&typeof window<"u"&&window.localStorage)try{localStorage.setItem(`veil_cache_${e}`,JSON.stringify(t));}catch{}}function Z(e,t){let r=e.getBoundingClientRect(),n=[];function o(i){if(i.hasAttribute("data-veil-ignore")||t&&i.matches(t))return  false;let a=window.getComputedStyle(i);if(a.display==="none"||a.visibility==="hidden"||a.opacity==="0")return  false;let l=i.tagName.toLowerCase();return ["img","svg","button","input","textarea","select"].includes(l)||i.hasAttribute("data-veil-shape")?true:Array.from(i.childNodes).some(u=>u.nodeType===Node.TEXT_NODE&&(u.textContent||"").trim().length>0)&&i.children.length===0}function s(i){if(i!==e&&o(i)){let l=i.getBoundingClientRect();if(l.width>2&&l.height>2){let u=window.getComputedStyle(i).borderRadius||"6px",m=i.getAttribute("data-veil-shape"),c="rect";m==="circle"||u==="50%"||u.includes("px")&&parseFloat(u)>=l.width/2?c="circle":(m==="line"||["p","span","h1","h2","h3","h4","h5","h6","a","label"].includes(i.tagName.toLowerCase()))&&(c="line"),n.push({x:Math.round(l.left-r.left),y:Math.round(l.top-r.top),width:Math.round(l.width),height:Math.round(l.height),radius:u,shape:c});}return}let a=Array.from(i.children);for(let l of a)l.hasAttribute("data-veil-ignore")||s(l);}return s(e),{width:Math.round(r.width),height:Math.round(r.height),boxes:n}}function V(e,t={},r={}){let n=document.createElement("div");if(n.className="veil-auto-overlay",n.setAttribute("aria-hidden","true"),n.style.position="absolute",n.style.top="0",n.style.left="0",n.style.width="100%",n.style.height="100%",n.style.pointerEvents="none",n.style.zIndex="5",!t.preserveBackground){let d=window.getComputedStyle(e);n.style.backgroundColor=d.backgroundColor!=="rgba(0, 0, 0, 0)"?d.backgroundColor:"transparent";}function o(d){n.innerHTML="";for(let u=0;u<d.boxes.length;u++){let m=d.boxes[u],c=g({...r,type:m.shape,radius:m.radius});c.style.position="absolute",c.style.left=`${m.x}px`,c.style.top=`${m.y}px`,c.style.width=`${m.width}px`,c.style.height=`${m.height}px`,c.style.setProperty("--veil-stagger-idx",String(u)),n.appendChild(c);}}function s(){let d=Z(e,t.ignoreSelector);d.boxes.length>0&&(o(d),t.cacheKey&&J(t.cacheKey,d,t.persistCache));}if(t.cacheKey){let d=G(t.cacheKey);d&&o(d);}window.getComputedStyle(e).position==="static"&&(e.style.position="relative"),e.appendChild(n),n.children.length===0&&s();let a=null,l=null;return t.observeResize!==false&&typeof ResizeObserver<"u"&&(a=new ResizeObserver(()=>s()),a.observe(e)),t.observeMutations!==false&&typeof MutationObserver<"u"&&(l=new MutationObserver(()=>s()),l.observe(e,{childList:true,subtree:true,attributes:false})),{overlay:n,refresh:s,destroy:()=>{a&&a.disconnect(),l&&l.disconnect(),t.reveal&&t.reveal!=="none"?I(e,{transition:t.reveal,duration:t.revealDuration,easing:t.revealEasing,onComplete:()=>n.remove()}):n.remove();}}}function Q(e,t={loading:false}){h();let r=null;function n(o){o.loading&&!r?(r=V(e,{cacheKey:o.cacheKey,persistCache:o.persistCache,reveal:o.reveal}),e.setAttribute("aria-busy","true")):!o.loading&&r&&(r.destroy(),r=null,e.removeAttribute("aria-busy"));}return n(t),{update(o){n(o);},destroy(){r&&(r.destroy(),r=null);}}}var T=class{el=null;innerEl=null;currentProgress=0;trickleTimer=null;status="idle";ensureDOM(){this.el||typeof document>"u"||(h(),this.el=document.createElement("div"),this.el.className="veil-progress-bar",this.el.setAttribute("role","progressbar"),this.el.setAttribute("aria-valuemin","0"),this.el.setAttribute("aria-valuemax","100"),this.el.setAttribute("aria-valuenow","0"),this.innerEl=document.createElement("div"),this.innerEl.className="veil-progress-inner",this.innerEl.style.width="0%",this.innerEl.style.opacity="1",this.el.appendChild(this.innerEl),document.body.appendChild(this.el));}start(){this.ensureDOM(),this.status!=="loading"&&(this.status="loading",this.currentProgress=0,this.set(.08),this.innerEl&&(this.innerEl.style.opacity="1",this.innerEl.style.backgroundColor="var(--veil-progress-color, #3b82f6)"),this.trickle());}set(t){this.ensureDOM(),this.currentProgress=Math.min(1,Math.max(0,t));let r=Math.round(this.currentProgress*100);this.innerEl&&(this.innerEl.style.width=`${r}%`),this.el&&this.el.setAttribute("aria-valuenow",String(r));}inc(t){let r=this.currentProgress;r>=1||(typeof t!="number"&&(r>=0&&r<.2?t=.1:r>=.2&&r<.5?t=.04:r>=.5&&r<.8?t=.02:r>=.8&&r<.99?t=.005:t=0),this.set(r+t));}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);}},C=new T;function D(e={}){h();let t=!!e.circular,r=e.color||"var(--veil-progress-color, #3b82f6)",n=e.trackColor||"rgba(0, 0, 0, 0.08)";if(t){let a=e.size!==void 0?typeof e.size=="number"?`${e.size}px`:e.size:"48px",l=e.strokeWidth||4,d=document.createElement("div");d.className=`veil-progress-circular ${e.className||""}`.trim(),d.style.width=a,d.style.height=a,d.style.display="inline-flex",d.style.alignItems="center",d.style.justifyContent="center",d.style.position="relative";let u=document.createElementNS("http://www.w3.org/2000/svg","svg");u.setAttribute("viewBox","0 0 48 48"),u.style.width="100%",u.style.height="100%",u.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",n),m.setAttribute("stroke-width",String(l));let c=document.createElementNS("http://www.w3.org/2000/svg","circle");c.setAttribute("cx","24"),c.setAttribute("cy","24"),c.setAttribute("r","20"),c.setAttribute("fill","none"),c.setAttribute("stroke",r),c.setAttribute("stroke-width",String(l)),c.setAttribute("stroke-linecap","round");let p=2*Math.PI*20;if(c.setAttribute("stroke-dasharray",String(p)),e.value!==void 0){let v=Math.min(100,Math.max(0,e.value)),K=p-v/100*p;c.setAttribute("stroke-dashoffset",String(K)),c.style.transition="stroke-dashoffset 300ms ease";}else c.setAttribute("stroke-dashoffset",String(p*.75)),u.style.animation="veil-spin 1200ms linear infinite";if(u.append(m,c),d.appendChild(u),e.showPercentage&&e.value!==void 0){let v=document.createElement("span");v.style.position="absolute",v.style.fontSize="11px",v.style.fontWeight="600",v.textContent=`${Math.round(e.value)}%`,d.appendChild(v);}return d}let o=e.height!==void 0?typeof e.height=="number"?`${e.height}px`:e.height:"4px",s=document.createElement("div");s.className=`veil-progress-linear ${e.className||""}`.trim(),s.setAttribute("role","progressbar"),s.style.width="100%",s.style.height=o,s.style.backgroundColor=n,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=r,i.style.borderRadius="9999px",e.value!==void 0){let a=Math.min(100,Math.max(0,e.value));s.setAttribute("aria-valuenow",String(a)),i.style.width=`${a}%`,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 Se(e,t){typeof window>"u"||e&&t&&(e(()=>{C.start();}),t(()=>{C.done();}));}function k(e={}){h();let t=e.type||"ring",r=e.size!==void 0?typeof e.size=="number"?`${e.size}px`:e.size:"28px",n=e.color||"var(--veil-progress-color, #3b82f6)",o=e.secondaryColor||"rgba(0, 0, 0, 0.12)",s=document.createElement("div");switch(s.className=`veil-spinner veil-spinner-${t} ${e.className||""}`.trim(),s.setAttribute("role","status"),s.setAttribute("aria-label",e.label||"Loading"),s.style.width=r,s.style.height=r,s.style.display="inline-flex",s.style.alignItems="center",s.style.justifyContent="center",s.style.position="relative",t){case "ring":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border=`3px solid ${o}`,i.style.borderTopColor=n,i.style.animation="veil-spin 800ms linear infinite",i.style.boxSizing="border-box",s.appendChild(i);break}case "dual-ring":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border="3px solid transparent",i.style.borderTopColor=n,i.style.borderBottomColor=n,i.style.animation="veil-spin 900ms cubic-bezier(0.5, 0, 0.5, 1) infinite",i.style.boxSizing="border-box",s.appendChild(i);break}case "dots":{s.style.gap="4px";for(let i=0;i<3;i++){let a=document.createElement("div");a.style.width="28%",a.style.height="28%",a.style.borderRadius="50%",a.style.backgroundColor=n,a.style.animation="veil-dot-bounce 1200ms ease-in-out infinite",a.style.animationDelay=`${i*160}ms`,s.appendChild(a);}break}case "bars":{s.style.gap="3px";for(let i=0;i<4;i++){let a=document.createElement("div");a.style.width="18%",a.style.height="100%",a.style.borderRadius="2px",a.style.backgroundColor=n,a.style.animation="veil-bar-wave 1000ms ease-in-out infinite",a.style.animationDelay=`${i*140}ms`,s.appendChild(a);}break}case "pulse":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.backgroundColor=n,i.style.animation="veil-pulse-scale 1200ms ease-out infinite",s.appendChild(i);break}case "orbit":{let i=document.createElement("div");i.style.width="30%",i.style.height="30%",i.style.borderRadius="50%",i.style.backgroundColor=n,i.style.position="absolute";let a=document.createElement("div");a.style.width="100%",a.style.height="100%",a.style.position="absolute",a.style.animation="veil-spin 1200ms linear infinite";let l=document.createElement("div");l.style.width="24%",l.style.height="24%",l.style.borderRadius="50%",l.style.backgroundColor=n,l.style.position="absolute",l.style.top="0",l.style.left="38%",a.appendChild(l),s.append(i,a);break}case "wave":{s.style.gap="4px";for(let i=0;i<5;i++){let a=document.createElement("div");a.style.width="12%",a.style.height="80%",a.style.borderRadius="3px",a.style.backgroundColor=n,a.style.animation="veil-wave-dance 1100ms ease-in-out infinite",a.style.animationDelay=`${i*110}ms`,s.appendChild(a);}break}case "bounce":{let i=document.createElement("div");i.style.width="60%",i.style.height="60%",i.style.borderRadius="50%",i.style.backgroundColor=n,i.style.animation="veil-bounce-ball 900ms cubic-bezier(0.28, 0.84, 0.42, 1) infinite",s.appendChild(i);break}case "ios-activity":{for(let i=0;i<12;i++){let a=document.createElement("div");a.style.position="absolute",a.style.width="8%",a.style.height="26%",a.style.backgroundColor=n,a.style.borderRadius="2px",a.style.transformOrigin="50% 190%",a.style.transform=`rotate(${i*30}deg) translateY(-90%)`,a.style.animation="veil-ios-fade 1000ms linear infinite",a.style.animationDelay=`-${(12-i)*(1e3/12)}ms`,s.appendChild(a);}break}case "glass-orb":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.background=`radial-gradient(circle at 35% 35%, rgba(255,255,255,0.8), ${n} 70%)`,i.style.boxShadow=`0 4px 12px ${n}44, inset 0 2px 4px rgba(255,255,255,0.6)`,i.style.animation="veil-glass-orbit 1600ms ease-in-out infinite",s.appendChild(i);break}case "morph":{let i=document.createElement("div");i.style.width="80%",i.style.height="80%",i.style.backgroundColor=n,i.style.animation="veil-morph-shape 2000ms ease-in-out infinite",s.appendChild(i);break}case "progress-circle":{let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 36 36"),i.style.width="100%",i.style.height="100%",i.style.transform="rotate(-90deg)";let a=document.createElementNS("http://www.w3.org/2000/svg","circle");a.setAttribute("cx","18"),a.setAttribute("cy","18"),a.setAttribute("r","14"),a.setAttribute("fill","none"),a.setAttribute("stroke",o),a.setAttribute("stroke-width","3");let l=document.createElementNS("http://www.w3.org/2000/svg","circle");l.setAttribute("cx","18"),l.setAttribute("cy","18"),l.setAttribute("r","14"),l.setAttribute("fill","none"),l.setAttribute("stroke",n),l.setAttribute("stroke-width","3"),l.setAttribute("stroke-dasharray","88"),l.setAttribute("stroke-dashoffset","25"),l.setAttribute("stroke-linecap","round"),l.style.animation="veil-spin 1200ms linear infinite",l.style.transformOrigin="50% 50%",i.append(a,l),s.appendChild(i);break}}return ee(),s}var Y=false;function ee(){if(Y||typeof document>"u")return;Y=true;let e=document.createElement("style");e.id="veilkit-spinner-keyframes",e.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); }
+    }
+  `,document.head.appendChild(e);}var A={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"}},te="en",j={};function ie(e){return j[e]?j[e]:(A[te]||A.en)[e]||A.en[e]||"Loading\u2026"}function B(e,t){e.setAttribute("aria-busy","true");let r=e.querySelector(".veil-sr-only");return r||(r=document.createElement("span"),r.className="veil-sr-only",r.setAttribute("role","status"),r.setAttribute("aria-live","polite"),e.appendChild(r)),r.textContent=t||ie("loading"),r}function W(e){e.removeAttribute("aria-busy");let t=e.querySelector(".veil-sr-only");t&&t.remove();}var y=new Map,L="",M=class{show(t,r={}){h();let n,o=!t;if(o?n=document.body:typeof t=="string"?(n=document.querySelector(t),n||(n=document.body)):n=t,y.has(n))return y.get(n);let s=document.createElement("div");if(s.className=`veil-overlay ${o?"veil-overlay-fullscreen":""} ${r.className||""}`.trim(),s.setAttribute("role","status"),r.color&&s.style.setProperty("--veil-overlay-bg",r.color),r.blur!==void 0){let i=typeof r.blur=="boolean"?r.blur?"8px":"0px":r.blur;s.style.setProperty("--veil-overlay-blur",i);}if(r.zIndex!==void 0&&(s.style.zIndex=String(r.zIndex)),r.spinner!==false){let i=typeof r.spinner=="string"?r.spinner:"ring",a=k({type:i,size:36});s.appendChild(a);}if(r.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=r.message,s.appendChild(i);}return o||window.getComputedStyle(n).position==="static"&&(n.style.position="relative"),B(n,r.message),r.lockScroll&&o&&typeof document<"u"&&(L=document.body.style.overflow,document.body.style.overflow="hidden"),n.appendChild(s),y.set(n,s),s}hide(t){let r,n=!t;n?r=document.body:typeof t=="string"?(r=document.querySelector(t),r||(r=document.body)):r=t;let o=y.get(r);o&&(o.style.opacity="0",setTimeout(()=>{o.remove(),y.delete(r),W(r),n&&L!==void 0&&(document.body.style.overflow=L);},200));}},b=new M;function Ie(e,t={}){let r=t.lines||t.count&&t.count>1?H(t.lines||t.count||3,t):g(t);return e.appendChild(r),{destroy(){r.remove();}}}function Ve(e,t={}){let r=k(t);return e.appendChild(r),{destroy(){r.remove();}}}function De(e,t={}){let r=D(t);return e.appendChild(r),{destroy(){r.remove();}}}function Ye(e,t={}){return t.visible&&b.show(e,t),{update(r){r.visible?b.show(e,r):b.hide(e);},destroy(){b.hide(e);}}}export{Q as default,Ye as overlayAction,De as progressAction,Se as setupSvelteKitProgress,Ie as skeletonAction,Ve as spinnerAction,Q as veil};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map