loading-state-zoo 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,4 +1,4 @@
-var Ae=i=>{throw TypeError(i)};var Te=(i,a,r)=>a.has(i)||Ae("Cannot "+r);var we=(i,a,r)=>(Te(i,a,"read from private field"),r?r.call(i):a.get(i)),ye=(i,a,r)=>a.has(i)?Ae("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(i):a.set(i,r),ke=(i,a,r,s)=>(Te(i,a,"write to private field"),s?s.call(i,r):a.set(i,r),r);var Ee=`
+var Je=a=>{throw TypeError(a)};var et=(a,o,r)=>o.has(a)||Je("Cannot "+r);var tt=(a,o,r)=>(et(a,o,"read from private field"),r?r.call(a):o.get(a)),rt=(a,o,r)=>o.has(a)?Je("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(a):o.set(a,r),at=(a,o,r,i)=>(et(a,o,"write to private field"),i?i.call(a,r):o.set(a,r),r);var it=`
 @keyframes lz-spin { to { transform: rotate(360deg); } }
 @keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
 @keyframes lz-dot-bounce {
@@ -64,7 +64,39 @@ var Ae=i=>{throw TypeError(i)};var Te=(i,a,r)=>a.has(i)||Ae("Cannot "+r);var we=
   40%, 80% { opacity: 1; transform: scale(1); }
   100% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
 }
-`,J=`
+@keyframes lz-orb-breathe {
+  0%, 100% { transform: scale(1); opacity: 1; }
+  50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
+}
+@keyframes lz-ios-glow {
+  0%, 100% { opacity: var(--lz-ios-fade, 0.2); transform: scale(var(--lz-ios-min, 0.5)); }
+  35% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
+  50% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
+}
+@keyframes lz-ai-sparkle {
+  0%, 100% { opacity: 0; transform: scale(0.1) rotate(0deg); }
+  20% { opacity: 1; transform: scale(1) rotate(8deg); }
+  45% { opacity: 0; transform: scale(1.35) rotate(14deg); }
+}
+@keyframes lz-waveform {
+  0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
+  50% { transform: scaleY(1); }
+}
+@keyframes lz-sonar-ring {
+  0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }
+  100% { transform: scale(1); opacity: 0; }
+}
+@keyframes lz-note-bob {
+  0%, 100% { transform: translateY(0); }
+  45% { transform: translateY(var(--lz-note-bob, 0.35em)); }
+  60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }
+  75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }
+}
+@keyframes lz-needle-bob {
+  0%, 100% { transform: rotate(22deg); }
+  50% { transform: rotate(27deg); }
+}
+`,ue=`
 :host {
   display: inline-flex;
   font-size: var(--lz-size, 44px);
@@ -73,9 +105,9 @@ var Ae=i=>{throw TypeError(i)};var Te=(i,a,r)=>a.has(i)||Ae("Cannot "+r);var we=
 .lz-root {
   display: contents;
 }
-${Ee}
-`;var Re=typeof HTMLElement<"u",Ge=Re?HTMLElement:class{},d,e=class extends Ge{constructor(){super(...arguments);ye(this,d,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${J}
-${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),ke(this,d,!0),this.paint()}attributeChangedCallback(){we(this,d)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,s){let l=this.getAttribute(r);if(l===null||l==="")return s;let o=Number(l);return Number.isFinite(o)?o:s}varPx(r,s,l){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,`${Number(o)}px`):this.style.removeProperty(r)}varNum(r,s,l){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,String(Number(o))):this.style.removeProperty(r)}varRaw(r,s,l){let o=this.getAttribute(s);o!==null&&o!==""?this.style.setProperty(r,o):this.style.removeProperty(r)}};d=new WeakMap,e.observedAttributes=[];function t(i,a){typeof customElements>"u"||customElements.get(i)||customElements.define(i,a)}var ee="lz-bouncing-dots",c=class extends e{constructor(){super(...arguments);this.css=`
+${it}
+`;var zt=typeof HTMLElement<"u",mt=zt?HTMLElement:class{},c,e=class extends mt{constructor(){super(...arguments);rt(this,c,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${ue}
+${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),at(this,c,!0),this.paint()}attributeChangedCallback(){tt(this,c)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,i){let l=this.getAttribute(r);if(l===null||l==="")return i;let s=Number(l);return Number.isFinite(s)?s:i}varPx(r,i,l){let s=this.getAttribute(i);s!==null&&s!==""&&Number.isFinite(Number(s))?this.style.setProperty(r,`${Number(s)}px`):this.style.removeProperty(r)}varNum(r,i,l){let s=this.getAttribute(i);s!==null&&s!==""&&Number.isFinite(Number(s))?this.style.setProperty(r,String(Number(s))):this.style.removeProperty(r)}varRaw(r,i,l){let s=this.getAttribute(i);s!==null&&s!==""?this.style.setProperty(r,s):this.style.removeProperty(r)}};c=new WeakMap,e.observedAttributes=[];function t(a,o){typeof customElements>"u"||customElements.get(a)||customElements.define(a,o)}var xe="lz-bouncing-dots",f=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.7em; }
 .lz-dot {
@@ -85,7 +117,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 .lz-dot:nth-child(2) { animation-delay: 0.15s; }
 .lz-dot:nth-child(3) { animation-delay: 0.3s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};c.observedAttributes=["size","color","speed"];function p(){t(ee,c)}var te="lz-typing-dots",f=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};f.observedAttributes=["size","color","speed"];function p(){t(xe,f)}var Ae="lz-typing-dots",z=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.8em; }
 .lz-dot {
@@ -95,7 +127,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 .lz-dot:nth-child(2) { animation-delay: -0.18s; }
 .lz-dot:nth-child(3) { animation-delay: -0.36s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};f.observedAttributes=["size","color","speed"];function z(){t(te,f)}var re="lz-wave-dots",m=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};z.observedAttributes=["size","color","speed"];function m(){t(Ae,z)}var we="lz-wave-dots",h=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.6em; }
 .lz-dot {
@@ -106,7 +138,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-dot:nth-child(2) { animation-delay: -0.1s; }
 .lz-dot:nth-child(3) { animation-delay: -0.2s; }
 .lz-dot:nth-child(4) { animation-delay: -0.3s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};m.observedAttributes=["size","color","speed"];function h(){t(re,m)}var ie="lz-helix-dots",Pe=1.4,v=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};h.observedAttributes=["size","color","speed"];function v(){t(we,h)}var _e="lz-helix-dots",ht=1.4,g=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 6px); }
 .lz-dots { display: flex; gap: 0.9em; }
 .lz-dot {
@@ -114,7 +146,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){let r=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let l=0;l<r;l++)s+=`<span class="lz-dot" style="animation-delay:-${(Pe/r*l).toFixed(3)}s"></span>`;return`${s}</div>`}sync(){this.varPx("--lz-size","size",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};v.observedAttributes=["size","count","color","speed"];function u(){t(ie,v)}var ae="lz-dot-grid-wave",g=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){let r=Math.max(1,this.num("count",10)),i='<div class="lz-dots" role="status" aria-label="Loading">';for(let l=0;l<r;l++)i+=`<span class="lz-dot" style="animation-delay:-${(ht/r*l).toFixed(3)}s"></span>`;return`${i}</div>`}sync(){this.varPx("--lz-size","size",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};g.observedAttributes=["size","count","color","speed"];function b(){t(_e,g)}var ye="lz-dot-grid-wave",u=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 6px); }
 .lz-grid {
   display: grid;
@@ -126,10 +158,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){let r=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),l='<div class="lz-grid" role="status" aria-label="Loading">';for(let o=0;o<r;o++)for(let n=0;n<s;n++)l+=`<span class="lz-dot" style="animation-delay:-${((o+n)*.08).toFixed(3)}s"></span>`;return`${l}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",12),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};g.observedAttributes=["rows","cols","size","gap","color","speed"];function b(){t(ae,g)}var se="lz-arc-spinner",Le=`
+`}template(){let r=Math.max(1,this.num("rows",4)),i=Math.max(1,this.num("cols",5)),l='<div class="lz-grid" role="status" aria-label="Loading">';for(let s=0;s<r;s++)for(let n=0;n<i;n++)l+=`<span class="lz-dot" style="animation-delay:-${((s+n)*.08).toFixed(3)}s"></span>`;return`${l}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",12),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};u.observedAttributes=["rows","cols","size","gap","color","speed"];function x(){t(ye,u)}var ke="lz-arc-spinner",vt=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
-`,x=class extends e{constructor(){super(...arguments);this.css=`
+`,A=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
 .lz-ring {
   width: 100%; height: 100%; border-radius: 50%;
@@ -139,55 +171,81 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
     var(--lz-color, #f5f5f7) 110deg,
     transparent 111deg
   );
-  ${Le}
+  ${vt}
   animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};x.observedAttributes=["size","stroke-width","color","speed"];function _(){t(se,x)}var oe="lz-material-double-arc",Ne=`
+`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};A.observedAttributes=["size","stroke-width","color","speed"];function w(){t(ke,A)}var Te="lz-material-double-arc",gt=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
-`,A="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",T=class extends e{constructor(){super(...arguments);this.css=`
+`,_="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",y=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-arc {
   position: absolute; inset: 0; border-radius: 50%;
-  ${Ne}
+  ${gt}
 }
 .lz-arc-a {
-  background: conic-gradient(from 0deg, ${A} 0deg, ${A} 135deg, transparent 136deg);
+  background: conic-gradient(from 0deg, ${_} 0deg, ${_} 135deg, transparent 136deg);
   animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
 }
 .lz-arc-b {
   opacity: 0.6;
-  background: conic-gradient(from 200deg, ${A} 0deg, ${A} 90deg, transparent 91deg);
+  background: conic-gradient(from 200deg, ${_} 0deg, ${_} 90deg, transparent 91deg);
   animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};T.observedAttributes=["size","stroke-width","color","speed"];function w(){t(oe,T)}var le="lz-scan-sweep",y=class extends e{constructor(){super(...arguments);this.css=`
-:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
+`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};y.observedAttributes=["size","stroke-width","color","speed"];function k(){t(Te,y)}var Re="lz-scan-sweep",bt=8,T=class extends e{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; display: inline-block; line-height: 1; }
 .lz-ring {
   position: absolute; inset: 0; border-radius: 50%;
   border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));
 }
+.lz-dial {
+  position: absolute; inset: 0.075em; border-radius: 50%;
+  border: 1px dashed rgba(255, 255, 255, 0.1);
+  animation: lz-spin-reverse calc(10s * var(--lz-speed, 1)) linear infinite;
+}
 .lz-ring-inner {
-  position: absolute; inset: 0.28em; border-radius: 50%;
+  position: absolute; inset: 0.27em; border-radius: 50%;
+  border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
+}
+.lz-tick-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
+.lz-tick {
+  position: absolute; left: -0.025em; top: 0;
+  width: 0.05em; height: 0.14em; border-radius: 1px;
+  background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
+}
+.lz-tick.short { height: 0.09em; }
+.lz-core-ring {
+  position: absolute; left: 50%; top: 50%;
+  width: 0.26em; height: 0.26em; margin: -0.13em 0 0 -0.13em; border-radius: 50%;
   border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
 }
 .lz-core {
-  position: absolute; width: 0.14em; height: 0.14em;
-  left: 0.43em; top: 0.43em; border-radius: 50%;
+  position: absolute; width: 0.1em; height: 0.1em;
+  left: 0.45em; top: 0.45em; border-radius: 50%;
   background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
+  box-shadow: 0 0 0.18em 0.03em color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent);
 }
 .lz-sweep {
   position: absolute; inset: 0; border-radius: 50%;
   background: conic-gradient(
     from 0deg,
     var(--lz-color, #f5f5f7) 0deg,
-    var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 60deg,
-    transparent 90deg
+    var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 8deg,
+    color-mix(in srgb, var(--lz-color, #f5f5f7) 5%, transparent) 55deg,
+    transparent 95deg
   );
   -webkit-mask: radial-gradient(closest-side, #000 100%);
   mask: radial-gradient(closest-side, #000 100%);
   animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};y.observedAttributes=["size","color","speed"];function k(){t(le,y)}var ne="lz-orbit-dots",E=class extends e{constructor(){super(...arguments);this.css=`
+.lz-sweep-edge {
+  position: absolute; inset: 0; border-radius: 50%;
+  background: conic-gradient(from 0deg, var(--lz-color, #f5f5f7) 0deg, transparent 5deg);
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
+  mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
+  animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
+}
+`}template(){let r="";for(let i=0;i<bt;i++){let l=i%2===1;r+=`<span class="lz-tick-slot" style="transform:rotate(${i*45}deg) translateY(-0.5em)"><span class="lz-tick${l?" short":""}"></span></span>`}return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-dial" aria-hidden="true"></div><div class="lz-ring-inner" aria-hidden="true"></div>'+r+'<div class="lz-core-ring" aria-hidden="true"></div><div class="lz-core" aria-hidden="true"></div><div class="lz-sweep" aria-hidden="true"></div><div class="lz-sweep-edge" aria-hidden="true"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};T.observedAttributes=["size","color","speed"];function R(){t(Re,T)}var Ge="lz-orbit-dots",G=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit {
   position: absolute; inset: 0;
@@ -202,7 +260,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
 .lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
 .lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
-`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};E.observedAttributes=["size","color","speed"];function S(){t(ne,E)}var de="lz-orbit-ring-dots",Se=8,R=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};G.observedAttributes=["size","color","speed"];function S(){t(Ge,G)}var Se="lz-orbit-ring-dots",st=8,E=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit { position: absolute; inset: 0; }
 .lz-dot {
@@ -213,7 +271,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){let r='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<Se;s++){let l=360/Se*s;r+=`<span class="lz-dot" style="transform:rotate(${l}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${r}</div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-dot-size","dot-size",7.92),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};R.observedAttributes=["size","dot-size","color","speed"];function G(){t(de,R)}var ce="lz-eyes",P=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){let r='<div class="lz-orbit" role="status" aria-label="Loading">';for(let i=0;i<st;i++){let l=360/st*i;r+=`<span class="lz-dot" style="transform:rotate(${l}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(i*.15).toFixed(2)}s"></span>`}return`${r}</div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-dot-size","dot-size",7.92),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};E.observedAttributes=["size","dot-size","color","speed"];function N(){t(Se,E)}var Ee="lz-eyes",I=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); }
 .lz-eyes { display: flex; gap: 0.24em; }
 .lz-eye {
@@ -227,7 +285,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
   animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};P.observedAttributes=["size","color","speed"];function L(){t(ce,P)}var pe="lz-morphing-square",N=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};I.observedAttributes=["size","color","speed"];function P(){t(Ee,I)}var Ne="lz-morphing-square",L=class extends e{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 44px);
   width: 1em; height: 1em;
@@ -235,14 +293,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
   animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};N.observedAttributes=["size","accent","speed"];function I(){t(pe,N)}var fe="lz-breathing-pulse",O=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};L.observedAttributes=["size","accent","speed"];function O(){t(Ne,L)}var Ie="lz-breathing-pulse",M=class extends e{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 36px);
   width: 1em; height: 1em; border-radius: 50%;
   background: var(--lz-color, #f5f5f7);
   animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};O.observedAttributes=["size","color","speed"];function D(){t(fe,O)}var ze="lz-equalizer",M=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};M.observedAttributes=["size","color","speed"];function D(){t(Ie,M)}var Pe="lz-equalizer",B=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 22px); }
 .lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
 .lz-bar {
@@ -255,12 +313,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-bar:nth-child(2) { animation-delay: 0.12s; }
 .lz-bar:nth-child(3) { animation-delay: 0.24s; }
 .lz-bar:nth-child(4) { animation-delay: 0.36s; }
-`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};M.observedAttributes=["size","bar-width","gap","color","speed"];function B(){t(ze,M)}var me="lz-progress-ring",Ie=`
+`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};B.observedAttributes=["size","bar-width","gap","color","speed"];function $(){t(Pe,B)}var Le="lz-progress-ring",ut=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
 `,C=class extends e{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
-.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ie} }
+.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${ut} }
 .lz-track {
   background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
 }
@@ -268,7 +326,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
   transition: background 0.2s ease;
 }
-`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};C.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function H(){t(me,C)}var he="lz-indeterminate-progress-bar",Y=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};C.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function Y(){t(Le,C)}var Oe="lz-indeterminate-progress-bar",Z=class extends e{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: inline-block;
   width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -281,7 +339,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-accent, #0a84ff);
   animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};Y.observedAttributes=["width","height","accent","track-color","speed"];function Z(){t(he,Y)}var ve="lz-skeleton-shimmer",$=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};Z.observedAttributes=["width","height","accent","track-color","speed"];function H(){t(Oe,Z)}var Me="lz-skeleton-shimmer",U=class extends e{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: inline-block;
   width: var(--lz-width, 120px); height: var(--lz-height, 28px);
@@ -293,7 +351,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
   animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};$.observedAttributes=["width","height","track-color","speed"];function U(){t(ve,$)}var ue="lz-ellipsis",W=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};U.observedAttributes=["width","height","track-color","speed"];function W(){t(Me,U)}var De="lz-ellipsis",V=class extends e{constructor(){super(...arguments);this.css=`
 :host {
   display: inline-flex; gap: 0.2em; align-items: center;
   font-size: var(--lz-size, 8px); line-height: 1;
@@ -305,7 +363,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 .lz-dot:nth-child(2) { animation-delay: -0.45s; }
 .lz-dot:nth-child(3) { animation-delay: -0.9s; }
-`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};W.observedAttributes=["size","color","speed"];function K(){t(ue,W)}var ge="lz-progress-bar",q=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};V.observedAttributes=["size","color","speed"];function K(){t(De,V)}var Be="lz-progress-bar",F=class extends e{constructor(){super(...arguments);this.css=`
 :host {
   display: inline-block; position: relative;
   width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -319,7 +377,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   border-radius: inherit;
 }
-`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let r=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${r}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${r/100})`),this.setAttribute("aria-valuenow",String(r))}};q.observedAttributes=["width","height","percent","color","track-color","speed"];function X(){t(ge,q)}var be="lz-skeleton-card",F=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let r=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${r}`);let i=this.shadowRoot?.querySelector(".lz-fill");i&&(i.style.transform=`scaleX(${r/100})`),this.setAttribute("aria-valuenow",String(r))}};F.observedAttributes=["width","height","percent","color","track-color","speed"];function q(){t(Be,F)}var $e="lz-skeleton-card",X=class extends e{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: inline-block;
   width: var(--lz-width, 200px); height: var(--lz-height, 64px);
@@ -344,7 +402,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
   animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};F.observedAttributes=["width","height","track-color","speed"];function Q(){t(be,F)}var xe="lz-skeleton-list",V=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};X.observedAttributes=["width","height","track-color","speed"];function Q(){t($e,X)}var Ce="lz-skeleton-list",j=class extends e{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: block;
   width: var(--lz-width, 180px);
@@ -369,5 +427,244 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
   animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){let r=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],l='<div role="status" aria-label="Loading">';for(let o=0;o<r;o++){let n=s[o%s.length];l+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${l}</div><div class="lz-sheen"></div>`}sync(){this.varPx("--lz-width","width",180),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};V.observedAttributes=["width","rows","track-color","speed"];function j(){t(xe,V)}function _e(){p(),z(),h(),u(),b(),_(),w(),k(),S(),G(),L(),I(),D(),B(),H(),Z(),U(),K(),X(),Q(),j()}_e();export{se as ARC_SPINNER_TAG,ee as BOUNCING_DOTS_TAG,fe as BREATHING_PULSE_TAG,ae as DOT_GRID_WAVE_TAG,ue as ELLIPSIS_TAG,ze as EQUALIZER_TAG,ce as EYES_TAG,ie as HELIX_DOTS_TAG,he as INDETERMINATE_PROGRESS_BAR_TAG,Ee as KEYFRAMES,e as LZPattern,oe as MATERIAL_DOUBLE_ARC_TAG,pe as MORPHING_SQUARE_TAG,ne as ORBIT_DOTS_TAG,de as ORBIT_RING_DOTS_TAG,ge as PROGRESS_BAR_TAG,me as PROGRESS_RING_TAG,le as SCAN_SWEEP_TAG,J as SCOPED_CSS,be as SKELETON_CARD_TAG,xe as SKELETON_LIST_TAG,ve as SKELETON_SHIMMER_TAG,te as TYPING_DOTS_TAG,re as WAVE_DOTS_TAG,t as define,_e as defineAll,_ as defineArcSpinner,p as defineBouncingDots,D as defineBreathingPulse,b as defineDotGridWave,K as defineEllipsis,B as defineEqualizer,L as defineEyes,u as defineHelixDots,Z as defineIndeterminateProgressBar,w as defineMaterialDoubleArc,I as defineMorphingSquare,S as defineOrbitDots,G as defineOrbitRingDots,X as defineProgressBar,H as defineProgressRing,k as defineScanSweep,Q as defineSkeletonCard,j as defineSkeletonList,U as defineSkeletonShimmer,z as defineTypingDots,h as defineWaveDots};
+`}template(){let r=Math.max(1,Math.min(8,this.num("rows",4))),i=["100%","85%","92%","68%","95%","78%","88%","72%"],l='<div role="status" aria-label="Loading">';for(let s=0;s<r;s++){let n=i[s%i.length];l+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${l}</div><div class="lz-sheen"></div>`}sync(){this.varPx("--lz-width","width",180),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};j.observedAttributes=["width","rows","track-color","speed"];function J(){t(Ce,j)}var Ye="lz-ios-27-orb",xt=[{count:14,radius:.34,dot:.13,offset:0},{count:8,radius:.215,dot:.105,offset:22.5},{count:4,radius:.1,dot:.08,offset:45}],At=27,ot=3.2,ee=class extends e{constructor(){super(...arguments);this.css=`
+:host {
+  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
+  display: inline-block; position: relative; line-height: 1;
+}
+.lz-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
+.lz-dot {
+  position: absolute; border-radius: 50%; background: currentColor;
+  box-shadow: 0 0 0.12em 0.05em currentColor;
+  animation: lz-ios-glow calc(${ot}s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+`}template(){let r=0,i='<div role="status" aria-label="Loading">',l=(s,n,d,be=!1)=>{let nt=s*Math.PI/180,dt=be?98:50-48*Math.cos(nt),Qe=`${d.toFixed(3)}em`,je=`-${(d/2).toFixed(3)}em`,ct=`color-mix(in srgb, var(--lz-color, #f5f5f7) ${dt.toFixed(0)}%, var(--lz-accent, #0a84ff))`,ft=`-${(r/At*ot).toFixed(3)}s`,pt=n===0?"":` transform:rotate(${s}deg) translateY(-${n.toFixed(3)}em);`;i+=`<span class="lz-slot" style="${pt}"><span class="lz-dot" style="width:${Qe};height:${Qe};left:${je};top:${je};color:${ct};animation-delay:${ft}"></span></span>`,r++};for(let s of xt){let n=360/s.count;for(let d=0;d<s.count;d++)l(s.offset+n*d,s.radius,s.dot)}return l(0,0,.13,!0),`${i}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};ee.observedAttributes=["size","color","accent","speed"];function te(){t(Ye,ee)}var Ze="lz-ai-orb",re=class extends e{constructor(){super(...arguments);this.css=`
+:host {
+  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
+  display: inline-block; position: relative; line-height: 1;
+}
+.lz-orb {
+  position: absolute; inset: 0.08em; border-radius: 50%;
+  background: radial-gradient(circle at 34% 32%,
+    color-mix(in srgb, var(--lz-accent, #0a84ff) 18%, white) 0%,
+    var(--lz-accent, #0a84ff) 40%,
+    color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 74%,
+    transparent 100%);
+  box-shadow: 0 0 0.5em color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
+  animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-orbit {
+  position: absolute; inset: 0;
+  animation: lz-spin calc(4.5s * var(--lz-speed, 1)) linear infinite;
+}
+.lz-light {
+  position: absolute; left: 50%; top: calc(50% - 0.46em);
+  width: 0.13em; height: 0.13em; margin-left: -0.065em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  box-shadow: 0 0 0.22em 0.05em color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, transparent);
+  animation: lz-pulse-breath calc(1.1s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-sparkle {
+  position: absolute; width: 0.28em; height: 0.28em;
+  animation: lz-ai-sparkle calc(3s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-sparkle::before, .lz-sparkle::after {
+  content: ""; position: absolute; inset: 0;
+  background: var(--lz-color, #f5f5f7);
+}
+.lz-sparkle::before {
+  clip-path: polygon(50% 0, 58% 50%, 50% 100%, 42% 50%);
+}
+.lz-sparkle::after {
+  clip-path: polygon(50% 0, 58% 50%, 50% 100%, 42% 50%);
+  transform: rotate(90deg);
+}
+.lz-sparkle.a { right: 0.01em; top: -0.01em; }
+.lz-sparkle.b { left: -0.01em; bottom: 0.02em; animation-delay: -1.5s; }
+`}template(){return'<div class="lz-orb" role="status" aria-label="Loading"></div><div class="lz-orbit" aria-hidden="true"><span class="lz-light"></span></div><span class="lz-sparkle a" aria-hidden="true"></span><span class="lz-sparkle b" aria-hidden="true"></span>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};re.observedAttributes=["size","accent","color","speed"];function ae(){t(Ze,re)}var He="lz-ai-thinking",ie=class extends e{constructor(){super(...arguments);this.css=`
+:host {
+  font-size: var(--lz-size, 40px); width: 2.1em; height: 0.66em;
+  display: inline-block; position: relative; line-height: 1;
+}
+.lz-field {
+  position: absolute; inset: 0; display: flex; align-items: center;
+  justify-content: center; gap: 0.32em; border-radius: 999px;
+  background: var(--lz-surface, rgba(255,255,255,0.07));
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lz-color, #f5f5f7) 12%, transparent);
+}
+.lz-dot {
+  width: 0.16em; height: 0.16em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-typing-pulse calc(1s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;
+}
+.lz-field .lz-dot:nth-child(2) { animation-delay: -0.2s; }
+.lz-field .lz-dot:nth-child(3) { animation-delay: -0.4s; }
+.lz-aura {
+  position: absolute; inset: -0.16em; border-radius: 999px;
+  border: 2px solid transparent;
+  background: conic-gradient(from 0deg,
+    transparent 0deg,
+    var(--lz-accent, #0a84ff) 8deg,
+    color-mix(in srgb, var(--lz-accent, #0a84ff) 30%, transparent) 34deg,
+    transparent 92deg) border-box;
+  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
+  mask-composite: exclude;
+  animation: lz-spin calc(1.9s * var(--lz-speed, 1)) linear infinite;
+}
+`}template(){return'<div class="lz-field" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div><div class="lz-aura" aria-hidden="true"></div>'}sync(){this.varPx("--lz-size","size",40),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};ie.observedAttributes=["size","color","accent","speed"];function se(){t(He,ie)}var Ue="lz-ai-neural",oe=class extends e{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 6px); }
+.lz-grid {
+  display: grid;
+  gap: var(--lz-grid-gap, 10px);
+  grid-template-columns: repeat(var(--lz-cols, 5), 1em);
+}
+.lz-dot {
+  width: 1em; height: 1em; border-radius: 50%;
+  animation: lz-grid-dot-wave calc(1.5s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
+}
+`}template(){let r=Math.max(1,this.num("rows",3)),i=Math.max(1,this.num("cols",5)),l='<div class="lz-grid" role="status" aria-label="Loading">';for(let s=0;s<r;s++)for(let n=0;n<i;n++){let d=(s+n)%2===0?"color-mix(in srgb, var(--lz-accent, #0a84ff) 78%, var(--lz-color, #f5f5f7))":"var(--lz-color, #f5f5f7)",be=((s+n)*.12).toFixed(3);l+=`<span class="lz-dot" style="background:${d};animation-delay:-${be}s"></span>`}return`${l}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",10),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};oe.observedAttributes=["rows","cols","size","gap","color","accent","speed"];function le(){t(Ue,oe)}var We="lz-waveform",ne=class extends e{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
+.lz-wave {
+  display: flex; align-items: center; gap: var(--lz-gap, 4px);
+  height: 1em;
+}
+.lz-bar {
+  width: var(--lz-bar-width, 4px); height: 1em; border-radius: 2px;
+  transform-origin: center;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-bar.accent { background: var(--lz-accent, #0a84ff); }
+`}template(){let r=Math.max(5,Math.min(21,this.num("count",11))),i=(r-1)/2,l="";for(let s=0;s<r;s++){let n=(s-i)*.12,d=s===Math.floor(i)||s===Math.floor(i/2)||s===r-1-Math.floor(i/2);l+=`<span class="lz-bar${d?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${l}</div>`}sync(){this.varPx("--lz-size","size",32),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};ne.observedAttributes=["size","count","color","accent","speed"];function de(){t(We,ne)}var Ve="lz-vinyl",ce=class extends e{constructor(){super(...arguments);this.css=`
+:host {
+  font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
+  display: inline-block; position: relative; line-height: 1;
+}
+.lz-disc {
+  position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
+  background:
+    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.055) 0 1px, transparent 1px 4px),
+    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0 17%, rgba(0,0,0,0.22) 17% 18%, transparent 18% 20%, rgba(255,255,255,0.045) 20% 21%, transparent 21% 100%),
+    radial-gradient(circle at 50% 50%, #141216 0 100%);
+  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
+  animation: lz-spin calc(3.2s * var(--lz-speed, 1)) linear infinite;
+}
+.lz-disc::before {
+  content: ""; position: absolute; inset: 0; border-radius: 50%;
+  background: linear-gradient(112deg, transparent 26%, rgba(255,255,255,0.17) 40%, rgba(255,255,255,0.04) 49%, transparent 62%);
+}
+.lz-label {
+  position: absolute; left: 50%; top: 50%;
+  width: 0.5em; height: 0.5em; margin: -0.25em 0 0 -0.25em; border-radius: 50%;
+  background:
+    radial-gradient(circle at 36% 30%, rgba(255,255,255,0.35) 0 5%, transparent 6%),
+    radial-gradient(circle at 63% 68%, rgba(0,0,0,0.4) 0 7%, transparent 8%),
+    var(--lz-accent, #0a84ff);
+  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.4);
+}
+.lz-spindle {
+  position: absolute; left: 50%; top: 50%;
+  width: 0.09em; height: 0.09em; margin: -0.045em 0 0 -0.045em; border-radius: 50%;
+  background: rgba(0,0,0,0.9);
+  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
+}
+.lz-arm {
+  position: absolute; top: 0.05em; right: 0.06em; width: 0.8em; height: 0.8em;
+  transform-origin: top right;
+  animation: lz-needle-bob calc(1.8s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-post {
+  position: absolute; right: -0.01em; top: -0.01em;
+  width: 0.13em; height: 0.13em; border-radius: 50%;
+  background: radial-gradient(circle at 35% 30%, var(--lz-color, #f5f5f7) 0 42%, color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent) 100%);
+  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
+}
+.lz-shaft {
+  position: absolute; right: 0.045em; top: 0.02em;
+  width: 0.06em; height: 0.48em; border-radius: 3px;
+  background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 35%, transparent));
+  box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.25);
+  transform-origin: top center;
+  transform: rotate(24deg);
+}
+.lz-shaft::before {
+  content: ""; position: absolute; top: -0.035em; left: -0.04em;
+  width: 0.14em; height: 0.14em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
+}
+.lz-shaft::after {
+  content: ""; position: absolute; bottom: -0.05em; left: 0.005em;
+  width: 0.05em; height: 0.1em; border-radius: 0 0 3px 3px;
+  background: color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white);
+}
+`}template(){return'<div class="lz-disc" role="status" aria-label="Loading"><span class="lz-label"></span><span class="lz-spindle"></span></div><div class="lz-arm" aria-hidden="true"><span class="lz-post"></span><span class="lz-shaft"></span></div>'}sync(){this.varPx("--lz-size","size",48),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ce.observedAttributes=["size","accent","color","speed"];function fe(){t(Ve,ce)}var Ke="lz-sonar",lt=3.6,pe=class extends e{constructor(){super(...arguments);this.css=`
+:host {
+  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
+  display: inline-block; position: relative; line-height: 1;
+}
+.lz-core {
+  position: absolute; left: 50%; top: 50%;
+  width: 0.18em; height: 0.18em; margin: -0.09em 0 0 -0.09em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  box-shadow: 0 0 calc(0.2em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
+}
+.lz-ring {
+  position: absolute; inset: 0.14em; border-radius: 50%;
+  border: 1px solid var(--lz-accent, #0a84ff);
+  animation: lz-sonar-ring calc(${lt}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
+}
+`}template(){let r=Math.max(1,Math.min(4,this.num("count",3))),i="";for(let l=0;l<r;l++)i+=`<span class="lz-ring" style="animation-delay: -${(l*lt/r).toFixed(2)}s;"></span>`;return`<div class="lz-core" role="status" aria-label="Loading"></div>${i}`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};pe.observedAttributes=["size","count","accent","color","speed"];function ze(){t(Ke,pe)}var Fe="lz-music-note",me=class extends e{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
+.lz-notes { display: flex; align-items: center; gap: 0.5em; }
+.lz-note {
+  position: relative; display: inline-block;
+  width: 0.42em; height: 0.88em;
+  animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }
+.lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }
+.lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }
+.lz-head {
+  position: absolute; left: 0; bottom: 0.06em;
+  width: 0.3em; height: 0.24em;
+  border-radius: 55% 45% 50% 50%;
+  background: var(--lz-color, #f5f5f7);
+  box-shadow: inset -0.045em -0.02em 0 color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, #000);
+  transform: rotate(-18deg);
+}
+.lz-stem {
+  position: absolute; left: 0.175em; bottom: 0.13em;
+  width: 0.045em; height: 0.6em; border-radius: 2px;
+  background: var(--lz-color, #f5f5f7);
+}
+.lz-flag {
+  position: absolute; left: 0.22em; bottom: 0.61em;
+  width: 0.24em; height: 0.2em;
+  border: 0.045em solid var(--lz-color, #f5f5f7);
+  border-left: none; border-top: none;
+  border-radius: 0 0 0.14em 0.02em / 0 0 0.26em 0.02em;
+}
+.lz-note.second .lz-head { background: color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, var(--lz-accent, #0a84ff)); }
+`}template(){let r=Math.max(1,Math.min(4,this.num("count",2))),i="";for(let l=0;l<r;l++)i+=`<span class="${l===1?"lz-note second":"lz-note"}"><span class="lz-head"></span><span class="lz-stem"></span><span class="lz-flag"></span></span>`;return`<div class="lz-notes" role="status" aria-label="Loading">${i}</div>`}sync(){this.varPx("--lz-size","size",32),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};me.observedAttributes=["size","count","color","speed"];function he(){t(Fe,me)}var qe="lz-activity-rings",ve=class extends e{constructor(){super(...arguments);this.css=`
+:host {
+  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
+  display: inline-block; line-height: 1;
+}
+.lz-svg { width: 1em; height: 1em; display: block; }
+.lz-g { animation: lz-spin calc(2.8s * var(--lz-speed, 1)) linear infinite; transform-origin: center; }
+.lz-g.mid { animation-duration: calc(3.6s * var(--lz-speed, 1)); animation-direction: reverse; }
+.lz-g.inner { animation-duration: calc(2.1s * var(--lz-speed, 1)); }
+.lz-track { fill: none; stroke: var(--lz-track, rgba(255,255,255,0.08)); stroke-width: 5; }
+.lz-ring { fill: none; stroke-linecap: round; stroke-width: 5; }
+.lz-outer { stroke: var(--lz-accent, #fa114f); stroke-dasharray: 209 58; }
+.lz-mid { stroke: var(--lz-color, #30d158); stroke-dasharray: 169 48; }
+.lz-inner { stroke: var(--lz-color-weak, #32d7ff); stroke-dasharray: 128 39; }
+`}template(){return`<svg class="lz-svg" viewBox="0 0 100 100" role="img" aria-label="Loading">
+      <g class="lz-g"><circle class="lz-track" cx="50" cy="50" r="42.5" /><circle class="lz-ring lz-outer" cx="50" cy="50" r="42.5" transform="rotate(-90 50 50)" /></g>
+      <g class="lz-g mid"><circle class="lz-ring lz-mid" cx="50" cy="50" r="34.5" transform="rotate(-90 50 50)" /></g>
+      <g class="lz-g inner"><circle class="lz-ring lz-inner" cx="50" cy="50" r="26.5" transform="rotate(-90 50 50)" /></g>
+    </svg>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#fa114f"),this.varRaw("--lz-color","color","#30d158"),this.varRaw("--lz-color-weak","color-weak","#32d7ff"),this.varNum("--lz-speed","speed",1)}};ve.observedAttributes=["size","accent","color","color-weak","speed"];function ge(){t(qe,ve)}function Xe(){p(),m(),v(),b(),x(),w(),k(),R(),S(),N(),P(),O(),D(),$(),Y(),H(),W(),K(),q(),Q(),J(),te(),ae(),se(),le(),de(),fe(),ze(),he(),ge()}Xe();export{qe as ACTIVITY_RINGS_TAG,Ue as AI_NEURAL_TAG,Ze as AI_ORB_TAG,He as AI_THINKING_TAG,ke as ARC_SPINNER_TAG,xe as BOUNCING_DOTS_TAG,Ie as BREATHING_PULSE_TAG,ye as DOT_GRID_WAVE_TAG,De as ELLIPSIS_TAG,Pe as EQUALIZER_TAG,Ee as EYES_TAG,_e as HELIX_DOTS_TAG,Oe as INDETERMINATE_PROGRESS_BAR_TAG,Ye as IOS27_ORB_TAG,it as KEYFRAMES,e as LZPattern,Te as MATERIAL_DOUBLE_ARC_TAG,Ne as MORPHING_SQUARE_TAG,Fe as MUSIC_NOTE_TAG,Ge as ORBIT_DOTS_TAG,Se as ORBIT_RING_DOTS_TAG,Be as PROGRESS_BAR_TAG,Le as PROGRESS_RING_TAG,Re as SCAN_SWEEP_TAG,ue as SCOPED_CSS,$e as SKELETON_CARD_TAG,Ce as SKELETON_LIST_TAG,Me as SKELETON_SHIMMER_TAG,Ke as SONAR_TAG,Ae as TYPING_DOTS_TAG,Ve as VINYL_TAG,We as WAVEFORM_TAG,we as WAVE_DOTS_TAG,t as define,ge as defineActivityRings,le as defineAiNeural,ae as defineAiOrb,se as defineAiThinking,Xe as defineAll,w as defineArcSpinner,p as defineBouncingDots,D as defineBreathingPulse,x as defineDotGridWave,K as defineEllipsis,$ as defineEqualizer,P as defineEyes,b as defineHelixDots,H as defineIndeterminateProgressBar,te as defineIos27Orb,k as defineMaterialDoubleArc,O as defineMorphingSquare,he as defineMusicNote,S as defineOrbitDots,N as defineOrbitRingDots,q as defineProgressBar,Y as defineProgressRing,R as defineScanSweep,Q as defineSkeletonCard,J as defineSkeletonList,W as defineSkeletonShimmer,ze as defineSonar,m as defineTypingDots,fe as defineVinyl,v as defineWaveDots,de as defineWaveform};
 //# sourceMappingURL=index.js.map