loading-state-zoo 0.2.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.js CHANGED
@@ -1,4 +1,4 @@
1
- var D=e=>{throw TypeError(e)};var C=(e,r,t)=>r.has(e)||D("Cannot "+t);var Z=(e,r,t)=>(C(e,r,"read from private field"),t?t.call(e):r.get(e)),H=(e,r,t)=>r.has(e)?D("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(e):r.set(e,t),B=(e,r,t,s)=>(C(e,r,"write to private field"),s?s.call(e,t):r.set(e,t),t);var pe=`
1
+ var F=t=>{throw TypeError(t)};var X=(t,r,e)=>r.has(t)||F("Cannot "+e);var Q=(t,r,e)=>(X(t,r,"read from private field"),e?e.call(t):r.get(t)),j=(t,r,e)=>r.has(t)?F("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),J=(t,r,e,s)=>(X(t,r,"write to private field"),s?s.call(t,e):r.set(t,e),e);var Ze=`
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 {
@@ -64,7 +64,39 @@ var D=e=>{throw TypeError(e)};var C=(e,r,t)=>r.has(e)||D("Cannot "+t);var Z=(e,r
64
64
  40%, 80% { opacity: 1; transform: scale(1); }
65
65
  100% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
66
66
  }
67
- `,W=`
67
+ @keyframes lz-orb-breathe {
68
+ 0%, 100% { transform: scale(1); opacity: 1; }
69
+ 50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
70
+ }
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)); }
75
+ }
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); }
80
+ }
81
+ @keyframes lz-waveform {
82
+ 0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
83
+ 50% { transform: scaleY(1); }
84
+ }
85
+ @keyframes lz-sonar-ring {
86
+ 0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }
87
+ 100% { transform: scale(1); opacity: 0; }
88
+ }
89
+ @keyframes lz-note-bob {
90
+ 0%, 100% { transform: translateY(0); }
91
+ 45% { transform: translateY(var(--lz-note-bob, 0.35em)); }
92
+ 60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }
93
+ 75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }
94
+ }
95
+ @keyframes lz-needle-bob {
96
+ 0%, 100% { transform: rotate(22deg); }
97
+ 50% { transform: rotate(27deg); }
98
+ }
99
+ `,ee=`
68
100
  :host {
69
101
  display: inline-flex;
70
102
  font-size: var(--lz-size, 44px);
@@ -73,9 +105,9 @@ var D=e=>{throw TypeError(e)};var C=(e,r,t)=>r.has(e)||D("Cannot "+t);var Z=(e,r
73
105
  .lz-root {
74
106
  display: contents;
75
107
  }
76
- ${pe}
77
- `;var me=typeof HTMLElement<"u",ze=me?HTMLElement:class{},z,o=class extends ze{constructor(){super(...arguments);H(this,z,!1)}connectedCallback(){let t=this.shadowRoot??this.attachShadow({mode:"open"});t.innerHTML=`<style>${W}
78
- ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".lz-root"),B(this,z,!0),this.paint()}attributeChangedCallback(){Z(this,z)&&this.paint()}paint(){this.sync();let t=this._rootEl;t&&(t.innerHTML=this.template())}num(t,s){let i=this.getAttribute(t);if(i===null||i==="")return s;let a=Number(i);return Number.isFinite(a)?a:s}varPx(t,s,i){let a=this.getAttribute(s);a!==null&&a!==""&&Number.isFinite(Number(a))?this.style.setProperty(t,`${Number(a)}px`):this.style.removeProperty(t)}varNum(t,s,i){let a=this.getAttribute(s);a!==null&&a!==""&&Number.isFinite(Number(a))?this.style.setProperty(t,String(Number(a))):this.style.removeProperty(t)}varRaw(t,s,i){let a=this.getAttribute(s);a!==null&&a!==""?this.style.setProperty(t,a):this.style.removeProperty(t)}};z=new WeakMap,o.observedAttributes=[];function l(e,r){typeof customElements>"u"||customElements.get(e)||customElements.define(e,r)}var fe="lz-bouncing-dots",f=class extends o{constructor(){super(...arguments);this.css=`
108
+ ${Ze}
109
+ `;var De=typeof HTMLElement<"u",He=De?HTMLElement:class{},z,o=class extends He{constructor(){super(...arguments);j(this,z,!1)}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:"open"});e.innerHTML=`<style>${ee}
110
+ ${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 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 Be="lz-bouncing-dots",f=class extends o{constructor(){super(...arguments);this.css=`
79
111
  :host { font-size: var(--lz-size, 8px); }
80
112
  .lz-dots { display: flex; gap: 0.7em; }
81
113
  .lz-dot {
@@ -85,7 +117,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
85
117
  }
86
118
  .lz-dot:nth-child(2) { animation-delay: 0.15s; }
87
119
  .lz-dot:nth-child(3) { animation-delay: 0.3s; }
88
- `}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 Y(){l(fe,f)}var he="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 te(){n(Be,f)}var $e="lz-typing-dots",h=class extends o{constructor(){super(...arguments);this.css=`
89
121
  :host { font-size: var(--lz-size, 8px); }
90
122
  .lz-dots { display: flex; gap: 0.8em; }
91
123
  .lz-dot {
@@ -95,7 +127,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
95
127
  }
96
128
  .lz-dot:nth-child(2) { animation-delay: -0.18s; }
97
129
  .lz-dot:nth-child(3) { animation-delay: -0.36s; }
98
- `}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 $(){l(he,h)}var ue="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 re(){n($e,h)}var We="lz-wave-dots",u=class extends o{constructor(){super(...arguments);this.css=`
99
131
  :host { font-size: var(--lz-size, 8px); }
100
132
  .lz-dots { display: flex; gap: 0.6em; }
101
133
  .lz-dot {
@@ -106,7 +138,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
106
138
  .lz-dot:nth-child(2) { animation-delay: -0.1s; }
107
139
  .lz-dot:nth-child(3) { animation-delay: -0.2s; }
108
140
  .lz-dot:nth-child(4) { animation-delay: -0.3s; }
109
- `}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 q(){l(ue,u)}var ve="lz-helix-dots",ge=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 se(){n(We,u)}var Ye="lz-helix-dots",Ue=1.4,g=class extends o{constructor(){super(...arguments);this.css=`
110
142
  :host { font-size: var(--lz-size, 6px); }
111
143
  .lz-dots { display: flex; gap: 0.9em; }
112
144
  .lz-dot {
@@ -114,7 +146,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
114
146
  background: var(--lz-color, #f5f5f7);
115
147
  animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
116
148
  }
117
- `}template(){let t=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let i=0;i<t;i++)s+=`<span class="lz-dot" style="animation-delay:-${(ge/t*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)}};v.observedAttributes=["size","count","color","speed"];function U(){l(ve,v)}var be="lz-dot-grid-wave",g=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:-${(Ue/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 ae(){n(Ye,g)}var Ve="lz-dot-grid-wave",b=class extends o{constructor(){super(...arguments);this.css=`
118
150
  :host { font-size: var(--lz-size, 6px); }
119
151
  .lz-grid {
120
152
  display: grid;
@@ -126,10 +158,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
126
158
  background: var(--lz-color, #f5f5f7);
127
159
  animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
128
160
  }
129
- `}template(){let t=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<t;a++)for(let n=0;n<s;n++)i+=`<span class="lz-dot" style="animation-delay:-${((a+n)*.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)}};g.observedAttributes=["rows","cols","size","gap","color","speed"];function K(){l(be,g)}var xe="lz-arc-spinner",ye=`
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 ie(){n(Ve,b)}var Ke="lz-arc-spinner",qe=`
130
162
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
131
163
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
132
- `,b=class extends o{constructor(){super(...arguments);this.css=`
164
+ `,v=class extends o{constructor(){super(...arguments);this.css=`
133
165
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
134
166
  .lz-ring {
135
167
  width: 100%; height: 100%; border-radius: 50%;
@@ -139,17 +171,17 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
139
171
  var(--lz-color, #f5f5f7) 110deg,
140
172
  transparent 111deg
141
173
  );
142
- ${ye}
174
+ ${qe}
143
175
  animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
144
176
  }
145
- `}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 X(){l(xe,b)}var Ae="lz-material-double-arc",we=`
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 oe(){n(Ke,v)}var Fe="lz-material-double-arc",Xe=`
146
178
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
147
179
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
148
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=`
149
181
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
150
182
  .lz-arc {
151
183
  position: absolute; inset: 0; border-radius: 50%;
152
- ${we}
184
+ ${Xe}
153
185
  }
154
186
  .lz-arc-a {
155
187
  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=t.querySelector(".l
160
192
  background: conic-gradient(from 200deg, ${x} 0deg, ${x} 90deg, transparent 91deg);
161
193
  animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
162
194
  }
163
- `}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 Q(){l(Ae,y)}var Te="lz-scan-sweep",A=class extends o{constructor(){super(...arguments);this.css=`
164
- :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 le(){n(Fe,y)}var Qe="lz-scan-sweep",je=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; }
165
197
  .lz-ring {
166
198
  position: absolute; inset: 0; border-radius: 50%;
167
199
  border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));
168
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
+ }
169
206
  .lz-ring-inner {
170
- 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%;
171
220
  border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
172
221
  }
173
222
  .lz-core {
174
- position: absolute; width: 0.14em; height: 0.14em;
175
- 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%;
176
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);
177
227
  }
178
228
  .lz-sweep {
179
229
  position: absolute; inset: 0; border-radius: 50%;
180
230
  background: conic-gradient(
181
231
  from 0deg,
182
232
  var(--lz-color, #f5f5f7) 0deg,
183
- var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 60deg,
184
- 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
185
236
  );
186
237
  -webkit-mask: radial-gradient(closest-side, #000 100%);
187
238
  mask: radial-gradient(closest-side, #000 100%);
188
239
  animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
189
240
  }
190
- `}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 V(){l(Te,A)}var ke="lz-orbit-dots",w=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<je;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 ne(){n(Qe,A)}var Je="lz-orbit-dots",w=class extends o{constructor(){super(...arguments);this.css=`
191
249
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
192
250
  .lz-orbit {
193
251
  position: absolute; inset: 0;
@@ -202,7 +260,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
202
260
  .lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
203
261
  .lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
204
262
  .lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
205
- `}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 F(){l(ke,w)}var Ee="lz-orbit-ring-dots",J=8,T=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 ce(){n(Je,w)}var et="lz-orbit-ring-dots",de=8,k=class extends o{constructor(){super(...arguments);this.css=`
206
264
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
207
265
  .lz-orbit { position: absolute; inset: 0; }
208
266
  .lz-dot {
@@ -213,7 +271,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
213
271
  background: var(--lz-color, #f5f5f7);
214
272
  animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
215
273
  }
216
- `}template(){let t='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<J;s++){let i=360/J*s;t+=`<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`${t}</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 j(){l(Ee,T)}var _e="lz-eyes",k=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<de;s++){let i=360/de*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 pe(){n(et,k)}var tt="lz-eyes",T=class extends o{constructor(){super(...arguments);this.css=`
217
275
  :host { font-size: var(--lz-size, 44px); }
218
276
  .lz-eyes { display: flex; gap: 0.24em; }
219
277
  .lz-eye {
@@ -227,7 +285,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
227
285
  background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
228
286
  animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
229
287
  }
230
- `}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 ee(){l(_e,k)}var Se="lz-morphing-square",E=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 me(){n(tt,T)}var rt="lz-morphing-square",N=class extends o{constructor(){super(...arguments);this.css=`
231
289
  :host {
232
290
  font-size: var(--lz-size, 44px);
233
291
  width: 1em; height: 1em;
@@ -235,14 +293,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
235
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));
236
294
  animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
237
295
  }
238
- `}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 te(){l(Se,E)}var Ne="lz-breathing-pulse",_=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 ze(){n(rt,N)}var st="lz-breathing-pulse",_=class extends o{constructor(){super(...arguments);this.css=`
239
297
  :host {
240
298
  font-size: var(--lz-size, 36px);
241
299
  width: 1em; height: 1em; border-radius: 50%;
242
300
  background: var(--lz-color, #f5f5f7);
243
301
  animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
244
302
  }
245
- `}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 re(){l(Ne,_)}var Pe="lz-equalizer",S=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 fe(){n(st,_)}var at="lz-equalizer",E=class extends o{constructor(){super(...arguments);this.css=`
246
304
  :host { font-size: var(--lz-size, 22px); }
247
305
  .lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
248
306
  .lz-bar {
@@ -255,12 +313,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
255
313
  .lz-bar:nth-child(2) { animation-delay: 0.12s; }
256
314
  .lz-bar:nth-child(3) { animation-delay: 0.24s; }
257
315
  .lz-bar:nth-child(4) { animation-delay: 0.36s; }
258
- `}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 se(){l(Pe,S)}var Le="lz-progress-ring",Re=`
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 he(){n(at,E)}var it="lz-progress-ring",ot=`
259
317
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
260
318
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
261
- `,N=class extends o{constructor(){super(...arguments);this.css=`
319
+ `,L=class extends o{constructor(){super(...arguments);this.css=`
262
320
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
263
- .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Re} }
321
+ .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${ot} }
264
322
  .lz-track {
265
323
  background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
266
324
  }
@@ -268,7 +326,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
268
326
  background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
269
327
  transition: background 0.2s ease;
270
328
  }
271
- `}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 ae(){l(Le,N)}var Ge="lz-indeterminate-progress-bar",P=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 ue(){n(it,L)}var lt="lz-indeterminate-progress-bar",P=class extends o{constructor(){super(...arguments);this.css=`
272
330
  :host {
273
331
  position: relative; display: inline-block;
274
332
  width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -281,7 +339,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
281
339
  background: var(--lz-accent, #0a84ff);
282
340
  animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
283
341
  }
284
- `}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 ie(){l(Ge,P)}var Ie="lz-skeleton-shimmer",L=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 ge(){n(lt,P)}var nt="lz-skeleton-shimmer",S=class extends o{constructor(){super(...arguments);this.css=`
285
343
  :host {
286
344
  position: relative; display: inline-block;
287
345
  width: var(--lz-width, 120px); height: var(--lz-height, 28px);
@@ -293,7 +351,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
293
351
  background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
294
352
  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
295
353
  }
296
- `}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 oe(){l(Ie,L)}var Oe="lz-ellipsis",R=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 be(){n(nt,S)}var ct="lz-ellipsis",R=class extends o{constructor(){super(...arguments);this.css=`
297
355
  :host {
298
356
  display: inline-flex; gap: 0.2em; align-items: center;
299
357
  font-size: var(--lz-size, 8px); line-height: 1;
@@ -305,7 +363,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
305
363
  }
306
364
  .lz-dot:nth-child(2) { animation-delay: -0.45s; }
307
365
  .lz-dot:nth-child(3) { animation-delay: -0.9s; }
308
- `}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 le(){l(Oe,R)}var Me="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 ve(){n(ct,R)}var dt="lz-progress-bar",G=class extends o{constructor(){super(...arguments);this.css=`
309
367
  :host {
310
368
  display: inline-block; position: relative;
311
369
  width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -319,7 +377,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
319
377
  background: var(--lz-color, #f5f5f7);
320
378
  border-radius: inherit;
321
379
  }
322
- `}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 t=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${t}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${t/100})`),this.setAttribute("aria-valuenow",String(t))}};G.observedAttributes=["width","height","percent","color","track-color","speed"];function ne(){l(Me,G)}var De="lz-skeleton-card",I=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 xe(){n(dt,G)}var pt="lz-skeleton-card",I=class extends o{constructor(){super(...arguments);this.css=`
323
381
  :host {
324
382
  position: relative; display: inline-block;
325
383
  width: var(--lz-width, 200px); height: var(--lz-height, 64px);
@@ -344,7 +402,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
344
402
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
345
403
  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
346
404
  }
347
- `}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 de(){l(De,I)}var Ce="lz-skeleton-list",O=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 ye(){n(pt,I)}var mt="lz-skeleton-list",O=class extends o{constructor(){super(...arguments);this.css=`
348
406
  :host {
349
407
  position: relative; display: block;
350
408
  width: var(--lz-width, 180px);
@@ -369,5 +427,244 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
369
427
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
370
428
  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
371
429
  }
372
- `}template(){let t=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<t;a++){let n=s[a%s.length];i+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></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 ce(){l(Ce,O)}function M(){Y(),$(),q(),U(),K(),X(),Q(),V(),F(),j(),ee(),te(),re(),se(),ae(),ie(),oe(),le(),ne(),de(),ce()}import{jsx as d}from"react/jsx-runtime";M();var c=(e,r)=>r===void 0?{}:{[e]:String(r)};function Ze(e){let{size:r,color:t,speed:s,className:i,style:a}=e;return d("lz-bouncing-dots",{size:r,color:t,speed:s,className:i,style:a})}Ze.displayName="BouncingDots";function He(e){let{size:r,color:t,speed:s,className:i,style:a}=e;return d("lz-typing-dots",{size:r,color:t,speed:s,className:i,style:a})}He.displayName="TypingDots";function Be(e){let{size:r,color:t,speed:s,className:i,style:a}=e;return d("lz-wave-dots",{size:r,color:t,speed:s,className:i,style:a})}Be.displayName="WaveDots";function We(e){let{size:r,color:t,speed:s,count:i,className:a,style:n}=e;return d("lz-helix-dots",{size:r,color:t,speed:s,count:i,className:a,style:n})}We.displayName="HelixDots";function Ye(e){let{rows:r,cols:t,gap:s,size:i,color:a,speed:n,className:p,style:m}=e;return d("lz-dot-grid-wave",{rows:r,cols:t,gap:s,size:i,color:a,speed:n,className:p,style:m})}Ye.displayName="DotGridWave";function $e(e){let{size:r,color:t,speed:s,strokeWidth:i,className:a,style:n}=e;return d("lz-arc-spinner",{size:r,color:t,speed:s,className:a,style:n,...c("stroke-width",i)})}$e.displayName="ArcSpinner";function qe(e){let{size:r,color:t,colorWeak:s,speed:i,strokeWidth:a,className:n,style:p}=e;return d("lz-material-double-arc",{size:r,color:t,speed:i,className:n,style:p,...c("stroke-width",a),...c("color-weak",s)})}qe.displayName="MaterialDoubleArc";function Ue(e){let{size:r,color:t,colorWeak:s,colorSweep:i,speed:a,className:n,style:p}=e;return d("lz-scan-sweep",{size:r,color:t,speed:a,className:n,style:p,...c("color-weak",s),...c("color-sweep",i)})}Ue.displayName="ScanSweep";function Ke(e){let{size:r,color:t,speed:s,className:i,style:a}=e;return d("lz-orbit-dots",{size:r,color:t,speed:s,className:i,style:a})}Ke.displayName="OrbitDots";function Xe(e){let{size:r,color:t,speed:s,dotSize:i,className:a,style:n}=e;return d("lz-orbit-ring-dots",{size:r,color:t,speed:s,className:a,style:n,...c("dot-size",i)})}Xe.displayName="OrbitRingDots";function Qe(e){let{size:r,color:t,speed:s,className:i,style:a}=e;return d("lz-eyes",{size:r,color:t,speed:s,className:i,style:a})}Qe.displayName="Eyes";function Ve(e){let{size:r,accent:t,speed:s,className:i,style:a}=e;return d("lz-morphing-square",{size:r,accent:t,speed:s,className:i,style:a})}Ve.displayName="MorphingSquare";function Fe(e){let{size:r,color:t,speed:s,className:i,style:a}=e;return d("lz-breathing-pulse",{size:r,color:t,speed:s,className:i,style:a})}Fe.displayName="BreathingPulse";function Je(e){let{size:r,color:t,speed:s,barWidth:i,gap:a,className:n,style:p}=e;return d("lz-equalizer",{size:r,color:t,speed:s,className:n,style:p,...c("bar-width",i),...c("gap",a)})}Je.displayName="Equalizer";function je(e){let{size:r,color:t,trackColor:s,speed:i,strokeWidth:a,percent:n,className:p,style:m}=e;return d("lz-progress-ring",{size:r,color:t,speed:i,percent:n,className:p,style:m,...c("stroke-width",a),...c("track-color",s)})}je.displayName="ProgressRing";function et(e){let{width:r,height:t,accent:s,trackColor:i,speed:a,className:n,style:p}=e;return d("lz-indeterminate-progress-bar",{width:r,height:t,accent:s,speed:a,className:n,style:p,...c("track-color",i)})}et.displayName="IndeterminateProgressBar";function tt(e){let{width:r,height:t,trackColor:s,speed:i,className:a,style:n}=e;return d("lz-skeleton-shimmer",{width:r,height:t,speed:i,className:a,style:n,...c("track-color",s)})}tt.displayName="SkeletonShimmer";function rt(e){let{size:r,color:t,speed:s,className:i,style:a}=e;return d("lz-ellipsis",{size:r,color:t,speed:s,className:i,style:a})}rt.displayName="Ellipsis";function st(e){let{width:r,height:t,percent:s,color:i,speed:a,trackColor:n,className:p,style:m}=e;return d("lz-progress-bar",{width:r,height:t,percent:s,color:i,speed:a,className:p,style:m,...c("track-color",n)})}st.displayName="ProgressBar";function at(e){let{width:r,height:t,trackColor:s,speed:i,className:a,style:n}=e;return d("lz-skeleton-card",{width:r,height:t,speed:i,className:a,style:n,...c("track-color",s)})}at.displayName="SkeletonCard";function it(e){let{width:r,rows:t,trackColor:s,speed:i,className:a,style:n}=e;return d("lz-skeleton-list",{width:r,rows:t,speed:i,className:a,style:n,...c("track-color",s)})}it.displayName="SkeletonList";export{$e as ArcSpinner,Ze as BouncingDots,Fe as BreathingPulse,Ye as DotGridWave,rt as Ellipsis,Je as Equalizer,Qe as Eyes,We as HelixDots,et as IndeterminateProgressBar,qe as MaterialDoubleArc,Ve as MorphingSquare,Ke as OrbitDots,Xe as OrbitRingDots,st as ProgressBar,je as ProgressRing,Ue as ScanSweep,at as SkeletonCard,it as SkeletonList,tt as SkeletonShimmer,He as TypingDots,Be as WaveDots,M as defineAll};
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 Ae(){n(mt,O)}var zt="lz-ios-27-orb",ft=[{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}],ht=27,we=3.2,M=class extends o{constructor(){super(...arguments);this.css=`
431
+ :host {
432
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
433
+ display: inline-block; position: relative; line-height: 1;
434
+ }
435
+ .lz-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
436
+ .lz-dot {
437
+ position: absolute; border-radius: 50%; background: currentColor;
438
+ box-shadow: 0 0 0.12em 0.05em currentColor;
439
+ animation: lz-ios-glow calc(${we}s * var(--lz-speed, 1)) ease-in-out infinite;
440
+ }
441
+ `}template(){let e=0,s='<div role="status" aria-label="Loading">',i=(a,l,c,m=!1)=>{let U=a*Math.PI/180,Ie=m?98:50-48*Math.cos(U),K=`${c.toFixed(3)}em`,q=`-${(c/2).toFixed(3)}em`,Oe=`color-mix(in srgb, var(--lz-color, #f5f5f7) ${Ie.toFixed(0)}%, var(--lz-accent, #0a84ff))`,Me=`-${(e/ht*we).toFixed(3)}s`,Ce=l===0?"":` transform:rotate(${a}deg) translateY(-${l.toFixed(3)}em);`;s+=`<span class="lz-slot" style="${Ce}"><span class="lz-dot" style="width:${K};height:${K};left:${q};top:${q};color:${Oe};animation-delay:${Me}"></span></span>`,e++};for(let a of ft){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 ke(){n(zt,M)}var ut="lz-ai-orb",C=class extends o{constructor(){super(...arguments);this.css=`
442
+ :host {
443
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
444
+ display: inline-block; position: relative; line-height: 1;
445
+ }
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);
454
+ animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
455
+ }
456
+ .lz-orbit {
457
+ position: absolute; inset: 0;
458
+ animation: lz-spin calc(4.5s * var(--lz-speed, 1)) linear infinite;
459
+ }
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;
473
+ background: var(--lz-color, #f5f5f7);
474
+ }
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 Te(){n(ut,C)}var gt="lz-ai-thinking",Z=class extends o{constructor(){super(...arguments);this.css=`
485
+ :host {
486
+ font-size: var(--lz-size, 40px); width: 2.1em; height: 0.66em;
487
+ display: inline-block; position: relative; line-height: 1;
488
+ }
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 Ne(){n(gt,Z)}var bt="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 _e(){n(bt,D)}var vt="lz-waveform",H=class extends o{constructor(){super(...arguments);this.css=`
528
+ :host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
529
+ .lz-wave {
530
+ display: flex; align-items: center; gap: var(--lz-gap, 4px);
531
+ height: 1em;
532
+ }
533
+ .lz-bar {
534
+ width: var(--lz-bar-width, 4px); height: 1em; border-radius: 2px;
535
+ transform-origin: center;
536
+ background: var(--lz-color, #f5f5f7);
537
+ animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
538
+ }
539
+ .lz-bar.accent { background: var(--lz-accent, #0a84ff); }
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 Ee(){n(vt,H)}var xt="lz-vinyl",B=class extends o{constructor(){super(...arguments);this.css=`
541
+ :host {
542
+ font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
543
+ display: inline-block; position: relative; line-height: 1;
544
+ }
545
+ .lz-disc {
546
+ position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
547
+ background:
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%);
551
+ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
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%);
557
+ }
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;
576
+ animation: lz-needle-bob calc(1.8s * var(--lz-speed, 1)) ease-in-out infinite;
577
+ }
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);
602
+ }
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 Le(){n(xt,B)}var yt="lz-sonar",Pe=3.6,$=class extends o{constructor(){super(...arguments);this.css=`
604
+ :host {
605
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
606
+ display: inline-block; position: relative; line-height: 1;
607
+ }
608
+ .lz-core {
609
+ position: absolute; left: 50%; top: 50%;
610
+ width: 0.18em; height: 0.18em; margin: -0.09em 0 0 -0.09em; border-radius: 50%;
611
+ background: var(--lz-color, #f5f5f7);
612
+ box-shadow: 0 0 calc(0.2em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
613
+ }
614
+ .lz-ring {
615
+ position: absolute; inset: 0.14em; border-radius: 50%;
616
+ border: 1px solid var(--lz-accent, #0a84ff);
617
+ animation: lz-sonar-ring calc(${Pe}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
618
+ }
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*Pe/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(){n(yt,$)}var At="lz-music-note",W=class extends o{constructor(){super(...arguments);this.css=`
620
+ :host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
621
+ .lz-notes { display: flex; align-items: center; gap: 0.5em; }
622
+ .lz-note {
623
+ position: relative; display: inline-block;
624
+ width: 0.42em; height: 0.88em;
625
+ animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
626
+ }
627
+ .lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }
628
+ .lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }
629
+ .lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }
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 Re(){n(At,W)}var wt="lz-activity-rings",Y=class extends o{constructor(){super(...arguments);this.css=`
652
+ :host {
653
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
654
+ display: inline-block; line-height: 1;
655
+ }
656
+ .lz-svg { width: 1em; height: 1em; display: block; }
657
+ .lz-g { animation: lz-spin calc(2.8s * var(--lz-speed, 1)) linear infinite; transform-origin: center; }
658
+ .lz-g.mid { animation-duration: calc(3.6s * var(--lz-speed, 1)); animation-direction: reverse; }
659
+ .lz-g.inner { animation-duration: calc(2.1s * var(--lz-speed, 1)); }
660
+ .lz-track { fill: none; stroke: var(--lz-track, rgba(255,255,255,0.08)); stroke-width: 5; }
661
+ .lz-ring { fill: none; stroke-linecap: round; stroke-width: 5; }
662
+ .lz-outer { stroke: var(--lz-accent, #fa114f); stroke-dasharray: 209 58; }
663
+ .lz-mid { stroke: var(--lz-color, #30d158); stroke-dasharray: 169 48; }
664
+ .lz-inner { stroke: var(--lz-color-weak, #32d7ff); stroke-dasharray: 128 39; }
665
+ `}template(){return`<svg class="lz-svg" viewBox="0 0 100 100" role="img" aria-label="Loading">
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>
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>
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>
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 Ge(){n(wt,Y)}function V(){te(),re(),se(),ae(),ie(),oe(),le(),ne(),ce(),pe(),me(),ze(),fe(),he(),ue(),ge(),be(),ve(),xe(),ye(),Ae(),ke(),Te(),Ne(),_e(),Ee(),Le(),Se(),Re(),Ge()}import{jsx as d}from"react/jsx-runtime";V();var p=(t,r)=>r===void 0?{}:{[t]:String(r)};function kt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return d("lz-bouncing-dots",{size:r,color:e,speed:s,className:i,style:a})}kt.displayName="BouncingDots";function Tt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return d("lz-typing-dots",{size:r,color:e,speed:s,className:i,style:a})}Tt.displayName="TypingDots";function Nt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return d("lz-wave-dots",{size:r,color:e,speed:s,className:i,style:a})}Nt.displayName="WaveDots";function _t(t){let{size:r,color:e,speed:s,count:i,className:a,style:l}=t;return d("lz-helix-dots",{size:r,color:e,speed:s,count:i,className:a,style:l})}_t.displayName="HelixDots";function Et(t){let{rows:r,cols:e,gap:s,size:i,color:a,speed:l,className:c,style:m}=t;return d("lz-dot-grid-wave",{rows:r,cols:e,gap:s,size:i,color:a,speed:l,className:c,style:m})}Et.displayName="DotGridWave";function Lt(t){let{size:r,color:e,speed:s,strokeWidth:i,className:a,style:l}=t;return d("lz-arc-spinner",{size:r,color:e,speed:s,className:a,style:l,...p("stroke-width",i)})}Lt.displayName="ArcSpinner";function Pt(t){let{size:r,color:e,colorWeak:s,speed:i,strokeWidth:a,className:l,style:c}=t;return d("lz-material-double-arc",{size:r,color:e,speed:i,className:l,style:c,...p("stroke-width",a),...p("color-weak",s)})}Pt.displayName="MaterialDoubleArc";function St(t){let{size:r,color:e,colorWeak:s,colorSweep:i,speed:a,className:l,style:c}=t;return d("lz-scan-sweep",{size:r,color:e,speed:a,className:l,style:c,...p("color-weak",s),...p("color-sweep",i)})}St.displayName="ScanSweep";function Rt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return d("lz-orbit-dots",{size:r,color:e,speed:s,className:i,style:a})}Rt.displayName="OrbitDots";function Gt(t){let{size:r,color:e,speed:s,dotSize:i,className:a,style:l}=t;return d("lz-orbit-ring-dots",{size:r,color:e,speed:s,className:a,style:l,...p("dot-size",i)})}Gt.displayName="OrbitRingDots";function It(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return d("lz-eyes",{size:r,color:e,speed:s,className:i,style:a})}It.displayName="Eyes";function Ot(t){let{size:r,accent:e,speed:s,className:i,style:a}=t;return d("lz-morphing-square",{size:r,accent:e,speed:s,className:i,style:a})}Ot.displayName="MorphingSquare";function Mt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return d("lz-breathing-pulse",{size:r,color:e,speed:s,className:i,style:a})}Mt.displayName="BreathingPulse";function Ct(t){let{size:r,color:e,speed:s,barWidth:i,gap:a,className:l,style:c}=t;return d("lz-equalizer",{size:r,color:e,speed:s,className:l,style:c,...p("bar-width",i),...p("gap",a)})}Ct.displayName="Equalizer";function Zt(t){let{size:r,color:e,trackColor:s,speed:i,strokeWidth:a,percent:l,className:c,style:m}=t;return d("lz-progress-ring",{size:r,color:e,speed:i,percent:l,className:c,style:m,...p("stroke-width",a),...p("track-color",s)})}Zt.displayName="ProgressRing";function Dt(t){let{width:r,height:e,accent:s,trackColor:i,speed:a,className:l,style:c}=t;return d("lz-indeterminate-progress-bar",{width:r,height:e,accent:s,speed:a,className:l,style:c,...p("track-color",i)})}Dt.displayName="IndeterminateProgressBar";function Ht(t){let{width:r,height:e,trackColor:s,speed:i,className:a,style:l}=t;return d("lz-skeleton-shimmer",{width:r,height:e,speed:i,className:a,style:l,...p("track-color",s)})}Ht.displayName="SkeletonShimmer";function Bt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return d("lz-ellipsis",{size:r,color:e,speed:s,className:i,style:a})}Bt.displayName="Ellipsis";function $t(t){let{width:r,height:e,percent:s,color:i,speed:a,trackColor:l,className:c,style:m}=t;return d("lz-progress-bar",{width:r,height:e,percent:s,color:i,speed:a,className:c,style:m,...p("track-color",l)})}$t.displayName="ProgressBar";function Wt(t){let{width:r,height:e,trackColor:s,speed:i,className:a,style:l}=t;return d("lz-skeleton-card",{width:r,height:e,speed:i,className:a,style:l,...p("track-color",s)})}Wt.displayName="SkeletonCard";function Yt(t){let{width:r,rows:e,trackColor:s,speed:i,className:a,style:l}=t;return d("lz-skeleton-list",{width:r,rows:e,speed:i,className:a,style:l,...p("track-color",s)})}Yt.displayName="SkeletonList";function Ut(t){let{size:r,color:e,accent:s,speed:i,className:a,style:l}=t;return d("lz-ios-27-orb",{size:r,color:e,accent:s,speed:i,className:a,style:l})}Ut.displayName="Ios27Orb";function Vt(t){let{size:r,color:e,accent:s,speed:i,className:a,style:l}=t;return d("lz-ai-orb",{size:r,color:e,accent:s,speed:i,className:a,style:l})}Vt.displayName="AiOrb";function Kt(t){let{size:r,color:e,accent:s,speed:i,className:a,style:l}=t;return d("lz-ai-thinking",{size:r,color:e,accent:s,speed:i,className:a,style:l})}Kt.displayName="AiThinking";function qt(t){let{size:r,color:e,rows:s,cols:i,gap:a,speed:l,className:c,style:m}=t;return d("lz-ai-neural",{size:r,color:e,rows:s,cols:i,gap:a,speed:l,className:c,style:m})}qt.displayName="AiNeural";function Ft(t){let{size:r,color:e,accent:s,speed:i,count:a,barWidth:l,gap:c,className:m,style:U}=t;return d("lz-waveform",{size:r,color:e,accent:s,speed:i,count:a,className:m,style:U,...p("bar-width",l),...p("gap",c)})}Ft.displayName="Waveform";function Xt(t){let{size:r,color:e,accent:s,speed:i,className:a,style:l}=t;return d("lz-vinyl",{size:r,color:e,accent:s,speed:i,className:a,style:l})}Xt.displayName="Vinyl";function Qt(t){let{size:r,color:e,accent:s,speed:i,count:a,className:l,style:c}=t;return d("lz-sonar",{size:r,color:e,accent:s,speed:i,count:a,className:l,style:c})}Qt.displayName="Sonar";function jt(t){let{size:r,color:e,speed:s,count:i,className:a,style:l}=t;return d("lz-music-note",{size:r,color:e,speed:s,count:i,className:a,style:l})}jt.displayName="MusicNote";function Jt(t){let{size:r,color:e,accent:s,colorWeak:i,speed:a,className:l,style:c}=t;return d("lz-activity-rings",{size:r,color:e,accent:s,speed:a,className:l,style:c,...p("color-weak",i)})}Jt.displayName="ActivityRings";export{Jt as ActivityRings,qt as AiNeural,Vt as AiOrb,Kt as AiThinking,Lt as ArcSpinner,kt as BouncingDots,Mt as BreathingPulse,Et as DotGridWave,Bt as Ellipsis,Ct as Equalizer,It as Eyes,_t as HelixDots,Dt as IndeterminateProgressBar,Ut as Ios27Orb,Pt as MaterialDoubleArc,Ot as MorphingSquare,jt as MusicNote,Rt as OrbitDots,Gt as OrbitRingDots,$t as ProgressBar,Zt as ProgressRing,St as ScanSweep,Wt as SkeletonCard,Yt as SkeletonList,Ht as SkeletonShimmer,Qt as Sonar,Tt as TypingDots,Xt as Vinyl,Nt as WaveDots,Ft as Waveform,V as defineAll};
373
670
  //# sourceMappingURL=react.js.map