loading-state-zoo 0.1.0 → 0.1.2

package/README.md

@@ -9,7 +9,7 @@ Think of it as a small zoo of loading animals. You pick an animal, put it in you
 - **Smooth.** Only `transform` and `opacity` ever animate, so it stays at 60fps even on phones.
 - **Tunable.** Every color, size, speed AND every keyframe number is customizable (see [Colors & sizes](#colors-and-sizes) and [Tune the keyframes](#tune-the-keyframes)).
 
-> Looking for AI-friendly docs? See **[docs/AI.md](./docs/AI.md)** and the machine-readable **[docs/components.json](./docs/components.json)**.
+> Looking for AI-friendly docs? See the **Loading State Zoo documentation site** → <https://loading-state-zoo.pages.dev/docs>
 
 ---
 
@@ -563,7 +563,7 @@ Variables: `--lz-surface` · `--lz-sheen` (sweep light color) · `--lz-radius`
 
 **Q: Do I need a privacy policy for this package?** No. It's a code library, not a service, and it collects nothing.
 
-**Q: Can I use it in my commercial app?** Yes — MIT license.
+**Q: Can I use it in my commercial app?** Yes — it's free for personal and commercial projects.
 
 **Q: Can I change sizes and colors?** Yes — attributes, React props, or CSS variables. See [Colors and sizes](#colors-and-sizes).
 
@@ -573,7 +573,7 @@ Variables: `--lz-surface` · `--lz-sheen` (sweep light color) · `--lz-radius`
 
 ## For AI assistants (LLMs, coding agents)
 
-A condensed, machine-honest summary lives in **[docs/AI.md](./docs/AI.md)** and the full structured spec for every component in **[docs/components.json](./docs/components.json)**.
+Full human- and AI-friendly documentation lives at **<https://loading-state-zoo.pages.dev/docs>**. The packaged release also ships `docs/AI.md` (a condensed, machine-honest summary) and `docs/components.json` (the full structured spec for every component) if you want them offline.
 
 Key facts an AI should always know:
 
@@ -585,4 +585,4 @@ Key facts an AI should always know:
 
 ## License
 
-MIT — free to use in commercial projects, no attribution required (but appreciated).
+Free to use in personal and commercial projects. No fee, no attribution required (but appreciated).

package/dist/index.cjs

@@ -125,7 +125,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   -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)));
 `,M=class extends a{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
 .lz-ring {
   width: 100%; height: 100%; border-radius: 50%;
   background: conic-gradient(
@@ -141,7 +141,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   -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)));
 `,C="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",H=class extends a{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-arc {
   position: absolute; inset: 0; border-radius: 50%;
   ${ke}
@@ -156,7 +156,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   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)}};H.observedAttributes=["size","stroke-width","color","speed"];function h(){s(Y,H)}var U="lz-scan-sweep",Z=class extends a{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); 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));
@@ -183,7 +183,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   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)}};Z.observedAttributes=["size","color","speed"];function v(){s(U,Z)}var W="lz-orbit-dots",$=class extends a{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit {
   position: absolute; inset: 0;
   animation: lz-spin calc(1.8s * var(--lz-speed, 1)) linear infinite;
@@ -198,7 +198,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .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)}};$.observedAttributes=["size","color","speed"];function u(){s(W,$)}var X="lz-orbit-ring-dots",ue=8,q=class extends a{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit { position: absolute; inset: 0; }
 .lz-dot {
   position: absolute; top: 50%; left: 50%;
@@ -224,6 +224,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 `}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};K.observedAttributes=["size","color","speed"];function b(){s(F,K)}var V="lz-morphing-square",Q=class extends a{constructor(){super(...arguments);this.css=`
 :host {
+  font-size: var(--lz-size, 44px);
   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));
@@ -253,7 +254,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   -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)));
 `,re=class extends a{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ge} }
 .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);

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../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 { defineAll } from \"./defineAll\";\nimport { defineBouncingDots, BOUNCING_DOTS_TAG } from \"./elements/BouncingDots\";\nimport { defineTypingDots, TYPING_DOTS_TAG } from \"./elements/TypingDots\";\nimport { defineWaveDots, WAVE_DOTS_TAG } from \"./elements/WaveDots\";\nimport { defineHelixDots, HELIX_DOTS_TAG } from \"./elements/HelixDots\";\nimport { defineDotGridWave, DOT_GRID_WAVE_TAG } from \"./elements/DotGridWave\";\nimport { defineArcSpinner, ARC_SPINNER_TAG } from \"./elements/ArcSpinner\";\nimport {\n  defineMaterialDoubleArc,\n  MATERIAL_DOUBLE_ARC_TAG,\n} from \"./elements/MaterialDoubleArc\";\nimport { defineScanSweep, SCAN_SWEEP_TAG } from \"./elements/ScanSweep\";\nimport { defineOrbitDots, ORBIT_DOTS_TAG } from \"./elements/OrbitDots\";\nimport {\n  defineOrbitRingDots,\n  ORBIT_RING_DOTS_TAG,\n} from \"./elements/OrbitRingDots\";\nimport { defineEyes, EYES_TAG } from \"./elements/Eyes\";\nimport {\n  defineMorphingSquare,\n  MORPHING_SQUARE_TAG,\n} from \"./elements/MorphingSquare\";\nimport {\n  defineBreathingPulse,\n  BREATHING_PULSE_TAG,\n} from \"./elements/BreathingPulse\";\nimport { defineEqualizer, EQUALIZER_TAG } from \"./elements/Equalizer\";\nimport { defineProgressRing, PROGRESS_RING_TAG } from \"./elements/ProgressRing\";\nimport {\n  defineIndeterminateProgressBar,\n  INDETERMINATE_PROGRESS_BAR_TAG,\n} from \"./elements/IndeterminateProgressBar\";\nimport {\n  defineSkeletonShimmer,\n  SKELETON_SHIMMER_TAG,\n} from \"./elements/SkeletonShimmer\";\n\nexport { LZPattern, define } from \"./base\";\nexport { KEYFRAMES, SCOPED_CSS } from \"./styles\";\nexport { defineAll } from \"./defineAll\";\n\nexport {\n  defineBouncingDots,\n  BOUNCING_DOTS_TAG,\n  defineTypingDots,\n  TYPING_DOTS_TAG,\n  defineWaveDots,\n  WAVE_DOTS_TAG,\n  defineHelixDots,\n  HELIX_DOTS_TAG,\n  defineDotGridWave,\n  DOT_GRID_WAVE_TAG,\n  defineArcSpinner,\n  ARC_SPINNER_TAG,\n  defineMaterialDoubleArc,\n  MATERIAL_DOUBLE_ARC_TAG,\n  defineScanSweep,\n  SCAN_SWEEP_TAG,\n  defineOrbitDots,\n  ORBIT_DOTS_TAG,\n  defineOrbitRingDots,\n  ORBIT_RING_DOTS_TAG,\n  defineEyes,\n  EYES_TAG,\n  defineMorphingSquare,\n  MORPHING_SQUARE_TAG,\n  defineBreathingPulse,\n  BREATHING_PULSE_TAG,\n  defineEqualizer,\n  EQUALIZER_TAG,\n  defineProgressRing,\n  PROGRESS_RING_TAG,\n  defineIndeterminateProgressBar,\n  INDETERMINATE_PROGRESS_BAR_TAG,\n  defineSkeletonShimmer,\n  SKELETON_SHIMMER_TAG,\n} from \"./elements\";\n\n// Self-register all patterns on import. Call `defineAll()` explicitly\n// (or import without side effects) if you prefer manual control.\ndefineAll();\n\nexport type { LZPattern as LoadingPattern } from \"./base\";","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":["index_exports","__export","ARC_SPINNER_TAG","BOUNCING_DOTS_TAG","BREATHING_PULSE_TAG","DOT_GRID_WAVE_TAG","EQUALIZER_TAG","EYES_TAG","HELIX_DOTS_TAG","INDETERMINATE_PROGRESS_BAR_TAG","KEYFRAMES","LZPattern","MATERIAL_DOUBLE_ARC_TAG","MORPHING_SQUARE_TAG","ORBIT_DOTS_TAG","ORBIT_RING_DOTS_TAG","PROGRESS_RING_TAG","SCAN_SWEEP_TAG","SCOPED_CSS","SKELETON_SHIMMER_TAG","TYPING_DOTS_TAG","WAVE_DOTS_TAG","define","defineAll","defineArcSpinner","defineBouncingDots","defineBreathingPulse","defineDotGridWave","defineEqualizer","defineEyes","defineHelixDots","defineIndeterminateProgressBar","defineMaterialDoubleArc","defineMorphingSquare","defineOrbitDots","defineOrbitRingDots","defineProgressRing","defineScanSweep","defineSkeletonShimmer","defineTypingDots","defineWaveDots","__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","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","defineAll"]}
+{"version":3,"sources":["../src/index.ts","../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 { defineAll } from \"./defineAll\";\nimport { defineBouncingDots, BOUNCING_DOTS_TAG } from \"./elements/BouncingDots\";\nimport { defineTypingDots, TYPING_DOTS_TAG } from \"./elements/TypingDots\";\nimport { defineWaveDots, WAVE_DOTS_TAG } from \"./elements/WaveDots\";\nimport { defineHelixDots, HELIX_DOTS_TAG } from \"./elements/HelixDots\";\nimport { defineDotGridWave, DOT_GRID_WAVE_TAG } from \"./elements/DotGridWave\";\nimport { defineArcSpinner, ARC_SPINNER_TAG } from \"./elements/ArcSpinner\";\nimport {\n  defineMaterialDoubleArc,\n  MATERIAL_DOUBLE_ARC_TAG,\n} from \"./elements/MaterialDoubleArc\";\nimport { defineScanSweep, SCAN_SWEEP_TAG } from \"./elements/ScanSweep\";\nimport { defineOrbitDots, ORBIT_DOTS_TAG } from \"./elements/OrbitDots\";\nimport {\n  defineOrbitRingDots,\n  ORBIT_RING_DOTS_TAG,\n} from \"./elements/OrbitRingDots\";\nimport { defineEyes, EYES_TAG } from \"./elements/Eyes\";\nimport {\n  defineMorphingSquare,\n  MORPHING_SQUARE_TAG,\n} from \"./elements/MorphingSquare\";\nimport {\n  defineBreathingPulse,\n  BREATHING_PULSE_TAG,\n} from \"./elements/BreathingPulse\";\nimport { defineEqualizer, EQUALIZER_TAG } from \"./elements/Equalizer\";\nimport { defineProgressRing, PROGRESS_RING_TAG } from \"./elements/ProgressRing\";\nimport {\n  defineIndeterminateProgressBar,\n  INDETERMINATE_PROGRESS_BAR_TAG,\n} from \"./elements/IndeterminateProgressBar\";\nimport {\n  defineSkeletonShimmer,\n  SKELETON_SHIMMER_TAG,\n} from \"./elements/SkeletonShimmer\";\n\nexport { LZPattern, define } from \"./base\";\nexport { KEYFRAMES, SCOPED_CSS } from \"./styles\";\nexport { defineAll } from \"./defineAll\";\n\nexport {\n  defineBouncingDots,\n  BOUNCING_DOTS_TAG,\n  defineTypingDots,\n  TYPING_DOTS_TAG,\n  defineWaveDots,\n  WAVE_DOTS_TAG,\n  defineHelixDots,\n  HELIX_DOTS_TAG,\n  defineDotGridWave,\n  DOT_GRID_WAVE_TAG,\n  defineArcSpinner,\n  ARC_SPINNER_TAG,\n  defineMaterialDoubleArc,\n  MATERIAL_DOUBLE_ARC_TAG,\n  defineScanSweep,\n  SCAN_SWEEP_TAG,\n  defineOrbitDots,\n  ORBIT_DOTS_TAG,\n  defineOrbitRingDots,\n  ORBIT_RING_DOTS_TAG,\n  defineEyes,\n  EYES_TAG,\n  defineMorphingSquare,\n  MORPHING_SQUARE_TAG,\n  defineBreathingPulse,\n  BREATHING_PULSE_TAG,\n  defineEqualizer,\n  EQUALIZER_TAG,\n  defineProgressRing,\n  PROGRESS_RING_TAG,\n  defineIndeterminateProgressBar,\n  INDETERMINATE_PROGRESS_BAR_TAG,\n  defineSkeletonShimmer,\n  SKELETON_SHIMMER_TAG,\n} from \"./elements\";\n\n// Self-register all patterns on import. Call `defineAll()` explicitly\n// (or import without side effects) if you prefer manual control.\ndefineAll();\n\nexport type { LZPattern as LoadingPattern } from \"./base\";","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 { font-size: var(--lz-size, 44px); 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 { font-size: var(--lz-size, 44px); 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 { font-size: var(--lz-size, 44px); 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 { font-size: var(--lz-size, 44px); 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 { font-size: var(--lz-size, 44px); 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  font-size: var(--lz-size, 44px);\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 { font-size: var(--lz-size, 44px); 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":["index_exports","__export","ARC_SPINNER_TAG","BOUNCING_DOTS_TAG","BREATHING_PULSE_TAG","DOT_GRID_WAVE_TAG","EQUALIZER_TAG","EYES_TAG","HELIX_DOTS_TAG","INDETERMINATE_PROGRESS_BAR_TAG","KEYFRAMES","LZPattern","MATERIAL_DOUBLE_ARC_TAG","MORPHING_SQUARE_TAG","ORBIT_DOTS_TAG","ORBIT_RING_DOTS_TAG","PROGRESS_RING_TAG","SCAN_SWEEP_TAG","SCOPED_CSS","SKELETON_SHIMMER_TAG","TYPING_DOTS_TAG","WAVE_DOTS_TAG","define","defineAll","defineArcSpinner","defineBouncingDots","defineBreathingPulse","defineDotGridWave","defineEqualizer","defineEyes","defineHelixDots","defineIndeterminateProgressBar","defineMaterialDoubleArc","defineMorphingSquare","defineOrbitDots","defineOrbitRingDots","defineProgressRing","defineScanSweep","defineSkeletonShimmer","defineTypingDots","defineWaveDots","__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","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","defineAll"]}

package/dist/index.js

@@ -125,7 +125,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
 `,b=class extends e{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
 .lz-ring {
   width: 100%; height: 100%; border-radius: 50%;
   background: conic-gradient(
@@ -141,7 +141,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   -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)));
 `,_="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",A=class extends e{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-arc {
   position: absolute; inset: 0; border-radius: 50%;
   ${_e}
@@ -156,7 +156,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   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)}};A.observedAttributes=["size","stroke-width","color","speed"];function T(){a(j,A)}var J="lz-scan-sweep",y=class extends e{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); 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));
@@ -183,7 +183,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   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 w(){a(J,y)}var ee="lz-orbit-dots",E=class extends e{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit {
   position: absolute; inset: 0;
   animation: lz-spin calc(1.8s * var(--lz-speed, 1)) linear infinite;
@@ -198,7 +198,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .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)}};E.observedAttributes=["size","color","speed"];function R(){a(ee,E)}var te="lz-orbit-ring-dots",ve=8,k=class extends e{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit { position: absolute; inset: 0; }
 .lz-dot {
   position: absolute; top: 50%; left: 50%;
@@ -224,6 +224,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 `}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)}};S.observedAttributes=["size","color","speed"];function P(){a(re,S)}var ae="lz-morphing-square",N=class extends e{constructor(){super(...arguments);this.css=`
 :host {
+  font-size: var(--lz-size, 44px);
   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));
@@ -253,7 +254,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
 `,B=class extends e{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ae} }
 .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);