loading-state-zoo 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/react.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";var K=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var ht=Object.getOwnPropertyNames;var ut=Object.prototype.hasOwnProperty;var X=t=>{throw TypeError(t)};var vt=(t,r)=>{for(var e in r)K(t,e,{get:r[e],enumerable:!0})},bt=(t,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ht(r))!ut.call(t,a)&&a!==e&&K(t,a,{get:()=>r[a],enumerable:!(s=ft(r,a))||s.enumerable});return t};var gt=t=>bt(K({},"__esModule",{value:!0}),t);var F=(t,r,e)=>r.has(t)||X("Cannot "+e);var Q=(t,r,e)=>(F(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),j=(t,r,e,s)=>(F(t,r,"write to private field"),s?s.call(t,e):r.set(t,e),e);var lr={};vt(lr,{ActivityRings:()=>mt,ArcSpinner:()=>He,AuraOrb:()=>lt,BouncingDots:()=>Ie,BreathingPulse:()=>qe,DotGridWave:()=>De,DotOrb:()=>it,Ellipsis:()=>Je,Equalizer:()=>Ke,Eyes:()=>Ue,HelixDots:()=>Ce,IndeterminateProgressBar:()=>Fe,MaterialDoubleArc:()=>Be,MorphingOrb:()=>st,MorphingSquare:()=>Ve,MusicNote:()=>pt,OrbitDots:()=>Ye,OrbitRingDots:()=>$e,PlanetOrb:()=>ot,ProgressBar:()=>je,ProgressRing:()=>Xe,PulsingOrb:()=>rt,ScanSweep:()=>We,SiriOrb:()=>at,SkeletonCard:()=>et,SkeletonList:()=>tt,SkeletonShimmer:()=>Qe,Sonar:()=>dt,TypingDots:()=>Me,Vinyl:()=>ct,WaveDots:()=>Ze,Waveform:()=>nt,defineAll:()=>q});module.exports=gt(lr);var xt=`
1
+ "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=`
2
2
  @keyframes lz-spin { to { transform: rotate(360deg); } }
3
3
  @keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
4
4
  @keyframes lz-dot-bounce {
@@ -68,20 +68,15 @@
68
68
  0%, 100% { transform: scale(1); opacity: 1; }
69
69
  50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
70
70
  }
71
- @keyframes lz-blob-morph {
72
- 0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
73
- 25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }
74
- 50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }
75
- 75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }
76
- 100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
71
+ @keyframes lz-ios-glow {
72
+ 0%, 100% { opacity: var(--lz-ios-fade, 0.2); transform: scale(var(--lz-ios-min, 0.5)); }
73
+ 35% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
74
+ 50% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
77
75
  }
78
- @keyframes lz-siri-sheen {
79
- 0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }
80
- 100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }
81
- }
82
- @keyframes lz-dot-orb {
83
- 0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }
84
- 50% { opacity: 1; transform: scale(1); }
76
+ @keyframes lz-ai-sparkle {
77
+ 0%, 100% { opacity: 0; transform: scale(0.1) rotate(0deg); }
78
+ 20% { opacity: 1; transform: scale(1) rotate(8deg); }
79
+ 45% { opacity: 0; transform: scale(1.35) rotate(14deg); }
85
80
  }
86
81
  @keyframes lz-waveform {
87
82
  0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
@@ -98,10 +93,10 @@
98
93
  75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }
99
94
  }
100
95
  @keyframes lz-needle-bob {
101
- 0%, 100% { transform: rotate(38deg); }
102
- 50% { transform: rotate(43deg); }
96
+ 0%, 100% { transform: rotate(22deg); }
97
+ 50% { transform: rotate(27deg); }
103
98
  }
104
- `,ee=`
99
+ `,te=`
105
100
  :host {
106
101
  display: inline-flex;
107
102
  font-size: var(--lz-size, 44px);
@@ -110,9 +105,9 @@
110
105
  .lz-root {
111
106
  display: contents;
112
107
  }
113
- ${xt}
114
- `;var yt=typeof HTMLElement<"u",At=yt?HTMLElement:class{},z,o=class extends At{constructor(){super(...arguments);J(this,z,!1)}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:"open"});e.innerHTML=`<style>${ee}
115
- ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".lz-root"),j(this,z,!0),this.paint()}attributeChangedCallback(){Q(this,z)&&this.paint()}paint(){this.sync();let e=this._rootEl;e&&(e.innerHTML=this.template())}num(e,s){let a=this.getAttribute(e);if(a===null||a==="")return s;let i=Number(a);return Number.isFinite(i)?i:s}varPx(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""&&Number.isFinite(Number(i))?this.style.setProperty(e,`${Number(i)}px`):this.style.removeProperty(e)}varNum(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""&&Number.isFinite(Number(i))?this.style.setProperty(e,String(Number(i))):this.style.removeProperty(e)}varRaw(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""?this.style.setProperty(e,i):this.style.removeProperty(e)}};z=new WeakMap,o.observedAttributes=[];function l(t,r){typeof customElements>"u"||customElements.get(t)||customElements.define(t,r)}var Tt="lz-bouncing-dots",f=class extends o{constructor(){super(...arguments);this.css=`
108
+ ${yt}
109
+ `;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}
110
+ ${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=`
116
111
  :host { font-size: var(--lz-size, 8px); }
117
112
  .lz-dots { display: flex; gap: 0.7em; }
118
113
  .lz-dot {
@@ -122,7 +117,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
122
117
  }
123
118
  .lz-dot:nth-child(2) { animation-delay: 0.15s; }
124
119
  .lz-dot:nth-child(3) { animation-delay: 0.3s; }
125
- `}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 te(){l(Tt,f)}var wt="lz-typing-dots",h=class extends o{constructor(){super(...arguments);this.css=`
120
+ `}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=`
126
121
  :host { font-size: var(--lz-size, 8px); }
127
122
  .lz-dots { display: flex; gap: 0.8em; }
128
123
  .lz-dot {
@@ -132,7 +127,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
132
127
  }
133
128
  .lz-dot:nth-child(2) { animation-delay: -0.18s; }
134
129
  .lz-dot:nth-child(3) { animation-delay: -0.36s; }
135
- `}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 re(){l(wt,h)}var _t="lz-wave-dots",u=class extends o{constructor(){super(...arguments);this.css=`
130
+ `}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=`
136
131
  :host { font-size: var(--lz-size, 8px); }
137
132
  .lz-dots { display: flex; gap: 0.6em; }
138
133
  .lz-dot {
@@ -143,7 +138,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
143
138
  .lz-dot:nth-child(2) { animation-delay: -0.1s; }
144
139
  .lz-dot:nth-child(3) { animation-delay: -0.2s; }
145
140
  .lz-dot:nth-child(4) { animation-delay: -0.3s; }
146
- `}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 se(){l(_t,u)}var kt="lz-helix-dots",Nt=1.4,v=class extends o{constructor(){super(...arguments);this.css=`
141
+ `}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=`
147
142
  :host { font-size: var(--lz-size, 6px); }
148
143
  .lz-dots { display: flex; gap: 0.9em; }
149
144
  .lz-dot {
@@ -151,7 +146,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
151
146
  background: var(--lz-color, #f5f5f7);
152
147
  animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
153
148
  }
154
- `}template(){let e=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let a=0;a<e;a++)s+=`<span class="lz-dot" style="animation-delay:-${(Nt/e*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 ae(){l(kt,v)}var Pt="lz-dot-grid-wave",b=class extends o{constructor(){super(...arguments);this.css=`
149
+ `}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=`
155
150
  :host { font-size: var(--lz-size, 6px); }
156
151
  .lz-grid {
157
152
  display: grid;
@@ -163,10 +158,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
163
158
  background: var(--lz-color, #f5f5f7);
164
159
  animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
165
160
  }
166
- `}template(){let e=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<e;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)}};b.observedAttributes=["rows","cols","size","gap","color","speed"];function ie(){l(Pt,b)}var Lt="lz-arc-spinner",Et=`
161
+ `}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=`
167
162
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
168
163
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
169
- `,g=class extends o{constructor(){super(...arguments);this.css=`
164
+ `,v=class extends o{constructor(){super(...arguments);this.css=`
170
165
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
171
166
  .lz-ring {
172
167
  width: 100%; height: 100%; border-radius: 50%;
@@ -176,17 +171,17 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
176
171
  var(--lz-color, #f5f5f7) 110deg,
177
172
  transparent 111deg
178
173
  );
179
- ${Et}
174
+ ${St}
180
175
  animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
181
176
  }
182
- `}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)}};g.observedAttributes=["size","stroke-width","color","speed"];function oe(){l(Lt,g)}var Rt="lz-material-double-arc",St=`
177
+ `}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=`
183
178
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
184
179
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
185
180
  `,x="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",y=class extends o{constructor(){super(...arguments);this.css=`
186
181
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
187
182
  .lz-arc {
188
183
  position: absolute; inset: 0; border-radius: 50%;
189
- ${St}
184
+ ${Gt}
190
185
  }
191
186
  .lz-arc-a {
192
187
  background: conic-gradient(from 0deg, ${x} 0deg, ${x} 135deg, transparent 136deg);
@@ -197,34 +192,60 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
197
192
  background: conic-gradient(from 200deg, ${x} 0deg, ${x} 90deg, transparent 91deg);
198
193
  animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
199
194
  }
200
- `}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 le(){l(Rt,y)}var Gt="lz-scan-sweep",A=class extends o{constructor(){super(...arguments);this.css=`
201
- :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
195
+ `}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=`
196
+ :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; display: inline-block; line-height: 1; }
202
197
  .lz-ring {
203
198
  position: absolute; inset: 0; border-radius: 50%;
204
199
  border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));
205
200
  }
201
+ .lz-dial {
202
+ position: absolute; inset: 0.075em; border-radius: 50%;
203
+ border: 1px dashed rgba(255, 255, 255, 0.1);
204
+ animation: lz-spin-reverse calc(10s * var(--lz-speed, 1)) linear infinite;
205
+ }
206
206
  .lz-ring-inner {
207
- position: absolute; inset: 0.28em; border-radius: 50%;
207
+ position: absolute; inset: 0.27em; border-radius: 50%;
208
+ border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
209
+ }
210
+ .lz-tick-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
211
+ .lz-tick {
212
+ position: absolute; left: -0.025em; top: 0;
213
+ width: 0.05em; height: 0.14em; border-radius: 1px;
214
+ background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
215
+ }
216
+ .lz-tick.short { height: 0.09em; }
217
+ .lz-core-ring {
218
+ position: absolute; left: 50%; top: 50%;
219
+ width: 0.26em; height: 0.26em; margin: -0.13em 0 0 -0.13em; border-radius: 50%;
208
220
  border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
209
221
  }
210
222
  .lz-core {
211
- position: absolute; width: 0.14em; height: 0.14em;
212
- left: 0.43em; top: 0.43em; border-radius: 50%;
223
+ position: absolute; width: 0.1em; height: 0.1em;
224
+ left: 0.45em; top: 0.45em; border-radius: 50%;
213
225
  background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
226
+ box-shadow: 0 0 0.18em 0.03em color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent);
214
227
  }
215
228
  .lz-sweep {
216
229
  position: absolute; inset: 0; border-radius: 50%;
217
230
  background: conic-gradient(
218
231
  from 0deg,
219
232
  var(--lz-color, #f5f5f7) 0deg,
220
- var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 60deg,
221
- transparent 90deg
233
+ var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 8deg,
234
+ color-mix(in srgb, var(--lz-color, #f5f5f7) 5%, transparent) 55deg,
235
+ transparent 95deg
222
236
  );
223
237
  -webkit-mask: radial-gradient(closest-side, #000 100%);
224
238
  mask: radial-gradient(closest-side, #000 100%);
225
239
  animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
226
240
  }
227
- `}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 ne(){l(Gt,A)}var Ot="lz-orbit-dots",T=class extends o{constructor(){super(...arguments);this.css=`
241
+ .lz-sweep-edge {
242
+ position: absolute; inset: 0; border-radius: 50%;
243
+ background: conic-gradient(from 0deg, var(--lz-color, #f5f5f7) 0deg, transparent 5deg);
244
+ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
245
+ mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
246
+ animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
247
+ }
248
+ `}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=`
228
249
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
229
250
  .lz-orbit {
230
251
  position: absolute; inset: 0;
@@ -239,7 +260,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
239
260
  .lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
240
261
  .lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
241
262
  .lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
242
- `}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)}};T.observedAttributes=["size","color","speed"];function ce(){l(Ot,T)}var It="lz-orbit-ring-dots",de=8,w=class extends o{constructor(){super(...arguments);this.css=`
263
+ `}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=`
243
264
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
244
265
  .lz-orbit { position: absolute; inset: 0; }
245
266
  .lz-dot {
@@ -250,7 +271,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
250
271
  background: var(--lz-color, #f5f5f7);
251
272
  animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
252
273
  }
253
- `}template(){let e='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<de;s++){let a=360/de*s;e+=`<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`${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)}};w.observedAttributes=["size","dot-size","color","speed"];function pe(){l(It,w)}var Mt="lz-eyes",_=class extends o{constructor(){super(...arguments);this.css=`
274
+ `}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=`
254
275
  :host { font-size: var(--lz-size, 44px); }
255
276
  .lz-eyes { display: flex; gap: 0.24em; }
256
277
  .lz-eye {
@@ -264,7 +285,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
264
285
  background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
265
286
  animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
266
287
  }
267
- `}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)}};_.observedAttributes=["size","color","speed"];function me(){l(Mt,_)}var Zt="lz-morphing-square",k=class extends o{constructor(){super(...arguments);this.css=`
288
+ `}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=`
268
289
  :host {
269
290
  font-size: var(--lz-size, 44px);
270
291
  width: 1em; height: 1em;
@@ -272,14 +293,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
272
293
  box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
273
294
  animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
274
295
  }
275
- `}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)}};k.observedAttributes=["size","accent","speed"];function ze(){l(Zt,k)}var Ct="lz-breathing-pulse",N=class extends o{constructor(){super(...arguments);this.css=`
296
+ `}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=`
276
297
  :host {
277
298
  font-size: var(--lz-size, 36px);
278
299
  width: 1em; height: 1em; border-radius: 50%;
279
300
  background: var(--lz-color, #f5f5f7);
280
301
  animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
281
302
  }
282
- `}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)}};N.observedAttributes=["size","color","speed"];function fe(){l(Ct,N)}var Dt="lz-equalizer",P=class extends o{constructor(){super(...arguments);this.css=`
303
+ `}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=`
283
304
  :host { font-size: var(--lz-size, 22px); }
284
305
  .lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
285
306
  .lz-bar {
@@ -292,12 +313,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
292
313
  .lz-bar:nth-child(2) { animation-delay: 0.12s; }
293
314
  .lz-bar:nth-child(3) { animation-delay: 0.24s; }
294
315
  .lz-bar:nth-child(4) { animation-delay: 0.36s; }
295
- `}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)}};P.observedAttributes=["size","bar-width","gap","color","speed"];function he(){l(Dt,P)}var Ht="lz-progress-ring",Bt=`
316
+ `}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=`
296
317
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
297
318
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
298
319
  `,L=class extends o{constructor(){super(...arguments);this.css=`
299
320
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
300
- .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Bt} }
321
+ .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Wt} }
301
322
  .lz-track {
302
323
  background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
303
324
  }
@@ -305,7 +326,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
305
326
  background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
306
327
  transition: background 0.2s ease;
307
328
  }
308
- `}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 ue(){l(Ht,L)}var Wt="lz-indeterminate-progress-bar",E=class extends o{constructor(){super(...arguments);this.css=`
329
+ `}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=`
309
330
  :host {
310
331
  position: relative; display: inline-block;
311
332
  width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -318,7 +339,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
318
339
  background: var(--lz-accent, #0a84ff);
319
340
  animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
320
341
  }
321
- `}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)}};E.observedAttributes=["width","height","accent","track-color","speed"];function ve(){l(Wt,E)}var Yt="lz-skeleton-shimmer",R=class extends o{constructor(){super(...arguments);this.css=`
342
+ `}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=`
322
343
  :host {
323
344
  position: relative; display: inline-block;
324
345
  width: var(--lz-width, 120px); height: var(--lz-height, 28px);
@@ -330,7 +351,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
330
351
  background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
331
352
  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
332
353
  }
333
- `}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)}};R.observedAttributes=["width","height","track-color","speed"];function be(){l(Yt,R)}var $t="lz-ellipsis",S=class extends o{constructor(){super(...arguments);this.css=`
354
+ `}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=`
334
355
  :host {
335
356
  display: inline-flex; gap: 0.2em; align-items: center;
336
357
  font-size: var(--lz-size, 8px); line-height: 1;
@@ -342,7 +363,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
342
363
  }
343
364
  .lz-dot:nth-child(2) { animation-delay: -0.45s; }
344
365
  .lz-dot:nth-child(3) { animation-delay: -0.9s; }
345
- `}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)}};S.observedAttributes=["size","color","speed"];function ge(){l($t,S)}var Ut="lz-progress-bar",G=class extends o{constructor(){super(...arguments);this.css=`
366
+ `}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=`
346
367
  :host {
347
368
  display: inline-block; position: relative;
348
369
  width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -356,7 +377,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
356
377
  background: var(--lz-color, #f5f5f7);
357
378
  border-radius: inherit;
358
379
  }
359
- `}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 xe(){l(Ut,G)}var Vt="lz-skeleton-card",O=class extends o{constructor(){super(...arguments);this.css=`
380
+ `}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=`
360
381
  :host {
361
382
  position: relative; display: inline-block;
362
383
  width: var(--lz-width, 200px); height: var(--lz-height, 64px);
@@ -381,7 +402,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
381
402
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
382
403
  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
383
404
  }
384
- `}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)}};O.observedAttributes=["width","height","track-color","speed"];function ye(){l(Vt,O)}var qt="lz-skeleton-list",I=class extends o{constructor(){super(...arguments);this.css=`
405
+ `}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=`
385
406
  :host {
386
407
  position: relative; display: block;
387
408
  width: var(--lz-width, 180px);
@@ -406,122 +427,104 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
406
427
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
407
428
  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
408
429
  }
409
- `}template(){let e=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<e;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)}};I.observedAttributes=["width","rows","track-color","speed"];function Ae(){l(qt,I)}var Kt="lz-pulsing-orb",M=class extends o{constructor(){super(...arguments);this.css=`
410
- :host {
411
- font-size: var(--lz-size, 44px); width: 1em; height: 1em;
412
- display: inline-block; line-height: 1;
413
- }
414
- .lz-orb {
415
- width: 100%; height: 100%; border-radius: 50%;
416
- background: radial-gradient(circle at 35% 32%,
417
- var(--lz-accent, #0a84ff) 0%,
418
- color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 55%,
419
- transparent 72%);
420
- box-shadow: 0 0 calc(0.5em) color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent);
421
- animation: lz-orb-breathe calc(2.2s * var(--lz-speed, 1)) ease-in-out infinite;
422
- }
423
- `}template(){return'<div class="lz-orb" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};M.observedAttributes=["size","accent","speed"];function Te(){l(Kt,M)}var Xt="lz-morphing-orb",Z=class extends o{constructor(){super(...arguments);this.css=`
424
- :host {
425
- font-size: var(--lz-size, 44px); width: 1em; height: 1em;
426
- display: inline-block; line-height: 1;
427
- background: radial-gradient(circle at 34% 30%,
428
- var(--lz-accent, #0a84ff) 0%,
429
- color-mix(in srgb, var(--lz-accent, #0a84ff) 60%, transparent) 62%,
430
- transparent 78%);
431
- box-shadow: 0 0 calc(0.55em) color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
432
- animation: lz-blob-morph calc(3.4s * var(--lz-speed, 1)) ease-in-out infinite;
433
- }
434
- `}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};Z.observedAttributes=["size","accent","speed"];function we(){l(Xt,Z)}var Ft="lz-siri-orb",C=class extends o{constructor(){super(...arguments);this.css=`
435
- :host {
436
- font-size: var(--lz-size, 44px); width: 1em; height: 1em;
437
- display: inline-block; line-height: 1;
438
- position: relative; overflow: hidden; border-radius: 50%;
439
- background: radial-gradient(circle at 30% 28%,
440
- color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white) 0%,
441
- transparent 60%);
442
- animation: lz-orb-breathe calc(2.6s * var(--lz-speed, 1)) ease-in-out infinite;
443
- }
444
- .lz-sheen {
445
- position: absolute; width: 2.4em; height: 2.4em;
446
- left: 50%; top: 50%; margin: -1.2em 0 0 -1.2em;
447
- background: conic-gradient(from 0deg at 50% 50%,
448
- transparent 0deg,
449
- color-mix(in srgb, var(--lz-accent, #0a84ff) 55%, transparent) 40deg,
450
- transparent 90deg,
451
- color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent) 150deg,
452
- transparent 200deg,
453
- color-mix(in srgb, var(--lz-accent, #0a84ff) 50%, transparent) 270deg,
454
- transparent 360deg);
455
- animation: lz-siri-sheen calc(5s * var(--lz-speed, 1)) linear infinite;
456
- opacity: 0.9;
457
- }
458
- `}template(){return'<span class="lz-sheen" role="status" aria-label="Loading"></span>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};C.observedAttributes=["size","accent","speed"];function _e(){l(Ft,C)}var Qt="lz-dot-orb",Jt=-.32,D=class extends o{constructor(){super(...arguments);this.css=`
430
+ `}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=`
459
431
  :host {
460
432
  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
461
433
  display: inline-block; position: relative; line-height: 1;
462
434
  }
463
- .lz-slot {
464
- position: absolute; left: 50%; top: 50%;
465
- width: 0; height: 0;
466
- }
435
+ .lz-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
467
436
  .lz-dot {
468
- position: absolute; left: -0.08em; top: -0.08em;
469
- width: 0.16em; height: 0.16em; border-radius: 50%;
470
- background: var(--lz-color, #f5f5f7);
471
- animation: lz-dot-orb calc(2s * var(--lz-speed, 1)) ease-in-out infinite;
437
+ position: absolute; border-radius: 50%; background: currentColor;
438
+ box-shadow: 0 0 0.12em 0.05em currentColor;
439
+ animation: lz-ios-glow calc(${ke}s * var(--lz-speed, 1)) ease-in-out infinite;
472
440
  }
473
- `}template(){let e=Math.max(4,Math.min(16,this.num("count",8))),s=e*.14,a="";for(let i=0;i<e;i++){let d=`transform: rotate(${360/e*i}deg) translateY(${Jt}em);`,m=`animation-delay: -${i/e*s}s;`;a+=`<span class="lz-slot" style="${d}"><span class="lz-dot" style="${m}"></span></span>`}return`<div role="status" aria-label="Loading">${a}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};D.observedAttributes=["size","count","color","speed"];function ke(){l(Qt,D)}var jt="lz-planet-orb",er=.36,H=class extends o{constructor(){super(...arguments);this.css=`
441
+ `}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=`
474
442
  :host {
475
443
  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
476
444
  display: inline-block; position: relative; line-height: 1;
477
445
  }
478
- .lz-core {
479
- position: absolute; left: 50%; top: 50%;
480
- width: 0.42em; height: 0.42em; margin: -0.21em 0 0 -0.21em; border-radius: 50%;
481
- background: radial-gradient(circle at 35% 30%,
482
- color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, white) 0%,
483
- var(--lz-accent, #0a84ff) 50%,
484
- color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent) 100%);
485
- box-shadow: 0 0 calc(0.3em) color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent);
446
+ .lz-orb {
447
+ position: absolute; inset: 0.08em; border-radius: 50%;
448
+ background: radial-gradient(circle at 34% 32%,
449
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 18%, white) 0%,
450
+ var(--lz-accent, #0a84ff) 40%,
451
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 74%,
452
+ transparent 100%);
453
+ box-shadow: 0 0 0.5em color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
486
454
  animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
487
455
  }
488
456
  .lz-orbit {
489
457
  position: absolute; inset: 0;
490
- animation: lz-spin calc(2.2s * var(--lz-speed, 1)) linear infinite;
458
+ animation: lz-spin calc(4.5s * var(--lz-speed, 1)) linear infinite;
491
459
  }
492
- .lz-moon {
493
- position: absolute; left: 50%; top: 50%;
494
- width: 0.14em; height: 0.14em; margin: -0.07em 0 0 -0.07em; border-radius: 50%;
460
+ .lz-light {
461
+ position: absolute; left: 50%; top: calc(50% - 0.46em);
462
+ width: 0.13em; height: 0.13em; margin-left: -0.065em; border-radius: 50%;
463
+ background: var(--lz-color, #f5f5f7);
464
+ box-shadow: 0 0 0.22em 0.05em color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, transparent);
465
+ animation: lz-pulse-breath calc(1.1s * var(--lz-speed, 1)) ease-in-out infinite;
466
+ }
467
+ .lz-sparkle {
468
+ position: absolute; width: 0.28em; height: 0.28em;
469
+ animation: lz-ai-sparkle calc(3s * var(--lz-speed, 1)) ease-in-out infinite;
470
+ }
471
+ .lz-sparkle::before, .lz-sparkle::after {
472
+ content: ""; position: absolute; inset: 0;
495
473
  background: var(--lz-color, #f5f5f7);
496
- box-shadow: 0 0 calc(0.16em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
497
474
  }
498
- `}template(){let e=Math.max(1,Math.min(5,this.num("count",2))),s="";for(let a=0;a<e;a++){let i=360/e*a;s+=`<span class="lz-moon" style="transform: rotate(${i}deg) translateX(${er}em);"></span>`}return`<div class="lz-core"></div><div class="lz-orbit" role="status" aria-label="Loading">${s}</div>`}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)}};H.observedAttributes=["size","accent","color","count","speed"];function Ne(){l(jt,H)}var tr="lz-aura-orb",B=class extends o{constructor(){super(...arguments);this.css=`
475
+ .lz-sparkle::before {
476
+ clip-path: polygon(50% 0, 58% 50%, 50% 100%, 42% 50%);
477
+ }
478
+ .lz-sparkle::after {
479
+ clip-path: polygon(50% 0, 58% 50%, 50% 100%, 42% 50%);
480
+ transform: rotate(90deg);
481
+ }
482
+ .lz-sparkle.a { right: 0.01em; top: -0.01em; }
483
+ .lz-sparkle.b { left: -0.01em; bottom: 0.02em; animation-delay: -1.5s; }
484
+ `}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=`
499
485
  :host {
500
- font-size: var(--lz-size, 44px); width: 1em; height: 1em;
486
+ font-size: var(--lz-size, 40px); width: 2.1em; height: 0.66em;
501
487
  display: inline-block; position: relative; line-height: 1;
502
488
  }
503
- .lz-layer { position: absolute; inset: 0; animation: lz-spin calc(3s * var(--lz-speed, 1)) linear infinite; }
504
- .lz-layer.a { animation-duration: calc(2.6s * var(--lz-speed, 1)); }
505
- .lz-layer.b { animation-name: lz-spin-reverse; animation-duration: calc(3.4s * var(--lz-speed, 1)); }
506
- .lz-orb {
507
- position: absolute; left: 50%; top: 50%;
508
- width: 0.78em; height: 0.78em; margin: -0.39em 0 0 -0.39em; border-radius: 50%;
509
- transform: translateX(0.14em);
510
- }
511
- .lz-layer.a .lz-orb {
512
- background: radial-gradient(circle at 35% 30%,
513
- color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent) 0%,
514
- color-mix(in srgb, var(--lz-color, #f5f5f7) 40%, transparent) 62%,
515
- transparent 76%);
516
- }
517
- .lz-layer.b .lz-orb {
518
- background: radial-gradient(circle at 35% 30%,
519
- var(--lz-accent, #0a84ff) 0%,
520
- color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 62%,
521
- transparent 76%);
522
- opacity: 0.9;
523
- }
524
- `}template(){return'<div class="lz-layer a" role="status" aria-label="Loading"><span class="lz-orb"></span></div><div class="lz-layer b"><span class="lz-orb"></span></div>'}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)}};B.observedAttributes=["size","accent","color","speed"];function Pe(){l(tr,B)}var rr="lz-waveform",W=class extends o{constructor(){super(...arguments);this.css=`
489
+ .lz-field {
490
+ position: absolute; inset: 0; display: flex; align-items: center;
491
+ justify-content: center; gap: 0.32em; border-radius: 999px;
492
+ background: var(--lz-surface, rgba(255,255,255,0.07));
493
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lz-color, #f5f5f7) 12%, transparent);
494
+ }
495
+ .lz-dot {
496
+ width: 0.16em; height: 0.16em; border-radius: 50%;
497
+ background: var(--lz-color, #f5f5f7);
498
+ animation: lz-typing-pulse calc(1s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;
499
+ }
500
+ .lz-field .lz-dot:nth-child(2) { animation-delay: -0.2s; }
501
+ .lz-field .lz-dot:nth-child(3) { animation-delay: -0.4s; }
502
+ .lz-aura {
503
+ position: absolute; inset: -0.16em; border-radius: 999px;
504
+ border: 2px solid transparent;
505
+ background: conic-gradient(from 0deg,
506
+ transparent 0deg,
507
+ var(--lz-accent, #0a84ff) 8deg,
508
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 30%, transparent) 34deg,
509
+ transparent 92deg) border-box;
510
+ -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
511
+ -webkit-mask-composite: xor;
512
+ mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
513
+ mask-composite: exclude;
514
+ animation: lz-spin calc(1.9s * var(--lz-speed, 1)) linear infinite;
515
+ }
516
+ `}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=`
517
+ :host { font-size: var(--lz-size, 6px); }
518
+ .lz-grid {
519
+ display: grid;
520
+ gap: var(--lz-grid-gap, 10px);
521
+ grid-template-columns: repeat(var(--lz-cols, 5), 1em);
522
+ }
523
+ .lz-dot {
524
+ width: 1em; height: 1em; border-radius: 50%;
525
+ animation: lz-grid-dot-wave calc(1.5s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
526
+ }
527
+ `}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=`
525
528
  :host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
526
529
  .lz-wave {
527
530
  display: flex; align-items: center; gap: var(--lz-gap, 4px);
@@ -534,33 +537,70 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
534
537
  animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
535
538
  }
536
539
  .lz-bar.accent { background: var(--lz-accent, #0a84ff); }
537
- `}template(){let e=Math.max(5,Math.min(21,this.num("count",11))),s=(e-1)/2,a="";for(let i=0;i<e;i++){let n=(i-s)*.12,d=i===Math.floor(s)||i===Math.floor(s/2)||i===e-1-Math.floor(s/2);a+=`<span class="lz-bar${d?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${a}</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)}};W.observedAttributes=["size","count","color","accent","speed"];function Le(){l(rr,W)}var sr="lz-vinyl",Y=class extends o{constructor(){super(...arguments);this.css=`
540
+ `}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=`
538
541
  :host {
539
542
  font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
540
543
  display: inline-block; position: relative; line-height: 1;
541
544
  }
542
545
  .lz-disc {
543
- position: absolute; inset: 0; border-radius: 50%;
546
+ position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
544
547
  background:
545
- repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.06) 0 1px, transparent 1px 4px),
546
- radial-gradient(circle at 50% 50%, var(--lz-accent, #0a84ff) 0 13%, rgba(0,0,0,0.88) 14% 100%);
548
+ repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.055) 0 1px, transparent 1px 4px),
549
+ 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%),
550
+ radial-gradient(circle at 50% 50%, #141216 0 100%);
547
551
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
548
- animation: lz-spin calc(3.5s * var(--lz-speed, 1)) linear infinite;
552
+ animation: lz-spin calc(3.2s * var(--lz-speed, 1)) linear infinite;
553
+ }
554
+ .lz-disc::before {
555
+ content: ""; position: absolute; inset: 0; border-radius: 50%;
556
+ background: linear-gradient(112deg, transparent 26%, rgba(255,255,255,0.17) 40%, rgba(255,255,255,0.04) 49%, transparent 62%);
549
557
  }
550
- .lz-needle {
551
- position: absolute; top: 0.08em; right: 0.18em;
552
- width: 0.06em; height: 0.7em; border-radius: 3px;
553
- background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 30%, transparent));
554
- transform: rotate(38deg); transform-origin: top right;
558
+ .lz-label {
559
+ position: absolute; left: 50%; top: 50%;
560
+ width: 0.5em; height: 0.5em; margin: -0.25em 0 0 -0.25em; border-radius: 50%;
561
+ background:
562
+ radial-gradient(circle at 36% 30%, rgba(255,255,255,0.35) 0 5%, transparent 6%),
563
+ radial-gradient(circle at 63% 68%, rgba(0,0,0,0.4) 0 7%, transparent 8%),
564
+ var(--lz-accent, #0a84ff);
565
+ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.4);
566
+ }
567
+ .lz-spindle {
568
+ position: absolute; left: 50%; top: 50%;
569
+ width: 0.09em; height: 0.09em; margin: -0.045em 0 0 -0.045em; border-radius: 50%;
570
+ background: rgba(0,0,0,0.9);
571
+ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
572
+ }
573
+ .lz-arm {
574
+ position: absolute; top: 0.05em; right: 0.06em; width: 0.8em; height: 0.8em;
575
+ transform-origin: top right;
555
576
  animation: lz-needle-bob calc(1.8s * var(--lz-speed, 1)) ease-in-out infinite;
556
577
  }
557
- .lz-needle::after {
558
- content: ""; position: absolute; bottom: 0; left: 50%;
559
- width: 0.1em; height: 0.1em; margin-left: -0.05em;
560
- transform: translateY(0.1em); border-radius: 50%;
561
- background: var(--lz-accent, #0a84ff);
578
+ .lz-post {
579
+ position: absolute; right: -0.01em; top: -0.01em;
580
+ width: 0.13em; height: 0.13em; border-radius: 50%;
581
+ background: radial-gradient(circle at 35% 30%, var(--lz-color, #f5f5f7) 0 42%, color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent) 100%);
582
+ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
583
+ }
584
+ .lz-shaft {
585
+ position: absolute; right: 0.045em; top: 0.02em;
586
+ width: 0.06em; height: 0.48em; border-radius: 3px;
587
+ background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 35%, transparent));
588
+ box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.25);
589
+ transform-origin: top center;
590
+ transform: rotate(24deg);
591
+ }
592
+ .lz-shaft::before {
593
+ content: ""; position: absolute; top: -0.035em; left: -0.04em;
594
+ width: 0.14em; height: 0.14em; border-radius: 50%;
595
+ background: var(--lz-color, #f5f5f7);
596
+ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
597
+ }
598
+ .lz-shaft::after {
599
+ content: ""; position: absolute; bottom: -0.05em; left: 0.005em;
600
+ width: 0.05em; height: 0.1em; border-radius: 0 0 3px 3px;
601
+ background: color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white);
562
602
  }
563
- `}template(){return'<div class="lz-disc" role="status" aria-label="Loading"></div><div class="lz-needle" aria-hidden="true"></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)}};Y.observedAttributes=["size","accent","color","speed"];function Ee(){l(sr,Y)}var ar="lz-sonar",Re=3.6,$=class extends o{constructor(){super(...arguments);this.css=`
603
+ `}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=`
564
604
  :host {
565
605
  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
566
606
  display: inline-block; position: relative; line-height: 1;
@@ -574,20 +614,41 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
574
614
  .lz-ring {
575
615
  position: absolute; inset: 0.14em; border-radius: 50%;
576
616
  border: 1px solid var(--lz-accent, #0a84ff);
577
- animation: lz-sonar-ring calc(${Re}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
617
+ animation: lz-sonar-ring calc(${Se}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
578
618
  }
579
- `}template(){let e=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let a=0;a<e;a++)s+=`<span class="lz-ring" style="animation-delay: -${(a*Re/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 Se(){l(ar,$)}var ir="lz-music-note",U=class extends o{constructor(){super(...arguments);this.css=`
619
+ `}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=`
580
620
  :host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
581
- .lz-notes { display: flex; align-items: baseline; gap: 0.45em; }
621
+ .lz-notes { display: flex; align-items: center; gap: 0.5em; }
582
622
  .lz-note {
583
- display: inline-block; line-height: 1;
584
- color: var(--lz-color, #f5f5f7);
623
+ position: relative; display: inline-block;
624
+ width: 0.42em; height: 0.88em;
585
625
  animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
586
626
  }
587
627
  .lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }
588
628
  .lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }
589
629
  .lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }
590
- `}template(){let e=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let a=0;a<e;a++)s+='<span class="lz-note">&#9835;</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)}};U.observedAttributes=["size","count","color","speed"];function Ge(){l(ir,U)}var or="lz-activity-rings",V=class extends o{constructor(){super(...arguments);this.css=`
630
+ .lz-head {
631
+ position: absolute; left: 0; bottom: 0.06em;
632
+ width: 0.3em; height: 0.24em;
633
+ border-radius: 55% 45% 50% 50%;
634
+ background: var(--lz-color, #f5f5f7);
635
+ box-shadow: inset -0.045em -0.02em 0 color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, #000);
636
+ transform: rotate(-18deg);
637
+ }
638
+ .lz-stem {
639
+ position: absolute; left: 0.175em; bottom: 0.13em;
640
+ width: 0.045em; height: 0.6em; border-radius: 2px;
641
+ background: var(--lz-color, #f5f5f7);
642
+ }
643
+ .lz-flag {
644
+ position: absolute; left: 0.22em; bottom: 0.61em;
645
+ width: 0.24em; height: 0.2em;
646
+ border: 0.045em solid var(--lz-color, #f5f5f7);
647
+ border-left: none; border-top: none;
648
+ border-radius: 0 0 0.14em 0.02em / 0 0 0.26em 0.02em;
649
+ }
650
+ .lz-note.second .lz-head { background: color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, var(--lz-accent, #0a84ff)); }
651
+ `}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=`
591
652
  :host {
592
653
  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
593
654
  display: inline-block; line-height: 1;
@@ -605,5 +666,5 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
605
666
  <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>
606
667
  <g class="lz-g mid"><circle class="lz-ring lz-mid" cx="50" cy="50" r="34.5" transform="rotate(-90 50 50)" /></g>
607
668
  <g class="lz-g inner"><circle class="lz-ring lz-inner" cx="50" cy="50" r="26.5" transform="rotate(-90 50 50)" /></g>
608
- </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)}};V.observedAttributes=["size","accent","color","color-weak","speed"];function Oe(){l(or,V)}function q(){te(),re(),se(),ae(),ie(),oe(),le(),ne(),ce(),pe(),me(),ze(),fe(),he(),ue(),ve(),be(),ge(),xe(),ye(),Ae(),Te(),we(),_e(),ke(),Ne(),Pe(),Le(),Ee(),Se(),Ge(),Oe()}var c=require("react/jsx-runtime");q();var p=(t,r)=>r===void 0?{}:{[t]:String(r)};function Ie(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-bouncing-dots",{size:r,color:e,speed:s,className:a,style:i})}Ie.displayName="BouncingDots";function Me(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-typing-dots",{size:r,color:e,speed:s,className:a,style:i})}Me.displayName="TypingDots";function Ze(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-wave-dots",{size:r,color:e,speed:s,className:a,style:i})}Ze.displayName="WaveDots";function Ce(t){let{size:r,color:e,speed:s,count:a,className:i,style:n}=t;return(0,c.jsx)("lz-helix-dots",{size:r,color:e,speed:s,count:a,className:i,style:n})}Ce.displayName="HelixDots";function De(t){let{rows:r,cols:e,gap:s,size:a,color:i,speed:n,className:d,style:m}=t;return(0,c.jsx)("lz-dot-grid-wave",{rows:r,cols:e,gap:s,size:a,color:i,speed:n,className:d,style:m})}De.displayName="DotGridWave";function He(t){let{size:r,color:e,speed:s,strokeWidth:a,className:i,style:n}=t;return(0,c.jsx)("lz-arc-spinner",{size:r,color:e,speed:s,className:i,style:n,...p("stroke-width",a)})}He.displayName="ArcSpinner";function Be(t){let{size:r,color:e,colorWeak:s,speed:a,strokeWidth:i,className:n,style:d}=t;return(0,c.jsx)("lz-material-double-arc",{size:r,color:e,speed:a,className:n,style:d,...p("stroke-width",i),...p("color-weak",s)})}Be.displayName="MaterialDoubleArc";function We(t){let{size:r,color:e,colorWeak:s,colorSweep:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-scan-sweep",{size:r,color:e,speed:i,className:n,style:d,...p("color-weak",s),...p("color-sweep",a)})}We.displayName="ScanSweep";function Ye(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-orbit-dots",{size:r,color:e,speed:s,className:a,style:i})}Ye.displayName="OrbitDots";function $e(t){let{size:r,color:e,speed:s,dotSize:a,className:i,style:n}=t;return(0,c.jsx)("lz-orbit-ring-dots",{size:r,color:e,speed:s,className:i,style:n,...p("dot-size",a)})}$e.displayName="OrbitRingDots";function Ue(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-eyes",{size:r,color:e,speed:s,className:a,style:i})}Ue.displayName="Eyes";function Ve(t){let{size:r,accent:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-morphing-square",{size:r,accent:e,speed:s,className:a,style:i})}Ve.displayName="MorphingSquare";function qe(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-breathing-pulse",{size:r,color:e,speed:s,className:a,style:i})}qe.displayName="BreathingPulse";function Ke(t){let{size:r,color:e,speed:s,barWidth:a,gap:i,className:n,style:d}=t;return(0,c.jsx)("lz-equalizer",{size:r,color:e,speed:s,className:n,style:d,...p("bar-width",a),...p("gap",i)})}Ke.displayName="Equalizer";function Xe(t){let{size:r,color:e,trackColor:s,speed:a,strokeWidth:i,percent:n,className:d,style:m}=t;return(0,c.jsx)("lz-progress-ring",{size:r,color:e,speed:a,percent:n,className:d,style:m,...p("stroke-width",i),...p("track-color",s)})}Xe.displayName="ProgressRing";function Fe(t){let{width:r,height:e,accent:s,trackColor:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-indeterminate-progress-bar",{width:r,height:e,accent:s,speed:i,className:n,style:d,...p("track-color",a)})}Fe.displayName="IndeterminateProgressBar";function Qe(t){let{width:r,height:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-shimmer",{width:r,height:e,speed:a,className:i,style:n,...p("track-color",s)})}Qe.displayName="SkeletonShimmer";function Je(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-ellipsis",{size:r,color:e,speed:s,className:a,style:i})}Je.displayName="Ellipsis";function je(t){let{width:r,height:e,percent:s,color:a,speed:i,trackColor:n,className:d,style:m}=t;return(0,c.jsx)("lz-progress-bar",{width:r,height:e,percent:s,color:a,speed:i,className:d,style:m,...p("track-color",n)})}je.displayName="ProgressBar";function et(t){let{width:r,height:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-card",{width:r,height:e,speed:a,className:i,style:n,...p("track-color",s)})}et.displayName="SkeletonCard";function tt(t){let{width:r,rows:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-list",{width:r,rows:e,speed:a,className:i,style:n,...p("track-color",s)})}tt.displayName="SkeletonList";function rt(t){let{size:r,accent:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-pulsing-orb",{size:r,accent:e,speed:s,className:a,style:i})}rt.displayName="PulsingOrb";function st(t){let{size:r,accent:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-morphing-orb",{size:r,accent:e,speed:s,className:a,style:i})}st.displayName="MorphingOrb";function at(t){let{size:r,accent:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-siri-orb",{size:r,accent:e,speed:s,className:a,style:i})}at.displayName="SiriOrb";function it(t){let{size:r,color:e,speed:s,count:a,className:i,style:n}=t;return(0,c.jsx)("lz-dot-orb",{size:r,color:e,speed:s,count:a,className:i,style:n})}it.displayName="DotOrb";function ot(t){let{size:r,color:e,accent:s,speed:a,count:i,className:n,style:d}=t;return(0,c.jsx)("lz-planet-orb",{size:r,color:e,accent:s,speed:a,count:i,className:n,style:d})}ot.displayName="PlanetOrb";function lt(t){let{size:r,color:e,accent:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-aura-orb",{size:r,color:e,accent:s,speed:a,className:i,style:n})}lt.displayName="AuraOrb";function nt(t){let{size:r,color:e,accent:s,speed:a,count:i,barWidth:n,gap:d,className:m,style:zt}=t;return(0,c.jsx)("lz-waveform",{size:r,color:e,accent:s,speed:a,count:i,className:m,style:zt,...p("bar-width",n),...p("gap",d)})}nt.displayName="Waveform";function ct(t){let{size:r,color:e,accent:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-vinyl",{size:r,color:e,accent:s,speed:a,className:i,style:n})}ct.displayName="Vinyl";function dt(t){let{size:r,color:e,accent:s,speed:a,count:i,className:n,style:d}=t;return(0,c.jsx)("lz-sonar",{size:r,color:e,accent:s,speed:a,count:i,className:n,style:d})}dt.displayName="Sonar";function pt(t){let{size:r,color:e,speed:s,count:a,className:i,style:n}=t;return(0,c.jsx)("lz-music-note",{size:r,color:e,speed:s,count:a,className:i,style:n})}pt.displayName="MusicNote";function mt(t){let{size:r,color:e,accent:s,colorWeak:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-activity-rings",{size:r,color:e,accent:s,speed:i,className:n,style:d,...p("color-weak",a)})}mt.displayName="ActivityRings";0&&(module.exports={ActivityRings,ArcSpinner,AuraOrb,BouncingDots,BreathingPulse,DotGridWave,DotOrb,Ellipsis,Equalizer,Eyes,HelixDots,IndeterminateProgressBar,MaterialDoubleArc,MorphingOrb,MorphingSquare,MusicNote,OrbitDots,OrbitRingDots,PlanetOrb,ProgressBar,ProgressRing,PulsingOrb,ScanSweep,SiriOrb,SkeletonCard,SkeletonList,SkeletonShimmer,Sonar,TypingDots,Vinyl,WaveDots,Waveform,defineAll});
669
+ </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});
609
670
  //# sourceMappingURL=react.cjs.map