loading-state-zoo 0.3.0 → 0.4.1

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";var rt=Object.defineProperty;var pt=Object.getOwnPropertyDescriptor;var zt=Object.getOwnPropertyNames;var mt=Object.prototype.hasOwnProperty;var it=a=>{throw TypeError(a)};var ht=(a,i)=>{for(var r in i)rt(a,r,{get:i[r],enumerable:!0})},vt=(a,i,r,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of zt(i))!mt.call(a,o)&&o!==r&&rt(a,o,{get:()=>i[o],enumerable:!(s=pt(i,o))||s.enumerable});return a};var bt=a=>vt(rt({},"__esModule",{value:!0}),a);var st=(a,i,r)=>i.has(a)||it("Cannot "+r);var ot=(a,i,r)=>(st(a,i,"read from private field"),r?r.call(a):i.get(a)),nt=(a,i,r)=>i.has(a)?it("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(a):i.set(a,r),lt=(a,i,r,s)=>(st(a,i,"write to private field"),s?s.call(a,r):i.set(a,r),r);var Rt={};ht(Rt,{ACTIVITY_RINGS_TAG:()=>Je,ARC_SPINNER_TAG:()=>ee,AURA_ORB_TAG:()=>Ue,BOUNCING_DOTS_TAG:()=>H,BREATHING_PULSE_TAG:()=>he,DOT_GRID_WAVE_TAG:()=>j,DOT_ORB_TAG:()=>Ce,ELLIPSIS_TAG:()=>we,EQUALIZER_TAG:()=>be,EYES_TAG:()=>fe,HELIX_DOTS_TAG:()=>X,INDETERMINATE_PROGRESS_BAR_TAG:()=>Ae,KEYFRAMES:()=>at,LZPattern:()=>e,MATERIAL_DOUBLE_ARC_TAG:()=>ae,MORPHING_ORB_TAG:()=>Ie,MORPHING_SQUARE_TAG:()=>ze,MUSIC_NOTE_TAG:()=>Qe,ORBIT_DOTS_TAG:()=>ne,ORBIT_RING_DOTS_TAG:()=>de,PLANET_ORB_TAG:()=>$e,PROGRESS_BAR_TAG:()=>ke,PROGRESS_RING_TAG:()=>ue,PULSING_ORB_TAG:()=>Ne,SCAN_SWEEP_TAG:()=>se,SCOPED_CSS:()=>Z,SIRI_ORB_TAG:()=>De,SKELETON_CARD_TAG:()=>Se,SKELETON_LIST_TAG:()=>Pe,SKELETON_SHIMMER_TAG:()=>ye,SONAR_TAG:()=>Fe,TYPING_DOTS_TAG:()=>V,VINYL_TAG:()=>Ke,WAVEFORM_TAG:()=>We,WAVE_DOTS_TAG:()=>q,define:()=>t,defineActivityRings:()=>$,defineAll:()=>et,defineArcSpinner:()=>h,defineAuraOrb:()=>M,defineBouncingDots:()=>c,defineBreathingPulse:()=>_,defineDotGridWave:()=>m,defineDotOrb:()=>L,defineEllipsis:()=>k,defineEqualizer:()=>y,defineEyes:()=>x,defineHelixDots:()=>z,defineIndeterminateProgressBar:()=>w,defineMaterialDoubleArc:()=>v,defineMorphingOrb:()=>O,defineMorphingSquare:()=>A,defineMusicNote:()=>Y,defineOrbitDots:()=>g,defineOrbitRingDots:()=>u,definePlanetOrb:()=>I,defineProgressBar:()=>G,defineProgressRing:()=>T,definePulsingOrb:()=>P,defineScanSweep:()=>b,defineSiriOrb:()=>N,defineSkeletonCard:()=>S,defineSkeletonList:()=>E,defineSkeletonShimmer:()=>R,defineSonar:()=>C,defineTypingDots:()=>f,defineVinyl:()=>B,defineWaveDots:()=>p,defineWaveform:()=>D});module.exports=bt(Rt);var at=`
+"use strict";var Me=Object.defineProperty;var Ke=Object.getOwnPropertyDescriptor;var qe=Object.getOwnPropertyNames;var Fe=Object.prototype.hasOwnProperty;var Be=a=>{throw TypeError(a)};var Xe=(a,i)=>{for(var e in i)Me(a,e,{get:i[e],enumerable:!0})},Qe=(a,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of qe(i))!Fe.call(a,o)&&o!==e&&Me(a,o,{get:()=>i[o],enumerable:!(s=Ke(i,o))||s.enumerable});return a};var je=a=>Qe(Me({},"__esModule",{value:!0}),a);var Ye=(a,i,e)=>i.has(a)||Be("Cannot "+e);var $e=(a,i,e)=>(Ye(a,i,"read from private field"),e?e.call(a):i.get(a)),Ze=(a,i,e)=>i.has(a)?Be("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(a):i.set(a,e),He=(a,i,e,s)=>(Ye(a,i,"write to private field"),s?s.call(a,e):i.set(a,e),e);var ot={};Xe(ot,{ACTIVITY_RINGS_TAG:()=>Oe,ARC_SPINNER_TAG:()=>q,BOUNCING_DOTS_TAG:()=>C,BREATHING_PULSE_TAG:()=>de,DOT_GRID_WAVE_TAG:()=>V,ELLIPSIS_TAG:()=>ue,EQUALIZER_TAG:()=>fe,EYES_TAG:()=>se,HELIX_DOTS_TAG:()=>U,INDETERMINATE_PROGRESS_BAR_TAG:()=>he,KEYFRAMES:()=>Ce,LZPattern:()=>t,MATERIAL_DOUBLE_ARC_TAG:()=>Q,MORPHING_SQUARE_TAG:()=>le,MUSIC_NOTE_TAG:()=>Le,ORBIT_DOTS_TAG:()=>te,ORBIT_RING_DOTS_TAG:()=>ae,PROGRESS_BAR_TAG:()=>we,PROGRESS_RING_TAG:()=>ze,SCAN_SWEEP_TAG:()=>J,SCOPED_CSS:()=>D,SKELETON_CARD_TAG:()=>_e,SKELETON_LIST_TAG:()=>ke,SKELETON_SHIMMER_TAG:()=>ge,SONAR_TAG:()=>Pe,TYPING_DOTS_TAG:()=>Y,VINYL_TAG:()=>Ee,WAVEFORM_TAG:()=>Re,WAVE_DOTS_TAG:()=>Z,define:()=>r,defineActivityRings:()=>O,defineAll:()=>De,defineArcSpinner:()=>h,defineBouncingDots:()=>c,defineBreathingPulse:()=>A,defineDotGridWave:()=>m,defineEllipsis:()=>R,defineEqualizer:()=>_,defineEyes:()=>x,defineHelixDots:()=>z,defineIndeterminateProgressBar:()=>k,defineMaterialDoubleArc:()=>v,defineMorphingSquare:()=>w,defineMusicNote:()=>I,defineOrbitDots:()=>b,defineOrbitRingDots:()=>u,defineProgressBar:()=>S,defineProgressRing:()=>y,defineScanSweep:()=>g,defineSkeletonCard:()=>E,defineSkeletonList:()=>G,defineSkeletonShimmer:()=>T,defineSonar:()=>L,defineTypingDots:()=>f,defineVinyl:()=>N,defineWaveDots:()=>p,defineWaveform:()=>P});module.exports=je(ot);var Ce=`
 @keyframes lz-spin { to { transform: rotate(360deg); } }
 @keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
 @keyframes lz-dot-bounce {
@@ -68,21 +68,6 @@
   0%, 100% { transform: scale(1); opacity: 1; }
   50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
 }
-@keyframes lz-blob-morph {
-  0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
-  25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }
-  50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }
-  75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }
-  100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
-}
-@keyframes lz-siri-sheen {
-  0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }
-  100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }
-}
-@keyframes lz-dot-orb {
-  0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }
-  50% { opacity: 1; transform: scale(1); }
-}
 @keyframes lz-waveform {
   0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
   50% { transform: scaleY(1); }
@@ -98,10 +83,10 @@
   75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }
 }
 @keyframes lz-needle-bob {
-  0%, 100% { transform: rotate(38deg); }
-  50% { transform: rotate(43deg); }
+  0%, 100% { transform: rotate(22deg); }
+  50% { transform: rotate(27deg); }
 }
-`,Z=`
+`,D=`
 :host {
   display: inline-flex;
   font-size: var(--lz-size, 44px);
@@ -110,9 +95,9 @@
 .lz-root {
   display: contents;
 }
-${at}
-`;var gt=typeof HTMLElement<"u",ut=gt?HTMLElement:class{},d,e=class extends ut{constructor(){super(...arguments);nt(this,d,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${Z}
-${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),lt(this,d,!0),this.paint()}attributeChangedCallback(){ot(this,d)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,s){let o=this.getAttribute(r);if(o===null||o==="")return s;let n=Number(o);return Number.isFinite(n)?n:s}varPx(r,s,o){let n=this.getAttribute(s);n!==null&&n!==""&&Number.isFinite(Number(n))?this.style.setProperty(r,`${Number(n)}px`):this.style.removeProperty(r)}varNum(r,s,o){let n=this.getAttribute(s);n!==null&&n!==""&&Number.isFinite(Number(n))?this.style.setProperty(r,String(Number(n))):this.style.removeProperty(r)}varRaw(r,s,o){let n=this.getAttribute(s);n!==null&&n!==""?this.style.setProperty(r,n):this.style.removeProperty(r)}};d=new WeakMap,e.observedAttributes=[];function t(a,i){typeof customElements>"u"||customElements.get(a)||customElements.define(a,i)}var H="lz-bouncing-dots",U=class extends e{constructor(){super(...arguments);this.css=`
+${Ce}
+`;var Je=typeof HTMLElement<"u",et=Je?HTMLElement:class{},d,t=class extends et{constructor(){super(...arguments);Ze(this,d,!1)}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:"open"});e.innerHTML=`<style>${D}
+${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".lz-root"),He(this,d,!0),this.paint()}attributeChangedCallback(){$e(this,d)&&this.paint()}paint(){this.sync();let e=this._rootEl;e&&(e.innerHTML=this.template())}num(e,s){let o=this.getAttribute(e);if(o===null||o==="")return s;let l=Number(o);return Number.isFinite(l)?l:s}varPx(e,s,o){let l=this.getAttribute(s);l!==null&&l!==""&&Number.isFinite(Number(l))?this.style.setProperty(e,`${Number(l)}px`):this.style.removeProperty(e)}varNum(e,s,o){let l=this.getAttribute(s);l!==null&&l!==""&&Number.isFinite(Number(l))?this.style.setProperty(e,String(Number(l))):this.style.removeProperty(e)}varRaw(e,s,o){let l=this.getAttribute(s);l!==null&&l!==""?this.style.setProperty(e,l):this.style.removeProperty(e)}};d=new WeakMap,t.observedAttributes=[];function r(a,i){typeof customElements>"u"||customElements.get(a)||customElements.define(a,i)}var C="lz-bouncing-dots",M=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.7em; }
 .lz-dot {
@@ -122,7 +107,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 .lz-dot:nth-child(2) { animation-delay: 0.15s; }
 .lz-dot:nth-child(3) { animation-delay: 0.3s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};U.observedAttributes=["size","color","speed"];function c(){t(H,U)}var V="lz-typing-dots",W=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};M.observedAttributes=["size","color","speed"];function c(){r(C,M)}var Y="lz-typing-dots",B=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.8em; }
 .lz-dot {
@@ -132,7 +117,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 .lz-dot:nth-child(2) { animation-delay: -0.18s; }
 .lz-dot:nth-child(3) { animation-delay: -0.36s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};W.observedAttributes=["size","color","speed"];function f(){t(V,W)}var q="lz-wave-dots",K=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};B.observedAttributes=["size","color","speed"];function f(){r(Y,B)}var Z="lz-wave-dots",$=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.6em; }
 .lz-dot {
@@ -143,7 +128,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-dot:nth-child(2) { animation-delay: -0.1s; }
 .lz-dot:nth-child(3) { animation-delay: -0.2s; }
 .lz-dot:nth-child(4) { animation-delay: -0.3s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};K.observedAttributes=["size","color","speed"];function p(){t(q,K)}var X="lz-helix-dots",xt=1.4,F=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><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)}};$.observedAttributes=["size","color","speed"];function p(){r(Z,$)}var U="lz-helix-dots",tt=1.4,H=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 6px); }
 .lz-dots { display: flex; gap: 0.9em; }
 .lz-dot {
@@ -151,7 +136,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){let r=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let o=0;o<r;o++)s+=`<span class="lz-dot" style="animation-delay:-${(xt/r*o).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)}};F.observedAttributes=["size","count","color","speed"];function z(){t(X,F)}var j="lz-dot-grid-wave",Q=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){let e=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let o=0;o<e;o++)s+=`<span class="lz-dot" style="animation-delay:-${(tt/e*o).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)}};H.observedAttributes=["size","count","color","speed"];function z(){r(U,H)}var V="lz-dot-grid-wave",W=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 6px); }
 .lz-grid {
   display: grid;
@@ -163,10 +148,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){let r=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),o='<div class="lz-grid" role="status" aria-label="Loading">';for(let n=0;n<r;n++)for(let l=0;l<s;l++)o+=`<span class="lz-dot" style="animation-delay:-${((n+l)*.08).toFixed(3)}s"></span>`;return`${o}</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)}};Q.observedAttributes=["rows","cols","size","gap","color","speed"];function m(){t(j,Q)}var ee="lz-arc-spinner",At=`
+`}template(){let e=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),o='<div class="lz-grid" role="status" aria-label="Loading">';for(let l=0;l<e;l++)for(let n=0;n<s;n++)o+=`<span class="lz-dot" style="animation-delay:-${((l+n)*.08).toFixed(3)}s"></span>`;return`${o}</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)}};W.observedAttributes=["rows","cols","size","gap","color","speed"];function m(){r(V,W)}var q="lz-arc-spinner",rt=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
-`,J=class extends e{constructor(){super(...arguments);this.css=`
+`,K=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
 .lz-ring {
   width: 100%; height: 100%; border-radius: 50%;
@@ -176,55 +161,81 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
     var(--lz-color, #f5f5f7) 110deg,
     transparent 111deg
   );
-  ${At}
+  ${rt}
   animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};J.observedAttributes=["size","stroke-width","color","speed"];function h(){t(ee,J)}var ae="lz-material-double-arc",_t=`
+`}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)}};K.observedAttributes=["size","stroke-width","color","speed"];function h(){r(q,K)}var Q="lz-material-double-arc",at=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
-`,te="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",re=class extends e{constructor(){super(...arguments);this.css=`
+`,F="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",X=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-arc {
   position: absolute; inset: 0; border-radius: 50%;
-  ${_t}
+  ${at}
 }
 .lz-arc-a {
-  background: conic-gradient(from 0deg, ${te} 0deg, ${te} 135deg, transparent 136deg);
+  background: conic-gradient(from 0deg, ${F} 0deg, ${F} 135deg, transparent 136deg);
   animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
 }
 .lz-arc-b {
   opacity: 0.6;
-  background: conic-gradient(from 200deg, ${te} 0deg, ${te} 90deg, transparent 91deg);
+  background: conic-gradient(from 200deg, ${F} 0deg, ${F} 90deg, transparent 91deg);
   animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};re.observedAttributes=["size","stroke-width","color","speed"];function v(){t(ae,re)}var se="lz-scan-sweep",ie=class extends e{constructor(){super(...arguments);this.css=`
-:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
+`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};X.observedAttributes=["size","stroke-width","color","speed"];function v(){r(Q,X)}var J="lz-scan-sweep",it=8,j=class extends t{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; display: inline-block; line-height: 1; }
 .lz-ring {
   position: absolute; inset: 0; border-radius: 50%;
   border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));
 }
+.lz-dial {
+  position: absolute; inset: 0.075em; border-radius: 50%;
+  border: 1px dashed rgba(255, 255, 255, 0.1);
+  animation: lz-spin-reverse calc(12s * var(--lz-speed, 1)) linear infinite;
+}
 .lz-ring-inner {
-  position: absolute; inset: 0.28em; border-radius: 50%;
+  position: absolute; inset: 0.27em; border-radius: 50%;
+  border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
+}
+.lz-tick-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
+.lz-tick {
+  position: absolute; left: -0.025em; top: 0;
+  width: 0.05em; height: 0.14em; border-radius: 1px;
+  background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
+}
+.lz-tick.short { height: 0.09em; }
+.lz-core-ring {
+  position: absolute; left: 50%; top: 50%;
+  width: 0.26em; height: 0.26em; margin: -0.13em 0 0 -0.13em; border-radius: 50%;
   border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
 }
 .lz-core {
-  position: absolute; width: 0.14em; height: 0.14em;
-  left: 0.43em; top: 0.43em; border-radius: 50%;
+  position: absolute; width: 0.1em; height: 0.1em;
+  left: 0.45em; top: 0.45em; border-radius: 50%;
   background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
+  box-shadow: 0 0 0.18em 0.03em color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent);
 }
 .lz-sweep {
   position: absolute; inset: 0; border-radius: 50%;
   background: conic-gradient(
     from 0deg,
     var(--lz-color, #f5f5f7) 0deg,
-    var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 60deg,
-    transparent 90deg
+    var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 8deg,
+    color-mix(in srgb, var(--lz-color, #f5f5f7) 5%, transparent) 55deg,
+    transparent 95deg
   );
   -webkit-mask: radial-gradient(closest-side, #000 100%);
   mask: radial-gradient(closest-side, #000 100%);
-  animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
+  animation: lz-spin calc(4s * var(--lz-speed, 1)) linear infinite;
+}
+.lz-sweep-edge {
+  position: absolute; inset: 0; border-radius: 50%;
+  background: conic-gradient(from 0deg, var(--lz-color, #f5f5f7) 0deg, transparent 5deg);
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
+  mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
+  animation: lz-spin calc(4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};ie.observedAttributes=["size","color","speed"];function b(){t(se,ie)}var ne="lz-orbit-dots",oe=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){let e="";for(let s=0;s<it;s++){let o=s%2===1;e+=`<span class="lz-tick-slot" style="transform:rotate(${s*45}deg) translateY(-0.5em)"><span class="lz-tick${o?" 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)}};j.observedAttributes=["size","color","speed"];function g(){r(J,j)}var te="lz-orbit-dots",ee=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit {
   position: absolute; inset: 0;
@@ -239,7 +250,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
 .lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
 .lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
-`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};oe.observedAttributes=["size","color","speed"];function g(){t(ne,oe)}var de="lz-orbit-ring-dots",dt=8,le=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};ee.observedAttributes=["size","color","speed"];function b(){r(te,ee)}var ae="lz-orbit-ring-dots",Ue=8,re=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit { position: absolute; inset: 0; }
 .lz-dot {
@@ -250,7 +261,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){let r='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<dt;s++){let o=360/dt*s;r+=`<span class="lz-dot" style="transform:rotate(${o}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${r}</div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-dot-size","dot-size",7.92),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};le.observedAttributes=["size","dot-size","color","speed"];function u(){t(de,le)}var fe="lz-eyes",ce=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){let e='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<Ue;s++){let o=360/Ue*s;e+=`<span class="lz-dot" style="transform:rotate(${o}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)}};re.observedAttributes=["size","dot-size","color","speed"];function u(){r(ae,re)}var se="lz-eyes",ie=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); }
 .lz-eyes { display: flex; gap: 0.24em; }
 .lz-eye {
@@ -264,7 +275,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
   animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};ce.observedAttributes=["size","color","speed"];function x(){t(fe,ce)}var ze="lz-morphing-square",pe=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};ie.observedAttributes=["size","color","speed"];function x(){r(se,ie)}var le="lz-morphing-square",oe=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 44px);
   width: 1em; height: 1em;
@@ -272,14 +283,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
   animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};pe.observedAttributes=["size","accent","speed"];function A(){t(ze,pe)}var he="lz-breathing-pulse",me=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};oe.observedAttributes=["size","accent","speed"];function w(){r(le,oe)}var de="lz-breathing-pulse",ne=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 36px);
   width: 1em; height: 1em; border-radius: 50%;
   background: var(--lz-color, #f5f5f7);
   animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};me.observedAttributes=["size","color","speed"];function _(){t(he,me)}var be="lz-equalizer",ve=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ne.observedAttributes=["size","color","speed"];function A(){r(de,ne)}var fe="lz-equalizer",ce=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 22px); }
 .lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
 .lz-bar {
@@ -292,12 +303,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-bar:nth-child(2) { animation-delay: 0.12s; }
 .lz-bar:nth-child(3) { animation-delay: 0.24s; }
 .lz-bar:nth-child(4) { animation-delay: 0.36s; }
-`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ve.observedAttributes=["size","bar-width","gap","color","speed"];function y(){t(be,ve)}var ue="lz-progress-ring",yt=`
+`}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)}};ce.observedAttributes=["size","bar-width","gap","color","speed"];function _(){r(fe,ce)}var ze="lz-progress-ring",st=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
-`,ge=class extends e{constructor(){super(...arguments);this.css=`
+`,pe=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
-.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${yt} }
+.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${st} }
 .lz-track {
   background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
 }
@@ -305,7 +316,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
   transition: background 0.2s ease;
 }
-`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};ge.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function T(){t(ue,ge)}var Ae="lz-indeterminate-progress-bar",xe=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};pe.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function y(){r(ze,pe)}var he="lz-indeterminate-progress-bar",me=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: inline-block;
   width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -318,7 +329,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-accent, #0a84ff);
   animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};xe.observedAttributes=["width","height","accent","track-color","speed"];function w(){t(Ae,xe)}var ye="lz-skeleton-shimmer",_e=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};me.observedAttributes=["width","height","accent","track-color","speed"];function k(){r(he,me)}var ge="lz-skeleton-shimmer",ve=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: inline-block;
   width: var(--lz-width, 120px); height: var(--lz-height, 28px);
@@ -330,7 +341,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
   animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};_e.observedAttributes=["width","height","track-color","speed"];function R(){t(ye,_e)}var we="lz-ellipsis",Te=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};ve.observedAttributes=["width","height","track-color","speed"];function T(){r(ge,ve)}var ue="lz-ellipsis",be=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   display: inline-flex; gap: 0.2em; align-items: center;
   font-size: var(--lz-size, 8px); line-height: 1;
@@ -342,7 +353,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 .lz-dot:nth-child(2) { animation-delay: -0.45s; }
 .lz-dot:nth-child(3) { animation-delay: -0.9s; }
-`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};Te.observedAttributes=["size","color","speed"];function k(){t(we,Te)}var ke="lz-progress-bar",Re=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};be.observedAttributes=["size","color","speed"];function R(){r(ue,be)}var we="lz-progress-bar",xe=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   display: inline-block; position: relative;
   width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -356,7 +367,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   border-radius: inherit;
 }
-`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let r=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${r}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${r/100})`),this.setAttribute("aria-valuenow",String(r))}};Re.observedAttributes=["width","height","percent","color","track-color","speed"];function G(){t(ke,Re)}var Se="lz-skeleton-card",Ge=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let 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))}};xe.observedAttributes=["width","height","percent","color","track-color","speed"];function S(){r(we,xe)}var _e="lz-skeleton-card",Ae=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: inline-block;
   width: var(--lz-width, 200px); height: var(--lz-height, 64px);
@@ -381,7 +392,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
   animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};Ge.observedAttributes=["width","height","track-color","speed"];function S(){t(Se,Ge)}var Pe="lz-skeleton-list",Ee=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};Ae.observedAttributes=["width","height","track-color","speed"];function E(){r(_e,Ae)}var ke="lz-skeleton-list",ye=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: block;
   width: var(--lz-width, 180px);
@@ -406,122 +417,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
   animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){let r=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],o='<div role="status" aria-label="Loading">';for(let n=0;n<r;n++){let l=s[n%s.length];o+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${l}"></div></div>`}return`${o}</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)}};Ee.observedAttributes=["width","rows","track-color","speed"];function E(){t(Pe,Ee)}var Ne="lz-pulsing-orb",Oe=class extends e{constructor(){super(...arguments);this.css=`
-:host {
-  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
-  display: inline-block; line-height: 1;
-}
-.lz-orb {
-  width: 100%; height: 100%; border-radius: 50%;
-  background: radial-gradient(circle at 35% 32%,
-    var(--lz-accent, #0a84ff) 0%,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 55%,
-    transparent 72%);
-  box-shadow: 0 0 calc(0.5em) color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent);
-  animation: lz-orb-breathe calc(2.2s * var(--lz-speed, 1)) ease-in-out infinite;
-}
-`}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)}};Oe.observedAttributes=["size","accent","speed"];function P(){t(Ne,Oe)}var Ie="lz-morphing-orb",Le=class extends e{constructor(){super(...arguments);this.css=`
-:host {
-  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
-  display: inline-block; line-height: 1;
-  background: radial-gradient(circle at 34% 30%,
-    var(--lz-accent, #0a84ff) 0%,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 60%, transparent) 62%,
-    transparent 78%);
-  box-shadow: 0 0 calc(0.55em) color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
-  animation: lz-blob-morph calc(3.4s * var(--lz-speed, 1)) ease-in-out infinite;
-}
-`}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)}};Le.observedAttributes=["size","accent","speed"];function O(){t(Ie,Le)}var De="lz-siri-orb",Me=class extends e{constructor(){super(...arguments);this.css=`
-:host {
-  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
-  display: inline-block; line-height: 1;
-  position: relative; overflow: hidden; border-radius: 50%;
-  background: radial-gradient(circle at 30% 28%,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white) 0%,
-    transparent 60%);
-  animation: lz-orb-breathe calc(2.6s * var(--lz-speed, 1)) ease-in-out infinite;
-}
-.lz-sheen {
-  position: absolute; width: 2.4em; height: 2.4em;
-  left: 50%; top: 50%; margin: -1.2em 0 0 -1.2em;
-  background: conic-gradient(from 0deg at 50% 50%,
-    transparent 0deg,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 55%, transparent) 40deg,
-    transparent 90deg,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent) 150deg,
-    transparent 200deg,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 50%, transparent) 270deg,
-    transparent 360deg);
-  animation: lz-siri-sheen calc(5s * var(--lz-speed, 1)) linear infinite;
-  opacity: 0.9;
-}
-`}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)}};Me.observedAttributes=["size","accent","speed"];function N(){t(De,Me)}var Ce="lz-dot-orb",Tt=-.32,Be=class extends e{constructor(){super(...arguments);this.css=`
-:host {
-  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
-  display: inline-block; position: relative; line-height: 1;
-}
-.lz-slot {
-  position: absolute; left: 50%; top: 50%;
-  width: 0; height: 0;
-}
-.lz-dot {
-  position: absolute; left: -0.08em; top: -0.08em;
-  width: 0.16em; height: 0.16em; border-radius: 50%;
-  background: var(--lz-color, #f5f5f7);
-  animation: lz-dot-orb calc(2s * var(--lz-speed, 1)) ease-in-out infinite;
-}
-`}template(){let r=Math.max(4,Math.min(16,this.num("count",8))),s=r*.14,o="";for(let n=0;n<r;n++){let tt=`transform: rotate(${360/r*n}deg) translateY(${Tt}em);`,ft=`animation-delay: -${n/r*s}s;`;o+=`<span class="lz-slot" style="${tt}"><span class="lz-dot" style="${ft}"></span></span>`}return`<div role="status" aria-label="Loading">${o}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};Be.observedAttributes=["size","count","color","speed"];function L(){t(Ce,Be)}var $e="lz-planet-orb",wt=.36,Ye=class extends e{constructor(){super(...arguments);this.css=`
-:host {
-  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
-  display: inline-block; position: relative; line-height: 1;
-}
-.lz-core {
-  position: absolute; left: 50%; top: 50%;
-  width: 0.42em; height: 0.42em; margin: -0.21em 0 0 -0.21em; border-radius: 50%;
-  background: radial-gradient(circle at 35% 30%,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, white) 0%,
-    var(--lz-accent, #0a84ff) 50%,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent) 100%);
-  box-shadow: 0 0 calc(0.3em) color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent);
-  animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
-}
-.lz-orbit {
-  position: absolute; inset: 0;
-  animation: lz-spin calc(2.2s * var(--lz-speed, 1)) linear infinite;
-}
-.lz-moon {
-  position: absolute; left: 50%; top: 50%;
-  width: 0.14em; height: 0.14em; margin: -0.07em 0 0 -0.07em; border-radius: 50%;
-  background: var(--lz-color, #f5f5f7);
-  box-shadow: 0 0 calc(0.16em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
-}
-`}template(){let r=Math.max(1,Math.min(5,this.num("count",2))),s="";for(let o=0;o<r;o++){let n=360/r*o;s+=`<span class="lz-moon" style="transform: rotate(${n}deg) translateX(${wt}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)}};Ye.observedAttributes=["size","accent","color","count","speed"];function I(){t($e,Ye)}var Ue="lz-aura-orb",Ze=class extends e{constructor(){super(...arguments);this.css=`
-:host {
-  font-size: var(--lz-size, 44px); width: 1em; height: 1em;
-  display: inline-block; position: relative; line-height: 1;
-}
-.lz-layer { position: absolute; inset: 0; animation: lz-spin calc(3s * var(--lz-speed, 1)) linear infinite; }
-.lz-layer.a { animation-duration: calc(2.6s * var(--lz-speed, 1)); }
-.lz-layer.b { animation-name: lz-spin-reverse; animation-duration: calc(3.4s * var(--lz-speed, 1)); }
-.lz-orb {
-  position: absolute; left: 50%; top: 50%;
-  width: 0.78em; height: 0.78em; margin: -0.39em 0 0 -0.39em; border-radius: 50%;
-  transform: translateX(0.14em);
-}
-.lz-layer.a .lz-orb {
-  background: radial-gradient(circle at 35% 30%,
-    color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent) 0%,
-    color-mix(in srgb, var(--lz-color, #f5f5f7) 40%, transparent) 62%,
-    transparent 76%);
-}
-.lz-layer.b .lz-orb {
-  background: radial-gradient(circle at 35% 30%,
-    var(--lz-accent, #0a84ff) 0%,
-    color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 62%,
-    transparent 76%);
-  opacity: 0.9;
-}
-`}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)}};Ze.observedAttributes=["size","accent","color","speed"];function M(){t(Ue,Ze)}var We="lz-waveform",He=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){let e=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],o='<div role="status" aria-label="Loading">';for(let l=0;l<e;l++){let n=s[l%s.length];o+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${o}</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)}};ye.observedAttributes=["width","rows","track-color","speed"];function G(){r(ke,ye)}var Re="lz-waveform",Te=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
 .lz-wave {
   display: flex; align-items: center; gap: var(--lz-gap, 4px);
@@ -534,33 +430,70 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
 }
 .lz-bar.accent { background: var(--lz-accent, #0a84ff); }
-`}template(){let r=Math.max(5,Math.min(21,this.num("count",11))),s=(r-1)/2,o="";for(let n=0;n<r;n++){let l=(n-s)*.12,tt=n===Math.floor(s)||n===Math.floor(s/2)||n===r-1-Math.floor(s/2);o+=`<span class="lz-bar${tt?" accent":""}" style="animation-delay: ${l.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${o}</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)}};He.observedAttributes=["size","count","color","accent","speed"];function D(){t(We,He)}var Ke="lz-vinyl",Ve=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){let e=Math.max(5,Math.min(21,this.num("count",11))),s=(e-1)/2,o="";for(let l=0;l<e;l++){let n=(l-s)*.12,Ve=l===Math.floor(s)||l===Math.floor(s/2)||l===e-1-Math.floor(s/2);o+=`<span class="lz-bar${Ve?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${o}</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)}};Te.observedAttributes=["size","count","color","accent","speed"];function P(){r(Re,Te)}var Ee="lz-vinyl",Se=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
   display: inline-block; position: relative; line-height: 1;
 }
 .lz-disc {
-  position: absolute; inset: 0; border-radius: 50%;
+  position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
   background:
-    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.06) 0 1px, transparent 1px 4px),
-    radial-gradient(circle at 50% 50%, var(--lz-accent, #0a84ff) 0 13%, rgba(0,0,0,0.88) 14% 100%);
+    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.055) 0 1px, transparent 1px 4px),
+    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0 17%, rgba(0,0,0,0.22) 17% 18%, transparent 18% 20%, rgba(255,255,255,0.045) 20% 21%, transparent 21% 100%),
+    radial-gradient(circle at 50% 50%, #141216 0 100%);
   box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
-  animation: lz-spin calc(3.5s * var(--lz-speed, 1)) linear infinite;
-}
-.lz-needle {
-  position: absolute; top: 0.08em; right: 0.18em;
-  width: 0.06em; height: 0.7em; border-radius: 3px;
-  background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 30%, transparent));
-  transform: rotate(38deg); transform-origin: top right;
-  animation: lz-needle-bob calc(1.8s * var(--lz-speed, 1)) ease-in-out infinite;
-}
-.lz-needle::after {
-  content: ""; position: absolute; bottom: 0; left: 50%;
-  width: 0.1em; height: 0.1em; margin-left: -0.05em;
-  transform: translateY(0.1em); border-radius: 50%;
-  background: var(--lz-accent, #0a84ff);
+  animation: lz-spin calc(7s * var(--lz-speed, 1)) linear infinite;
+}
+.lz-disc::before {
+  content: ""; position: absolute; inset: 0; border-radius: 50%;
+  background: linear-gradient(112deg, transparent 26%, rgba(255,255,255,0.17) 40%, rgba(255,255,255,0.04) 49%, transparent 62%);
+}
+.lz-label {
+  position: absolute; left: 50%; top: 50%;
+  width: 0.5em; height: 0.5em; margin: -0.25em 0 0 -0.25em; border-radius: 50%;
+  background:
+    radial-gradient(circle at 36% 30%, rgba(255,255,255,0.35) 0 5%, transparent 6%),
+    radial-gradient(circle at 63% 68%, rgba(0,0,0,0.4) 0 7%, transparent 8%),
+    var(--lz-accent, #0a84ff);
+  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.4);
+}
+.lz-spindle {
+  position: absolute; left: 50%; top: 50%;
+  width: 0.09em; height: 0.09em; margin: -0.045em 0 0 -0.045em; border-radius: 50%;
+  background: rgba(0,0,0,0.9);
+  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
+}
+.lz-arm {
+  position: absolute; top: 0.05em; right: 0.06em; width: 0.8em; height: 0.8em;
+  transform-origin: top right;
+  animation: lz-needle-bob calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-post {
+  position: absolute; right: -0.01em; top: -0.01em;
+  width: 0.13em; height: 0.13em; border-radius: 50%;
+  background: radial-gradient(circle at 35% 30%, var(--lz-color, #f5f5f7) 0 42%, color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent) 100%);
+  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
+}
+.lz-shaft {
+  position: absolute; right: 0.045em; top: 0.02em;
+  width: 0.06em; height: 0.48em; border-radius: 3px;
+  background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 35%, transparent));
+  box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.25);
+  transform-origin: top center;
+  transform: rotate(24deg);
+}
+.lz-shaft::before {
+  content: ""; position: absolute; top: -0.035em; left: -0.04em;
+  width: 0.14em; height: 0.14em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
 }
-`}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)}};Ve.observedAttributes=["size","accent","color","speed"];function B(){t(Ke,Ve)}var Fe="lz-sonar",ct=3.6,qe=class extends e{constructor(){super(...arguments);this.css=`
+.lz-shaft::after {
+  content: ""; position: absolute; bottom: -0.05em; left: 0.005em;
+  width: 0.05em; height: 0.1em; border-radius: 0 0 3px 3px;
+  background: color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white);
+}
+`}template(){return'<div class="lz-disc" role="status" aria-label="Loading"><span class="lz-label"></span><span class="lz-spindle"></span></div><div class="lz-arm" aria-hidden="true"><span class="lz-post"></span><span class="lz-shaft"></span></div>'}sync(){this.varPx("--lz-size","size",48),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};Se.observedAttributes=["size","accent","color","speed"];function N(){r(Ee,Se)}var Pe="lz-sonar",We=3.6,Ge=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 44px); width: 1em; height: 1em;
   display: inline-block; position: relative; line-height: 1;
@@ -574,20 +507,41 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-ring {
   position: absolute; inset: 0.14em; border-radius: 50%;
   border: 1px solid var(--lz-accent, #0a84ff);
-  animation: lz-sonar-ring calc(${ct}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
+  animation: lz-sonar-ring calc(${We}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
 }
-`}template(){let r=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let o=0;o<r;o++)s+=`<span class="lz-ring" style="animation-delay: -${(o*ct/r).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)}};qe.observedAttributes=["size","count","accent","color","speed"];function C(){t(Fe,qe)}var Qe="lz-music-note",Xe=class extends e{constructor(){super(...arguments);this.css=`
+`}template(){let e=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let o=0;o<e;o++)s+=`<span class="lz-ring" style="animation-delay: -${(o*We/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)}};Ge.observedAttributes=["size","count","accent","color","speed"];function L(){r(Pe,Ge)}var Le="lz-music-note",Ne=class extends t{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
-.lz-notes { display: flex; align-items: baseline; gap: 0.45em; }
+.lz-notes { display: flex; align-items: center; gap: 0.5em; }
 .lz-note {
-  display: inline-block; line-height: 1;
-  color: var(--lz-color, #f5f5f7);
+  position: relative; display: inline-block;
+  width: 0.42em; height: 0.88em;
   animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
 }
 .lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }
 .lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }
 .lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }
-`}template(){let r=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let o=0;o<r;o++)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)}};Xe.observedAttributes=["size","count","color","speed"];function Y(){t(Qe,Xe)}var Je="lz-activity-rings",je=class extends e{constructor(){super(...arguments);this.css=`
+.lz-head {
+  position: absolute; left: 0; bottom: 0.06em;
+  width: 0.3em; height: 0.24em;
+  border-radius: 55% 45% 50% 50%;
+  background: var(--lz-color, #f5f5f7);
+  box-shadow: inset -0.045em -0.02em 0 color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, #000);
+  transform: rotate(-18deg);
+}
+.lz-stem {
+  position: absolute; left: 0.175em; bottom: 0.13em;
+  width: 0.045em; height: 0.6em; border-radius: 2px;
+  background: var(--lz-color, #f5f5f7);
+}
+.lz-flag {
+  position: absolute; left: 0.22em; bottom: 0.61em;
+  width: 0.24em; height: 0.2em;
+  border: 0.045em solid var(--lz-color, #f5f5f7);
+  border-left: none; border-top: none;
+  border-radius: 0 0 0.14em 0.02em / 0 0 0.26em 0.02em;
+}
+.lz-note.second .lz-head { background: color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, var(--lz-accent, #0a84ff)); }
+`}template(){let e=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let o=0;o<e;o++)s+=`<span class="${o===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)}};Ne.observedAttributes=["size","count","color","speed"];function I(){r(Le,Ne)}var Oe="lz-activity-rings",Ie=class extends t{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 44px); width: 1em; height: 1em;
   display: inline-block; line-height: 1;
@@ -605,5 +559,5 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
       <g class="lz-g"><circle class="lz-track" cx="50" cy="50" r="42.5" /><circle class="lz-ring lz-outer" cx="50" cy="50" r="42.5" transform="rotate(-90 50 50)" /></g>
       <g class="lz-g mid"><circle class="lz-ring lz-mid" cx="50" cy="50" r="34.5" transform="rotate(-90 50 50)" /></g>
       <g class="lz-g inner"><circle class="lz-ring lz-inner" cx="50" cy="50" r="26.5" transform="rotate(-90 50 50)" /></g>
-    </svg>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#fa114f"),this.varRaw("--lz-color","color","#30d158"),this.varRaw("--lz-color-weak","color-weak","#32d7ff"),this.varNum("--lz-speed","speed",1)}};je.observedAttributes=["size","accent","color","color-weak","speed"];function $(){t(Je,je)}function et(){c(),f(),p(),z(),m(),h(),v(),b(),g(),u(),x(),A(),_(),y(),T(),w(),R(),k(),G(),S(),E(),P(),O(),N(),L(),I(),M(),D(),B(),C(),Y(),$()}et();0&&(module.exports={ACTIVITY_RINGS_TAG,ARC_SPINNER_TAG,AURA_ORB_TAG,BOUNCING_DOTS_TAG,BREATHING_PULSE_TAG,DOT_GRID_WAVE_TAG,DOT_ORB_TAG,ELLIPSIS_TAG,EQUALIZER_TAG,EYES_TAG,HELIX_DOTS_TAG,INDETERMINATE_PROGRESS_BAR_TAG,KEYFRAMES,LZPattern,MATERIAL_DOUBLE_ARC_TAG,MORPHING_ORB_TAG,MORPHING_SQUARE_TAG,MUSIC_NOTE_TAG,ORBIT_DOTS_TAG,ORBIT_RING_DOTS_TAG,PLANET_ORB_TAG,PROGRESS_BAR_TAG,PROGRESS_RING_TAG,PULSING_ORB_TAG,SCAN_SWEEP_TAG,SCOPED_CSS,SIRI_ORB_TAG,SKELETON_CARD_TAG,SKELETON_LIST_TAG,SKELETON_SHIMMER_TAG,SONAR_TAG,TYPING_DOTS_TAG,VINYL_TAG,WAVEFORM_TAG,WAVE_DOTS_TAG,define,defineActivityRings,defineAll,defineArcSpinner,defineAuraOrb,defineBouncingDots,defineBreathingPulse,defineDotGridWave,defineDotOrb,defineEllipsis,defineEqualizer,defineEyes,defineHelixDots,defineIndeterminateProgressBar,defineMaterialDoubleArc,defineMorphingOrb,defineMorphingSquare,defineMusicNote,defineOrbitDots,defineOrbitRingDots,definePlanetOrb,defineProgressBar,defineProgressRing,definePulsingOrb,defineScanSweep,defineSiriOrb,defineSkeletonCard,defineSkeletonList,defineSkeletonShimmer,defineSonar,defineTypingDots,defineVinyl,defineWaveDots,defineWaveform});
+    </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)}};Ie.observedAttributes=["size","accent","color","color-weak","speed"];function O(){r(Oe,Ie)}function De(){c(),f(),p(),z(),m(),h(),v(),g(),b(),u(),x(),w(),A(),_(),y(),k(),T(),R(),S(),E(),G(),P(),N(),L(),I(),O()}De();0&&(module.exports={ACTIVITY_RINGS_TAG,ARC_SPINNER_TAG,BOUNCING_DOTS_TAG,BREATHING_PULSE_TAG,DOT_GRID_WAVE_TAG,ELLIPSIS_TAG,EQUALIZER_TAG,EYES_TAG,HELIX_DOTS_TAG,INDETERMINATE_PROGRESS_BAR_TAG,KEYFRAMES,LZPattern,MATERIAL_DOUBLE_ARC_TAG,MORPHING_SQUARE_TAG,MUSIC_NOTE_TAG,ORBIT_DOTS_TAG,ORBIT_RING_DOTS_TAG,PROGRESS_BAR_TAG,PROGRESS_RING_TAG,SCAN_SWEEP_TAG,SCOPED_CSS,SKELETON_CARD_TAG,SKELETON_LIST_TAG,SKELETON_SHIMMER_TAG,SONAR_TAG,TYPING_DOTS_TAG,VINYL_TAG,WAVEFORM_TAG,WAVE_DOTS_TAG,define,defineActivityRings,defineAll,defineArcSpinner,defineBouncingDots,defineBreathingPulse,defineDotGridWave,defineEllipsis,defineEqualizer,defineEyes,defineHelixDots,defineIndeterminateProgressBar,defineMaterialDoubleArc,defineMorphingSquare,defineMusicNote,defineOrbitDots,defineOrbitRingDots,defineProgressBar,defineProgressRing,defineScanSweep,defineSkeletonCard,defineSkeletonList,defineSkeletonShimmer,defineSonar,defineTypingDots,defineVinyl,defineWaveDots,defineWaveform});
 //# sourceMappingURL=index.cjs.map