loading-state-zoo 0.2.0 → 0.4.0

package/dist/react.cjs

@@ -1,4 +1,4 @@
-"use strict";var D=Object.defineProperty;var Ge=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Oe=Object.prototype.hasOwnProperty;var C=e=>{throw TypeError(e)};var Me=(e,t)=>{for(var r in t)D(e,r,{get:t[r],enumerable:!0})},De=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ie(t))!Oe.call(e,a)&&a!==r&&D(e,a,{get:()=>t[a],enumerable:!(s=Ge(t,a))||s.enumerable});return e};var Ce=e=>De(D({},"__esModule",{value:!0}),e);var Z=(e,t,r)=>t.has(e)||C("Cannot "+r);var H=(e,t,r)=>(Z(e,t,"read from private field"),r?r.call(e):t.get(e)),B=(e,t,r)=>t.has(e)?C("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),W=(e,t,r,s)=>(Z(e,t,"write to private field"),s?s.call(e,r):t.set(e,r),r);var zt={};Me(zt,{ArcSpinner:()=>ve,BouncingDots:()=>me,BreathingPulse:()=>Te,DotGridWave:()=>ue,Ellipsis:()=>Ne,Equalizer:()=>ke,Eyes:()=>Ae,HelixDots:()=>he,IndeterminateProgressBar:()=>_e,MaterialDoubleArc:()=>ge,MorphingSquare:()=>we,OrbitDots:()=>xe,OrbitRingDots:()=>ye,ProgressBar:()=>Pe,ProgressRing:()=>Ee,ScanSweep:()=>be,SkeletonCard:()=>Le,SkeletonList:()=>Re,SkeletonShimmer:()=>Se,TypingDots:()=>ze,WaveDots:()=>fe,defineAll:()=>M});module.exports=Ce(zt);var Ze=`
+"use strict";var K=Object.defineProperty;var ht=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var gt=Object.prototype.hasOwnProperty;var X=t=>{throw TypeError(t)};var bt=(t,r)=>{for(var e in r)K(t,e,{get:r[e],enumerable:!0})},vt=(t,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of ut(r))!gt.call(t,i)&&i!==e&&K(t,i,{get:()=>r[i],enumerable:!(s=ht(r,i))||s.enumerable});return t};var xt=t=>vt(K({},"__esModule",{value:!0}),t);var Q=(t,r,e)=>r.has(t)||X("Cannot "+e);var j=(t,r,e)=>(Q(t,r,"read from private field"),e?e.call(t):r.get(t)),J=(t,r,e)=>r.has(t)?X("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),ee=(t,r,e,s)=>(Q(t,r,"write to private field"),s?s.call(t,e):r.set(t,e),e);var lr={};bt(lr,{ActivityRings:()=>dt,AiNeural:()=>it,AiOrb:()=>st,AiThinking:()=>at,ArcSpinner:()=>He,BouncingDots:()=>Oe,BreathingPulse:()=>Ke,DotGridWave:()=>De,Ellipsis:()=>je,Equalizer:()=>qe,Eyes:()=>Ue,HelixDots:()=>Ze,IndeterminateProgressBar:()=>Xe,Ios27Orb:()=>rt,MaterialDoubleArc:()=>Be,MorphingSquare:()=>Ve,MusicNote:()=>ct,OrbitDots:()=>We,OrbitRingDots:()=>Ye,ProgressBar:()=>Je,ProgressRing:()=>Fe,ScanSweep:()=>$e,SkeletonCard:()=>et,SkeletonList:()=>tt,SkeletonShimmer:()=>Qe,Sonar:()=>nt,TypingDots:()=>Me,Vinyl:()=>lt,WaveDots:()=>Ce,Waveform:()=>ot,defineAll:()=>U});module.exports=xt(lr);var yt=`
 @keyframes lz-spin { to { transform: rotate(360deg); } }
 @keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
 @keyframes lz-dot-bounce {
@@ -64,7 +64,39 @@
   40%, 80% { opacity: 1; transform: scale(1); }
   100% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
 }
-`,Y=`
+@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); }
+}
+`,te=`
 :host {
   display: inline-flex;
   font-size: var(--lz-size, 44px);
@@ -73,9 +105,9 @@
 .lz-root {
   display: contents;
 }
-${Ze}
-`;var He=typeof HTMLElement<"u",Be=He?HTMLElement:class{},z,o=class extends Be{constructor(){super(...arguments);B(this,z,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${Y}
-${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),W(this,z,!0),this.paint()}attributeChangedCallback(){H(this,z)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,s){let a=this.getAttribute(r);if(a===null||a==="")return s;let i=Number(a);return Number.isFinite(i)?i:s}varPx(r,s,a){let i=this.getAttribute(s);i!==null&&i!==""&&Number.isFinite(Number(i))?this.style.setProperty(r,`${Number(i)}px`):this.style.removeProperty(r)}varNum(r,s,a){let i=this.getAttribute(s);i!==null&&i!==""&&Number.isFinite(Number(i))?this.style.setProperty(r,String(Number(i))):this.style.removeProperty(r)}varRaw(r,s,a){let i=this.getAttribute(s);i!==null&&i!==""?this.style.setProperty(r,i):this.style.removeProperty(r)}};z=new WeakMap,o.observedAttributes=[];function l(e,t){typeof customElements>"u"||customElements.get(e)||customElements.define(e,t)}var We="lz-bouncing-dots",f=class extends o{constructor(){super(...arguments);this.css=`
+${yt}
+`;var At=typeof HTMLElement<"u",wt=At?HTMLElement:class{},z,o=class extends wt{constructor(){super(...arguments);J(this,z,!1)}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:"open"});e.innerHTML=`<style>${te}
+${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".lz-root"),ee(this,z,!0),this.paint()}attributeChangedCallback(){j(this,z)&&this.paint()}paint(){this.sync();let e=this._rootEl;e&&(e.innerHTML=this.template())}num(e,s){let i=this.getAttribute(e);if(i===null||i==="")return s;let a=Number(i);return Number.isFinite(a)?a:s}varPx(e,s,i){let a=this.getAttribute(s);a!==null&&a!==""&&Number.isFinite(Number(a))?this.style.setProperty(e,`${Number(a)}px`):this.style.removeProperty(e)}varNum(e,s,i){let a=this.getAttribute(s);a!==null&&a!==""&&Number.isFinite(Number(a))?this.style.setProperty(e,String(Number(a))):this.style.removeProperty(e)}varRaw(e,s,i){let a=this.getAttribute(s);a!==null&&a!==""?this.style.setProperty(e,a):this.style.removeProperty(e)}};z=new WeakMap,o.observedAttributes=[];function n(t,r){typeof customElements>"u"||customElements.get(t)||customElements.define(t,r)}var kt="lz-bouncing-dots",f=class extends o{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)}};f.observedAttributes=["size","color","speed"];function $(){l(We,f)}var Ye="lz-typing-dots",h=class extends o{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 re(){n(kt,f)}var Tt="lz-typing-dots",h=class extends o{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)}};h.observedAttributes=["size","color","speed"];function q(){l(Ye,h)}var $e="lz-wave-dots",u=class extends o{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)}};h.observedAttributes=["size","color","speed"];function se(){n(Tt,h)}var Nt="lz-wave-dots",u=class extends o{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)}};u.observedAttributes=["size","color","speed"];function U(){l($e,u)}var qe="lz-helix-dots",Ue=1.4,v=class extends o{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)}};u.observedAttributes=["size","color","speed"];function ae(){n(Nt,u)}var _t="lz-helix-dots",Et=1.4,g=class extends o{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 a=0;a<r;a++)s+=`<span class="lz-dot" style="animation-delay:-${(Ue/r*a).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 K(){l(qe,v)}var Ke="lz-dot-grid-wave",g=class extends o{constructor(){super(...arguments);this.css=`
+`}template(){let e=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let i=0;i<e;i++)s+=`<span class="lz-dot" style="animation-delay:-${(Et/e*i).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)}};g.observedAttributes=["size","count","color","speed"];function ie(){n(_t,g)}var Lt="lz-dot-grid-wave",b=class extends o{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)),a='<div class="lz-grid" role="status" aria-label="Loading">';for(let i=0;i<r;i++)for(let n=0;n<s;n++)a+=`<span class="lz-dot" style="animation-delay:-${((i+n)*.08).toFixed(3)}s"></span>`;return`${a}</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 X(){l(Ke,g)}var Xe="lz-arc-spinner",Qe=`
+`}template(){let e=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),i='<div class="lz-grid" role="status" aria-label="Loading">';for(let a=0;a<e;a++)for(let l=0;l<s;l++)i+=`<span class="lz-dot" style="animation-delay:-${((a+l)*.08).toFixed(3)}s"></span>`;return`${i}</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)}};b.observedAttributes=["rows","cols","size","gap","color","speed"];function oe(){n(Lt,b)}var Pt="lz-arc-spinner",St=`
   -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)));
-`,b=class extends o{constructor(){super(...arguments);this.css=`
+`,v=class extends o{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,17 +171,17 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
     var(--lz-color, #f5f5f7) 110deg,
     transparent 111deg
   );
-  ${Qe}
+  ${St}
   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)}};b.observedAttributes=["size","stroke-width","color","speed"];function Q(){l(Xe,b)}var Ve="lz-material-double-arc",Fe=`
+`}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)}};v.observedAttributes=["size","stroke-width","color","speed"];function le(){n(Pt,v)}var Rt="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)));
 `,x="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",y=class extends o{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%;
-  ${Fe}
+  ${Gt}
 }
 .lz-arc-a {
   background: conic-gradient(from 0deg, ${x} 0deg, ${x} 135deg, transparent 136deg);
@@ -160,34 +192,60 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: conic-gradient(from 200deg, ${x} 0deg, ${x} 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)}};y.observedAttributes=["size","stroke-width","color","speed"];function V(){l(Ve,y)}var Je="lz-scan-sweep",A=class extends o{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 ne(){n(Rt,y)}var It="lz-scan-sweep",Ot=8,A=class extends o{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)}};A.observedAttributes=["size","color","speed"];function F(){l(Je,A)}var je="lz-orbit-dots",w=class extends o{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 e="";for(let s=0;s<Ot;s++){let i=s%2===1;e+=`<span class="lz-tick-slot" style="transform:rotate(${s*45}deg) translateY(-0.5em)"><span class="lz-tick${i?" 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>'+e+'<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)}};A.observedAttributes=["size","color","speed"];function ce(){n(It,A)}var Mt="lz-orbit-dots",w=class extends o{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)}};w.observedAttributes=["size","color","speed"];function J(){l(je,w)}var et="lz-orbit-ring-dots",j=8,T=class extends o{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)}};w.observedAttributes=["size","color","speed"];function de(){n(Mt,w)}var Ct="lz-orbit-ring-dots",pe=8,k=class extends o{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<j;s++){let a=360/j*s;r+=`<span class="lz-dot" style="transform:rotate(${a}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)}};T.observedAttributes=["size","dot-size","color","speed"];function ee(){l(et,T)}var tt="lz-eyes",k=class extends o{constructor(){super(...arguments);this.css=`
+`}template(){let e='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<pe;s++){let i=360/pe*s;e+=`<span class="lz-dot" style="transform:rotate(${i}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${e}</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)}};k.observedAttributes=["size","dot-size","color","speed"];function me(){n(Ct,k)}var Zt="lz-eyes",T=class extends o{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)}};k.observedAttributes=["size","color","speed"];function te(){l(tt,k)}var rt="lz-morphing-square",E=class extends o{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)}};T.observedAttributes=["size","color","speed"];function ze(){n(Zt,T)}var Dt="lz-morphing-square",N=class extends o{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)}};E.observedAttributes=["size","accent","speed"];function re(){l(rt,E)}var st="lz-breathing-pulse",_=class extends o{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)}};N.observedAttributes=["size","accent","speed"];function fe(){n(Dt,N)}var Ht="lz-breathing-pulse",_=class extends o{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)}};_.observedAttributes=["size","color","speed"];function se(){l(st,_)}var at="lz-equalizer",S=class extends o{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)}};_.observedAttributes=["size","color","speed"];function he(){n(Ht,_)}var Bt="lz-equalizer",E=class extends o{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)}};S.observedAttributes=["size","bar-width","gap","color","speed"];function ae(){l(at,S)}var it="lz-progress-ring",ot=`
+`}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)}};E.observedAttributes=["size","bar-width","gap","color","speed"];function ue(){n(Bt,E)}var $t="lz-progress-ring",Wt=`
   -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)));
-`,N=class extends o{constructor(){super(...arguments);this.css=`
+`,L=class extends o{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%; ${ot} }
+.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Wt} }
 .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)}};N.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function ie(){l(it,N)}var lt="lz-indeterminate-progress-bar",P=class extends o{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)}};L.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function ge(){n($t,L)}var Yt="lz-indeterminate-progress-bar",P=class extends o{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)}};P.observedAttributes=["width","height","accent","track-color","speed"];function oe(){l(lt,P)}var nt="lz-skeleton-shimmer",L=class extends o{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)}};P.observedAttributes=["width","height","accent","track-color","speed"];function be(){n(Yt,P)}var Ut="lz-skeleton-shimmer",S=class extends o{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)}};L.observedAttributes=["width","height","track-color","speed"];function le(){l(nt,L)}var dt="lz-ellipsis",R=class extends o{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)}};S.observedAttributes=["width","height","track-color","speed"];function ve(){n(Ut,S)}var Vt="lz-ellipsis",R=class extends o{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)}};R.observedAttributes=["size","color","speed"];function ne(){l(dt,R)}var ct="lz-progress-bar",G=class extends o{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)}};R.observedAttributes=["size","color","speed"];function xe(){n(Vt,R)}var Kt="lz-progress-bar",G=class extends o{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))}};G.observedAttributes=["width","height","percent","color","track-color","speed"];function de(){l(ct,G)}var pt="lz-skeleton-card",I=class extends o{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 e=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${e}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${e/100})`),this.setAttribute("aria-valuenow",String(e))}};G.observedAttributes=["width","height","percent","color","track-color","speed"];function ye(){n(Kt,G)}var qt="lz-skeleton-card",I=class extends o{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)}};I.observedAttributes=["width","height","track-color","speed"];function ce(){l(pt,I)}var mt="lz-skeleton-list",O=class extends o{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)}};I.observedAttributes=["width","height","track-color","speed"];function Ae(){n(qt,I)}var Ft="lz-skeleton-list",O=class extends o{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%"],a='<div role="status" aria-label="Loading">';for(let i=0;i<r;i++){let n=s[i%s.length];a+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${a}</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)}};O.observedAttributes=["width","rows","track-color","speed"];function pe(){l(mt,O)}function M(){$(),q(),U(),K(),X(),Q(),V(),F(),J(),ee(),te(),re(),se(),ae(),ie(),oe(),le(),ne(),de(),ce(),pe()}var d=require("react/jsx-runtime");M();var c=(e,t)=>t===void 0?{}:{[e]:String(t)};function me(e){let{size:t,color:r,speed:s,className:a,style:i}=e;return(0,d.jsx)("lz-bouncing-dots",{size:t,color:r,speed:s,className:a,style:i})}me.displayName="BouncingDots";function ze(e){let{size:t,color:r,speed:s,className:a,style:i}=e;return(0,d.jsx)("lz-typing-dots",{size:t,color:r,speed:s,className:a,style:i})}ze.displayName="TypingDots";function fe(e){let{size:t,color:r,speed:s,className:a,style:i}=e;return(0,d.jsx)("lz-wave-dots",{size:t,color:r,speed:s,className:a,style:i})}fe.displayName="WaveDots";function he(e){let{size:t,color:r,speed:s,count:a,className:i,style:n}=e;return(0,d.jsx)("lz-helix-dots",{size:t,color:r,speed:s,count:a,className:i,style:n})}he.displayName="HelixDots";function ue(e){let{rows:t,cols:r,gap:s,size:a,color:i,speed:n,className:p,style:m}=e;return(0,d.jsx)("lz-dot-grid-wave",{rows:t,cols:r,gap:s,size:a,color:i,speed:n,className:p,style:m})}ue.displayName="DotGridWave";function ve(e){let{size:t,color:r,speed:s,strokeWidth:a,className:i,style:n}=e;return(0,d.jsx)("lz-arc-spinner",{size:t,color:r,speed:s,className:i,style:n,...c("stroke-width",a)})}ve.displayName="ArcSpinner";function ge(e){let{size:t,color:r,colorWeak:s,speed:a,strokeWidth:i,className:n,style:p}=e;return(0,d.jsx)("lz-material-double-arc",{size:t,color:r,speed:a,className:n,style:p,...c("stroke-width",i),...c("color-weak",s)})}ge.displayName="MaterialDoubleArc";function be(e){let{size:t,color:r,colorWeak:s,colorSweep:a,speed:i,className:n,style:p}=e;return(0,d.jsx)("lz-scan-sweep",{size:t,color:r,speed:i,className:n,style:p,...c("color-weak",s),...c("color-sweep",a)})}be.displayName="ScanSweep";function xe(e){let{size:t,color:r,speed:s,className:a,style:i}=e;return(0,d.jsx)("lz-orbit-dots",{size:t,color:r,speed:s,className:a,style:i})}xe.displayName="OrbitDots";function ye(e){let{size:t,color:r,speed:s,dotSize:a,className:i,style:n}=e;return(0,d.jsx)("lz-orbit-ring-dots",{size:t,color:r,speed:s,className:i,style:n,...c("dot-size",a)})}ye.displayName="OrbitRingDots";function Ae(e){let{size:t,color:r,speed:s,className:a,style:i}=e;return(0,d.jsx)("lz-eyes",{size:t,color:r,speed:s,className:a,style:i})}Ae.displayName="Eyes";function we(e){let{size:t,accent:r,speed:s,className:a,style:i}=e;return(0,d.jsx)("lz-morphing-square",{size:t,accent:r,speed:s,className:a,style:i})}we.displayName="MorphingSquare";function Te(e){let{size:t,color:r,speed:s,className:a,style:i}=e;return(0,d.jsx)("lz-breathing-pulse",{size:t,color:r,speed:s,className:a,style:i})}Te.displayName="BreathingPulse";function ke(e){let{size:t,color:r,speed:s,barWidth:a,gap:i,className:n,style:p}=e;return(0,d.jsx)("lz-equalizer",{size:t,color:r,speed:s,className:n,style:p,...c("bar-width",a),...c("gap",i)})}ke.displayName="Equalizer";function Ee(e){let{size:t,color:r,trackColor:s,speed:a,strokeWidth:i,percent:n,className:p,style:m}=e;return(0,d.jsx)("lz-progress-ring",{size:t,color:r,speed:a,percent:n,className:p,style:m,...c("stroke-width",i),...c("track-color",s)})}Ee.displayName="ProgressRing";function _e(e){let{width:t,height:r,accent:s,trackColor:a,speed:i,className:n,style:p}=e;return(0,d.jsx)("lz-indeterminate-progress-bar",{width:t,height:r,accent:s,speed:i,className:n,style:p,...c("track-color",a)})}_e.displayName="IndeterminateProgressBar";function Se(e){let{width:t,height:r,trackColor:s,speed:a,className:i,style:n}=e;return(0,d.jsx)("lz-skeleton-shimmer",{width:t,height:r,speed:a,className:i,style:n,...c("track-color",s)})}Se.displayName="SkeletonShimmer";function Ne(e){let{size:t,color:r,speed:s,className:a,style:i}=e;return(0,d.jsx)("lz-ellipsis",{size:t,color:r,speed:s,className:a,style:i})}Ne.displayName="Ellipsis";function Pe(e){let{width:t,height:r,percent:s,color:a,speed:i,trackColor:n,className:p,style:m}=e;return(0,d.jsx)("lz-progress-bar",{width:t,height:r,percent:s,color:a,speed:i,className:p,style:m,...c("track-color",n)})}Pe.displayName="ProgressBar";function Le(e){let{width:t,height:r,trackColor:s,speed:a,className:i,style:n}=e;return(0,d.jsx)("lz-skeleton-card",{width:t,height:r,speed:a,className:i,style:n,...c("track-color",s)})}Le.displayName="SkeletonCard";function Re(e){let{width:t,rows:r,trackColor:s,speed:a,className:i,style:n}=e;return(0,d.jsx)("lz-skeleton-list",{width:t,rows:r,speed:a,className:i,style:n,...c("track-color",s)})}Re.displayName="SkeletonList";0&&(module.exports={ArcSpinner,BouncingDots,BreathingPulse,DotGridWave,Ellipsis,Equalizer,Eyes,HelixDots,IndeterminateProgressBar,MaterialDoubleArc,MorphingSquare,OrbitDots,OrbitRingDots,ProgressBar,ProgressRing,ScanSweep,SkeletonCard,SkeletonList,SkeletonShimmer,TypingDots,WaveDots,defineAll});
+`}template(){let e=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],i='<div role="status" aria-label="Loading">';for(let a=0;a<e;a++){let l=s[a%s.length];i+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${l}"></div></div>`}return`${i}</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)}};O.observedAttributes=["width","rows","track-color","speed"];function we(){n(Ft,O)}var Xt="lz-ios-27-orb",Qt=[{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}],jt=27,ke=3.2,M=class extends o{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(${ke}s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+`}template(){let e=0,s='<div role="status" aria-label="Loading">',i=(a,l,c,m=!1)=>{let V=a*Math.PI/180,pt=m?98:50-48*Math.cos(V),q=`${c.toFixed(3)}em`,F=`-${(c/2).toFixed(3)}em`,mt=`color-mix(in srgb, var(--lz-color, #f5f5f7) ${pt.toFixed(0)}%, var(--lz-accent, #0a84ff))`,zt=`-${(e/jt*ke).toFixed(3)}s`,ft=l===0?"":` transform:rotate(${a}deg) translateY(-${l.toFixed(3)}em);`;s+=`<span class="lz-slot" style="${ft}"><span class="lz-dot" style="width:${q};height:${q};left:${F};top:${F};color:${mt};animation-delay:${zt}"></span></span>`,e++};for(let a of Qt){let l=360/a.count;for(let c=0;c<a.count;c++)i(a.offset+l*c,a.radius,a.dot)}return i(0,0,.13,!0),`${s}</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)}};M.observedAttributes=["size","color","accent","speed"];function Te(){n(Xt,M)}var Jt="lz-ai-orb",C=class extends o{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)}};C.observedAttributes=["size","accent","color","speed"];function Ne(){n(Jt,C)}var er="lz-ai-thinking",Z=class extends o{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)}};Z.observedAttributes=["size","color","accent","speed"];function _e(){n(er,Z)}var tr="lz-ai-neural",D=class extends o{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 e=Math.max(1,this.num("rows",3)),s=Math.max(1,this.num("cols",5)),i='<div class="lz-grid" role="status" aria-label="Loading">';for(let a=0;a<e;a++)for(let l=0;l<s;l++){let c=(a+l)%2===0?"color-mix(in srgb, var(--lz-accent, #0a84ff) 78%, var(--lz-color, #f5f5f7))":"var(--lz-color, #f5f5f7)",m=((a+l)*.12).toFixed(3);i+=`<span class="lz-dot" style="background:${c};animation-delay:-${m}s"></span>`}return`${i}</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)}};D.observedAttributes=["rows","cols","size","gap","color","accent","speed"];function Ee(){n(tr,D)}var rr="lz-waveform",H=class extends o{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 e=Math.max(5,Math.min(21,this.num("count",11))),s=(e-1)/2,i="";for(let a=0;a<e;a++){let l=(a-s)*.12,c=a===Math.floor(s)||a===Math.floor(s/2)||a===e-1-Math.floor(s/2);i+=`<span class="lz-bar${c?" accent":""}" style="animation-delay: ${l.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${i}</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)}};H.observedAttributes=["size","count","color","accent","speed"];function Le(){n(rr,H)}var sr="lz-vinyl",B=class extends o{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)}};B.observedAttributes=["size","accent","color","speed"];function Pe(){n(sr,B)}var ar="lz-sonar",Se=3.6,$=class extends o{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(${Se}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
+}
+`}template(){let e=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let i=0;i<e;i++)s+=`<span class="lz-ring" style="animation-delay: -${(i*Se/e).toFixed(2)}s;"></span>`;return`<div class="lz-core" role="status" aria-label="Loading"></div>${s}`}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)}};$.observedAttributes=["size","count","accent","color","speed"];function Re(){n(ar,$)}var ir="lz-music-note",W=class extends o{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 e=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let i=0;i<e;i++)s+=`<span class="${i===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">${s}</div>`}sync(){this.varPx("--lz-size","size",32),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};W.observedAttributes=["size","count","color","speed"];function Ge(){n(ir,W)}var or="lz-activity-rings",Y=class extends o{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)}};Y.observedAttributes=["size","accent","color","color-weak","speed"];function Ie(){n(or,Y)}function U(){re(),se(),ae(),ie(),oe(),le(),ne(),ce(),de(),me(),ze(),fe(),he(),ue(),ge(),be(),ve(),xe(),ye(),Ae(),we(),Te(),Ne(),_e(),Ee(),Le(),Pe(),Re(),Ge(),Ie()}var d=require("react/jsx-runtime");U();var p=(t,r)=>r===void 0?{}:{[t]:String(r)};function Oe(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return(0,d.jsx)("lz-bouncing-dots",{size:r,color:e,speed:s,className:i,style:a})}Oe.displayName="BouncingDots";function Me(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return(0,d.jsx)("lz-typing-dots",{size:r,color:e,speed:s,className:i,style:a})}Me.displayName="TypingDots";function Ce(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return(0,d.jsx)("lz-wave-dots",{size:r,color:e,speed:s,className:i,style:a})}Ce.displayName="WaveDots";function Ze(t){let{size:r,color:e,speed:s,count:i,className:a,style:l}=t;return(0,d.jsx)("lz-helix-dots",{size:r,color:e,speed:s,count:i,className:a,style:l})}Ze.displayName="HelixDots";function De(t){let{rows:r,cols:e,gap:s,size:i,color:a,speed:l,className:c,style:m}=t;return(0,d.jsx)("lz-dot-grid-wave",{rows:r,cols:e,gap:s,size:i,color:a,speed:l,className:c,style:m})}De.displayName="DotGridWave";function He(t){let{size:r,color:e,speed:s,strokeWidth:i,className:a,style:l}=t;return(0,d.jsx)("lz-arc-spinner",{size:r,color:e,speed:s,className:a,style:l,...p("stroke-width",i)})}He.displayName="ArcSpinner";function Be(t){let{size:r,color:e,colorWeak:s,speed:i,strokeWidth:a,className:l,style:c}=t;return(0,d.jsx)("lz-material-double-arc",{size:r,color:e,speed:i,className:l,style:c,...p("stroke-width",a),...p("color-weak",s)})}Be.displayName="MaterialDoubleArc";function $e(t){let{size:r,color:e,colorWeak:s,colorSweep:i,speed:a,className:l,style:c}=t;return(0,d.jsx)("lz-scan-sweep",{size:r,color:e,speed:a,className:l,style:c,...p("color-weak",s),...p("color-sweep",i)})}$e.displayName="ScanSweep";function We(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return(0,d.jsx)("lz-orbit-dots",{size:r,color:e,speed:s,className:i,style:a})}We.displayName="OrbitDots";function Ye(t){let{size:r,color:e,speed:s,dotSize:i,className:a,style:l}=t;return(0,d.jsx)("lz-orbit-ring-dots",{size:r,color:e,speed:s,className:a,style:l,...p("dot-size",i)})}Ye.displayName="OrbitRingDots";function Ue(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return(0,d.jsx)("lz-eyes",{size:r,color:e,speed:s,className:i,style:a})}Ue.displayName="Eyes";function Ve(t){let{size:r,accent:e,speed:s,className:i,style:a}=t;return(0,d.jsx)("lz-morphing-square",{size:r,accent:e,speed:s,className:i,style:a})}Ve.displayName="MorphingSquare";function Ke(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return(0,d.jsx)("lz-breathing-pulse",{size:r,color:e,speed:s,className:i,style:a})}Ke.displayName="BreathingPulse";function qe(t){let{size:r,color:e,speed:s,barWidth:i,gap:a,className:l,style:c}=t;return(0,d.jsx)("lz-equalizer",{size:r,color:e,speed:s,className:l,style:c,...p("bar-width",i),...p("gap",a)})}qe.displayName="Equalizer";function Fe(t){let{size:r,color:e,trackColor:s,speed:i,strokeWidth:a,percent:l,className:c,style:m}=t;return(0,d.jsx)("lz-progress-ring",{size:r,color:e,speed:i,percent:l,className:c,style:m,...p("stroke-width",a),...p("track-color",s)})}Fe.displayName="ProgressRing";function Xe(t){let{width:r,height:e,accent:s,trackColor:i,speed:a,className:l,style:c}=t;return(0,d.jsx)("lz-indeterminate-progress-bar",{width:r,height:e,accent:s,speed:a,className:l,style:c,...p("track-color",i)})}Xe.displayName="IndeterminateProgressBar";function Qe(t){let{width:r,height:e,trackColor:s,speed:i,className:a,style:l}=t;return(0,d.jsx)("lz-skeleton-shimmer",{width:r,height:e,speed:i,className:a,style:l,...p("track-color",s)})}Qe.displayName="SkeletonShimmer";function je(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return(0,d.jsx)("lz-ellipsis",{size:r,color:e,speed:s,className:i,style:a})}je.displayName="Ellipsis";function Je(t){let{width:r,height:e,percent:s,color:i,speed:a,trackColor:l,className:c,style:m}=t;return(0,d.jsx)("lz-progress-bar",{width:r,height:e,percent:s,color:i,speed:a,className:c,style:m,...p("track-color",l)})}Je.displayName="ProgressBar";function et(t){let{width:r,height:e,trackColor:s,speed:i,className:a,style:l}=t;return(0,d.jsx)("lz-skeleton-card",{width:r,height:e,speed:i,className:a,style:l,...p("track-color",s)})}et.displayName="SkeletonCard";function tt(t){let{width:r,rows:e,trackColor:s,speed:i,className:a,style:l}=t;return(0,d.jsx)("lz-skeleton-list",{width:r,rows:e,speed:i,className:a,style:l,...p("track-color",s)})}tt.displayName="SkeletonList";function rt(t){let{size:r,color:e,accent:s,speed:i,className:a,style:l}=t;return(0,d.jsx)("lz-ios-27-orb",{size:r,color:e,accent:s,speed:i,className:a,style:l})}rt.displayName="Ios27Orb";function st(t){let{size:r,color:e,accent:s,speed:i,className:a,style:l}=t;return(0,d.jsx)("lz-ai-orb",{size:r,color:e,accent:s,speed:i,className:a,style:l})}st.displayName="AiOrb";function at(t){let{size:r,color:e,accent:s,speed:i,className:a,style:l}=t;return(0,d.jsx)("lz-ai-thinking",{size:r,color:e,accent:s,speed:i,className:a,style:l})}at.displayName="AiThinking";function it(t){let{size:r,color:e,rows:s,cols:i,gap:a,speed:l,className:c,style:m}=t;return(0,d.jsx)("lz-ai-neural",{size:r,color:e,rows:s,cols:i,gap:a,speed:l,className:c,style:m})}it.displayName="AiNeural";function ot(t){let{size:r,color:e,accent:s,speed:i,count:a,barWidth:l,gap:c,className:m,style:V}=t;return(0,d.jsx)("lz-waveform",{size:r,color:e,accent:s,speed:i,count:a,className:m,style:V,...p("bar-width",l),...p("gap",c)})}ot.displayName="Waveform";function lt(t){let{size:r,color:e,accent:s,speed:i,className:a,style:l}=t;return(0,d.jsx)("lz-vinyl",{size:r,color:e,accent:s,speed:i,className:a,style:l})}lt.displayName="Vinyl";function nt(t){let{size:r,color:e,accent:s,speed:i,count:a,className:l,style:c}=t;return(0,d.jsx)("lz-sonar",{size:r,color:e,accent:s,speed:i,count:a,className:l,style:c})}nt.displayName="Sonar";function ct(t){let{size:r,color:e,speed:s,count:i,className:a,style:l}=t;return(0,d.jsx)("lz-music-note",{size:r,color:e,speed:s,count:i,className:a,style:l})}ct.displayName="MusicNote";function dt(t){let{size:r,color:e,accent:s,colorWeak:i,speed:a,className:l,style:c}=t;return(0,d.jsx)("lz-activity-rings",{size:r,color:e,accent:s,speed:a,className:l,style:c,...p("color-weak",i)})}dt.displayName="ActivityRings";0&&(module.exports={ActivityRings,AiNeural,AiOrb,AiThinking,ArcSpinner,BouncingDots,BreathingPulse,DotGridWave,Ellipsis,Equalizer,Eyes,HelixDots,IndeterminateProgressBar,Ios27Orb,MaterialDoubleArc,MorphingSquare,MusicNote,OrbitDots,OrbitRingDots,ProgressBar,ProgressRing,ScanSweep,SkeletonCard,SkeletonList,SkeletonShimmer,Sonar,TypingDots,Vinyl,WaveDots,Waveform,defineAll});
 //# sourceMappingURL=react.cjs.map