loading-state-zoo 0.1.0

package/dist/react.cjs

@@ -0,0 +1,291 @@
+"use strict";var G=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Ae=Object.getOwnPropertyNames;var Te=Object.prototype.hasOwnProperty;var I=e=>{throw TypeError(e)};var Ee=(e,t)=>{for(var r in t)G(e,r,{get:t[r],enumerable:!0})},_e=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ae(t))!Te.call(e,a)&&a!==r&&G(e,a,{get:()=>t[a],enumerable:!(s=ye(t,a))||s.enumerable});return e};var we=e=>_e(G({},"__esModule",{value:!0}),e);var M=(e,t,r)=>t.has(e)||I("Cannot "+r);var D=(e,t,r)=>(M(e,t,"read from private field"),r?r.call(e):t.get(e)),O=(e,t,r)=>t.has(e)?I("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),C=(e,t,r,s)=>(M(e,t,"write to private field"),s?s.call(e,r):t.set(e,r),r);var Fe={};Ee(Fe,{ArcSpinner:()=>ce,BouncingDots:()=>ae,BreathingPulse:()=>ue,DotGridWave:()=>ne,Equalizer:()=>ve,Eyes:()=>fe,HelixDots:()=>le,IndeterminateProgressBar:()=>be,MaterialDoubleArc:()=>de,MorphingSquare:()=>he,OrbitDots:()=>me,OrbitRingDots:()=>ze,ProgressRing:()=>ge,ScanSweep:()=>pe,SkeletonShimmer:()=>xe,TypingDots:()=>oe,WaveDots:()=>ie,defineAll:()=>L});module.exports=we(Fe);var ke=`
+@keyframes lz-spin { to { transform: rotate(360deg); } }
+@keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
+@keyframes lz-dot-bounce {
+  0% { transform: translateY(0); }
+  50% { transform: translateY(var(--lz-bounce, -10px)); }
+  100% { transform: translateY(0); }
+}
+@keyframes lz-eq-wave {
+  0% { transform: scaleY(var(--lz-eq-min, 0.3)); }
+  50% { transform: scaleY(1); }
+  100% { transform: scaleY(var(--lz-eq-min, 0.3)); }
+}
+@keyframes lz-typing-pulse {
+  0%, 100% { transform: scale(var(--lz-typing-min, 0.35)); }
+  50% { transform: scale(var(--lz-typing-peak, 1.15)); }
+}
+@keyframes lz-dot-wave {
+  0%, 100% { transform: scale(var(--lz-wave-min, 0.35)); }
+  40% { transform: scale(var(--lz-wave-peak, 1.1)); }
+}
+@keyframes lz-pulse-breath {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(var(--lz-breath, 1.14)); }
+}
+@keyframes lz-shape-morph {
+  0% { transform: rotate(0deg) scale(var(--lz-morph, 0.72)); border-radius: 50%; }
+  50% { transform: rotate(45deg) scale(1); border-radius: var(--lz-morph-radius, 17%); }
+  100% { transform: rotate(90deg) scale(var(--lz-morph, 0.72)); border-radius: 50%; }
+}
+@keyframes lz-eye-gaze {
+  0%, 100% { transform: translateX(var(--lz-gaze-from, -3px)); }
+  50% { transform: translateX(var(--lz-gaze-to, 3px)); }
+}
+@keyframes lz-eye-blink {
+  0%, 88%, 100% { transform: scaleY(1); }
+  93% { transform: scaleY(var(--lz-blink, 0.08)); }
+}
+@keyframes lz-skeleton-sheen {
+  0% { transform: translateX(var(--lz-sheen-from, -120%)); }
+  100% { transform: translateX(var(--lz-sheen-to, 220%)); }
+}
+@keyframes lz-orbit-ring-dot {
+  0% { opacity: var(--lz-orbit-fade, 0.12); }
+  50% { opacity: 1; }
+  90% { opacity: var(--lz-orbit-fade, 0.12); }
+  100% { opacity: var(--lz-orbit-fade, 0.12); }
+}
+@keyframes lz-indeterminate-slide {
+  0% { transform: translateX(var(--lz-slide-from, -100%)); }
+  100% { transform: translateX(var(--lz-slide-to, 300%)); }
+}
+@keyframes lz-helix-bob {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(var(--lz-helix, -12px)); }
+}
+@keyframes lz-grid-dot-wave {
+  0% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }
+  50% { transform: scale(1); opacity: 1; }
+  100% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }
+}
+`,H=`
+:host {
+  display: inline-flex;
+  font-size: var(--lz-size, 44px);
+  line-height: 1;
+}
+.lz-root {
+  display: contents;
+}
+${ke}
+`;var Ne=typeof HTMLElement<"u",Pe=Ne?HTMLElement:class{},m,i=class extends Pe{constructor(){super(...arguments);O(this,m,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${H}
+${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),C(this,m,!0),this.paint()}attributeChangedCallback(){D(this,m)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,s){let a=this.getAttribute(r);if(a===null||a==="")return s;let o=Number(a);return Number.isFinite(o)?o:s}varPx(r,s,a){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,`${Number(o)}px`):this.style.removeProperty(r)}varNum(r,s,a){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,String(Number(o))):this.style.removeProperty(r)}varRaw(r,s,a){let o=this.getAttribute(s);o!==null&&o!==""?this.style.setProperty(r,o):this.style.removeProperty(r)}};m=new WeakMap,i.observedAttributes=[];function l(e,t){typeof customElements>"u"||customElements.get(e)||customElements.define(e,t)}var Se="lz-bouncing-dots",z=class extends i{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 8px); }
+.lz-dots { display: flex; gap: 0.7em; }
+.lz-dot {
+  width: 1em; height: 1em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-dot-bounce calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;
+}
+.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)}};z.observedAttributes=["size","color","speed"];function Z(){l(Se,z)}var Le="lz-typing-dots",f=class extends i{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 8px); }
+.lz-dots { display: flex; gap: 0.8em; }
+.lz-dot {
+  width: 1em; height: 1em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-typing-pulse calc(0.9s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;
+}
+.lz-dot:nth-child(2) { animation-delay: -0.18s; }
+.lz-dot:nth-child(3) { animation-delay: -0.36s; }
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};f.observedAttributes=["size","color","speed"];function B(){l(Le,f)}var Re="lz-wave-dots",h=class extends i{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 8px); }
+.lz-dots { display: flex; gap: 0.6em; }
+.lz-dot {
+  width: 1em; height: 1em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;
+}
+.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)}};h.observedAttributes=["size","color","speed"];function W(){l(Re,h)}var Ge="lz-helix-dots",Ie=1.4,u=class extends i{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 6px); }
+.lz-dots { display: flex; gap: 0.9em; }
+.lz-dot {
+  display: inline-block; width: 1em; height: 1em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+`}template(){let r=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let a=0;a<r;a++)s+=`<span class="lz-dot" style="animation-delay:-${(Ie/r*a).toFixed(3)}s"></span>`;return`${s}</div>`}sync(){this.varPx("--lz-size","size",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};u.observedAttributes=["size","count","color","speed"];function Y(){l(Ge,u)}var Me="lz-dot-grid-wave",v=class extends i{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 6px); }
+.lz-grid {
+  display: grid;
+  gap: var(--lz-grid-gap, 12px);
+  grid-template-columns: repeat(var(--lz-cols, 5), 1em);
+}
+.lz-dot {
+  width: 1em; height: 1em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
+}
+`}template(){let r=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),a='<div class="lz-grid" role="status" aria-label="Loading">';for(let o=0;o<r;o++)for(let n=0;n<s;n++)a+=`<span class="lz-dot" style="animation-delay:-${((o+n)*.08).toFixed(3)}s"></span>`;return`${a}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",12),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};v.observedAttributes=["rows","cols","size","gap","color","speed"];function U(){l(Me,v)}var De="lz-arc-spinner",Oe=`
+  -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)));
+`,g=class extends i{constructor(){super(...arguments);this.css=`
+:host { width: 1em; height: 1em; }
+.lz-ring {
+  width: 100%; height: 100%; border-radius: 50%;
+  background: conic-gradient(
+    from 90deg,
+    var(--lz-color, #f5f5f7) 0deg,
+    var(--lz-color, #f5f5f7) 110deg,
+    transparent 111deg
+  );
+  ${Oe}
+  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)}};g.observedAttributes=["size","stroke-width","color","speed"];function q(){l(De,g)}var Ce="lz-material-double-arc",He=`
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
+  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
+`,b="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",x=class extends i{constructor(){super(...arguments);this.css=`
+:host { width: 1em; height: 1em; position: relative; }
+.lz-arc {
+  position: absolute; inset: 0; border-radius: 50%;
+  ${He}
+}
+.lz-arc-a {
+  background: conic-gradient(from 0deg, ${b} 0deg, ${b} 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, ${b} 0deg, ${b} 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)}};x.observedAttributes=["size","stroke-width","color","speed"];function $(){l(Ce,x)}var Ze="lz-scan-sweep",y=class extends i{constructor(){super(...arguments);this.css=`
+:host { width: 1em; height: 1em; position: relative; }
+.lz-ring {
+  position: absolute; inset: 0; border-radius: 50%;
+  border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));
+}
+.lz-ring-inner {
+  position: absolute; inset: 0.28em; 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%;
+  background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, 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
+  );
+  -webkit-mask: radial-gradient(closest-side, #000 100%);
+  mask: radial-gradient(closest-side, #000 100%);
+  animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
+}
+`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};y.observedAttributes=["size","color","speed"];function X(){l(Ze,y)}var Be="lz-orbit-dots",A=class extends i{constructor(){super(...arguments);this.css=`
+:host { width: 1em; height: 1em; position: relative; }
+.lz-orbit {
+  position: absolute; inset: 0;
+  animation: lz-spin calc(1.8s * var(--lz-speed, 1)) linear infinite;
+}
+.lz-dot {
+  position: absolute; top: 50%; left: 50%;
+  width: 0.16em; height: 0.16em;
+  margin: -0.08em 0 0 -0.08em; border-radius: 50%;
+  background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent));
+}
+.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)}};A.observedAttributes=["size","color","speed"];function K(){l(Be,A)}var We="lz-orbit-ring-dots",Q=8,T=class extends i{constructor(){super(...arguments);this.css=`
+:host { width: 1em; height: 1em; position: relative; }
+.lz-orbit { position: absolute; inset: 0; }
+.lz-dot {
+  position: absolute; top: 50%; left: 50%;
+  width: var(--lz-dot-size, 0.18em); height: var(--lz-dot-size, 0.18em);
+  margin: calc(var(--lz-dot-size, 0.18em) / -2);
+  border-radius: 50%;
+  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<Q;s++){let a=360/Q*s;r+=`<span class="lz-dot" style="transform:rotate(${a}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${r}</div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-dot-size","dot-size",7.92),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};T.observedAttributes=["size","dot-size","color","speed"];function V(){l(We,T)}var Ye="lz-eyes",E=class extends i{constructor(){super(...arguments);this.css=`
+:host { font-size: var(--lz-size, 44px); }
+.lz-eyes { display: flex; gap: 0.24em; }
+.lz-eye {
+  display: flex; align-items: center; justify-content: center;
+  width: 0.34em; height: 0.2788em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-eye-blink calc(4s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-pupil {
+  width: 0.17em; height: 0.17em; border-radius: 50%;
+  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)}};E.observedAttributes=["size","color","speed"];function F(){l(Ye,E)}var Ue="lz-morphing-square",_=class extends i{constructor(){super(...arguments);this.css=`
+:host {
+  width: 1em; height: 1em;
+  background: var(--lz-accent, #0a84ff);
+  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)}};_.observedAttributes=["size","accent","speed"];function J(){l(Ue,_)}var qe="lz-breathing-pulse",w=class extends i{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)}};w.observedAttributes=["size","color","speed"];function j(){l(qe,w)}var $e="lz-equalizer",k=class extends i{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 {
+  width: var(--lz-bar-width, 3px); height: 1em;
+  border-radius: 2px;
+  background: var(--lz-color, #f5f5f7);
+  transform-origin: bottom;
+  animation: lz-eq-wave calc(1s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
+}
+.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)}};k.observedAttributes=["size","bar-width","gap","color","speed"];function ee(){l($e,k)}var Xe="lz-progress-ring",Ke=`
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
+  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
+`,N=class extends i{constructor(){super(...arguments);this.css=`
+:host { width: 1em; height: 1em; position: relative; }
+.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ke} }
+.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);
+}
+.lz-fill {
+  background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
+  transition: background 0.2s ease;
+}
+`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};N.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function te(){l(Xe,N)}var Qe="lz-indeterminate-progress-bar",P=class extends i{constructor(){super(...arguments);this.css=`
+:host {
+  position: relative; display: inline-block;
+  width: var(--lz-width, 160px); height: var(--lz-height, 6px);
+  border-radius: var(--lz-radius, 999px); overflow: hidden;
+  background: var(--lz-surface, #1c1c1e);
+}
+.lz-bar {
+  position: absolute; top: 0; bottom: 0; left: 0; width: 36%;
+  border-radius: 999px;
+  background: var(--lz-accent, #0a84ff);
+  animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
+}
+`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};P.observedAttributes=["width","height","accent","track-color","speed"];function re(){l(Qe,P)}var Ve="lz-skeleton-shimmer",S=class extends i{constructor(){super(...arguments);this.css=`
+:host {
+  position: relative; display: inline-block;
+  width: var(--lz-width, 120px); height: var(--lz-height, 28px);
+  border-radius: var(--lz-radius, 10px); overflow: hidden;
+  background: var(--lz-surface, #1c1c1e);
+}
+.lz-sheen {
+  position: absolute; top: 0; bottom: 0; left: 0; width: 50%;
+  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)}};S.observedAttributes=["width","height","track-color","speed"];function se(){l(Ve,S)}function L(){Z(),B(),W(),Y(),U(),q(),$(),X(),K(),V(),F(),J(),j(),ee(),te(),re(),se()}var c=require("react/jsx-runtime");L();var d=(e,t)=>t===void 0?{}:{[e]:String(t)};function ae(e){let{size:t,color:r,speed:s,className:a,style:o}=e;return(0,c.jsx)("lz-bouncing-dots",{size:t,color:r,speed:s,className:a,style:o})}ae.displayName="BouncingDots";function oe(e){let{size:t,color:r,speed:s,className:a,style:o}=e;return(0,c.jsx)("lz-typing-dots",{size:t,color:r,speed:s,className:a,style:o})}oe.displayName="TypingDots";function ie(e){let{size:t,color:r,speed:s,className:a,style:o}=e;return(0,c.jsx)("lz-wave-dots",{size:t,color:r,speed:s,className:a,style:o})}ie.displayName="WaveDots";function le(e){let{size:t,color:r,speed:s,count:a,className:o,style:n}=e;return(0,c.jsx)("lz-helix-dots",{size:t,color:r,speed:s,count:a,className:o,style:n})}le.displayName="HelixDots";function ne(e){let{rows:t,cols:r,gap:s,size:a,color:o,speed:n,className:p,style:R}=e;return(0,c.jsx)("lz-dot-grid-wave",{rows:t,cols:r,gap:s,size:a,color:o,speed:n,className:p,style:R})}ne.displayName="DotGridWave";function ce(e){let{size:t,color:r,speed:s,strokeWidth:a,className:o,style:n}=e;return(0,c.jsx)("lz-arc-spinner",{size:t,color:r,speed:s,className:o,style:n,...d("stroke-width",a)})}ce.displayName="ArcSpinner";function de(e){let{size:t,color:r,colorWeak:s,speed:a,strokeWidth:o,className:n,style:p}=e;return(0,c.jsx)("lz-material-double-arc",{size:t,color:r,speed:a,className:n,style:p,...d("stroke-width",o),...d("color-weak",s)})}de.displayName="MaterialDoubleArc";function pe(e){let{size:t,color:r,colorWeak:s,colorSweep:a,speed:o,className:n,style:p}=e;return(0,c.jsx)("lz-scan-sweep",{size:t,color:r,speed:o,className:n,style:p,...d("color-weak",s),...d("color-sweep",a)})}pe.displayName="ScanSweep";function me(e){let{size:t,color:r,speed:s,className:a,style:o}=e;return(0,c.jsx)("lz-orbit-dots",{size:t,color:r,speed:s,className:a,style:o})}me.displayName="OrbitDots";function ze(e){let{size:t,color:r,speed:s,dotSize:a,className:o,style:n}=e;return(0,c.jsx)("lz-orbit-ring-dots",{size:t,color:r,speed:s,className:o,style:n,...d("dot-size",a)})}ze.displayName="OrbitRingDots";function fe(e){let{size:t,color:r,speed:s,className:a,style:o}=e;return(0,c.jsx)("lz-eyes",{size:t,color:r,speed:s,className:a,style:o})}fe.displayName="Eyes";function he(e){let{size:t,accent:r,speed:s,className:a,style:o}=e;return(0,c.jsx)("lz-morphing-square",{size:t,accent:r,speed:s,className:a,style:o})}he.displayName="MorphingSquare";function ue(e){let{size:t,color:r,speed:s,className:a,style:o}=e;return(0,c.jsx)("lz-breathing-pulse",{size:t,color:r,speed:s,className:a,style:o})}ue.displayName="BreathingPulse";function ve(e){let{size:t,color:r,speed:s,barWidth:a,gap:o,className:n,style:p}=e;return(0,c.jsx)("lz-equalizer",{size:t,color:r,speed:s,className:n,style:p,...d("bar-width",a),...d("gap",o)})}ve.displayName="Equalizer";function ge(e){let{size:t,color:r,trackColor:s,speed:a,strokeWidth:o,percent:n,className:p,style:R}=e;return(0,c.jsx)("lz-progress-ring",{size:t,color:r,speed:a,percent:n,className:p,style:R,...d("stroke-width",o),...d("track-color",s)})}ge.displayName="ProgressRing";function be(e){let{width:t,height:r,accent:s,trackColor:a,speed:o,className:n,style:p}=e;return(0,c.jsx)("lz-indeterminate-progress-bar",{width:t,height:r,accent:s,speed:o,className:n,style:p,...d("track-color",a)})}be.displayName="IndeterminateProgressBar";function xe(e){let{width:t,height:r,trackColor:s,speed:a,className:o,style:n}=e;return(0,c.jsx)("lz-skeleton-shimmer",{width:t,height:r,speed:a,className:o,style:n,...d("track-color",s)})}xe.displayName="SkeletonShimmer";0&&(module.exports={ArcSpinner,BouncingDots,BreathingPulse,DotGridWave,Equalizer,Eyes,HelixDots,IndeterminateProgressBar,MaterialDoubleArc,MorphingSquare,OrbitDots,OrbitRingDots,ProgressRing,ScanSweep,SkeletonShimmer,TypingDots,WaveDots,defineAll});
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.tsx","../src/styles.ts","../src/base.ts","../src/elements/BouncingDots.ts","../src/elements/TypingDots.ts","../src/elements/WaveDots.ts","../src/elements/HelixDots.ts","../src/elements/DotGridWave.ts","../src/elements/ArcSpinner.ts","../src/elements/MaterialDoubleArc.ts","../src/elements/ScanSweep.ts","../src/elements/OrbitDots.ts","../src/elements/OrbitRingDots.ts","../src/elements/Eyes.ts","../src/elements/MorphingSquare.ts","../src/elements/BreathingPulse.ts","../src/elements/Equalizer.ts","../src/elements/ProgressRing.ts","../src/elements/IndeterminateProgressBar.ts","../src/elements/SkeletonShimmer.ts","../src/defineAll.ts"],"sourcesContent":["import type { CSSProperties, DetailedHTMLProps, HTMLAttributes } from \"react\";\nimport { defineAll } from \"./defineAll\";\nimport {\n  BOUNCING_DOTS_TAG,\n  TYPING_DOTS_TAG,\n  WAVE_DOTS_TAG,\n  HELIX_DOTS_TAG,\n  DOT_GRID_WAVE_TAG,\n  ARC_SPINNER_TAG,\n  MATERIAL_DOUBLE_ARC_TAG,\n  SCAN_SWEEP_TAG,\n  ORBIT_DOTS_TAG,\n  ORBIT_RING_DOTS_TAG,\n  EYES_TAG,\n  MORPHING_SQUARE_TAG,\n  BREATHING_PULSE_TAG,\n  EQUALIZER_TAG,\n  PROGRESS_RING_TAG,\n  INDETERMINATE_PROGRESS_BAR_TAG,\n  SKELETON_SHIMMER_TAG,\n} from \"./elements\";\n\ndefineAll();\n\ndeclare module \"react\" {\n  namespace JSX {\n    interface IntrinsicElements {\n      [BOUNCING_DOTS_TAG]: LZElementAttrs;\n      [TYPING_DOTS_TAG]: LZElementAttrs;\n      [WAVE_DOTS_TAG]: LZElementAttrs;\n      [HELIX_DOTS_TAG]: LZElementAttrs;\n      [DOT_GRID_WAVE_TAG]: LZElementAttrs;\n      [ARC_SPINNER_TAG]: LZElementAttrs;\n      [MATERIAL_DOUBLE_ARC_TAG]: LZElementAttrs;\n      [SCAN_SWEEP_TAG]: LZElementAttrs;\n      [ORBIT_DOTS_TAG]: LZElementAttrs;\n      [ORBIT_RING_DOTS_TAG]: LZElementAttrs;\n      [EYES_TAG]: LZElementAttrs;\n      [MORPHING_SQUARE_TAG]: LZElementAttrs;\n      [BREATHING_PULSE_TAG]: LZElementAttrs;\n      [EQUALIZER_TAG]: LZElementAttrs;\n      [PROGRESS_RING_TAG]: LZElementAttrs;\n      [INDETERMINATE_PROGRESS_BAR_TAG]: LZElementAttrs;\n      [SKELETON_SHIMMER_TAG]: LZElementAttrs;\n    }\n  }\n}\n\ninterface LZElementAttrs\n  extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {\n  size?: number;\n  color?: string;\n  speed?: number;\n  accent?: string;\n  width?: number;\n  height?: number;\n  rows?: number;\n  cols?: number;\n  count?: number;\n  percent?: number;\n  gap?: number;\n  \"stroke-width\"?: number;\n  \"dot-size\"?: number;\n  \"bar-width\"?: number;\n  \"track-color\"?: string;\n  \"color-weak\"?: string;\n  \"color-sweep\"?: string;\n}\n\nexport interface LZCommonProps {\n  size?: number;\n  color?: string;\n  speed?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst dash = (key: string, value: unknown) =>\n  value === undefined ? {} : { [key]: String(value) };\n\nexport function BouncingDots(props: LZCommonProps) {\n  const { size, color, speed, className, style } = props;\n  return <lz-bouncing-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nBouncingDots.displayName = \"BouncingDots\";\n\nexport function TypingDots(props: LZCommonProps) {\n  const { size, color, speed, className, style } = props;\n  return <lz-typing-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nTypingDots.displayName = \"TypingDots\";\n\nexport function WaveDots(props: LZCommonProps) {\n  const { size, color, speed, className, style } = props;\n  return <lz-wave-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nWaveDots.displayName = \"WaveDots\";\n\nexport interface HelixDotsProps extends LZCommonProps {\n  count?: number;\n}\n\nexport function HelixDots(props: HelixDotsProps) {\n  const { size, color, speed, count, className, style } = props;\n  return <lz-helix-dots size={size} color={color} speed={speed} count={count} className={className} style={style} />;\n}\nHelixDots.displayName = \"HelixDots\";\n\nexport interface DotGridWaveProps extends LZCommonProps {\n  rows?: number;\n  cols?: number;\n  gap?: number;\n}\n\nexport function DotGridWave(props: DotGridWaveProps) {\n  const { rows, cols, gap, size, color, speed, className, style } = props;\n  return (\n    <lz-dot-grid-wave\n      rows={rows}\n      cols={cols}\n      gap={gap}\n      size={size}\n      color={color}\n      speed={speed}\n      className={className}\n      style={style}\n    />\n  );\n}\nDotGridWave.displayName = \"DotGridWave\";\n\nexport interface ArcSpinnerProps extends LZCommonProps {\n  strokeWidth?: number;\n}\n\nexport function ArcSpinner(props: ArcSpinnerProps) {\n  const { size, color, speed, strokeWidth, className, style } = props;\n  return (\n    <lz-arc-spinner\n      size={size}\n      color={color}\n      speed={speed}\n      className={className}\n      style={style}\n      {...dash(\"stroke-width\", strokeWidth)}\n    />\n  );\n}\nArcSpinner.displayName = \"ArcSpinner\";\n\nexport interface MaterialDoubleArcProps {\n  size?: number;\n  strokeWidth?: number;\n  color?: string;\n  colorWeak?: string;\n  speed?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function MaterialDoubleArc(props: MaterialDoubleArcProps) {\n  const { size, color, colorWeak, speed, strokeWidth, className, style } = props;\n  return (\n    <lz-material-double-arc\n      size={size}\n      color={color}\n      speed={speed}\n      className={className}\n      style={style}\n      {...dash(\"stroke-width\", strokeWidth)}\n      {...dash(\"color-weak\", colorWeak)}\n    />\n  );\n}\nMaterialDoubleArc.displayName = \"MaterialDoubleArc\";\n\nexport interface ScanSweepProps extends LZCommonProps {\n  colorWeak?: string;\n  colorSweep?: string;\n}\n\nexport function ScanSweep(props: ScanSweepProps) {\n  const { size, color, colorWeak, colorSweep, speed, className, style } = props;\n  return (\n    <lz-scan-sweep\n      size={size}\n      color={color}\n      speed={speed}\n      className={className}\n      style={style}\n      {...dash(\"color-weak\", colorWeak)}\n      {...dash(\"color-sweep\", colorSweep)}\n    />\n  );\n}\nScanSweep.displayName = \"ScanSweep\";\n\nexport function OrbitDots(props: LZCommonProps) {\n  const { size, color, speed, className, style } = props;\n  return <lz-orbit-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nOrbitDots.displayName = \"OrbitDots\";\n\nexport interface OrbitRingDotsProps extends LZCommonProps {\n  dotSize?: number;\n}\n\nexport function OrbitRingDots(props: OrbitRingDotsProps) {\n  const { size, color, speed, dotSize, className, style } = props;\n  return (\n    <lz-orbit-ring-dots\n      size={size}\n      color={color}\n      speed={speed}\n      className={className}\n      style={style}\n      {...dash(\"dot-size\", dotSize)}\n    />\n  );\n}\nOrbitRingDots.displayName = \"OrbitRingDots\";\n\nexport function Eyes(props: LZCommonProps) {\n  const { size, color, speed, className, style } = props;\n  return <lz-eyes size={size} color={color} speed={speed} className={className} style={style} />;\n}\nEyes.displayName = \"Eyes\";\n\nexport interface MorphingSquareProps {\n  size?: number;\n  accent?: string;\n  speed?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function MorphingSquare(props: MorphingSquareProps) {\n  const { size, accent, speed, className, style } = props;\n  return <lz-morphing-square size={size} accent={accent} speed={speed} className={className} style={style} />;\n}\nMorphingSquare.displayName = \"MorphingSquare\";\n\nexport function BreathingPulse(props: LZCommonProps) {\n  const { size, color, speed, className, style } = props;\n  return (\n    <lz-breathing-pulse size={size} color={color} speed={speed} className={className} style={style} />\n  );\n}\nBreathingPulse.displayName = \"BreathingPulse\";\n\nexport interface EqualizerProps extends LZCommonProps {\n  barWidth?: number;\n  gap?: number;\n}\n\nexport function Equalizer(props: EqualizerProps) {\n  const { size, color, speed, barWidth, gap, className, style } = props;\n  return (\n    <lz-equalizer\n      size={size}\n      color={color}\n      speed={speed}\n      className={className}\n      style={style}\n      {...dash(\"bar-width\", barWidth)}\n      {...dash(\"gap\", gap)}\n    />\n  );\n}\nEqualizer.displayName = \"Equalizer\";\n\nexport interface ProgressRingProps {\n  size?: number;\n  strokeWidth?: number;\n  percent?: number;\n  color?: string;\n  trackColor?: string;\n  speed?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function ProgressRing(props: ProgressRingProps) {\n  const { size, color, trackColor, speed, strokeWidth, percent, className, style } = props;\n  return (\n    <lz-progress-ring\n      size={size}\n      color={color}\n      speed={speed}\n      percent={percent}\n      className={className}\n      style={style}\n      {...dash(\"stroke-width\", strokeWidth)}\n      {...dash(\"track-color\", trackColor)}\n    />\n  );\n}\nProgressRing.displayName = \"ProgressRing\";\n\nexport interface IndeterminateProgressBarProps {\n  width?: number;\n  height?: number;\n  accent?: string;\n  trackColor?: string;\n  speed?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function IndeterminateProgressBar(props: IndeterminateProgressBarProps) {\n  const { width, height, accent, trackColor, speed, className, style } = props;\n  return (\n    <lz-indeterminate-progress-bar\n      width={width}\n      height={height}\n      accent={accent}\n      speed={speed}\n      className={className}\n      style={style}\n      {...dash(\"track-color\", trackColor)}\n    />\n  );\n}\nIndeterminateProgressBar.displayName = \"IndeterminateProgressBar\";\n\nexport interface SkeletonShimmerProps {\n  width?: number;\n  height?: number;\n  trackColor?: string;\n  speed?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function SkeletonShimmer(props: SkeletonShimmerProps) {\n  const { width, height, trackColor, speed, className, style } = props;\n  return (\n    <lz-skeleton-shimmer\n      width={width}\n      height={height}\n      speed={speed}\n      className={className}\n      style={style}\n      {...dash(\"track-color\", trackColor)}\n    />\n  );\n}\nSkeletonShimmer.displayName = \"SkeletonShimmer\";\n\nexport { defineAll } from \"./defineAll\";\nexport type { LZPattern as LoadingPattern } from \"./base\";\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BOUNCING_DOTS_TAG]: HTMLElement;\n    [TYPING_DOTS_TAG]: HTMLElement;\n    [WAVE_DOTS_TAG]: HTMLElement;\n    [HELIX_DOTS_TAG]: HTMLElement;\n    [DOT_GRID_WAVE_TAG]: HTMLElement;\n    [ARC_SPINNER_TAG]: HTMLElement;\n    [MATERIAL_DOUBLE_ARC_TAG]: HTMLElement;\n    [SCAN_SWEEP_TAG]: HTMLElement;\n    [ORBIT_DOTS_TAG]: HTMLElement;\n    [ORBIT_RING_DOTS_TAG]: HTMLElement;\n    [EYES_TAG]: HTMLElement;\n    [MORPHING_SQUARE_TAG]: HTMLElement;\n    [BREATHING_PULSE_TAG]: HTMLElement;\n    [EQUALIZER_TAG]: HTMLElement;\n    [PROGRESS_RING_TAG]: HTMLElement;\n    [INDETERMINATE_PROGRESS_BAR_TAG]: HTMLElement;\n    [SKELETON_SHIMMER_TAG]: HTMLElement;\n  }\n}","export const KEYFRAMES = /* css */ `\n@keyframes lz-spin { to { transform: rotate(360deg); } }\n@keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }\n@keyframes lz-dot-bounce {\n  0% { transform: translateY(0); }\n  50% { transform: translateY(var(--lz-bounce, -10px)); }\n  100% { transform: translateY(0); }\n}\n@keyframes lz-eq-wave {\n  0% { transform: scaleY(var(--lz-eq-min, 0.3)); }\n  50% { transform: scaleY(1); }\n  100% { transform: scaleY(var(--lz-eq-min, 0.3)); }\n}\n@keyframes lz-typing-pulse {\n  0%, 100% { transform: scale(var(--lz-typing-min, 0.35)); }\n  50% { transform: scale(var(--lz-typing-peak, 1.15)); }\n}\n@keyframes lz-dot-wave {\n  0%, 100% { transform: scale(var(--lz-wave-min, 0.35)); }\n  40% { transform: scale(var(--lz-wave-peak, 1.1)); }\n}\n@keyframes lz-pulse-breath {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(var(--lz-breath, 1.14)); }\n}\n@keyframes lz-shape-morph {\n  0% { transform: rotate(0deg) scale(var(--lz-morph, 0.72)); border-radius: 50%; }\n  50% { transform: rotate(45deg) scale(1); border-radius: var(--lz-morph-radius, 17%); }\n  100% { transform: rotate(90deg) scale(var(--lz-morph, 0.72)); border-radius: 50%; }\n}\n@keyframes lz-eye-gaze {\n  0%, 100% { transform: translateX(var(--lz-gaze-from, -3px)); }\n  50% { transform: translateX(var(--lz-gaze-to, 3px)); }\n}\n@keyframes lz-eye-blink {\n  0%, 88%, 100% { transform: scaleY(1); }\n  93% { transform: scaleY(var(--lz-blink, 0.08)); }\n}\n@keyframes lz-skeleton-sheen {\n  0% { transform: translateX(var(--lz-sheen-from, -120%)); }\n  100% { transform: translateX(var(--lz-sheen-to, 220%)); }\n}\n@keyframes lz-orbit-ring-dot {\n  0% { opacity: var(--lz-orbit-fade, 0.12); }\n  50% { opacity: 1; }\n  90% { opacity: var(--lz-orbit-fade, 0.12); }\n  100% { opacity: var(--lz-orbit-fade, 0.12); }\n}\n@keyframes lz-indeterminate-slide {\n  0% { transform: translateX(var(--lz-slide-from, -100%)); }\n  100% { transform: translateX(var(--lz-slide-to, 300%)); }\n}\n@keyframes lz-helix-bob {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(var(--lz-helix, -12px)); }\n}\n@keyframes lz-grid-dot-wave {\n  0% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }\n  50% { transform: scale(1); opacity: 1; }\n  100% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }\n}\n`;\n\nexport const SCOPED_CSS = /* css */ `\n:host {\n  display: inline-flex;\n  font-size: var(--lz-size, 44px);\n  line-height: 1;\n}\n.lz-root {\n  display: contents;\n}\n${KEYFRAMES}\n`;","import { SCOPED_CSS } from \"./styles\";\n\nconst isBrowser = typeof HTMLElement !== \"undefined\";\n\nconst Base = isBrowser\n  ? HTMLElement\n  : (class {} as unknown as typeof HTMLElement);\n\nexport abstract class LZPattern extends Base {\n  static observedAttributes: string[] = [];\n\n  #ready = false;\n\n  /** Element-local CSS. Runs after SCOPED_CSS, keyframes are shared. */\n  abstract readonly css: string;\n\n  /** Markup for the pattern, rooted at nothing (inserted into .lz-root). */\n  abstract template(): string;\n\n  /** Set CSS variables / ARIA / dimensions from current attributes. */\n  abstract sync(): void;\n\n  connectedCallback() {\n    const root = this.shadowRoot ?? this.attachShadow({ mode: \"open\" });\n    root.innerHTML = `<style>${SCOPED_CSS}\\n${this.css}</style><div class=\"lz-root\"></div>`;\n    (this as { _rootEl?: HTMLElement })._rootEl = root.querySelector(\n      \".lz-root\",\n    ) as HTMLElement;\n    this.#ready = true;\n    this.paint();\n  }\n\n  attributeChangedCallback() {\n    if (this.#ready) this.paint();\n  }\n\n  /** Re-sync vars/ARIA and rebuild the pattern's children. */\n  paint() {\n    this.sync();\n    const el = (this as unknown as { _rootEl: HTMLElement })._rootEl;\n    if (el) el.innerHTML = this.template();\n  }\n\n  /** Read an attribute as a number, returning `fallback` when absent/invalid. */\n  num(attr: string, fallback: number): number {\n    const raw = this.getAttribute(attr);\n    if (raw === null || raw === \"\") return fallback;\n    const n = Number(raw);\n    return Number.isFinite(n) ? n : fallback;\n  }\n\n  /** Bind a px-valued CSS variable to an attribute (length units). */\n  varPx(variable: string, attr: string, _fallback: number) {\n    const raw = this.getAttribute(attr);\n    if (raw !== null && raw !== \"\" && Number.isFinite(Number(raw))) {\n      this.style.setProperty(variable, `${Number(raw)}px`);\n    } else {\n      this.style.removeProperty(variable);\n    }\n  }\n\n  /** Bind a unitless CSS variable to an attribute. */\n  varNum(variable: string, attr: string, _fallback: number) {\n    const raw = this.getAttribute(attr);\n    if (raw !== null && raw !== \"\" && Number.isFinite(Number(raw))) {\n      this.style.setProperty(variable, String(Number(raw)));\n    } else {\n      this.style.removeProperty(variable);\n    }\n  }\n\n  /** Bind an arbitrary CSS variable to an attribute value (or clear it). */\n  varRaw(variable: string, attr: string, _fallback?: string) {\n    const raw = this.getAttribute(attr);\n    if (raw !== null && raw !== \"\") {\n      this.style.setProperty(variable, raw);\n    } else {\n      this.style.removeProperty(variable);\n    }\n  }\n}\n\n/** Register a pattern element, silently skipping duplicates. */\nexport function define(tag: string, ctor: CustomElementConstructor) {\n  if (typeof customElements === \"undefined\") return;\n  if (customElements.get(tag)) return;\n  customElements.define(tag, ctor);\n}","import { LZPattern, define } from \"../base\";\n\nexport const BOUNCING_DOTS_TAG = \"lz-bouncing-dots\";\n\nclass BouncingDots extends LZPattern {\n  static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.7em; }\n.lz-dot {\n  width: 1em; height: 1em; border-radius: 50%;\n  background: var(--lz-color, #f5f5f7);\n  animation: lz-dot-bounce calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: 0.15s; }\n.lz-dot:nth-child(3) { animation-delay: 0.3s; }\n`;\n\n  template() {\n    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>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 8);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineBouncingDots() {\n  define(BOUNCING_DOTS_TAG, BouncingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const TYPING_DOTS_TAG = \"lz-typing-dots\";\n\nclass TypingDots extends LZPattern {\n  static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.8em; }\n.lz-dot {\n  width: 1em; height: 1em; border-radius: 50%;\n  background: var(--lz-color, #f5f5f7);\n  animation: lz-typing-pulse calc(0.9s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: -0.18s; }\n.lz-dot:nth-child(3) { animation-delay: -0.36s; }\n`;\n\n  template() {\n    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>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 8);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineTypingDots() {\n  define(TYPING_DOTS_TAG, TypingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const WAVE_DOTS_TAG = \"lz-wave-dots\";\n\nclass WaveDots extends LZPattern {\n  static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.6em; }\n.lz-dot {\n  width: 1em; height: 1em; border-radius: 50%;\n  background: var(--lz-color, #f5f5f7);\n  animation: lz-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: -0.1s; }\n.lz-dot:nth-child(3) { animation-delay: -0.2s; }\n.lz-dot:nth-child(4) { animation-delay: -0.3s; }\n`;\n\n  template() {\n    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>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 8);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineWaveDots() {\n  define(WAVE_DOTS_TAG, WaveDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const HELIX_DOTS_TAG = \"lz-helix-dots\";\n\nconst CYCLE = 1.4;\n\nclass HelixDots extends LZPattern {\n  static observedAttributes = [\"size\", \"count\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { font-size: var(--lz-size, 6px); }\n.lz-dots { display: flex; gap: 0.9em; }\n.lz-dot {\n  display: inline-block; width: 1em; height: 1em; border-radius: 50%;\n  background: var(--lz-color, #f5f5f7);\n  animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n  template() {\n    const count = Math.max(1, this.num(\"count\", 10));\n    let out = `<div class=\"lz-dots\" role=\"status\" aria-label=\"Loading\">`;\n    for (let i = 0; i < count; i++) {\n      out += `<span class=\"lz-dot\" style=\"animation-delay:-${((CYCLE / count) * i).toFixed(3)}s\"></span>`;\n    }\n    return `${out}</div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 6);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineHelixDots() {\n  define(HELIX_DOTS_TAG, HelixDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const DOT_GRID_WAVE_TAG = \"lz-dot-grid-wave\";\n\nclass DotGridWave extends LZPattern {\n  static observedAttributes = [\"rows\", \"cols\", \"size\", \"gap\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { font-size: var(--lz-size, 6px); }\n.lz-grid {\n  display: grid;\n  gap: var(--lz-grid-gap, 12px);\n  grid-template-columns: repeat(var(--lz-cols, 5), 1em);\n}\n.lz-dot {\n  width: 1em; height: 1em; border-radius: 50%;\n  background: var(--lz-color, #f5f5f7);\n  animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n  template() {\n    const rows = Math.max(1, this.num(\"rows\", 4));\n    const cols = Math.max(1, this.num(\"cols\", 5));\n    let out = `<div class=\"lz-grid\" role=\"status\" aria-label=\"Loading\">`;\n    for (let r = 0; r < rows; r++) {\n      for (let c = 0; c < cols; c++) {\n        out += `<span class=\"lz-dot\" style=\"animation-delay:-${((r + c) * 0.08).toFixed(3)}s\"></span>`;\n      }\n    }\n    return `${out}</div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 6);\n    this.varNum(\"--lz-cols\", \"cols\", 5);\n    this.varPx(\"--lz-grid-gap\", \"gap\", 12);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineDotGridWave() {\n  define(DOT_GRID_WAVE_TAG, DotGridWave);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ARC_SPINNER_TAG = \"lz-arc-spinner\";\n\nconst RING_MASK = `\n  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\n\nclass ArcSpinner extends LZPattern {\n  static observedAttributes = [\"size\", \"stroke-width\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { width: 1em; height: 1em; }\n.lz-ring {\n  width: 100%; height: 100%; border-radius: 50%;\n  background: conic-gradient(\n    from 90deg,\n    var(--lz-color, #f5f5f7) 0deg,\n    var(--lz-color, #f5f5f7) 110deg,\n    transparent 111deg\n  );\n  ${RING_MASK}\n  animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n  template() {\n    return `<div class=\"lz-ring\" role=\"status\" aria-label=\"Loading\"></div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 44);\n    this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineArcSpinner() {\n  define(ARC_SPINNER_TAG, ArcSpinner);\n}","import { LZPattern, define } from \"../base\";\n\nexport const MATERIAL_DOUBLE_ARC_TAG = \"lz-material-double-arc\";\n\nconst RING_MASK = `\n  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\nconst ARc = \"var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))\";\n\nclass MaterialDoubleArc extends LZPattern {\n  static observedAttributes = [\"size\", \"stroke-width\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { width: 1em; height: 1em; position: relative; }\n.lz-arc {\n  position: absolute; inset: 0; border-radius: 50%;\n  ${RING_MASK}\n}\n.lz-arc-a {\n  background: conic-gradient(from 0deg, ${ARc} 0deg, ${ARc} 135deg, transparent 136deg);\n  animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;\n}\n.lz-arc-b {\n  opacity: 0.6;\n  background: conic-gradient(from 200deg, ${ARc} 0deg, ${ARc} 90deg, transparent 91deg);\n  animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n  template() {\n    return `<div class=\"lz-arc lz-arc-a\" role=\"status\" aria-label=\"Loading\"></div><div class=\"lz-arc lz-arc-b\"></div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 44);\n    this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varRaw(\"--lz-color-weak\", \"color-weak\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineMaterialDoubleArc() {\n  define(MATERIAL_DOUBLE_ARC_TAG, MaterialDoubleArc);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SCAN_SWEEP_TAG = \"lz-scan-sweep\";\n\nclass ScanSweep extends LZPattern {\n  static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { width: 1em; height: 1em; position: relative; }\n.lz-ring {\n  position: absolute; inset: 0; border-radius: 50%;\n  border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));\n}\n.lz-ring-inner {\n  position: absolute; inset: 0.28em; border-radius: 50%;\n  border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));\n}\n.lz-core {\n  position: absolute; width: 0.14em; height: 0.14em;\n  left: 0.43em; top: 0.43em; border-radius: 50%;\n  background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));\n}\n.lz-sweep {\n  position: absolute; inset: 0; border-radius: 50%;\n  background: conic-gradient(\n    from 0deg,\n    var(--lz-color, #f5f5f7) 0deg,\n    var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 60deg,\n    transparent 90deg\n  );\n  -webkit-mask: radial-gradient(closest-side, #000 100%);\n  mask: radial-gradient(closest-side, #000 100%);\n  animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n  template() {\n    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>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 44);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varRaw(\"--lz-color-weak\", \"color-weak\");\n    this.varRaw(\"--lz-color-sweep\", \"color-sweep\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineScanSweep() {\n  define(SCAN_SWEEP_TAG, ScanSweep);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ORBIT_DOTS_TAG = \"lz-orbit-dots\";\n\nclass OrbitDots extends LZPattern {\n  static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { width: 1em; height: 1em; position: relative; }\n.lz-orbit {\n  position: absolute; inset: 0;\n  animation: lz-spin calc(1.8s * var(--lz-speed, 1)) linear infinite;\n}\n.lz-dot {\n  position: absolute; top: 50%; left: 50%;\n  width: 0.16em; height: 0.16em;\n  margin: -0.08em 0 0 -0.08em; border-radius: 50%;\n  background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent));\n}\n.lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }\n.lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }\n.lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }\n`;\n\n  template() {\n    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>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 44);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varRaw(\"--lz-color-weak\", \"color-weak\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineOrbitDots() {\n  define(ORBIT_DOTS_TAG, OrbitDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ORBIT_RING_DOTS_TAG = \"lz-orbit-ring-dots\";\n\nconst N = 8;\n\nclass OrbitRingDots extends LZPattern {\n  static observedAttributes = [\"size\", \"dot-size\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { width: 1em; height: 1em; position: relative; }\n.lz-orbit { position: absolute; inset: 0; }\n.lz-dot {\n  position: absolute; top: 50%; left: 50%;\n  width: var(--lz-dot-size, 0.18em); height: var(--lz-dot-size, 0.18em);\n  margin: calc(var(--lz-dot-size, 0.18em) / -2);\n  border-radius: 50%;\n  background: var(--lz-color, #f5f5f7);\n  animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n  template() {\n    let out = `<div class=\"lz-orbit\" role=\"status\" aria-label=\"Loading\">`;\n    for (let i = 0; i < N; i++) {\n      const ang = (360 / N) * i;\n      out += `<span class=\"lz-dot\" style=\"transform:rotate(${ang}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(i * 0.15).toFixed(2)}s\"></span>`;\n    }\n    return `${out}</div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 44);\n    this.varPx(\"--lz-dot-size\", \"dot-size\", 7.92);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineOrbitRingDots() {\n  define(ORBIT_RING_DOTS_TAG, OrbitRingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const EYES_TAG = \"lz-eyes\";\n\nclass Eyes extends LZPattern {\n  static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); }\n.lz-eyes { display: flex; gap: 0.24em; }\n.lz-eye {\n  display: flex; align-items: center; justify-content: center;\n  width: 0.34em; height: 0.2788em; border-radius: 50%;\n  background: var(--lz-color, #f5f5f7);\n  animation: lz-eye-blink calc(4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-pupil {\n  width: 0.17em; height: 0.17em; border-radius: 50%;\n  background: var(--lz-pupil, rgba(0, 0, 0, 0.85));\n  animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n  template() {\n    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>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 44);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varRaw(\"--lz-pupil\", \"pupil\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineEyes() {\n  define(EYES_TAG, Eyes);\n}","import { LZPattern, define } from \"../base\";\n\nexport const MORPHING_SQUARE_TAG = \"lz-morphing-square\";\n\nclass MorphingSquare extends LZPattern {\n  static observedAttributes = [\"size\", \"accent\", \"speed\"];\n\n  readonly css = /* css */ `\n:host {\n  width: 1em; height: 1em;\n  background: var(--lz-accent, #0a84ff);\n  box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));\n  animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n  template() {\n    return `<div role=\"status\" aria-label=\"Loading\"></div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 44);\n    this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n    this.varRaw(\"--lz-glow\", \"glow\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineMorphingSquare() {\n  define(MORPHING_SQUARE_TAG, MorphingSquare);\n}","import { LZPattern, define } from \"../base\";\n\nexport const BREATHING_PULSE_TAG = \"lz-breathing-pulse\";\n\nclass BreathingPulse extends LZPattern {\n  static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host {\n  font-size: var(--lz-size, 36px);\n  width: 1em; height: 1em; border-radius: 50%;\n  background: var(--lz-color, #f5f5f7);\n  animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n  template() {\n    return `<div role=\"status\" aria-label=\"Loading\"></div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 36);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineBreathingPulse() {\n  define(BREATHING_PULSE_TAG, BreathingPulse);\n}","import { LZPattern, define } from \"../base\";\n\nexport const EQUALIZER_TAG = \"lz-equalizer\";\n\nclass Equalizer extends LZPattern {\n  static observedAttributes = [\"size\", \"bar-width\", \"gap\", \"color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { font-size: var(--lz-size, 22px); }\n.lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }\n.lz-bar {\n  width: var(--lz-bar-width, 3px); height: 1em;\n  border-radius: 2px;\n  background: var(--lz-color, #f5f5f7);\n  transform-origin: bottom;\n  animation: lz-eq-wave calc(1s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n.lz-bar:nth-child(2) { animation-delay: 0.12s; }\n.lz-bar:nth-child(3) { animation-delay: 0.24s; }\n.lz-bar:nth-child(4) { animation-delay: 0.36s; }\n`;\n\n  template() {\n    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>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 22);\n    this.varPx(\"--lz-bar-width\", \"bar-width\", 3);\n    this.varPx(\"--lz-gap\", \"gap\", 3);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineEqualizer() {\n  define(EQUALIZER_TAG, Equalizer);\n}","import { LZPattern, define } from \"../base\";\n\nexport const PROGRESS_RING_TAG = \"lz-progress-ring\";\n\nconst RING_MASK = `\n  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\n\nclass ProgressRing extends LZPattern {\n  static observedAttributes = [\"size\", \"stroke-width\", \"percent\", \"color\", \"track-color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host { width: 1em; height: 1em; position: relative; }\n.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${RING_MASK} }\n.lz-track {\n  background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);\n}\n.lz-fill {\n  background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);\n  transition: background 0.2s ease;\n}\n`;\n\n  template() {\n    const p = Math.max(0, Math.min(100, this.num(\"percent\", 0)));\n    return `<div class=\"lz-ring lz-track\" role=\"progressbar\" aria-label=\"Progress\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"${p}\"></div><div class=\"lz-ring lz-fill\"></div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-size\", \"size\", 44);\n    this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n    this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n    this.varRaw(\"--lz-track\", \"track-color\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n    this.varNum(\"--lz-percent\", \"percent\", 0);\n  }\n}\n\nexport function defineProgressRing() {\n  define(PROGRESS_RING_TAG, ProgressRing);\n}","import { LZPattern, define } from \"../base\";\n\nexport const INDETERMINATE_PROGRESS_BAR_TAG = \"lz-indeterminate-progress-bar\";\n\nclass IndeterminateProgressBar extends LZPattern {\n  static observedAttributes = [\"width\", \"height\", \"accent\", \"track-color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host {\n  position: relative; display: inline-block;\n  width: var(--lz-width, 160px); height: var(--lz-height, 6px);\n  border-radius: var(--lz-radius, 999px); overflow: hidden;\n  background: var(--lz-surface, #1c1c1e);\n}\n.lz-bar {\n  position: absolute; top: 0; bottom: 0; left: 0; width: 36%;\n  border-radius: 999px;\n  background: var(--lz-accent, #0a84ff);\n  animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n  template() {\n    return `<div class=\"lz-bar\" role=\"status\" aria-label=\"Loading\"></div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-width\", \"width\", 160);\n    this.varPx(\"--lz-height\", \"height\", 6);\n    this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n    this.varRaw(\"--lz-surface\", \"track-color\", \"#1c1c1e\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineIndeterminateProgressBar() {\n  define(INDETERMINATE_PROGRESS_BAR_TAG, IndeterminateProgressBar);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SKELETON_SHIMMER_TAG = \"lz-skeleton-shimmer\";\n\nclass SkeletonShimmer extends LZPattern {\n  static observedAttributes = [\"width\", \"height\", \"track-color\", \"speed\"];\n\n  readonly css = /* css */ `\n:host {\n  position: relative; display: inline-block;\n  width: var(--lz-width, 120px); height: var(--lz-height, 28px);\n  border-radius: var(--lz-radius, 10px); overflow: hidden;\n  background: var(--lz-surface, #1c1c1e);\n}\n.lz-sheen {\n  position: absolute; top: 0; bottom: 0; left: 0; width: 50%;\n  background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);\n  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n  template() {\n    return `<div class=\"lz-sheen\" role=\"status\" aria-label=\"Loading\"></div>`;\n  }\n\n  sync() {\n    this.varPx(\"--lz-width\", \"width\", 120);\n    this.varPx(\"--lz-height\", \"height\", 28);\n    this.varRaw(\"--lz-surface\", \"track-color\", \"#1c1c1e\");\n    this.varRaw(\"--lz-sheen\", \"sheen\");\n    this.varNum(\"--lz-speed\", \"speed\", 1);\n  }\n}\n\nexport function defineSkeletonShimmer() {\n  define(SKELETON_SHIMMER_TAG, SkeletonShimmer);\n}","import { defineBouncingDots } from \"./elements/BouncingDots\";\nimport { defineTypingDots } from \"./elements/TypingDots\";\nimport { defineWaveDots } from \"./elements/WaveDots\";\nimport { defineHelixDots } from \"./elements/HelixDots\";\nimport { defineDotGridWave } from \"./elements/DotGridWave\";\nimport { defineArcSpinner } from \"./elements/ArcSpinner\";\nimport { defineMaterialDoubleArc } from \"./elements/MaterialDoubleArc\";\nimport { defineScanSweep } from \"./elements/ScanSweep\";\nimport { defineOrbitDots } from \"./elements/OrbitDots\";\nimport { defineOrbitRingDots } from \"./elements/OrbitRingDots\";\nimport { defineEyes } from \"./elements/Eyes\";\nimport { defineMorphingSquare } from \"./elements/MorphingSquare\";\nimport { defineBreathingPulse } from \"./elements/BreathingPulse\";\nimport { defineEqualizer } from \"./elements/Equalizer\";\nimport { defineProgressRing } from \"./elements/ProgressRing\";\nimport { defineIndeterminateProgressBar } from \"./elements/IndeterminateProgressBar\";\nimport { defineSkeletonShimmer } from \"./elements/SkeletonShimmer\";\n\n/**\n * Register every pattern as a custom element.\n * Safe to call repeatedly; duplicates are skipped.\n */\nexport function defineAll() {\n  defineBouncingDots();\n  defineTypingDots();\n  defineWaveDots();\n  defineHelixDots();\n  defineDotGridWave();\n  defineArcSpinner();\n  defineMaterialDoubleArc();\n  defineScanSweep();\n  defineOrbitDots();\n  defineOrbitRingDots();\n  defineEyes();\n  defineMorphingSquare();\n  defineBreathingPulse();\n  defineEqualizer();\n  defineProgressRing();\n  defineIndeterminateProgressBar();\n  defineSkeletonShimmer();\n}"],"mappings":"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","names":["react_exports","__export","ArcSpinner","BouncingDots","BreathingPulse","DotGridWave","Equalizer","Eyes","HelixDots","IndeterminateProgressBar","MaterialDoubleArc","MorphingSquare","OrbitDots","OrbitRingDots","ProgressRing","ScanSweep","SkeletonShimmer","TypingDots","WaveDots","defineAll","__toCommonJS","KEYFRAMES","SCOPED_CSS","isBrowser","Base","_ready","LZPattern","__privateAdd","root","SCOPED_CSS","__privateSet","__privateGet","el","attr","fallback","raw","n","variable","_fallback","define","tag","ctor","BOUNCING_DOTS_TAG","BouncingDots","LZPattern","defineBouncingDots","define","TYPING_DOTS_TAG","TypingDots","LZPattern","defineTypingDots","define","WAVE_DOTS_TAG","WaveDots","LZPattern","defineWaveDots","define","HELIX_DOTS_TAG","CYCLE","HelixDots","LZPattern","count","out","i","defineHelixDots","define","DOT_GRID_WAVE_TAG","DotGridWave","LZPattern","rows","cols","out","r","c","defineDotGridWave","define","ARC_SPINNER_TAG","RING_MASK","ArcSpinner","LZPattern","defineArcSpinner","define","MATERIAL_DOUBLE_ARC_TAG","RING_MASK","ARc","MaterialDoubleArc","LZPattern","defineMaterialDoubleArc","define","SCAN_SWEEP_TAG","ScanSweep","LZPattern","defineScanSweep","define","ORBIT_DOTS_TAG","OrbitDots","LZPattern","defineOrbitDots","define","ORBIT_RING_DOTS_TAG","N","OrbitRingDots","LZPattern","out","i","ang","defineOrbitRingDots","define","EYES_TAG","Eyes","LZPattern","defineEyes","define","MORPHING_SQUARE_TAG","MorphingSquare","LZPattern","defineMorphingSquare","define","BREATHING_PULSE_TAG","BreathingPulse","LZPattern","defineBreathingPulse","define","EQUALIZER_TAG","Equalizer","LZPattern","defineEqualizer","define","PROGRESS_RING_TAG","RING_MASK","ProgressRing","LZPattern","defineProgressRing","define","INDETERMINATE_PROGRESS_BAR_TAG","IndeterminateProgressBar","LZPattern","defineIndeterminateProgressBar","define","SKELETON_SHIMMER_TAG","SkeletonShimmer","LZPattern","defineSkeletonShimmer","define","defineAll","defineBouncingDots","defineTypingDots","defineWaveDots","defineHelixDots","defineDotGridWave","defineArcSpinner","defineMaterialDoubleArc","defineScanSweep","defineOrbitDots","defineOrbitRingDots","defineEyes","defineMorphingSquare","defineBreathingPulse","defineEqualizer","defineProgressRing","defineIndeterminateProgressBar","defineSkeletonShimmer","import_jsx_runtime","defineAll","dash","key","value","BouncingDots","props","size","color","speed","className","style","TypingDots","WaveDots","HelixDots","count","DotGridWave","rows","cols","gap","ArcSpinner","strokeWidth","MaterialDoubleArc","colorWeak","ScanSweep","colorSweep","OrbitDots","OrbitRingDots","dotSize","Eyes","MorphingSquare","accent","BreathingPulse","Equalizer","barWidth","ProgressRing","trackColor","percent","IndeterminateProgressBar","width","height","SkeletonShimmer"]}