@tsogtoodev/shingen-metal 1.0.0 → 1.0.1

package/dist/index.es.js

@@ -1,41 +1,41 @@
-import { defineComponent as gt, ref as Y, computed as ue, watch as z, onMounted as Qe, nextTick as Ce, onBeforeUnmount as Je, openBlock as xt, createElementBlock as vt, normalizeStyle as ke, unref as bt, createElementVNode as te, renderSlot as wt, toValue as yt } from "vue";
-function _t(e) {
-  let t = e.replace("#", "");
-  return t.length === 3 && (t = t[0] + t[0] + t[1] + t[1] + t[2] + t[2]), [parseInt(t.slice(0, 2), 16) / 255, parseInt(t.slice(2, 4), 16) / 255, parseInt(t.slice(4, 6), 16) / 255];
-}
-function Mt(e, t, a) {
-  e /= 255, t /= 255, a /= 255;
-  const n = Math.max(e, t, a), o = Math.min(e, t, a), r = n - o;
+import { defineComponent as ge, ref as V, computed as ut, watch as D, onMounted as Qt, nextTick as Tt, onBeforeUnmount as Zt, openBlock as xe, createElementBlock as ve, normalizeStyle as Et, unref as _e, createElementVNode as et, renderSlot as be, toValue as we } from "vue";
+function ye(t) {
+  let e = t.replace("#", "");
+  return e.length === 3 && (e = e[0] + e[0] + e[1] + e[1] + e[2] + e[2]), [parseInt(e.slice(0, 2), 16) / 255, parseInt(e.slice(2, 4), 16) / 255, parseInt(e.slice(4, 6), 16) / 255];
+}
+function Me(t, e, o) {
+  t /= 255, e /= 255, o /= 255;
+  const n = Math.max(t, e, o), a = Math.min(t, e, o), r = n - a;
   let s = 0;
   const c = n === 0 ? 0 : r / n;
-  return r !== 0 && (n === e ? s = ((t - a) / r + 6) % 6 : n === t ? s = (a - e) / r + 2 : s = (e - t) / r + 4, s /= 6), [s, c, n];
+  return r !== 0 && (n === t ? s = ((e - o) / r + 6) % 6 : n === e ? s = (o - t) / r + 2 : s = (t - e) / r + 4, s /= 6), [s, c, n];
 }
-function St(e, t, a) {
-  const n = Math.floor(e * 6), o = e * 6 - n, r = a * (1 - t), s = a * (1 - o * t), c = a * (1 - (1 - o) * t);
-  let l = 0, d = 0, f = 0;
+function Re(t, e, o) {
+  const n = Math.floor(t * 6), a = t * 6 - n, r = o * (1 - e), s = o * (1 - a * e), c = o * (1 - (1 - a) * e);
+  let l = 0, f = 0, d = 0;
   switch (n % 6) {
     case 0:
-      l = a, d = c, f = r;
+      l = o, f = c, d = r;
       break;
     case 1:
-      l = s, d = a, f = r;
+      l = s, f = o, d = r;
       break;
     case 2:
-      l = r, d = a, f = c;
+      l = r, f = o, d = c;
       break;
     case 3:
-      l = r, d = s, f = a;
+      l = r, f = s, d = o;
       break;
     case 4:
-      l = c, d = r, f = a;
+      l = c, f = r, d = o;
       break;
     case 5:
-      l = a, d = r, f = s;
+      l = o, f = r, d = s;
       break;
   }
-  return [Math.round(l * 255), Math.round(d * 255), Math.round(f * 255)];
+  return [Math.round(l * 255), Math.round(f * 255), Math.round(d * 255)];
 }
-const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot = 2, It = {
+const Ae = 66, Se = 66, Ce = 1500, Te = 1, kt = 16, Ee = 16, ke = 8, Ie = 96, Le = 2, Oe = {
   name: "chromatic",
   modes: {
     dark: {
@@ -71,7 +71,7 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
       shaderOpacity: 1
     }
   }
-}, Pt = {
+}, Pe = {
   name: "silver",
   modes: {
     dark: {
@@ -107,7 +107,7 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
       shaderOpacity: 1
     }
   }
-}, Ft = {
+}, Fe = {
   name: "gold",
   modes: {
     dark: {
@@ -143,19 +143,14 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
       shaderOpacity: 1
     }
   }
-}, Ze = {
-  chromatic: It,
-  silver: Pt,
-  gold: Ft
-}, $t = (
-  /* glsl */
-  `
+}, Jt = {
+  chromatic: Oe,
+  silver: Pe,
+  gold: Fe
+}, $e = `
   attribute vec2 a_position;
   void main() { gl_Position = vec4(a_position, 0.0, 1.0); }
-`
-), Ht = (
-  /* glsl */
-  `
+`, He = `
   precision highp float;
 
   uniform vec2 u_resolution;
@@ -207,8 +202,6 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
 
   float nfbm(vec2 p) { return fbm(p, 3.0 + u_complexity * 4.0); }
 
-  /* 5-stop palette used by effect 1 (Plasma) — direct port of \`palette\` from
-   * the canonical engine. Stops at t = 0, 0.25, 0.5, 0.75, 1.0. */
   vec3 palette(float t) {
     t = clamp(t, 0.0, 1.0);
     t = t * t * (3.0 - 2.0 * t);
@@ -223,10 +216,6 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
             u_color4 * w4 + u_color5 * w5) / total;
   }
 
-  /* Per-pixel alpha that re-introduces transparency when the user dials any
-   * palette stop's alpha below 1. Same \`paletteAlpha\` from the canonical
-   * engine. With every preset shipping all-1 alphas, this returns ~1 for every
-   * pixel — but mirroring it keeps custom-preset behaviour identical. */
   float paletteAlpha(float t) {
     t = clamp(t, 0.0, 1.0);
     t = t * t * (3.0 - 2.0 * t);
@@ -254,8 +243,6 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
     ) * str;
   }
 
-  /* Plasma: four sine bands warped by an FBM field, mapped through the
-   * 5-stop palette. Identical to effect 1 in the canonical engine. */
   vec3 computeEffect(vec2 uv, float aspect, float t, float dist, float cpx) {
     vec2 p = (uv - 0.5) * u_scale;
     p.x *= aspect;
@@ -277,15 +264,10 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
   void main() {
     vec2 uv = gl_FragCoord.xy / u_resolution;
     float aspect = u_resolution.x / u_resolution.y;
-    float t = u_time;          // JS already multiplied u_time by preset.speed.
+    float t = u_time;
     float dist = u_distortion;
     float cpx = u_complexity;
 
-    /* 5-tap cross blur (center + cardinal offsets). The chromatic/silver/gold
-     * presets all ship with blur=1 so this path is always active. 5 taps
-     * instead of the canonical engine's 9 saves ~44% fragment work; the
-     * perceptual difference is nil because the output is already soft from
-     * the plasma's low spatial frequency and CSS blur on reflections. */
     vec3 col;
     if (u_blur < 0.01) {
       col = computeEffect(uv, aspect, t, dist, cpx);
@@ -298,13 +280,8 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
       col += computeEffect(uv + vec2(0.0, -r),  aspect, t, dist, cpx) * 0.15;
     }
 
-    /* Gamma punch — adds the contrast pop that defines the chromatic
-     * highlights. From the canonical engine: \`col = pow(col, vec3(1.3))\`. */
     col = pow(col, vec3(1.3));
 
-    /* Vignette — soft edge darkening so corners read as recessed. The 40-px
-     * scale at the bottom of the formula is hard-coded in the canonical
-     * engine; we keep it for visual parity. */
     float edgeDist = min(min(uv.x, 1.0 - uv.x), min(uv.y, 1.0 - uv.y));
     float vigPx = 40.0 / min(u_resolution.x, u_resolution.y);
     float vigRange = vigPx * (1.0 + u_vignette * 3.0);
@@ -312,9 +289,6 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
     vig = smoothstep(0.0, 1.0, vig);
     col *= mix(1.0, vig, u_vignette * u_vigOpacity);
 
-    /* Per-pixel alpha. With all-1 alphas the formula collapses to ~1 but the
-     * computation matches the canonical engine so custom presets behave the
-     * same. */
     float colorAlpha = (u_alpha1 + u_alpha2 + u_alpha3 + u_alpha4 + u_alpha5) / 5.0;
     if (colorAlpha < 0.999) {
       vec3 c1d = col - u_color1, c2d = col - u_color2, c3d = col - u_color3,
@@ -330,41 +304,37 @@ const Rt = 66, At = 66, Tt = 1500, Ct = 1, Ee = 16, kt = 16, Et = 8, Lt = 96, Ot
     }
     float alpha = colorAlpha;
 
-    /* Touch the unused-at-effect-1 uniforms so GL drivers that complain about
-     * declared-but-unread uniforms (some Mali / Adreno builds do) keep them
-     * live. The contribution is provably zero. */
     alpha += 0.0 * (u_softness + u_shape +
                     u_alpha6 + u_alpha7 +
                     u_color6.x + u_color7.x);
 
     gl_FragColor = vec4(col, alpha * u_shaderOpacity);
   }
-`
-);
-function Le(e, t, a) {
-  const n = e.createShader(t);
+`;
+function It(t, e, o) {
+  const n = t.createShader(e);
   if (!n) throw new Error("metal-fx: gl.createShader returned null");
-  if (e.shaderSource(n, a), e.compileShader(n), !e.getShaderParameter(n, e.COMPILE_STATUS)) {
-    const o = e.getShaderInfoLog(n);
-    throw e.deleteShader(n), new Error(`metal-fx: shader compile failed: ${o ?? "(no info log)"}`);
+  if (t.shaderSource(n, o), t.compileShader(n), !t.getShaderParameter(n, t.COMPILE_STATUS)) {
+    const a = t.getShaderInfoLog(n);
+    throw t.deleteShader(n), new Error(`metal-fx: shader compile failed: ${a ?? "(no info log)"}`);
   }
   return n;
 }
-function Nt(e, t, a) {
-  const n = e.createProgram();
+function Ne(t, e, o) {
+  const n = t.createProgram();
   if (!n) throw new Error("metal-fx: gl.createProgram returned null");
-  if (e.attachShader(n, t), e.attachShader(n, a), e.linkProgram(n), !e.getProgramParameter(n, e.LINK_STATUS)) {
-    const o = e.getProgramInfoLog(n);
-    throw e.deleteProgram(n), new Error(`metal-fx: program link failed: ${o ?? "(no info log)"}`);
+  if (t.attachShader(n, e), t.attachShader(n, o), t.linkProgram(n), !t.getProgramParameter(n, t.LINK_STATUS)) {
+    const a = t.getProgramInfoLog(n);
+    throw t.deleteProgram(n), new Error(`metal-fx: program link failed: ${a ?? "(no info log)"}`);
   }
   return n;
 }
-const et = 140, tt = 40, at = 1.6, nt = 1.3;
-let i = null, ne = null;
-function Gt(e) {
-  ne = e;
+const te = 140, ee = 40, oe = 1.6, ne = 1.3;
+let i = null, nt = null;
+function We(t) {
+  nt = t;
 }
-const Wt = [
+const Ge = [
   "u_resolution",
   "u_time",
   "u_color1",
@@ -393,430 +363,427 @@ const Wt = [
   "u_blur",
   "u_shaderOpacity"
 ];
-function Oe(e) {
-  e.enable(e.BLEND), e.blendFunc(e.SRC_ALPHA, e.ONE_MINUS_SRC_ALPHA);
-  const t = Le(e, e.VERTEX_SHADER, $t), a = Le(e, e.FRAGMENT_SHADER, Ht), n = Nt(e, t, a);
-  e.useProgram(n);
-  const o = e.createBuffer();
-  if (!o) throw new Error("metal-fx: gl.createBuffer returned null");
-  e.bindBuffer(e.ARRAY_BUFFER, o), e.bufferData(e.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]), e.STATIC_DRAW);
-  const r = e.getAttribLocation(n, "a_position");
-  e.enableVertexAttribArray(r), e.vertexAttribPointer(r, 2, e.FLOAT, !1, 0, 0);
+function Lt(t) {
+  t.enable(t.BLEND), t.blendFunc(t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA);
+  const e = It(t, t.VERTEX_SHADER, $e), o = It(t, t.FRAGMENT_SHADER, He), n = Ne(t, e, o);
+  t.useProgram(n);
+  const a = t.createBuffer();
+  if (!a) throw new Error("metal-fx: gl.createBuffer returned null");
+  t.bindBuffer(t.ARRAY_BUFFER, a), t.bufferData(t.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]), t.STATIC_DRAW);
+  const r = t.getAttribLocation(n, "a_position");
+  t.enableVertexAttribArray(r), t.vertexAttribPointer(r, 2, t.FLOAT, !1, 0, 0);
   const s = {};
-  for (const c of Wt) s[c] = e.getUniformLocation(n, c);
-  return { program: n, buffer: o, uniforms: s };
+  for (const c of Ge) s[c] = t.getUniformLocation(n, c);
+  return { program: n, buffer: a, uniforms: s };
 }
-function ot() {
+function ae() {
   if (i) return i;
-  const e = Math.min(Ot, typeof window < "u" && window.devicePixelRatio || 1), t = Math.round(Lt * e), a = typeof OffscreenCanvas < "u";
-  let n, o;
-  if (a)
-    n = new OffscreenCanvas(t, t), o = n.getContext("webgl", {
+  const t = Math.min(Le, typeof window < "u" && window.devicePixelRatio || 1), e = Math.round(Ie * t), o = typeof OffscreenCanvas < "u";
+  let n, a;
+  if (o)
+    n = new OffscreenCanvas(e, e), a = n.getContext("webgl", {
       alpha: !0,
       premultipliedAlpha: !1,
       antialias: !1
     });
   else {
-    const f = document.createElement("canvas");
-    f.width = t, f.height = t, o = f.getContext("webgl", {
+    const d = document.createElement("canvas");
+    d.width = e, d.height = e, a = d.getContext("webgl", {
       alpha: !0,
       premultipliedAlpha: !1,
       antialias: !1,
       preserveDrawingBuffer: !0
-    }) ?? f.getContext("experimental-webgl"), n = f;
+    }) ?? d.getContext("experimental-webgl"), n = d;
   }
-  if (!o) throw new Error("metal-fx: WebGL not supported");
-  const { program: r, buffer: s, uniforms: c } = Oe(o), l = (f) => {
-    f.preventDefault(), i && (i.contextLost = !0);
-  }, d = () => {
+  if (!a) throw new Error("metal-fx: WebGL not supported");
+  const { program: r, buffer: s, uniforms: c } = Lt(a), l = (d) => {
+    d.preventDefault(), i && (i.contextLost = !0);
+  }, f = () => {
     if (!i) return;
-    const f = Oe(i.gl);
-    i.program = f.program, i.buffer = f.buffer, i.uniforms = f.uniforms, i.presetDirty = !0, i.contextLost = !1, ne == null || ne();
+    const d = Lt(i.gl);
+    i.program = d.program, i.buffer = d.buffer, i.uniforms = d.uniforms, i.presetDirty = !0, i.contextLost = !1, nt == null || nt();
   };
-  return n.addEventListener("webglcontextlost", l, !1), n.addEventListener("webglcontextrestored", d, !1), i = {
+  return n.addEventListener("webglcontextlost", l, !1), n.addEventListener("webglcontextrestored", f, !1), i = {
     glCanvas: n,
-    gl: o,
+    gl: a,
     program: r,
     buffer: s,
     uniforms: c,
-    preset: Ze.chromatic.modes.dark,
+    preset: Jt.chromatic.modes.dark,
     presetDirty: !0,
     contextLost: !1,
-    useOffscreen: a,
+    useOffscreen: o,
     frameBitmap: null,
     startMs: performance.now(),
     pausedMs: 0,
     pausedAtMs: null,
     rafId: 0,
-    dpr: e,
+    dpr: t,
     instances: /* @__PURE__ */ new Set(),
     frameCount: 0,
     glowQueue: [],
     glowIdx: 0,
     glowSkip: 0,
-    glowPixels: new Uint8Array(t * t * 4),
-    glowPixelsW: t,
-    glowPixelsH: t
+    glowPixels: new Uint8Array(e * e * 4),
+    glowPixelsW: e,
+    glowPixelsH: e
   }, i;
 }
-function zt() {
-  var o;
+function De() {
+  var a;
   if (!i) return;
-  const { gl: e, program: t, buffer: a, frameBitmap: n } = i;
+  const { gl: t, program: e, buffer: o, frameBitmap: n } = i;
   try {
-    n == null || n.close(), e.deleteBuffer(a), e.deleteProgram(t), (o = e.getExtension("WEBGL_lose_context")) == null || o.loseContext();
+    n == null || n.close(), t.deleteBuffer(o), t.deleteProgram(e), (a = t.getExtension("WEBGL_lose_context")) == null || a.loseContext();
   } catch {
   }
   i = null;
 }
-let Ie = 0;
-function ie() {
+let Ot = 0;
+function it() {
   if (!i) return;
-  const e = performance.now();
-  if (e - Ie < Tt) return;
-  Ie = e;
-  const { gl: t, glCanvas: a } = i, n = a.width, o = a.height;
-  (i.glowPixelsW !== n || i.glowPixelsH !== o) && (i.glowPixelsW = n, i.glowPixelsH = o, i.glowPixels = new Uint8Array(n * o * 4)), t.readPixels(0, 0, n, o, t.RGBA, t.UNSIGNED_BYTE, i.glowPixels);
+  const t = performance.now();
+  if (t - Ot < Ce) return;
+  Ot = t;
+  const { gl: e, glCanvas: o } = i, n = o.width, a = o.height;
+  (i.glowPixelsW !== n || i.glowPixelsH !== a) && (i.glowPixelsW = n, i.glowPixelsH = a, i.glowPixels = new Uint8Array(n * a * 4)), e.readPixels(0, 0, n, a, e.RGBA, e.UNSIGNED_BYTE, i.glowPixels);
 }
 const X = { bx: 0, by: 0 };
-function ye(e, t, a) {
+function wt(t, e, o) {
   if (!i)
     return X.bx = 0, X.by = 0, X;
-  const { glCanvas: n } = i, o = n.width, r = n.height, s = e.dpr, c = e.cssWidth * s, l = e.cssHeight * s, d = et * s, f = tt * s;
-  let g = c * (o / d) / e.shaderScale, u = l * (r / f) / e.shaderScale;
-  g > o && (g = o), u > r && (u = r);
-  const p = (o - g) / 2, h = (r - u) / 2, m = p + t / e.cssWidth * g, A = h + a / e.cssHeight * u;
-  return X.bx = Math.round(m), X.by = Math.round(r - 1 - A), X;
+  const { glCanvas: n } = i, a = n.width, r = n.height, s = t.dpr, c = t.cssWidth * s, l = t.cssHeight * s, f = te * s, d = ee * s;
+  let g = c * (a / f) / t.shaderScale, u = l * (r / d) / t.shaderScale;
+  g > a && (g = a), u > r && (u = r);
+  const h = (a - g) / 2, p = (r - u) / 2, m = h + e / t.cssWidth * g, S = p + o / t.cssHeight * u;
+  return X.bx = Math.round(m), X.by = Math.round(r - 1 - S), X;
 }
 const N = { r: 0, g: 0, b: 0, lum: 0, count: 0 };
-function rt(e, t, a, n, o, r) {
-  const s = Math.max(1, r | 0), c = Math.max(0, n - s), l = Math.min(t, n + s + 1), d = Math.max(0, o - s), f = Math.min(a, o + s + 1);
+function re(t, e, o, n, a, r) {
+  const s = Math.max(1, r | 0), c = Math.max(0, n - s), l = Math.min(e, n + s + 1), f = Math.max(0, a - s), d = Math.min(o, a + s + 1);
   N.r = 0, N.g = 0, N.b = 0, N.lum = 0, N.count = 0;
-  for (let g = d; g < f; g++) {
-    const u = g * t;
-    for (let p = c; p < l; p++) {
-      const h = (u + p) * 4;
-      N.r += e[h], N.g += e[h + 1], N.b += e[h + 2], N.lum += (0.2126 * e[h] + 0.7152 * e[h + 1] + 0.0722 * e[h + 2]) / 255, N.count++;
+  for (let g = f; g < d; g++) {
+    const u = g * e;
+    for (let h = c; h < l; h++) {
+      const p = (u + h) * 4;
+      N.r += t[p], N.g += t[p + 1], N.b += t[p + 2], N.lum += (0.2126 * t[p] + 0.7152 * t[p + 1] + 0.0722 * t[p + 2]) / 255, N.count++;
     }
   }
   return N;
 }
-const T = { r: 255, g: 255, b: 255 };
-function Pe(e, t, a, n) {
+const C = { r: 255, g: 255, b: 255 };
+function Pt(t, e, o, n) {
   if (!i) return 0;
-  ie();
-  const o = ye(e, t, a), r = rt(i.glowPixels, i.glowPixelsW, i.glowPixelsH, o.bx, o.by, n);
+  it();
+  const a = wt(t, e, o), r = re(i.glowPixels, i.glowPixelsW, i.glowPixelsH, a.bx, a.by, n);
   return r.count > 0 ? r.lum / r.count : 0;
 }
-function Bt(e, t, a, n) {
+function Be(t, e, o, n) {
   if (!i)
-    return T.r = 255, T.g = 255, T.b = 255, T;
-  ie();
-  const o = ye(e, t, a), r = rt(i.glowPixels, i.glowPixelsW, i.glowPixelsH, o.bx, o.by, n);
-  return r.count === 0 ? (T.r = 255, T.g = 255, T.b = 255, T) : (T.r = r.r / r.count, T.g = r.g / r.count, T.b = r.b / r.count, T);
+    return C.r = 255, C.g = 255, C.b = 255, C;
+  it();
+  const a = wt(t, e, o), r = re(i.glowPixels, i.glowPixelsW, i.glowPixelsH, a.bx, a.by, n);
+  return r.count === 0 ? (C.r = 255, C.g = 255, C.b = 255, C) : (C.r = r.r / r.count, C.g = r.g / r.count, C.b = r.b / r.count, C);
 }
-function Dt(e, t, a, n) {
+function ze(t, e, o, n) {
   if (!i)
-    return T.r = 255, T.g = 255, T.b = 255, T;
-  ie();
-  const o = ye(e, t, a), { glowPixels: r, glowPixelsW: s, glowPixelsH: c } = i, l = Math.max(1, n | 0), d = Math.max(0, o.bx - l), f = Math.min(s, o.bx + l + 1), g = Math.max(0, o.by - l), u = Math.min(c, o.by + l + 1);
-  let p = -1;
-  T.r = 255, T.g = 255, T.b = 255;
-  for (let h = g; h < u; h++) {
-    const m = h * s;
-    for (let A = d; A < f; A++) {
-      const x = (m + A) * 4, E = r[x], M = r[x + 1], O = r[x + 2], P = Math.max(E, M, O), y = Math.min(E, M, O), S = (P > 0 ? (P - y) / P : 0) * (0.35 + 0.65 * (P / 255));
-      S > p && (p = S, T.r = E, T.g = M, T.b = O);
+    return C.r = 255, C.g = 255, C.b = 255, C;
+  it();
+  const a = wt(t, e, o), { glowPixels: r, glowPixelsW: s, glowPixelsH: c } = i, l = Math.max(1, n | 0), f = Math.max(0, a.bx - l), d = Math.min(s, a.bx + l + 1), g = Math.max(0, a.by - l), u = Math.min(c, a.by + l + 1);
+  let h = -1;
+  C.r = 255, C.g = 255, C.b = 255;
+  for (let p = g; p < u; p++) {
+    const m = p * s;
+    for (let S = f; S < d; S++) {
+      const x = (m + S) * 4, k = r[x], M = r[x + 1], L = r[x + 2], P = Math.max(k, M, L), w = Math.min(k, M, L), R = (P > 0 ? (P - w) / P : 0) * (0.35 + 0.65 * (P / 255));
+      R > h && (h = R, C.r = k, C.g = M, C.b = L);
     }
   }
-  return T;
+  return C;
 }
-Gt(() => {
+We(() => {
   i && i.instances.size > 0 && i.pausedAtMs === null && K();
 });
 typeof document < "u" && document.addEventListener("visibilitychange", () => {
-  !i || i.pausedAtMs !== null || i.contextLost || (document.hidden ? _e() : i.instances.size > 0 && K());
+  !i || i.pausedAtMs !== null || i.contextLost || (document.hidden ? yt() : i.instances.size > 0 && K());
 });
-function Ut(e) {
-  const t = ot(), a = e.hostCanvas.getContext("2d", { alpha: !0 });
-  if (!a) throw new Error("metal-fx: canvas 2D context unavailable");
-  const n = e.scale ?? 1, o = {
-    canvas: e.hostCanvas,
-    ctx: a,
-    cssWidth: e.cssWidth,
-    cssHeight: e.cssHeight,
-    cornerRadius: e.cornerRadius,
-    kind: e.kind,
-    ringCssPx: e.ringCssPx ?? (e.kind === "circle" ? 2 : 1) * n,
-    shaderScale: e.shaderScale ?? (e.kind === "circle" ? nt : at) * n,
-    opacityMul: e.opacityMul ?? 1,
+function Ue(t) {
+  const e = ae(), o = t.hostCanvas.getContext("2d", { alpha: !0 });
+  if (!o) throw new Error("metal-fx: canvas 2D context unavailable");
+  const n = t.scale ?? 1, a = {
+    canvas: t.hostCanvas,
+    ctx: o,
+    cssWidth: t.cssWidth,
+    cssHeight: t.cssHeight,
+    cornerRadius: t.cornerRadius,
+    kind: t.kind,
+    ringCssPx: t.ringCssPx ?? (t.kind === "circle" ? 2 : 1) * n,
+    shaderScale: t.shaderScale ?? (t.kind === "circle" ? ne : oe) * n,
+    opacityMul: t.opacityMul ?? 1,
     visible: !0,
-    paused: e.paused ?? !1,
+    paused: t.paused ?? !1,
     everCopied: !1,
     dpr: typeof window < "u" && window.devicePixelRatio || 1,
     scale: n,
-    onAfterFrame: e.onAfterFrame,
-    onFirstCopy: e.onFirstCopy
+    onAfterFrame: t.onAfterFrame,
+    onFirstCopy: t.onFirstCopy
   };
-  return it(o), t.instances.add(o), t.rafId === 0 && t.pausedAtMs === null && K(), o;
+  return ie(a), e.instances.add(a), e.rafId === 0 && e.pausedAtMs === null && K(), a;
 }
-function Xt(e) {
+function Xe(t) {
   if (!i) return;
-  i.instances.delete(e);
-  const t = i.glowQueue.indexOf(e);
-  t !== -1 && i.glowQueue.splice(t, 1), i.instances.size === 0 && (_e(), zt());
+  i.instances.delete(t);
+  const e = i.glowQueue.indexOf(t);
+  e !== -1 && i.glowQueue.splice(e, 1), i.instances.size === 0 && (yt(), De());
 }
-function Vt(e) {
-  i && (i.glowQueue.includes(e) || i.glowQueue.push(e));
+function qe(t) {
+  i && (i.glowQueue.includes(t) || i.glowQueue.push(t));
 }
-function qt(e) {
+function Ye(t) {
   if (!i) return;
-  const t = i.glowQueue.indexOf(e);
-  t !== -1 && i.glowQueue.splice(t, 1);
+  const e = i.glowQueue.indexOf(t);
+  e !== -1 && i.glowQueue.splice(e, 1);
 }
-function J(e, t) {
-  let a = !1;
-  t.cssWidth !== void 0 && t.cssWidth !== e.cssWidth && (e.cssWidth = t.cssWidth, a = !0), t.cssHeight !== void 0 && t.cssHeight !== e.cssHeight && (e.cssHeight = t.cssHeight, a = !0), t.cornerRadius !== void 0 && (e.cornerRadius = t.cornerRadius), t.scale !== void 0 && (e.scale = t.scale), t.kind !== void 0 && t.kind !== e.kind && (e.kind = t.kind, t.shaderScale === void 0 && (e.shaderScale = (t.kind === "circle" ? nt : at) * e.scale), t.ringCssPx === void 0 && (e.ringCssPx = (t.kind === "circle" ? 2 : 1) * e.scale)), t.shaderScale !== void 0 && (e.shaderScale = t.shaderScale), t.ringCssPx !== void 0 && (e.ringCssPx = t.ringCssPx), t.opacityMul !== void 0 && (e.opacityMul = t.opacityMul), t.paused !== void 0 && t.paused !== e.paused && (e.paused = t.paused, !t.paused && i && i.rafId === 0 && i.pausedAtMs === null && !i.contextLost && K()), a && it(e);
+function Z(t, e) {
+  let o = !1;
+  e.cssWidth !== void 0 && e.cssWidth !== t.cssWidth && (t.cssWidth = e.cssWidth, o = !0), e.cssHeight !== void 0 && e.cssHeight !== t.cssHeight && (t.cssHeight = e.cssHeight, o = !0), e.cornerRadius !== void 0 && (t.cornerRadius = e.cornerRadius), e.scale !== void 0 && (t.scale = e.scale), e.kind !== void 0 && e.kind !== t.kind && (t.kind = e.kind, e.shaderScale === void 0 && (t.shaderScale = (e.kind === "circle" ? ne : oe) * t.scale), e.ringCssPx === void 0 && (t.ringCssPx = (e.kind === "circle" ? 2 : 1) * t.scale)), e.shaderScale !== void 0 && (t.shaderScale = e.shaderScale), e.ringCssPx !== void 0 && (t.ringCssPx = e.ringCssPx), e.opacityMul !== void 0 && (t.opacityMul = e.opacityMul), e.paused !== void 0 && e.paused !== t.paused && (t.paused = e.paused, !e.paused && i && i.rafId === 0 && i.pausedAtMs === null && !i.contextLost && K()), o && ie(t);
 }
-function Yt(e, t) {
-  e.visible = t, t && i && i.rafId === 0 && i.pausedAtMs === null && !i.contextLost && K();
+function Ve(t, e) {
+  t.visible = e, e && i && i.rafId === 0 && i.pausedAtMs === null && !i.contextLost && K();
 }
-function jt(e, t) {
-  const a = ot();
-  a.preset = Ze[e].modes[t], a.presetDirty = !0;
+function je(t, e) {
+  const o = ae();
+  o.preset = Jt[t].modes[e], o.presetDirty = !0;
 }
-function un() {
-  !i || i.pausedAtMs !== null || (i.pausedAtMs = performance.now(), _e());
+function pn() {
+  !i || i.pausedAtMs !== null || (i.pausedAtMs = performance.now(), yt());
 }
 function hn() {
   !i || i.pausedAtMs === null || (i.pausedMs += performance.now() - i.pausedAtMs, i.pausedAtMs = null, i.instances.size > 0 && K());
 }
-let be = null;
-function Kt(e) {
-  be = e;
+let _t = null;
+function Ke(t) {
+  _t = t;
 }
-function it(e) {
-  e.dpr = typeof window < "u" && window.devicePixelRatio || 1;
-  const t = Math.max(1, Math.round(e.cssWidth * e.dpr)), a = Math.max(1, Math.round(e.cssHeight * e.dpr));
-  e.canvas.width !== t && (e.canvas.width = t), e.canvas.height !== a && (e.canvas.height = a);
+function ie(t) {
+  t.dpr = typeof window < "u" && window.devicePixelRatio || 1;
+  const e = Math.max(1, Math.round(t.cssWidth * t.dpr)), o = Math.max(1, Math.round(t.cssHeight * t.dpr));
+  t.canvas.width !== e && (t.canvas.width = e), t.canvas.height !== o && (t.canvas.height = o);
 }
-function Qt(e) {
-  const { ctx: t, dpr: a, canvas: n } = e, o = e.ringCssPx * a, r = n.width, s = n.height, c = Math.max(0, (e.cornerRadius - e.ringCssPx) * a);
-  t.save(), t.globalCompositeOperation = "destination-out", t.fillStyle = "#000", t.beginPath(), t.roundRect(o, o, r - 2 * o, s - 2 * o, c), t.fill(), t.restore();
+function Qe(t) {
+  const { ctx: e, dpr: o, canvas: n } = t, a = t.ringCssPx * o, r = n.width, s = n.height, c = Math.max(0, (t.cornerRadius - t.ringCssPx) * o);
+  e.save(), e.globalCompositeOperation = "destination-out", e.fillStyle = "#000", e.beginPath(), e.roundRect(a, a, r - 2 * a, s - 2 * a, c), e.fill(), e.restore();
 }
-function Jt(e) {
-  var p;
+function Ze(t) {
+  var h;
   if (!i) return;
-  const t = i.frameBitmap ?? i.glCanvas, a = e.dpr, n = e.canvas.width, o = e.canvas.height;
-  if (n < 1 || o < 1) return;
-  const r = i.glCanvas.width, s = i.glCanvas.height, c = et * a, l = tt * a;
-  let d = n * (r / c) / e.shaderScale, f = o * (s / l) / e.shaderScale;
-  d > r && (d = r), f > s && (f = s);
-  const g = Math.max(0, (r - d) / 2), u = Math.max(0, (s - f) / 2);
-  if (e.ctx.clearRect(0, 0, n, o), e.opacityMul < 1 && (e.ctx.globalAlpha = e.opacityMul), e.ctx.drawImage(t, g, u, d, f, 0, 0, n, o), e.opacityMul < 1 && (e.ctx.globalAlpha = 1), Qt(e), e.onFirstCopy) {
-    const h = e.onFirstCopy;
-    e.onFirstCopy = void 0, h();
+  const e = i.frameBitmap ?? i.glCanvas, o = t.dpr, n = t.canvas.width, a = t.canvas.height;
+  if (n < 1 || a < 1) return;
+  const r = i.glCanvas.width, s = i.glCanvas.height, c = te * o, l = ee * o;
+  let f = n * (r / c) / t.shaderScale, d = a * (s / l) / t.shaderScale;
+  f > r && (f = r), d > s && (d = s);
+  const g = Math.max(0, (r - f) / 2), u = Math.max(0, (s - d) / 2);
+  if (t.ctx.clearRect(0, 0, n, a), t.opacityMul < 1 && (t.ctx.globalAlpha = t.opacityMul), t.ctx.drawImage(e, g, u, f, d, 0, 0, n, a), t.opacityMul < 1 && (t.ctx.globalAlpha = 1), Qe(t), t.onFirstCopy) {
+    const p = t.onFirstCopy;
+    t.onFirstCopy = void 0, p();
   }
-  (p = e.onAfterFrame) == null || p.call(e);
+  (h = t.onAfterFrame) == null || h.call(t);
 }
-function Zt() {
+function Je() {
   if (!i) return;
-  const { gl: e, uniforms: t, preset: a, glCanvas: n } = i;
-  t.u_resolution && e.uniform2f(t.u_resolution, n.width, n.height);
-  for (let o = 0; o < 7; o++) {
-    const r = t[`u_color${o + 1}`];
+  const { gl: t, uniforms: e, preset: o, glCanvas: n } = i;
+  e.u_resolution && t.uniform2f(e.u_resolution, n.width, n.height);
+  for (let a = 0; a < 7; a++) {
+    const r = e[`u_color${a + 1}`];
     if (r) {
-      const [c, l, d] = _t(a.colors[o]);
-      e.uniform3f(r, c, l, d);
+      const [c, l, f] = ye(o.colors[a]);
+      t.uniform3f(r, c, l, f);
     }
-    const s = t[`u_alpha${o + 1}`];
-    s && e.uniform1f(s, a.alphas[o]);
+    const s = e[`u_alpha${a + 1}`];
+    s && t.uniform1f(s, o.alphas[a]);
   }
-  t.u_intensity && e.uniform1f(t.u_intensity, a.intensity), t.u_scale && e.uniform1f(t.u_scale, a.scale), t.u_direction && e.uniform1f(t.u_direction, a.direction * Math.PI / 180), t.u_softness && e.uniform1f(t.u_softness, a.softness), t.u_distortion && e.uniform1f(t.u_distortion, a.distortion), t.u_complexity && e.uniform1f(t.u_complexity, a.complexity), t.u_shape && e.uniform1f(t.u_shape, a.shape), t.u_vignette && e.uniform1f(t.u_vignette, a.vignette), t.u_vigOpacity && e.uniform1f(t.u_vigOpacity, a.vigOpacity), t.u_blur && e.uniform1f(t.u_blur, a.blur), t.u_shaderOpacity && e.uniform1f(t.u_shaderOpacity, a.shaderOpacity), i.presetDirty = !1;
+  e.u_intensity && t.uniform1f(e.u_intensity, o.intensity), e.u_scale && t.uniform1f(e.u_scale, o.scale), e.u_direction && t.uniform1f(e.u_direction, o.direction * Math.PI / 180), e.u_softness && t.uniform1f(e.u_softness, o.softness), e.u_distortion && t.uniform1f(e.u_distortion, o.distortion), e.u_complexity && t.uniform1f(e.u_complexity, o.complexity), e.u_shape && t.uniform1f(e.u_shape, o.shape), e.u_vignette && t.uniform1f(e.u_vignette, o.vignette), e.u_vigOpacity && t.uniform1f(e.u_vigOpacity, o.vigOpacity), e.u_blur && t.uniform1f(e.u_blur, o.blur), e.u_shaderOpacity && t.uniform1f(e.u_shaderOpacity, o.shaderOpacity), i.presetDirty = !1;
 }
-function ea(e) {
+function to(t) {
   if (!i) return;
-  const { gl: t, uniforms: a, preset: n, glCanvas: o } = i, r = (e - i.startMs - i.pausedMs) / 1e3 * n.speed;
-  t.viewport(0, 0, o.width, o.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT), i.presetDirty && Zt(), a.u_time && t.uniform1f(a.u_time, r), t.drawArrays(t.TRIANGLES, 0, 6), i.frameCount++;
+  const { gl: e, uniforms: o, preset: n, glCanvas: a } = i, r = (t - i.startMs - i.pausedMs) / 1e3 * n.speed;
+  e.viewport(0, 0, a.width, a.height), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), i.presetDirty && Je(), o.u_time && e.uniform1f(o.u_time, r), e.drawArrays(e.TRIANGLES, 0, 6), i.frameCount++;
 }
-let Fe = 0;
-function st(e) {
-  var a;
+let Ft = 0;
+function se(t) {
+  var o;
   if (!i) return;
   if (i.contextLost) {
     i.rafId = 0;
     return;
   }
-  let t = !1;
+  let e = !1;
   for (const n of i.instances)
     if (n.visible && (!n.paused || !n.everCopied)) {
-      t = !0;
+      e = !0;
       break;
     }
-  if (!t) {
+  if (!e) {
     i.rafId = 0;
     return;
   }
-  if (i.rafId = requestAnimationFrame(st), !(e - Fe < Rt)) {
-    Fe = e, ea(e), i.useOffscreen && (i.glowQueue.length > 0 && ie(), (a = i.frameBitmap) == null || a.close(), i.frameBitmap = i.glCanvas.transferToImageBitmap());
+  if (i.rafId = requestAnimationFrame(se), !(t - Ft < Ae)) {
+    Ft = t, to(t), i.useOffscreen && (i.glowQueue.length > 0 && it(), (o = i.frameBitmap) == null || o.close(), i.frameBitmap = i.glCanvas.transferToImageBitmap());
     for (const n of i.instances)
-      n.visible && (n.paused && n.everCopied || (Jt(n), n.everCopied = !0));
-    if (be && i.glowQueue.length > 0 && ++i.glowSkip % Ct === 0) {
+      n.visible && (n.paused && n.everCopied || (Ze(n), n.everCopied = !0));
+    if (_t && i.glowQueue.length > 0 && ++i.glowSkip % Te === 0) {
       const n = i.glowQueue;
       i.glowIdx >= n.length && (i.glowIdx = 0);
-      const o = n[i.glowIdx];
-      o.visible && !o.paused && be(o, e), i.glowIdx++;
+      const a = n[i.glowIdx];
+      a.visible && !a.paused && _t(a, t), i.glowIdx++;
     }
   }
 }
 function K() {
-  !i || i.rafId !== 0 || (i.rafId = requestAnimationFrame(st));
+  !i || i.rafId !== 0 || (i.rafId = requestAnimationFrame(se));
 }
-function _e() {
+function yt() {
   i && (i.rafId !== 0 && cancelAnimationFrame(i.rafId), i.rafId = 0);
 }
-const oe = {
-  linear: (e) => e,
-  smoothstep: (e) => e * e * (3 - 2 * e)
+const at = {
+  linear: (t) => t,
+  smoothstep: (t) => t * t * (3 - 2 * t)
 };
-function V(e, t, a, n = oe.linear) {
-  return { from: e, to: t, dur: a, ease: n, startMs: -1, val: e, done: !1 };
+function q(t, e, o, n = at.linear) {
+  return { from: t, to: e, dur: o, ease: n, startMs: -1, val: t, done: !1 };
 }
-function q(e, t) {
-  e.startMs = t, e.val = e.from, e.done = !1;
+function Y(t, e) {
+  t.startMs = e, t.val = t.from, t.done = !1;
 }
-function $e(e, t) {
-  if (e.done || e.startMs < 0) return e.val;
-  const a = Math.min(1, (t - e.startMs) / e.dur);
-  return e.val = e.from + (e.to - e.from) * e.ease(a), a >= 1 && (e.done = !0), e.val;
+function $t(t, e) {
+  if (t.done || t.startMs < 0) return t.val;
+  const o = Math.min(1, (e - t.startMs) / t.dur);
+  return t.val = t.from + (t.to - t.from) * t.ease(o), o >= 1 && (t.done = !0), t.val;
 }
-const ta = 1.5, ee = 1 / 3, aa = 4 * ee, na = 2 * ee, oa = 2 * ee, ra = 1.35 * ee, ia = 13 * ee;
-function Me(e, t, a) {
-  const n = Math.max(0, Math.min(a, Math.min(e, t) / 2));
-  return 2 * Math.max(0, e - 2 * n) + 2 * Math.max(0, t - 2 * n) + 2 * Math.PI * n;
+const eo = 1.5, tt = 1 / 3, oo = 4 * tt, no = 2 * tt, ao = 2 * tt, ro = 1.35 * tt, io = 13 * tt;
+function Mt(t, e, o) {
+  const n = Math.max(0, Math.min(o, Math.min(t, e) / 2));
+  return 2 * Math.max(0, t - 2 * n) + 2 * Math.max(0, e - 2 * n) + 2 * Math.PI * n;
 }
-function Se(e, t, a, n) {
-  return n === "circle" ? 2 * Math.PI * Math.max(0, Math.min(a, Math.min(e, t) / 2)) : Me(e, t, a);
+function Rt(t, e, o, n) {
+  return n === "circle" ? 2 * Math.PI * Math.max(0, Math.min(o, Math.min(t, e) / 2)) : Mt(t, e, o);
 }
-function Z(e, t, a, n, o, r, s, c) {
-  const l = c || { x: 0, y: 0 }, d = Math.max(0, Math.min(n, Math.min(t, a) / 2));
+function J(t, e, o, n, a, r, s, c) {
+  const l = c || { x: 0, y: 0 }, f = Math.max(0, Math.min(n, Math.min(e, o) / 2));
   if (s === "circle") {
-    const x = 2 * Math.PI * d;
+    const x = 2 * Math.PI * f;
     if (x <= 1e-4)
-      return l.x = t * 0.5, l.y = a * 0.5, l;
-    e = (e % x + x) % x;
-    const E = -Math.PI / 2 + e / x * Math.PI * 2, M = Math.max(0, d - o + r);
-    return l.x = t * 0.5 + M * Math.cos(E), l.y = a * 0.5 + M * Math.sin(E), l;
+      return l.x = e * 0.5, l.y = o * 0.5, l;
+    t = (t % x + x) % x;
+    const k = -Math.PI / 2 + t / x * Math.PI * 2, M = Math.max(0, f - a + r);
+    return l.x = e * 0.5 + M * Math.cos(k), l.y = o * 0.5 + M * Math.sin(k), l;
   }
-  const f = Math.max(0, t - 2 * d), g = Math.max(0, a - 2 * d), u = Math.PI * d / 2, p = 2 * (f + g) + 4 * u;
-  e = (e % p + p) % p;
-  const h = Math.max(0, d - o + r);
-  let m = e;
-  if (m < f)
-    return l.x = d + m, l.y = o - r, l;
-  if (m -= f, m < u) {
+  const d = Math.max(0, e - 2 * f), g = Math.max(0, o - 2 * f), u = Math.PI * f / 2, h = 2 * (d + g) + 4 * u;
+  t = (t % h + h) % h;
+  const p = Math.max(0, f - a + r);
+  let m = t;
+  if (m < d)
+    return l.x = f + m, l.y = a - r, l;
+  if (m -= d, m < u) {
     const x = -Math.PI / 2 + (u > 0 ? m / u : 0) * (Math.PI / 2);
-    return l.x = t - d + h * Math.cos(x), l.y = d + h * Math.sin(x), l;
+    return l.x = e - f + p * Math.cos(x), l.y = f + p * Math.sin(x), l;
   }
   if (m -= u, m < g)
-    return l.x = t - o + r, l.y = d + m, l;
+    return l.x = e - a + r, l.y = f + m, l;
   if (m -= g, m < u) {
     const x = (u > 0 ? m / u : 0) * (Math.PI / 2);
-    return l.x = t - d + h * Math.cos(x), l.y = a - d + h * Math.sin(x), l;
+    return l.x = e - f + p * Math.cos(x), l.y = o - f + p * Math.sin(x), l;
   }
-  if (m -= u, m < f)
-    return l.x = t - d - m, l.y = a - o + r, l;
-  if (m -= f, m < u) {
+  if (m -= u, m < d)
+    return l.x = e - f - m, l.y = o - a + r, l;
+  if (m -= d, m < u) {
     const x = Math.PI / 2 + (u > 0 ? m / u : 0) * (Math.PI / 2);
-    return l.x = d + h * Math.cos(x), l.y = a - d + h * Math.sin(x), l;
+    return l.x = f + p * Math.cos(x), l.y = o - f + p * Math.sin(x), l;
   }
   if (m -= u, m < g)
-    return l.x = o - r, l.y = a - d - m, l;
+    return l.x = a - r, l.y = o - f - m, l;
   m -= g;
-  const A = Math.PI + (u > 0 ? m / u : 0) * (Math.PI / 2);
-  return l.x = d + h * Math.cos(A), l.y = d + h * Math.sin(A), l;
+  const S = Math.PI + (u > 0 ? m / u : 0) * (Math.PI / 2);
+  return l.x = f + p * Math.cos(S), l.y = f + p * Math.sin(S), l;
 }
-function He(e, t) {
-  const a = e * 2 / t;
+function Ht(t, e) {
+  const o = t * 2 / e;
   let n = "";
-  for (let o = 0; o <= t; o++) {
-    const r = -e + o * a;
-    n += (o === 0 ? "M " : "L ") + r.toFixed(3) + " 0 ";
+  for (let a = 0; a <= e; a++) {
+    const r = -t + a * o;
+    n += (a === 0 ? "M " : "L ") + r.toFixed(3) + " 0 ";
   }
   return n;
 }
-const he = { x: 0, y: 0 }, pe = { x: 0, y: 0 };
-function sa(e, t, a, n, o, r) {
-  return Z(e - 0.1, t, a, n, o, 0, r, he), Z(e + 0.1, t, a, n, o, 0, r, pe), Math.atan2(pe.y - he.y, pe.x - he.x);
+const pt = { x: 0, y: 0 }, ht = { x: 0, y: 0 };
+function so(t, e, o, n, a, r) {
+  return J(t - 0.1, e, o, n, a, 0, r, pt), J(t + 0.1, e, o, n, a, 0, r, ht), Math.atan2(ht.y - pt.y, ht.x - pt.x);
 }
-function Ne(e, t, a) {
-  const n = Math.max(0, Math.min(1, (a - e) / (t - e)));
+function Nt(t, e, o) {
+  const n = Math.max(0, Math.min(1, (o - t) / (e - t)));
   return n * n * (3 - 2 * n);
 }
-function la(e) {
-  const t = Se(e.width, e.height, e.cornerRadius, e.kind), a = ta * (e.scale ?? 1), n = [];
-  for (let o = 0; o < Ee; o++) {
-    const r = o / Ee * t, s = Z(r, e.width, e.height, e.cornerRadius, a, 0, e.kind);
+function lo(t) {
+  const e = Rt(t.width, t.height, t.cornerRadius, t.kind), o = eo * (t.scale ?? 1), n = [];
+  for (let a = 0; a < kt; a++) {
+    const r = a / kt * e, s = J(r, t.width, t.height, t.cornerRadius, o, 0, t.kind);
     n.push({ x: s.x, y: s.y, arc: r });
   }
   return n;
 }
-function ca(e, t) {
-  const { width: a, height: n, cornerRadius: o } = e, r = e.scale ?? 1, s = e.kind === "circle" ? 2 : 1, c = Math.max(0, o - s), l = (-200 * r).toFixed(0), d = l, f = (540 * r).toFixed(0), g = (440 * r).toFixed(0), u = `x="${l}" y="${d}" width="${f}" height="${g}"`, p = `${u} filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"`, h = (A) => (A * r).toFixed(3), m = (A) => (A * r).toFixed(3);
+function co(t, e) {
+  const { width: o, height: n, cornerRadius: a } = t, r = t.scale ?? 1, s = t.kind === "circle" ? 2 : 1, c = Math.max(0, a - s), l = (-200 * r).toFixed(0), f = l, d = (540 * r).toFixed(0), g = (440 * r).toFixed(0), u = `x="${l}" y="${f}" width="${d}" height="${g}"`, h = `${u} filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"`, p = (S) => (S * r).toFixed(3), m = (S) => (S * r).toFixed(3);
   return [
     "<defs>",
-    `<filter id="${t}_bXl" ${p}><feGaussianBlur stdDeviation="${m(8.4)}"/></filter>`,
-    `<filter id="${t}_bLg" ${p}><feGaussianBlur stdDeviation="${m(4.8)}"/></filter>`,
-    `<filter id="${t}_bMd" ${p}><feGaussianBlur stdDeviation="${m(2.1)}"/></filter>`,
-    `<filter id="${t}_bSm" ${p}><feGaussianBlur stdDeviation="${m(0.9)}"/></filter>`,
-    `<filter id="${t}_ebO" ${p}><feGaussianBlur stdDeviation="${m(oa)}"/></filter>`,
-    `<filter id="${t}_ebC" ${p}><feGaussianBlur stdDeviation="${m(ra)}"/></filter>`,
-    `<radialGradient id="${t}_fg" cx="0.5" cy="0.5" r="0.5"><stop offset="0" stop-color="white"/><stop offset="0.30" stop-color="white"/><stop offset="0.65" stop-color="#404040"/><stop offset="1" stop-color="black"/></radialGradient>`,
-    `<mask id="${t}_fm" maskUnits="userSpaceOnUse" ${u}><rect ${u} fill="black"/><circle id="${t}_fc" cx="0" cy="0" r="${(ia * r).toFixed(3)}" fill="url(#${t}_fg)"/></mask>`,
-    `<mask id="${t}_rm" maskUnits="userSpaceOnUse" ${u}><rect ${u} fill="#808080"/><rect x="0" y="0" width="${a}" height="${n}" rx="${o}" ry="${o}" fill="white"/><rect x="${s}" y="${s}" width="${a - s * 2}" height="${n - s * 2}" rx="${c}" ry="${c}" fill="black"/></mask>`,
+    `<filter id="${e}_bXl" ${h}><feGaussianBlur stdDeviation="${m(8.4)}"/></filter>`,
+    `<filter id="${e}_bLg" ${h}><feGaussianBlur stdDeviation="${m(4.8)}"/></filter>`,
+    `<filter id="${e}_bMd" ${h}><feGaussianBlur stdDeviation="${m(2.1)}"/></filter>`,
+    `<filter id="${e}_bSm" ${h}><feGaussianBlur stdDeviation="${m(0.9)}"/></filter>`,
+    `<filter id="${e}_ebO" ${h}><feGaussianBlur stdDeviation="${m(ao)}"/></filter>`,
+    `<filter id="${e}_ebC" ${h}><feGaussianBlur stdDeviation="${m(ro)}"/></filter>`,
+    `<radialGradient id="${e}_fg" cx="0.5" cy="0.5" r="0.5"><stop offset="0" stop-color="white"/><stop offset="0.30" stop-color="white"/><stop offset="0.65" stop-color="#404040"/><stop offset="1" stop-color="black"/></radialGradient>`,
+    `<mask id="${e}_fm" maskUnits="userSpaceOnUse" ${u}><rect ${u} fill="black"/><circle id="${e}_fc" cx="0" cy="0" r="${(io * r).toFixed(3)}" fill="url(#${e}_fg)"/></mask>`,
+    `<mask id="${e}_rm" maskUnits="userSpaceOnUse" ${u}><rect ${u} fill="#808080"/><rect x="0" y="0" width="${o}" height="${n}" rx="${a}" ry="${a}" fill="white"/><rect x="${s}" y="${s}" width="${o - s * 2}" height="${n - s * 2}" rx="${c}" ry="${c}" fill="black"/></mask>`,
     "</defs>",
-    // Safari clips mask to the masked element's bbox; our horizontal strokes
-    // have zero height, so the mask becomes a sliver. These spacer rects
-    // inflate the bbox to the full filter region.
-    `<g id="${t}_h" mask="url(#${t}_rm)" opacity="0">`,
+    `<g id="${e}_h" mask="url(#${e}_rm)" opacity="0">`,
     `<rect ${u} fill="none" pointer-events="none"/>`,
-    `<g id="${t}_hI" stroke="white">`,
-    `<path id="${t}_pXl" stroke-width="${h(26.4)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.385" filter="url(#${t}_bXl)"/>`,
-    `<path id="${t}_pLg" stroke-width="${h(15.6)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.595" filter="url(#${t}_bLg)"/>`,
-    `<path id="${t}_pMd" stroke-width="${h(7.2)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.70" filter="url(#${t}_bMd)"/>`,
-    `<path id="${t}_pSm" stroke-width="${h(3)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.70" filter="url(#${t}_bSm)"/>`,
+    `<g id="${e}_hI" stroke="white">`,
+    `<path id="${e}_pXl" stroke-width="${p(26.4)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.385" filter="url(#${e}_bXl)"/>`,
+    `<path id="${e}_pLg" stroke-width="${p(15.6)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.595" filter="url(#${e}_bLg)"/>`,
+    `<path id="${e}_pMd" stroke-width="${p(7.2)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.70" filter="url(#${e}_bMd)"/>`,
+    `<path id="${e}_pSm" stroke-width="${p(3)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.70" filter="url(#${e}_bSm)"/>`,
     "</g></g>",
-    `<g id="${t}_e" mask="url(#${t}_rm)" opacity="0">`,
+    `<g id="${e}_e" mask="url(#${e}_rm)" opacity="0">`,
     `<rect ${u} fill="none" pointer-events="none"/>`,
-    `<g mask="url(#${t}_fm)">`,
-    `<g id="${t}_eI" stroke="white">`,
-    `<path id="${t}_eO" stroke-width="${h(aa)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.85" filter="url(#${t}_ebO)"/>`,
-    `<path id="${t}_eC" stroke-width="${h(na)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="1.0" filter="url(#${t}_ebC)"/>`,
+    `<g mask="url(#${e}_fm)">`,
+    `<g id="${e}_eI" stroke="white">`,
+    `<path id="${e}_eO" stroke-width="${p(oo)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.85" filter="url(#${e}_ebO)"/>`,
+    `<path id="${e}_eC" stroke-width="${p(no)}" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="1.0" filter="url(#${e}_ebC)"/>`,
     "</g></g></g>"
   ].join("");
 }
-const da = 875e-5, Ge = 0.08, We = 0.32, fa = 0.05, ua = 3e3, ze = 0.85, ae = 0.34, me = 1500, ha = 15, pa = 75e-4, ma = 120, ga = 1.5, xa = 7.8, va = 9.13952, ba = 1, wa = 1 / 3, ya = 0.8, _a = 3.51, Be = 2e3, ge = 400, Ma = 2.625, Sa = 1.008, Ra = 0.31, lt = 140, ct = 40, dt = 20;
-let Aa = 0;
-const W = { x: 0, y: 0 };
-function De(e, t) {
-  const a = `mfxg_${++Aa}`, n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  n.setAttribute("class", "metal-fx-glow-svg"), n.setAttribute("preserveAspectRatio", "none"), n.setAttribute("viewBox", `0 0 ${t.width} ${t.height}`), n.innerHTML = ca(t, a), e.appendChild(n);
-  const o = (x) => n.querySelector(`#${a}_${x}`), r = o("h"), s = o("hI"), c = o("e"), l = o("eI"), d = o("fc"), f = Se(t.width, t.height, t.cornerRadius, t.kind) / Me(lt, ct, dt), g = Math.max(1, xa * f), u = Math.max(0.6, va * wa * f), p = He(g, kt), h = He(u, Et), m = [o("pXl"), o("pLg"), o("pMd"), o("pSm")], A = [o("eO"), o("eC")];
-  for (const x of m) x.setAttribute("d", p);
-  for (const x of A) x.setAttribute("d", h);
-  return s.style.transformOrigin = "0 0", l.style.transformOrigin = "0 0", s.style.willChange = "transform", l.style.willChange = "transform", s.style.transition = "transform 100ms linear", l.style.transition = "transform 100ms linear", r.style.willChange = "opacity", c.style.willChange = "opacity", r.style.transition = "opacity 100ms linear", c.style.transition = "opacity 100ms linear", d.style.willChange = "transform", {
+const fo = 875e-5, Wt = 0.08, Gt = 0.32, uo = 0.05, po = 3e3, Dt = 0.85, ot = 0.34, mt = 1500, ho = 15, mo = 75e-4, go = 120, xo = 1.5, vo = 7.8, _o = 9.13952, bo = 1, wo = 1 / 3, yo = 0.8, Mo = 3.51, Bt = 2e3, gt = 400, Ro = 2.625, Ao = 1.008, So = 0.31, le = 140, ce = 40, fe = 20;
+let Co = 0;
+const G = { x: 0, y: 0 };
+function zt(t, e) {
+  const o = `mfxg_${++Co}`, n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  n.setAttribute("class", "metal-fx-glow-svg"), n.setAttribute("preserveAspectRatio", "none"), n.setAttribute("viewBox", `0 0 ${e.width} ${e.height}`), n.innerHTML = co(e, o), t.appendChild(n);
+  const a = (x) => n.querySelector(`#${o}_${x}`), r = a("h"), s = a("hI"), c = a("e"), l = a("eI"), f = a("fc"), d = Rt(e.width, e.height, e.cornerRadius, e.kind) / Mt(le, ce, fe), g = Math.max(1, vo * d), u = Math.max(0.6, _o * wo * d), h = Ht(g, Ee), p = Ht(u, ke), m = [a("pXl"), a("pLg"), a("pMd"), a("pSm")], S = [a("eO"), a("eC")];
+  for (const x of m) x.setAttribute("d", h);
+  for (const x of S) x.setAttribute("d", p);
+  return s.style.transformOrigin = "0 0", l.style.transformOrigin = "0 0", s.style.willChange = "transform", l.style.willChange = "transform", s.style.transition = "transform 100ms linear", l.style.transition = "transform 100ms linear", r.style.willChange = "opacity", c.style.willChange = "opacity", r.style.transition = "opacity 100ms linear", c.style.transition = "opacity 100ms linear", f.style.willChange = "transform", {
     svg: n,
     haloGroup: r,
     haloInner: s,
     extraGroup: c,
     extraInner: l,
-    fadeCircle: d,
-    width: t.width,
-    height: t.height,
-    cornerRadius: t.cornerRadius,
-    kind: t.kind,
-    scale: t.scale ?? 1,
-    perim: la(t),
+    fadeCircle: f,
+    width: e.width,
+    height: e.height,
+    cornerRadius: e.cornerRadius,
+    kind: e.kind,
+    scale: e.scale ?? 1,
+    perim: lo(e),
     currentIdx: 0,
     appearedAt: 0,
     glowOpacity: 0,
@@ -833,311 +800,309 @@ function De(e, t) {
     lastExtraStroke: ""
   };
 }
-function Ta(e, t, a, n, o = "dark") {
+function To(t, e, o, n, a = "dark") {
   var B;
-  const { width: r, height: s, cornerRadius: c, perim: l } = e;
+  const { width: r, height: s, cornerRadius: c, perim: l } = t;
   if (l.length === 0) return;
-  const d = 2;
-  let f = -1, g = e.currentIdx, u = 0;
-  for (let k = 0; k < l.length; k++) {
-    const I = l[k], H = Pe(t, I.x, I.y, d);
-    H > f && (f = H, g = k), k === e.currentIdx && (u = H);
+  const f = 2;
+  let d = -1, g = t.currentIdx, u = 0;
+  for (let E = 0; E < l.length; E++) {
+    const O = l[E], H = Pt(e, O.x, O.y, f);
+    H > d && (d = H, g = E), E === t.currentIdx && (u = H);
   }
-  const p = e.appearedAt > 0 && a - e.appearedAt < ua, h = ae + (ze - ae) * Ne(Ge, We, u), m = !p && f - u > fa;
-  if (!e.relocTween || e.relocTween.done)
-    if (e.appearedAt === 0)
-      e.currentIdx = g, e.appearedAt = a, e.wanderS = 0, e.wanderTargetS = 0, e.wanderFrames = 0, e.relocTween = V(0, h, me, oe.smoothstep), q(e.relocTween, a);
-    else if ((B = e.relocTween) != null && B.done && e.relocTween.to === 0) {
-      e.currentIdx = e.relocNextIdx, e.appearedAt = a, e.wanderS = 0, e.wanderTargetS = 0, e.wanderFrames = 0;
-      const k = l[e.currentIdx], I = Pe(t, k.x, k.y, d), H = ae + (ze - ae) * Ne(Ge, We, I);
-      e.relocTween = V(0, H, me, oe.smoothstep), q(e.relocTween, a);
-    } else m ? (e.relocNextIdx = g, e.relocTween = V(e.glowOpacity, 0, me, oe.smoothstep), q(e.relocTween, a)) : e.glowOpacity += (h - e.glowOpacity) * da;
-  e.relocTween && (e.glowOpacity = $e(e.relocTween, a)), e.glowOpacity = Math.max(0, Math.min(1, e.glowOpacity));
-  const A = Se(r, s, c, e.kind) / Me(lt, ct, dt), x = ha * A;
-  e.wanderFrames++ >= ma && (e.wanderTargetS = (Math.random() * 2 - 1) * x, e.wanderFrames = 0), e.wanderS += (e.wanderTargetS - e.wanderS) * pa;
-  const E = l[e.currentIdx].arc + e.wanderS, M = ga * e.scale;
-  Z(E, r, s, c, M, 0, e.kind, W);
-  const O = W.x, P = W.y, y = sa(E, r, s, c, M, e.kind), w = `translate(${O.toFixed(3)}px,${P.toFixed(3)}px) rotate(${y.toFixed(4)}rad)`;
-  e.haloInner.style.transform = w;
-  const S = ba * A * e.scale;
-  Z(E, r, s, c, M, S, e.kind, W), e.extraInner.style.transform = `translate(${W.x.toFixed(3)}px,${W.y.toFixed(3)}px) rotate(${y.toFixed(4)}rad)`, e.fadeCircle.style.transform = `translate(${W.x.toFixed(3)}px,${W.y.toFixed(3)}px)`;
-  const R = o === "light", v = R ? Dt(t, O, P, d) : Bt(t, O, P, d);
-  e.tintTween ? e.tintTween.done && (R ? (e.tintFrom = {
-    r: e.tintFrom.r + (e.tintTarget.r - e.tintFrom.r) * e.tintTween.val,
-    g: e.tintFrom.g + (e.tintTarget.g - e.tintFrom.g) * e.tintTween.val,
-    b: e.tintFrom.b + (e.tintTarget.b - e.tintFrom.b) * e.tintTween.val
-  }, e.tintTarget = { ...v }, e.tintTween = V(0, 1, ge), q(e.tintTween, a)) : a >= e.tintHoldUntil && (e.tintFrom = { ...e.tintTarget }, e.tintTarget = { ...v }, e.tintTween = V(0, 1, ge), q(e.tintTween, a), e.tintHoldUntil = a + Be)) : (e.tintFrom = { ...v }, e.tintTarget = { ...v }, e.tintTween = V(0, 1, ge), q(e.tintTween, a), e.tintHoldUntil = R ? 0 : a + Be), $e(e.tintTween, a);
-  const b = e.tintTween.val;
-  let F, L, _;
-  if (R)
-    F = Math.round(e.tintFrom.r + (e.tintTarget.r - e.tintFrom.r) * b), L = Math.round(e.tintFrom.g + (e.tintTarget.g - e.tintFrom.g) * b), _ = Math.round(e.tintFrom.b + (e.tintTarget.b - e.tintFrom.b) * b);
+  const h = t.appearedAt > 0 && o - t.appearedAt < po, p = ot + (Dt - ot) * Nt(Wt, Gt, u), m = !h && d - u > uo;
+  if (!t.relocTween || t.relocTween.done)
+    if (t.appearedAt === 0)
+      t.currentIdx = g, t.appearedAt = o, t.wanderS = 0, t.wanderTargetS = 0, t.wanderFrames = 0, t.relocTween = q(0, p, mt, at.smoothstep), Y(t.relocTween, o);
+    else if ((B = t.relocTween) != null && B.done && t.relocTween.to === 0) {
+      t.currentIdx = t.relocNextIdx, t.appearedAt = o, t.wanderS = 0, t.wanderTargetS = 0, t.wanderFrames = 0;
+      const E = l[t.currentIdx], O = Pt(e, E.x, E.y, f), H = ot + (Dt - ot) * Nt(Wt, Gt, O);
+      t.relocTween = q(0, H, mt, at.smoothstep), Y(t.relocTween, o);
+    } else m ? (t.relocNextIdx = g, t.relocTween = q(t.glowOpacity, 0, mt, at.smoothstep), Y(t.relocTween, o)) : t.glowOpacity += (p - t.glowOpacity) * fo;
+  t.relocTween && (t.glowOpacity = $t(t.relocTween, o)), t.glowOpacity = Math.max(0, Math.min(1, t.glowOpacity));
+  const S = Rt(r, s, c, t.kind) / Mt(le, ce, fe), x = ho * S;
+  t.wanderFrames++ >= go && (t.wanderTargetS = (Math.random() * 2 - 1) * x, t.wanderFrames = 0), t.wanderS += (t.wanderTargetS - t.wanderS) * mo;
+  const k = l[t.currentIdx].arc + t.wanderS, M = xo * t.scale;
+  J(k, r, s, c, M, 0, t.kind, G);
+  const L = G.x, P = G.y, w = so(k, r, s, c, M, t.kind), b = `translate(${L.toFixed(3)}px,${P.toFixed(3)}px) rotate(${w.toFixed(4)}rad)`;
+  t.haloInner.style.transform = b;
+  const R = bo * S * t.scale;
+  J(k, r, s, c, M, R, t.kind, G), t.extraInner.style.transform = `translate(${G.x.toFixed(3)}px,${G.y.toFixed(3)}px) rotate(${w.toFixed(4)}rad)`, t.fadeCircle.style.transform = `translate(${G.x.toFixed(3)}px,${G.y.toFixed(3)}px)`;
+  const A = a === "light", v = A ? ze(e, L, P, f) : Be(e, L, P, f);
+  t.tintTween ? t.tintTween.done && (A ? (t.tintFrom = {
+    r: t.tintFrom.r + (t.tintTarget.r - t.tintFrom.r) * t.tintTween.val,
+    g: t.tintFrom.g + (t.tintTarget.g - t.tintFrom.g) * t.tintTween.val,
+    b: t.tintFrom.b + (t.tintTarget.b - t.tintFrom.b) * t.tintTween.val
+  }, t.tintTarget = { ...v }, t.tintTween = q(0, 1, gt), Y(t.tintTween, o)) : o >= t.tintHoldUntil && (t.tintFrom = { ...t.tintTarget }, t.tintTarget = { ...v }, t.tintTween = q(0, 1, gt), Y(t.tintTween, o), t.tintHoldUntil = o + Bt)) : (t.tintFrom = { ...v }, t.tintTarget = { ...v }, t.tintTween = q(0, 1, gt), Y(t.tintTween, o), t.tintHoldUntil = A ? 0 : o + Bt), $t(t.tintTween, o);
+  const _ = t.tintTween.val;
+  let F, I, y;
+  if (A)
+    F = Math.round(t.tintFrom.r + (t.tintTarget.r - t.tintFrom.r) * _), I = Math.round(t.tintFrom.g + (t.tintTarget.g - t.tintFrom.g) * _), y = Math.round(t.tintFrom.b + (t.tintTarget.b - t.tintFrom.b) * _);
   else {
-    const k = e.tintFrom.r + (e.tintTarget.r - e.tintFrom.r) * b, I = e.tintFrom.g + (e.tintTarget.g - e.tintFrom.g) * b, H = e.tintFrom.b + (e.tintTarget.b - e.tintFrom.b) * b, G = Math.max(k, I, H) || 1;
-    F = Math.round(255 * (k / G)), L = Math.round(255 * (I / G)), _ = Math.round(255 * (H / G));
+    const E = t.tintFrom.r + (t.tintTarget.r - t.tintFrom.r) * _, O = t.tintFrom.g + (t.tintTarget.g - t.tintFrom.g) * _, H = t.tintFrom.b + (t.tintTarget.b - t.tintFrom.b) * _, W = Math.max(E, O, H) || 1;
+    F = Math.round(255 * (E / W)), I = Math.round(255 * (O / W)), y = Math.round(255 * (H / W));
   }
-  const C = `rgb(${F},${L},${_})`;
-  if (C !== e.lastHaloStroke && (e.lastHaloStroke = C, e.haloInner.style.stroke = C), R) {
-    const k = Mt(F, L, _), [I, H, G] = St(k[0], Math.min(1, k[1] * Ma), Math.max(Ra, k[2] * Sa)), D = `rgb(${I},${H},${G})`;
-    D !== e.lastExtraStroke && (e.lastExtraStroke = D, e.extraInner.style.stroke = D);
-  } else e.lastExtraStroke !== "#ffffff" && (e.lastExtraStroke = "#ffffff", e.extraInner.style.stroke = "#ffffff");
+  const T = `rgb(${F},${I},${y})`;
+  if (T !== t.lastHaloStroke && (t.lastHaloStroke = T, t.haloInner.style.stroke = T), A) {
+    const E = Me(F, I, y), [O, H, W] = Re(E[0], Math.min(1, E[1] * Ro), Math.max(So, E[2] * Ao)), z = `rgb(${O},${H},${W})`;
+    z !== t.lastExtraStroke && (t.lastExtraStroke = z, t.extraInner.style.stroke = z);
+  } else t.lastExtraStroke !== "#ffffff" && (t.lastExtraStroke = "#ffffff", t.extraInner.style.stroke = "#ffffff");
   const $ = Math.max(0, Math.min(1, n));
-  e.haloGroup.style.opacity = (e.glowOpacity * ya * $).toFixed(3), e.extraGroup.style.opacity = Math.min(1, e.glowOpacity * _a * $).toFixed(3);
+  t.haloGroup.style.opacity = (t.glowOpacity * yo * $).toFixed(3), t.extraGroup.style.opacity = Math.min(1, t.glowOpacity * Mo * $).toFixed(3);
 }
-const we = 12, Ue = 32, Xe = 1, Ve = 0.55, Ca = 1, ka = 1, Ea = 0.85, La = 0, Oa = 1.3, qe = 3.6, Ia = 0.7, Pa = 1, Fa = 0.52, $a = 1, Ha = 0.044, Na = 235, Ga = 2.535, Wa = 0.7, za = 0.5, Ba = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT", "OPTION"]);
-function Da(e, t) {
-  const a = Math.max(e.left - t.right, t.left - e.right, 0), n = Math.max(e.top - t.bottom, t.top - e.bottom, 0);
-  return Math.sqrt(a * a + n * n);
+const bt = 12, Ut = 32, Xt = 1, qt = 0.55, Eo = 1, ko = 1, Io = 0.85, Lo = 0, Oo = 1.3, Yt = 3.6, Po = 0.7, Fo = 1, $o = 0.52, Ho = 1, No = 0.044, Wo = 235, Go = 2.535, Do = 0.7, Bo = 0.5, zo = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT", "OPTION"]);
+function Uo(t, e) {
+  const o = Math.max(t.left - e.right, e.left - t.right, 0), n = Math.max(t.top - e.bottom, e.top - t.bottom, 0);
+  return Math.sqrt(o * o + n * n);
 }
-function Ua(e, t, a, n) {
-  return !(Math.min(e.bottom, t.bottom) - Math.max(e.top, t.top) < a || Math.max(
-    e.left - t.right,
+function Xo(t, e, o, n) {
+  return !(Math.min(t.bottom, e.bottom) - Math.max(t.top, e.top) < o || Math.max(
     t.left - e.right,
+    e.left - t.right,
     0
   ) > n);
 }
-function Xa(e, t, a, n) {
-  return Math.min(e.right, t.right) - Math.max(e.left, t.left) < a ? !1 : Math.max(
-    e.top - t.bottom,
+function qo(t, e, o, n) {
+  return Math.min(t.right, e.right) - Math.max(t.left, e.left) < o ? !1 : Math.max(
     t.top - e.bottom,
+    e.top - t.bottom,
     0
   ) <= n;
 }
-function U(e, t, a, n, o, r) {
-  const s = Math.max(0, Math.min(r, n * 0.5, o * 0.5)), c = e.roundRect;
+function U(t, e, o, n, a, r) {
+  const s = Math.max(0, Math.min(r, n * 0.5, a * 0.5)), c = t.roundRect;
   if (typeof c == "function") {
-    c.call(e, t, a, n, o, s);
+    c.call(t, e, o, n, a, s);
     return;
   }
-  e.moveTo(t + s, a), e.lineTo(t + n - s, a), e.quadraticCurveTo(t + n, a, t + n, a + s), e.lineTo(t + n, a + o - s), e.quadraticCurveTo(t + n, a + o, t + n - s, a + o), e.lineTo(t + s, a + o), e.quadraticCurveTo(t, a + o, t, a + o - s), e.lineTo(t, a + s), e.quadraticCurveTo(t, a, t + s, a);
+  t.moveTo(e + s, o), t.lineTo(e + n - s, o), t.quadraticCurveTo(e + n, o, e + n, o + s), t.lineTo(e + n, o + a - s), t.quadraticCurveTo(e + n, o + a, e + n - s, o + a), t.lineTo(e + s, o + a), t.quadraticCurveTo(e, o + a, e, o + a - s), t.lineTo(e, o + s), t.quadraticCurveTo(e, o, e + s, o);
 }
-function ft(e, t, a, n, o) {
-  if (!o.flipX && !o.flipY) {
-    e.drawImage(t, 0, 0, a, n, o.x, o.y, o.w, o.h);
+function de(t, e, o, n, a) {
+  if (!a.flipX && !a.flipY) {
+    t.drawImage(e, 0, 0, o, n, a.x, a.y, a.w, a.h);
     return;
   }
-  e.save(), o.flipX && (e.translate(o.x + o.w, 0), e.scale(-1, 1)), o.flipY && (e.translate(0, o.y + o.h), e.scale(1, -1)), e.drawImage(
-    t,
+  t.save(), a.flipX && (t.translate(a.x + a.w, 0), t.scale(-1, 1)), a.flipY && (t.translate(0, a.y + a.h), t.scale(1, -1)), t.drawImage(
+    e,
     0,
     0,
-    a,
+    o,
     n,
-    o.flipX ? 0 : o.x,
-    o.flipY ? 0 : o.y,
-    o.w,
-    o.h
-  ), e.restore();
-}
-const Va = 4;
-function qa(e, t, a, n, o, r, s) {
-  if (n <= 2 * s || o <= 2 * s) {
-    e.beginPath(), U(e, t, a, n, o, r), e.clip();
+    a.flipX ? 0 : a.x,
+    a.flipY ? 0 : a.y,
+    a.w,
+    a.h
+  ), t.restore();
+}
+const Yo = 4;
+function Vo(t, e, o, n, a, r, s) {
+  if (n <= 2 * s || a <= 2 * s) {
+    t.beginPath(), U(t, e, o, n, a, r), t.clip();
     return;
   }
-  e.beginPath(), U(e, t, a, n, o, r), U(e, t + s, a + s, n - 2 * s, o - 2 * s, Math.max(0, r - s)), e.clip("evenodd");
+  t.beginPath(), U(t, e, o, n, a, r), U(t, e + s, o + s, n - 2 * s, a - 2 * s, Math.max(0, r - s)), t.clip("evenodd");
 }
-function Ya(e, t, a, n, o, r, s, c, l, d, f) {
-  const g = Math.max(1, Math.round((we + Va * 3) * f));
-  let u = Math.max(0, s), p = !0;
-  for (let h = 0; h < 3 && u > 1e-4; h++) {
+function jo(t, e, o, n, a, r, s, c, l, f, d) {
+  const g = Math.max(1, Math.round((bt + Yo * 3) * d));
+  let u = Math.max(0, s), h = !0;
+  for (let p = 0; p < 3 && u > 1e-4; p++) {
     const m = Math.min(1, u);
-    e.save(), qa(e, d.x, d.y, d.w, d.h, d.r, g), e.globalCompositeOperation = p ? "source-over" : "lighter", p = !1, e.globalAlpha = m, ft(e, t, a, n, l), e.globalAlpha = 1, e.globalCompositeOperation = "destination-in", e.fillStyle = c, e.fillRect(0, 0, o, r), e.restore(), u -= m;
+    t.save(), Vo(t, f.x, f.y, f.w, f.h, f.r, g), t.globalCompositeOperation = h ? "source-over" : "lighter", h = !1, t.globalAlpha = m, de(t, e, o, n, l), t.globalAlpha = 1, t.globalCompositeOperation = "destination-in", t.fillStyle = c, t.fillRect(0, 0, a, r), t.restore(), u -= m;
   }
 }
-function ut(e, t, a, n, o, r, s) {
+function ue(t, e, o, n, a, r, s) {
   const c = s | 0;
-  if (c < 1 || n <= 2 * c || o <= 2 * c) {
-    e.beginPath(), U(e, t, a, n, o, r), e.clip();
+  if (c < 1 || n <= 2 * c || a <= 2 * c) {
+    t.beginPath(), U(t, e, o, n, a, r), t.clip();
     return;
   }
-  e.beginPath(), U(e, t, a, n, o, r), U(e, t + c, a + c, n - 2 * c, o - 2 * c, Math.max(0, r - c)), e.clip("evenodd");
+  t.beginPath(), U(t, e, o, n, a, r), U(t, e + c, o + c, n - 2 * c, a - 2 * c, Math.max(0, r - c)), t.clip("evenodd");
 }
-function ja(e, t, a, n, o, r, s, c, l, d, f, g) {
-  let u = c * f, p = !0;
-  for (let h = 0; h < 3 && u > 1e-4; h++) {
+function Ko(t, e, o, n, a, r, s, c, l, f, d, g) {
+  let u = c * d, h = !0;
+  for (let p = 0; p < 3 && u > 1e-4; p++) {
     const m = Math.min(1, u);
-    e.save(), ut(e, s.x, s.y, s.w, s.h, s.r, l), e.globalCompositeOperation = p ? "source-over" : "lighter", p = !1, e.globalAlpha = m, ft(e, t, a, n, g), e.globalAlpha = 1, e.globalCompositeOperation = "destination-in", e.fillStyle = d, e.fillRect(0, 0, o, r), e.restore(), u -= m;
+    t.save(), ue(t, s.x, s.y, s.w, s.h, s.r, l), t.globalCompositeOperation = h ? "source-over" : "lighter", h = !1, t.globalAlpha = m, de(t, e, o, n, g), t.globalAlpha = 1, t.globalCompositeOperation = "destination-in", t.fillStyle = f, t.fillRect(0, 0, a, r), t.restore(), u -= m;
   }
 }
-function Ka(e, t, a, n, o, r, s, c) {
-  const l = e.createLinearGradient(n, o, r, s);
-  l.addColorStop(0, `rgba(255,255,255,${c.toFixed(3)})`), l.addColorStop(0.5, `rgba(255,255,255,${(c * 0.45).toFixed(3)})`), l.addColorStop(1, "rgba(255,255,255,0)"), e.save(), ut(e, t.x, t.y, t.w, t.h, t.r, a), e.globalCompositeOperation = "lighter", e.lineWidth = a * 2, e.strokeStyle = l, e.beginPath(), U(e, t.x, t.y, t.w, t.h, t.r), e.stroke(), e.restore();
+function Qo(t, e, o, n, a, r, s, c) {
+  const l = t.createLinearGradient(n, a, r, s);
+  l.addColorStop(0, `rgba(255,255,255,${c.toFixed(3)})`), l.addColorStop(0.5, `rgba(255,255,255,${(c * 0.45).toFixed(3)})`), l.addColorStop(1, "rgba(255,255,255,0)"), t.save(), ue(t, e.x, e.y, e.w, e.h, e.r, o), t.globalCompositeOperation = "lighter", t.lineWidth = o * 2, t.strokeStyle = l, t.beginPath(), U(t, e.x, e.y, e.w, e.h, e.r), t.stroke(), t.restore();
 }
-function ht(e) {
-  const t = getComputedStyle(e), a = [
-    parseFloat(t.borderTopLeftRadius) || 0,
-    parseFloat(t.borderTopRightRadius) || 0,
-    parseFloat(t.borderBottomRightRadius) || 0,
-    parseFloat(t.borderBottomLeftRadius) || 0
+function pe(t) {
+  const e = getComputedStyle(t), o = [
+    parseFloat(e.borderTopLeftRadius) || 0,
+    parseFloat(e.borderTopRightRadius) || 0,
+    parseFloat(e.borderBottomRightRadius) || 0,
+    parseFloat(e.borderBottomLeftRadius) || 0
   ].filter((n) => n > 0);
-  return a.length ? Math.min.apply(null, a) : 0;
-}
-function pt(e) {
-  const t = getComputedStyle(e), a = Math.max(
-    parseFloat(t.borderTopWidth) || 0,
-    parseFloat(t.borderRightWidth) || 0,
-    parseFloat(t.borderBottomWidth) || 0,
-    parseFloat(t.borderLeftWidth) || 0
+  return o.length ? Math.min.apply(null, o) : 0;
+}
+function he(t) {
+  const e = getComputedStyle(t), o = Math.max(
+    parseFloat(e.borderTopWidth) || 0,
+    parseFloat(e.borderRightWidth) || 0,
+    parseFloat(e.borderBottomWidth) || 0,
+    parseFloat(e.borderLeftWidth) || 0
   );
-  let n = 0, o = 0;
-  const r = t.boxShadow;
+  let n = 0, a = 0;
+  const r = e.boxShadow;
   if (r && r !== "none") {
-    const d = r.replace(/rgba?\([^)]*\)/g, (u) => u.replace(/,/g, "\0")).split(/,\s*/);
-    let f = 1 / 0, g = 1 / 0;
-    for (const u of d) {
-      const p = u.match(/-?\d+(?:\.\d+)?px/g);
-      if (!p || p.length < 4) continue;
-      const h = parseFloat(p[3]);
-      h > 0 && (/\binset\b/.test(u) ? h < f && (f = h) : h < g && (g = h));
+    const f = r.replace(/rgba?\([^)]*\)/g, (u) => u.replace(/,/g, "\0")).split(/,\s*/);
+    let d = 1 / 0, g = 1 / 0;
+    for (const u of f) {
+      const h = u.match(/-?\d+(?:\.\d+)?px/g);
+      if (!h || h.length < 4) continue;
+      const p = parseFloat(h[3]);
+      p > 0 && (/\binset\b/.test(u) ? p < d && (d = p) : p < g && (g = p));
     }
-    Number.isFinite(f) && (n = f), Number.isFinite(g) && (o = g);
+    Number.isFinite(d) && (n = d), Number.isFinite(g) && (a = g);
   }
-  const s = Math.max(a, o);
-  return { width: Math.max(a, n, o) || 1, outerCssPx: s };
+  const s = Math.max(o, a);
+  return { width: Math.max(o, n, a) || 1, outerCssPx: s };
 }
-function Ye(e) {
-  e.cornerRadius = ht(e.el);
-  const t = pt(e.el);
-  e.hairlineWidth = t.width, e.hairlineOuterCssPx = t.outerCssPx;
+function Vt(t) {
+  t.cornerRadius = pe(t.el);
+  const e = he(t.el);
+  t.hairlineWidth = e.width, t.hairlineOuterCssPx = e.outerCssPx;
 }
-function Qa(e) {
-  typeof ResizeObserver < "u" && (e.resizeObserver = new ResizeObserver(() => Ye(e)), e.resizeObserver.observe(e.el)), typeof MutationObserver < "u" && (e.mutationObserver = new MutationObserver(() => Ye(e)), e.mutationObserver.observe(e.el, {
+function Zo(t) {
+  typeof ResizeObserver < "u" && (t.resizeObserver = new ResizeObserver(() => Vt(t)), t.resizeObserver.observe(t.el)), typeof MutationObserver < "u" && (t.mutationObserver = new MutationObserver(() => Vt(t)), t.mutationObserver.observe(t.el, {
     attributes: !0,
     attributeFilter: ["style", "class"]
   }));
 }
-function Ja(e) {
-  var t, a;
-  (t = e.resizeObserver) == null || t.disconnect(), e.resizeObserver = null, (a = e.mutationObserver) == null || a.disconnect(), e.mutationObserver = null;
+function Jo(t) {
+  var e, o;
+  (e = t.resizeObserver) == null || e.disconnect(), t.resizeObserver = null, (o = t.mutationObserver) == null || o.disconnect(), t.mutationObserver = null;
 }
 const j = /* @__PURE__ */ new Set();
-function Za(e, t, a) {
-  if (typeof document > "u" || Ba.has(e.tagName)) return null;
-  for (const p of j)
-    if (p.el === e) return p;
+function tn(t, e, o) {
+  if (typeof document > "u" || zo.has(t.tagName)) return null;
+  for (const h of j)
+    if (h.el === t) return h;
   const n = document.createElement("div");
   n.setAttribute("data-metal-fx-reflection", ""), n.setAttribute("aria-hidden", "true");
-  const o = document.createElement("canvas");
-  o.className = "metal-fx-reflection-canvas";
-  const r = o.getContext("2d", { alpha: !0 });
+  const a = document.createElement("canvas");
+  a.className = "metal-fx-reflection-canvas";
+  const r = a.getContext("2d", { alpha: !0 });
   if (!r) return null;
   const s = document.createElement("canvas");
   s.className = "metal-fx-reflection-stroke-canvas";
   const c = s.getContext("2d", { alpha: !0 });
   if (!c) return null;
-  n.appendChild(o), n.appendChild(s);
-  const l = getComputedStyle(e);
-  let d = !1;
-  l.position === "static" && (e.style.position = "relative", d = !0);
+  n.appendChild(a), n.appendChild(s);
+  const l = getComputedStyle(t);
   let f = !1;
-  l.isolation !== "isolate" && (e.style.isolation = "isolate", f = !0), e.setAttribute("data-metal-fx-reflect-host", ""), e.insertBefore(n, e.firstChild);
-  const g = pt(e), u = {
-    el: e,
-    anchor: t,
-    anchorEl: a,
+  l.position === "static" && (t.style.position = "relative", f = !0);
+  let d = !1;
+  l.isolation !== "isolate" && (t.style.isolation = "isolate", d = !0), t.setAttribute("data-metal-fx-reflect-host", ""), t.insertBefore(n, t.firstChild);
+  const g = he(t), u = {
+    el: t,
+    anchor: e,
+    anchorEl: o,
     wrap: n,
-    canvas: o,
+    canvas: a,
     ctx: r,
     strokeCanvas: s,
     strokeCtx: c,
-    cornerRadius: ht(e),
+    cornerRadius: pe(t),
     hairlineWidth: g.width,
     hairlineOuterCssPx: g.outerCssPx,
-    appliedPositionRelative: d,
-    appliedIsolation: f,
+    appliedPositionRelative: f,
+    appliedIsolation: d,
     resizeObserver: null,
     mutationObserver: null
   };
-  return Qa(u), j.add(u), u;
+  return Zo(u), j.add(u), u;
 }
-function en(e) {
-  for (const t of j)
-    if (t.el === e) {
-      Ja(t), t.canvas.width = 0, t.canvas.height = 0, t.strokeCanvas.width = 0, t.strokeCanvas.height = 0, t.wrap.parentNode === t.el && t.el.removeChild(t.wrap), t.el.removeAttribute("data-metal-fx-reflect-host"), t.appliedPositionRelative && (t.el.style.position = ""), t.appliedIsolation && (t.el.style.isolation = ""), j.delete(t);
+function en(t) {
+  for (const e of j)
+    if (e.el === t) {
+      Jo(e), e.canvas.width = 0, e.canvas.height = 0, e.strokeCanvas.width = 0, e.strokeCanvas.height = 0, e.wrap.parentNode === e.el && e.el.removeChild(e.wrap), e.el.removeAttribute("data-metal-fx-reflect-host"), e.appliedPositionRelative && (e.el.style.position = ""), e.appliedIsolation && (e.el.style.isolation = ""), j.delete(e);
       return;
     }
 }
-function tn() {
+function on() {
   if (j.size === 0) return;
-  const e = typeof window < "u" && window.devicePixelRatio || 1, t = /* @__PURE__ */ new Map();
-  for (const a of j) {
-    const n = a.el.getBoundingClientRect();
-    let o = t.get(a.anchorEl);
-    if (o || (o = a.anchorEl.getBoundingClientRect(), t.set(a.anchorEl, o)), n.width < 1 || n.height < 1 || o.width < 1 || o.height < 1) continue;
-    if (!Ua(o, n, Xe, Ue) && !Xa(o, n, Xe, Ue)) {
-      a.canvas.width !== 1 && (a.canvas.width = 1, a.canvas.height = 1), a.strokeCanvas.width !== 1 && (a.strokeCanvas.width = 1, a.strokeCanvas.height = 1);
+  const t = typeof window < "u" && window.devicePixelRatio || 1, e = /* @__PURE__ */ new Map();
+  for (const o of j) {
+    const n = o.el.getBoundingClientRect();
+    let a = e.get(o.anchorEl);
+    if (a || (a = o.anchorEl.getBoundingClientRect(), e.set(o.anchorEl, a)), n.width < 1 || n.height < 1 || a.width < 1 || a.height < 1) continue;
+    if (!Xo(a, n, Xt, Ut) && !qo(a, n, Xt, Ut)) {
+      o.canvas.width !== 1 && (o.canvas.width = 1, o.canvas.height = 1), o.strokeCanvas.width !== 1 && (o.strokeCanvas.width = 1, o.strokeCanvas.height = 1);
       continue;
     }
-    const r = a.anchor.canvas, s = r.width | 0, c = r.height | 0;
+    const r = o.anchor.canvas, s = r.width | 0, c = r.height | 0;
     if (s < 4 || c < 4) continue;
-    const l = (o.left + o.right) * 0.5, d = (o.top + o.bottom) * 0.5, f = (n.left + n.right) * 0.5, g = (n.top + n.bottom) * 0.5, u = l - f, p = d - g, h = Math.max(o.left - n.right, n.left - o.right, 0), m = Math.max(o.top - n.bottom, n.top - o.bottom, 0), A = h >= m, x = Da(o, n);
-    let E = 1 - Math.min(1, x / we);
-    E = E * E * (3 - 2 * E);
-    const M = Ve + (Ca - Ve) * E, O = Math.min(
-      qe,
-      M * Oa * Ia
-    ), P = a.anchor.scale ?? 1, y = Math.max(Pa * P, a.hairlineWidth), w = Math.max(1, Math.round(y * e)), S = Math.max(
+    const l = (a.left + a.right) * 0.5, f = (a.top + a.bottom) * 0.5, d = (n.left + n.right) * 0.5, g = (n.top + n.bottom) * 0.5, u = l - d, h = f - g, p = Math.max(a.left - n.right, n.left - a.right, 0), m = Math.max(a.top - n.bottom, n.top - a.bottom, 0), S = p >= m, x = Uo(a, n);
+    let k = 1 - Math.min(1, x / bt);
+    k = k * k * (3 - 2 * k);
+    const M = qt + (Eo - qt) * k, L = Math.min(
+      Yt,
+      M * Oo * Po
+    ), P = o.anchor.scale ?? 1, w = Math.max(Fo * P, o.hairlineWidth), b = Math.max(1, Math.round(w * t)), R = Math.max(
       1,
-      Math.round(Math.max($a * P, a.hairlineWidth) * e)
-    ), R = a.hairlineOuterCssPx;
-    a.wrap.style.inset = `${-R}px`, a.wrap.style.borderRadius = `${Math.max(0, a.cornerRadius)}px`;
-    const v = Math.max(1, Math.round((n.width + R * 2) * e)), b = Math.max(1, Math.round((n.height + R * 2) * e));
-    a.canvas.width !== v && (a.canvas.width = v), a.canvas.height !== b && (a.canvas.height = b), a.strokeCanvas.width !== v && (a.strokeCanvas.width = v), a.strokeCanvas.height !== b && (a.strokeCanvas.height = b);
-    const F = a.ctx;
-    F.setTransform(1, 0, 0, 1, 0, 0), F.clearRect(0, 0, v, b);
-    const L = a.strokeCtx;
-    L.setTransform(1, 0, 0, 1, 0, 0), L.clearRect(0, 0, v, b);
-    const _ = Math.min(we * e, Math.max(v, b));
-    let C, $, B, k;
-    A ? (C = u > 0 ? v : 0, B = u > 0 ? v - _ : _, $ = b * 0.5, k = b * 0.5) : ($ = p > 0 ? b : 0, k = p > 0 ? b - _ : _, C = v * 0.5, B = v * 0.5);
-    const I = F.createLinearGradient(C, $, B, k);
-    I.addColorStop(0, `rgba(0,0,0,${ka})`), I.addColorStop(0.5, `rgba(0,0,0,${Ea})`), I.addColorStop(1, `rgba(0,0,0,${La})`);
-    const H = s / e, G = Math.max(1, Math.round(Na * Math.max(0.1, H / 140) * e));
-    let D, se, le, ce, Re = !1, Ae = !1;
-    if (A) {
-      const Q = Math.max(o.top, n.top), fe = Math.min(o.bottom, n.bottom);
-      Re = !0, D = u > 0 ? v - G : 0, se = Math.round((Q - n.top + R) * e), le = G, ce = Math.max(1, Math.round((fe - Q) * e));
+      Math.round(Math.max(Ho * P, o.hairlineWidth) * t)
+    ), A = o.hairlineOuterCssPx;
+    o.wrap.style.inset = `${-A}px`, o.wrap.style.borderRadius = `${Math.max(0, o.cornerRadius)}px`;
+    const v = Math.max(1, Math.round((n.width + A * 2) * t)), _ = Math.max(1, Math.round((n.height + A * 2) * t));
+    o.canvas.width !== v && (o.canvas.width = v), o.canvas.height !== _ && (o.canvas.height = _), o.strokeCanvas.width !== v && (o.strokeCanvas.width = v), o.strokeCanvas.height !== _ && (o.strokeCanvas.height = _);
+    const F = o.ctx;
+    F.setTransform(1, 0, 0, 1, 0, 0), F.clearRect(0, 0, v, _);
+    const I = o.strokeCtx;
+    I.setTransform(1, 0, 0, 1, 0, 0), I.clearRect(0, 0, v, _);
+    const y = Math.min(bt * t, Math.max(v, _));
+    let T, $, B, E;
+    S ? (T = u > 0 ? v : 0, B = u > 0 ? v - y : y, $ = _ * 0.5, E = _ * 0.5) : ($ = h > 0 ? _ : 0, E = h > 0 ? _ - y : y, T = v * 0.5, B = v * 0.5);
+    const O = F.createLinearGradient(T, $, B, E);
+    O.addColorStop(0, `rgba(0,0,0,${ko})`), O.addColorStop(0.5, `rgba(0,0,0,${Io})`), O.addColorStop(1, `rgba(0,0,0,${Lo})`);
+    const H = s / t, W = Math.max(1, Math.round(Wo * Math.max(0.1, H / 140) * t));
+    let z, st, lt, ct, At = !1, St = !1;
+    if (S) {
+      const Q = Math.max(a.top, n.top), dt = Math.min(a.bottom, n.bottom);
+      At = !0, z = u > 0 ? v - W : 0, st = Math.round((Q - n.top + A) * t), lt = W, ct = Math.max(1, Math.round((dt - Q) * t));
     } else {
-      const Q = Math.max(o.left, n.left), fe = Math.min(o.right, n.right);
-      Ae = !0, D = Math.round((Q - n.left + R) * e), se = p > 0 ? b - G : 0, le = Math.max(1, Math.round((fe - Q) * e)), ce = G;
+      const Q = Math.max(a.left, n.left), dt = Math.min(a.right, n.right);
+      St = !0, z = Math.round((Q - n.left + A) * t), st = h > 0 ? _ - W : 0, lt = Math.max(1, Math.round((dt - Q) * t)), ct = W;
     }
-    const Te = { x: D, y: se, w: le, h: ce, flipX: Re, flipY: Ae }, de = { x: 0, y: 0, w: v, h: b, r: Math.max(0, a.cornerRadius * e) }, mt = Math.min(
-      qe,
-      O * Ga * Wa * za
+    const Ct = { x: z, y: st, w: lt, h: ct, flipX: At, flipY: St }, ft = { x: 0, y: 0, w: v, h: _, r: Math.max(0, o.cornerRadius * t) }, me = Math.min(
+      Yt,
+      L * Go * Do * Bo
     );
-    Ya(F, r, s, c, v, b, mt, I, Te, de, e), ja(
-      L,
+    jo(F, r, s, c, v, _, me, O, Ct, ft, t), Ko(
+      I,
       r,
       s,
       c,
       v,
+      _,
+      ft,
+      L,
       b,
-      de,
       O,
-      w,
+      $o,
+      Ct
+    ), Qo(
       I,
-      Fa,
-      Te
-    ), Ka(
-      L,
-      de,
-      S,
-      C,
+      ft,
+      R,
+      T,
       $,
       B,
-      k,
-      Math.min(0.85, Ha * O)
-    ), F.globalCompositeOperation = "source-over", L.globalCompositeOperation = "source-over";
+      E,
+      Math.min(0.85, No * L)
+    ), F.globalCompositeOperation = "source-over", I.globalCompositeOperation = "source-over";
   }
 }
-let xe = !1, je = 0;
-function an() {
-  xe || (xe = !0, !(typeof requestAnimationFrame > "u") && requestAnimationFrame((e) => {
-    xe = !1, !(e - je < At) && (je = e, tn());
+let xt = !1, jt = 0;
+function nn() {
+  xt || (xt = !0, !(typeof requestAnimationFrame > "u") && requestAnimationFrame((t) => {
+    xt = !1, !(t - jt < Se) && (jt = t, on());
   }));
 }
-const Ke = "metal-fx-styles", nn = (
-  /* css */
-  `
+const Kt = "metal-fx-styles", an = `
 .metal-fx-root {
   position: relative;
   display: inline-flex;
@@ -1178,7 +1143,6 @@ const Ke = "metal-fx-styles", nn = (
 .metal-fx-root[data-theme='light']::after {
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
 }
-/* Circle variant gets a thicker outer rim than the button variant. */
 .metal-fx-root[data-variant='circle']::after {
   box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
 }
@@ -1197,12 +1161,6 @@ const Ke = "metal-fx-styles", nn = (
   border-radius: inherit;
 }
 
-/* The inner spacer — defines the inset geometry where the metal ring meets
-   the interior (3 px for Button, 1-2 px for Circle) and carries the Circle dark
-   hairline ('box-shadow: inset' rules below). Intentionally transparent so
-   the wrapper's background propagates through to the punched shader centre,
-   giving consumers a single surface tone to override. See "Single-surface
-   background" in the file header for the rationale. */
 .metal-fx-inner {
   position: absolute;
   inset: 3px;
@@ -1227,41 +1185,11 @@ const Ke = "metal-fx-styles", nn = (
   border-radius: var(--mfx-radius, 16px);
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45);
 }
-/* Circle-variant hairline alpha — light mode.
-   Source-of-truth: index.html L2261-2267. The 0.45-alpha black inset that
-   reads as a single-pixel frame against the dark interior is too heavy
-   on a #ffffff inner: it ends up looking like a hard 2-px black ring
-   against the iridescent shader. Suppressed entirely (alpha 0) — the
-   shader's own iridescent rim already defines the silhouette in light
-   mode, so an extra dark hairline only competes with it. The rule is
-   kept (rather than deleted) as a tunable hook in case a future variant
-   wants to re-introduce a soft edge. NOTE: we keep the dark-mode inset
-   and border-radius values because — unlike index.html — our renderer
-   does NOT overscan the canvas in light mode, so there is no 1-px gap
-   between inner element and shader to compensate for. */
 .metal-fx-root[data-theme='light'][data-variant='circle'][data-shape='pill'] .metal-fx-inner,
 .metal-fx-root[data-theme='light'][data-variant='circle'][data-shape='circle'] .metal-fx-inner {
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
 }
 
-/* ─── Combined glow SVG (z=3) ──────────────────────────────────────────────
-   Single SVG per instance that holds BOTH the wide-halo group
-   (#mfx_haloTravel) and the catch-light group (#mfx_extraTravel), exactly
-   mirroring canonical's _buildGlowSvgInner (index.html L8078). One
-   mix-blend-mode: screen lifts the combined composite onto the shader
-   ring; per-frame opacity attributes on each inner group still drive the
-   independent fade-in / fade-out cycles for the halo and the catch-light.
-
-   Why a single SVG: the circle variant anchors halo + catch-light at the same
-   perimeter point, so they overlap in the bright zone. Two separately-
-   screened SVGs would double-screen the overlap (A + B + C - AB - AC -
-   BC + ABC instead of A + B + C - AB - AC once both groups composite
-   in source-over inside one SVG and then screen against the host once).
-   That overlap looked muted versus canonical specifically on the circle
-   variant where both layers travel together.
-
-   Source-of-truth opacity: #btnGlowSvg drops to 0.7 in dark and 0.2746 in
-   light (index.html L632/L643). */
 .metal-fx-glow-svg {
   position: absolute;
   inset: 0;
@@ -1273,28 +1201,17 @@ const Ke = "metal-fx-styles", nn = (
   opacity: 0.7;
 }
 .metal-fx-root[data-theme='light'] .metal-fx-glow-svg {
-  /* Light-mode 1-px overscan mirrors .btn-glow-svg in metal.html so the
-     halo stays glued to the visible silhouette (the shader ring there sits
-     1 px outside the host's padding box). */
   inset: -1px;
   width: calc(100% + 2px);
   height: calc(100% + 2px);
   mix-blend-mode: multiply;
-  /* Source-of-truth: html[data-theme="light"] #btnGlowSvg { opacity: 0.2746 }
-     → −35 % from 0.4225 from the original 0.7 dark-mode opacity. */
   opacity: 0.2746;
   filter: saturate(5.355) brightness(0.78);
 }
-/* Circle light-mode small variants (e.g. 36×36 send button): the geometrically
-   shrunk halo loses density when multiplied against #ffffff. Mirror the
-   canonical override at index.html L2316 — bump saturation + drop brightness
-   so the small glow holds together visually. */
 .metal-fx-root[data-variant='circle'][data-shape='circle'][data-theme='light'] .metal-fx-glow-svg {
   filter: saturate(7.5) brightness(0.6);
 }
 
-/* The wrapped child — hoisted into z=5 so it sits above every overlay, with
-   normalized chrome so consumer button styles don't fight the metal frame. */
 .metal-fx-content {
   position: relative;
   z-index: 5;
@@ -1312,30 +1229,6 @@ const Ke = "metal-fx-styles", nn = (
   border: 0 !important;
   outline: 0 !important;
   box-shadow: none !important;
-  /* Sizing: we deliberately DO NOT force \`width: 100%; height: 100%\` on the
-     child here. That used to be the contract ("the wrapper is the visible
-     button surface; the child stretches to fill it"), but it created a cyclic
-     percentage dependency: the wrapper is \`inline-flex\` with no intrinsic
-     size, .metal-fx-content is \`width/height: 100%\` of the wrapper, and the
-     child was \`100%\` of .metal-fx-content. With nothing breaking the cycle,
-     icon-only / class-sized children collapsed.
-
-     The new contract: the child sizes itself (intrinsic content, CSS class,
-     or inline style — all work), and the wrapper's \`inline-flex\` wraps it
-     tightly. Consumers who want a metal frame BIGGER than the child (e.g.
-     padding around an icon) size <MetalFx style={{ width, height }}> AND
-     explicitly set width/height on the child to fill (or accept that the
-     child renders at its intrinsic size, centered).
-
-     Typography is intentionally NOT touched. We used to apply
-     \`color: inherit; font: inherit;\` here to "match" the wrapper, but
-     \`font: inherit\` is a shorthand that overrides font-family, font-size,
-     font-weight, AND line-height on the child — which (a) shrank the
-     button height (line-height changes propagate through the flex
-     content box) and (b) scaled em-based icons / font-icons inside the
-     child to whatever the wrapper inherited. The wrapper now stays out
-     of the child's typography entirely; consumers who want typographic
-     normalization can apply it themselves on the child element. */
 }
 
 [data-metal-fx-reflection] {
@@ -1363,50 +1256,45 @@ const Ke = "metal-fx-styles", nn = (
   display: block;
   filter: saturate(1.35) brightness(1.75);
 }
-/* Hosts that participate as reflection targets need positioning + isolation
-   so the wrap composites only against the host (not the parent stack). The
-   wrap injects these inline as well, but stating them here keeps reflections
-   working on hosts that already have other inline styles applied. */
 [data-metal-fx-reflect-host] {
   isolation: isolate;
 }
-`
-);
-let ve = !1;
-function on() {
-  if (ve || typeof document > "u") return;
-  if (document.getElementById(Ke)) {
-    ve = !0;
+`;
+let vt = !1;
+function rn() {
+  if (vt || typeof document > "u") return;
+  if (document.getElementById(Kt)) {
+    vt = !0;
     return;
   }
-  const e = document.createElement("style");
-  e.id = Ke, e.textContent = nn, document.head.appendChild(e), ve = !0;
-}
-const rn = ["data-variant", "data-shape", "data-theme", "data-paused", "data-normalize"];
-on();
-const sn = { position: "absolute", inset: "0", width: "100%", height: "100%" }, ln = { position: "absolute", inset: "3px" }, cn = { position: "absolute", inset: "0", pointerEvents: "none", zIndex: 3, borderRadius: "inherit" }, re = /* @__PURE__ */ new Map();
-Kt((e, t) => {
-  const a = re.get(e);
-  a && Ta(a.handles, e, t, e.opacityMul, a.themeRef.current);
+  const t = document.createElement("style");
+  t.id = Kt, t.textContent = an, document.head.appendChild(t), vt = !0;
+}
+const sn = ["data-variant", "data-shape", "data-theme", "data-paused", "data-normalize"];
+rn();
+const ln = { position: "absolute", inset: "0", width: "100%", height: "100%" }, cn = { position: "absolute", inset: "3px" }, fn = { position: "absolute", inset: "0", pointerEvents: "none", zIndex: 3, borderRadius: "inherit" }, rt = /* @__PURE__ */ new Map();
+Ke((t, e) => {
+  const o = rt.get(t);
+  o && To(o.handles, t, e, t.opacityMul, o.themeRef.current);
 });
-function dn(e) {
-  const a = Y(((c) => c !== "auto" ? c : typeof window > "u" || !window.matchMedia || window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light")(e()));
+function dn(t) {
+  const o = V(((c) => c !== "auto" ? c : typeof window > "u" || !window.matchMedia || window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light")(t()));
   let n = null;
-  const o = () => {
-    n && (a.value = n.matches ? "dark" : "light");
+  const a = () => {
+    n && (o.value = n.matches ? "dark" : "light");
   }, r = () => {
-    n == null || n.removeEventListener("change", o), n = null;
+    n == null || n.removeEventListener("change", a), n = null;
   }, s = () => {
-    if (r(), e() !== "auto") {
-      a.value = e();
+    if (r(), t() !== "auto") {
+      o.value = t();
       return;
     }
-    typeof window > "u" || !window.matchMedia || (n = window.matchMedia("(prefers-color-scheme: dark)"), o(), n.addEventListener("change", o));
+    typeof window > "u" || !window.matchMedia || (n = window.matchMedia("(prefers-color-scheme: dark)"), a(), n.addEventListener("change", a));
   };
-  return Qe(s), z(e, s), Je(r), a;
+  return Qt(s), D(t, s), Zt(r), o;
 }
-const pn = /* @__PURE__ */ gt({
-  __name: "MetalFx",
+const mn = /* @__PURE__ */ ge({
+  __name: "ShingenMetal",
   props: {
     variant: { default: "button" },
     preset: { default: "chromatic" },
@@ -1421,185 +1309,184 @@ const pn = /* @__PURE__ */ gt({
     ringCssPx: {},
     scale: { default: 1 }
   },
-  setup(e, { expose: t }) {
-    const a = e, n = Y(null), o = Y(null), r = Y(null), s = Y(null);
-    let c = null, l = null, d = 0;
-    const f = Y(!1), g = dn(() => a.theme), u = { get current() {
+  setup(t, { expose: e }) {
+    const o = t, n = V(null), a = V(null), r = V(null), s = V(null);
+    let c = null, l = null, f = 0;
+    const d = V(!1), g = dn(() => o.theme), u = { get current() {
       return g.value;
-    } }, p = ue(() => a.variant === "circle" ? "circle" : "pill"), h = ue(() => !a.disableGlow);
-    t({
-      /** The wrapper element, mirroring the React version's forwarded ref. */
+    } }, h = ut(() => o.variant === "circle" ? "circle" : "pill"), p = ut(() => !o.disableGlow);
+    e({
       rootEl: n
     });
-    const m = (y, w) => {
-      if (p.value === "circle") return Math.min(y, w) / 2;
-      const S = typeof a.borderRadius == "number" ? a.borderRadius : (() => {
+    const m = (w, b) => {
+      if (h.value === "circle") return Math.min(w, b) / 2;
+      const R = typeof o.borderRadius == "number" ? o.borderRadius : (() => {
         var v;
-        const R = (v = s.value) == null ? void 0 : v.firstElementChild;
-        if (R) {
-          const b = parseFloat(getComputedStyle(R).borderTopLeftRadius);
-          if (Number.isFinite(b) && b > 0) return b;
+        const A = (v = s.value) == null ? void 0 : v.firstElementChild;
+        if (A) {
+          const _ = parseFloat(getComputedStyle(A).borderTopLeftRadius);
+          if (Number.isFinite(_) && _ > 0) return _;
         }
-        return d;
+        return f;
       })();
-      return Math.min(S, Math.min(y, w) / 2);
+      return Math.min(R, Math.min(w, b) / 2);
     };
-    z([() => a.preset, g], ([y, w]) => {
-      jt(y, w);
-    }, { immediate: !0 }), z(() => a.paused, (y) => {
-      c && J(c, { paused: y });
-    }), z([() => a.shaderScale, () => a.ringCssPx, () => a.scale], ([y, w, S]) => {
+    D([() => o.preset, g], ([w, b]) => {
+      je(w, b);
+    }, { immediate: !0 }), D(() => o.paused, (w) => {
+      c && Z(c, { paused: w });
+    }), D([() => o.shaderScale, () => o.ringCssPx, () => o.scale], ([w, b, R]) => {
       if (!c) return;
-      const R = {};
-      y !== void 0 && (R.shaderScale = y), w !== void 0 && (R.ringCssPx = w), S !== void 0 && (R.scale = S), Object.keys(R).length > 0 && J(c, R);
+      const A = {};
+      w !== void 0 && (A.shaderScale = w), b !== void 0 && (A.ringCssPx = b), R !== void 0 && (A.scale = R), Object.keys(A).length > 0 && Z(c, A);
     });
-    const A = () => {
-      c && J(c, { opacityMul: Math.max(0, Math.min(1, a.strength)) });
+    const S = () => {
+      c && Z(c, { opacityMul: Math.max(0, Math.min(1, o.strength)) });
     };
-    z([() => a.strength, () => a.variant], A);
+    D([() => o.strength, () => o.variant], S);
     let x = null;
-    const E = () => {
-      const y = o.value, w = n.value, S = r.value;
-      if (!y || !w) return;
+    const k = () => {
+      const w = a.value, b = n.value, R = r.value;
+      if (!w || !b) return;
       {
-        const _ = getComputedStyle(w), C = parseFloat(_.borderTopLeftRadius);
-        d = Number.isFinite(C) ? C : 0;
+        const y = getComputedStyle(b), T = parseFloat(y.borderTopLeftRadius);
+        f = Number.isFinite(T) ? T : 0;
       }
-      const R = () => {
-        const _ = w.getBoundingClientRect(), C = Math.max(1, Math.round(_.width)), $ = Math.max(1, Math.round(_.height));
-        return { cssWidth: C, cssHeight: $, cornerRadius: m(C, $) };
-      }, v = R();
-      c = Ut({
-        hostCanvas: y,
+      const A = () => {
+        const y = b.getBoundingClientRect(), T = Math.max(1, Math.round(y.width)), $ = Math.max(1, Math.round(y.height));
+        return { cssWidth: T, cssHeight: $, cornerRadius: m(T, $) };
+      }, v = A();
+      c = Ue({
+        hostCanvas: w,
         cssWidth: v.cssWidth,
         cssHeight: v.cssHeight,
         cornerRadius: v.cornerRadius,
-        kind: p.value,
-        paused: a.paused,
-        shaderScale: a.shaderScale,
-        ringCssPx: a.ringCssPx,
-        scale: a.scale,
+        kind: h.value,
+        paused: o.paused,
+        shaderScale: o.shaderScale,
+        ringCssPx: o.ringCssPx,
+        scale: o.scale,
         onFirstCopy: () => {
-          f.value = !0;
+          d.value = !0;
         }
-      }), w.style.setProperty("--mfx-radius", `${v.cornerRadius}px`), w.style.borderRadius = `${v.cornerRadius}px`, A(), S && (l = De(S, {
+      }), b.style.setProperty("--mfx-radius", `${v.cornerRadius}px`), b.style.borderRadius = `${v.cornerRadius}px`, S(), R && (l = zt(R, {
         width: v.cssWidth,
         height: v.cssHeight,
         cornerRadius: v.cornerRadius,
-        kind: p.value,
-        scale: a.scale
+        kind: h.value,
+        scale: o.scale
       }));
-      let b = 0;
+      let _ = 0;
       const F = new ResizeObserver(() => {
-        b === 0 && (b = requestAnimationFrame(() => {
-          b = 0;
-          const _ = R(), C = c;
-          C && (J(C, { cssWidth: _.cssWidth, cssHeight: _.cssHeight, cornerRadius: _.cornerRadius }), w.style.setProperty("--mfx-radius", `${_.cornerRadius}px`), w.style.borderRadius = `${_.cornerRadius}px`, S && (S.innerHTML = "", l = De(S, {
-            width: _.cssWidth,
-            height: _.cssHeight,
-            cornerRadius: _.cornerRadius,
-            kind: p.value,
-            scale: a.scale
-          }), C && l && re.set(C, { handles: l, themeRef: u })));
+        _ === 0 && (_ = requestAnimationFrame(() => {
+          _ = 0;
+          const y = A(), T = c;
+          T && (Z(T, { cssWidth: y.cssWidth, cssHeight: y.cssHeight, cornerRadius: y.cornerRadius }), b.style.setProperty("--mfx-radius", `${y.cornerRadius}px`), b.style.borderRadius = `${y.cornerRadius}px`, R && (R.innerHTML = "", l = zt(R, {
+            width: y.cssWidth,
+            height: y.cssHeight,
+            cornerRadius: y.cornerRadius,
+            kind: h.value,
+            scale: o.scale
+          }), T && l && rt.set(T, { handles: l, themeRef: u })));
         }));
       });
-      F.observe(w);
-      let L = null;
-      typeof IntersectionObserver < "u" && (L = new IntersectionObserver(
-        (_) => {
-          const C = c;
-          if (C)
-            for (const $ of _) Yt(C, $.isIntersecting);
+      F.observe(b);
+      let I = null;
+      typeof IntersectionObserver < "u" && (I = new IntersectionObserver(
+        (y) => {
+          const T = c;
+          if (T)
+            for (const $ of y) Ve(T, $.isIntersecting);
         },
         { rootMargin: "64px" }
-      ), L.observe(w)), c && l && (re.set(c, { handles: l, themeRef: u }), Vt(c)), x = () => {
-        F.disconnect(), L == null || L.disconnect(), b !== 0 && cancelAnimationFrame(b);
-        const _ = c;
-        _ && (re.delete(_), qt(_), Xt(_)), c = null, l = null, S && (S.innerHTML = "");
+      ), I.observe(b)), c && l && (rt.set(c, { handles: l, themeRef: u }), qe(c)), x = () => {
+        F.disconnect(), I == null || I.disconnect(), _ !== 0 && cancelAnimationFrame(_);
+        const y = c;
+        y && (rt.delete(y), Ye(y), Xe(y)), c = null, l = null, R && (R.innerHTML = "");
       };
     };
     let M = null;
-    const O = () => {
+    const L = () => {
       M == null || M(), M = null;
-      const y = c, w = n.value, S = a.reflectionTargets;
-      if (!y || !w || !S || g.value !== "dark") return;
-      y.onAfterFrame = an;
-      const R = S.flatMap((v) => {
-        const b = yt(v);
-        return b ? [b] : [];
+      const w = c, b = n.value, R = o.reflectionTargets;
+      if (!w || !b || !R || g.value !== "dark") return;
+      w.onAfterFrame = nn;
+      const A = R.flatMap((v) => {
+        const _ = we(v);
+        return _ ? [_] : [];
       });
-      for (const v of R) Za(v, y, w);
+      for (const v of A) tn(v, w, b);
       M = () => {
-        y.onAfterFrame = void 0;
-        for (const v of R) en(v);
+        w.onAfterFrame = void 0;
+        for (const v of A) en(v);
       };
     };
-    Qe(() => {
-      E(), Ce(O);
-    }), z(p, () => {
-      x == null || x(), x = null, M == null || M(), M = null, E(), Ce(O);
-    }, { flush: "post" }), z([() => a.reflectionTargets, g], () => {
-      O();
-    }, { flush: "post" }), Je(() => {
+    Qt(() => {
+      k(), Tt(L);
+    }), D(h, () => {
+      x == null || x(), x = null, M == null || M(), M = null, k(), Tt(L);
+    }, { flush: "post" }), D([() => o.reflectionTargets, g], () => {
+      L();
+    }, { flush: "post" }), Zt(() => {
       M == null || M(), M = null, x == null || x(), x = null;
-    }), z([() => a.borderRadius, g, () => a.variant], () => {
-      const y = n.value, w = c;
-      if (!y || !w) return;
-      const S = m(w.cssWidth, w.cssHeight);
-      J(w, { cornerRadius: S }), y.style.setProperty("--mfx-radius", `${S}px`), y.style.borderRadius = `${S}px`;
+    }), D([() => o.borderRadius, g, () => o.variant], () => {
+      const w = n.value, b = c;
+      if (!w || !b) return;
+      const R = m(b.cssWidth, b.cssHeight);
+      Z(b, { cornerRadius: R }), w.style.setProperty("--mfx-radius", `${R}px`), w.style.borderRadius = `${R}px`;
     }, { flush: "post" });
-    const P = ue(() => ({
-      "--mfx-strength": String(Math.min(1, Math.max(0, a.strength))),
-      opacity: f.value ? 1 : 0,
-      visibility: f.value ? "visible" : "hidden",
-      transition: f.value ? "opacity 0.15s ease-out" : "none"
+    const P = ut(() => ({
+      "--mfx-strength": String(Math.min(1, Math.max(0, o.strength))),
+      opacity: d.value ? 1 : 0,
+      visibility: d.value ? "visible" : "hidden",
+      transition: d.value ? "opacity 0.15s ease-out" : "none"
     }));
-    return (y, w) => (xt(), vt("div", {
+    return (w, b) => (xe(), ve("div", {
       ref_key: "rootRef",
       ref: n,
       class: "metal-fx-root",
-      "data-variant": e.variant,
-      "data-shape": p.value,
-      "data-theme": bt(g),
-      "data-paused": e.paused ? "true" : void 0,
-      "data-normalize": e.normalizeHostStyles ? "true" : "false",
-      style: ke(P.value)
+      "data-variant": t.variant,
+      "data-shape": h.value,
+      "data-theme": _e(g),
+      "data-paused": t.paused ? "true" : void 0,
+      "data-normalize": t.normalizeHostStyles ? "true" : "false",
+      style: Et(P.value)
     }, [
-      te("canvas", {
+      et("canvas", {
         ref_key: "canvasRef",
-        ref: o,
+        ref: a,
         class: "metal-fx-canvas",
-        style: sn
+        style: ln
       }, null, 512),
-      te("div", {
+      et("div", {
         class: "metal-fx-inner",
         "aria-hidden": "true",
-        style: ln
+        style: cn
       }),
-      te("div", {
+      et("div", {
         ref_key: "glowHostRef",
         ref: r,
         "aria-hidden": "true",
-        style: ke([cn, h.value ? null : { display: "none" }])
+        style: Et([fn, p.value ? null : { display: "none" }])
       }, null, 4),
-      te("div", {
+      et("div", {
         ref_key: "contentRef",
         ref: s,
         class: "metal-fx-content"
       }, [
-        wt(y.$slots, "default")
+        be(w.$slots, "default")
       ], 512)
-    ], 12, rn));
+    ], 12, sn));
   }
 });
 export {
-  pn as MetalFx,
-  Ze as PRESETS,
-  Ut as createInstance,
-  Xt as destroyInstance,
-  _t as hexToRgb,
-  un as pauseShared,
+  Jt as PRESETS,
+  mn as ShingenMetal,
+  Ue as createInstance,
+  Xe as destroyInstance,
+  ye as hexToRgb,
+  pn as pauseShared,
   hn as resumeShared,
-  jt as setSharedPreset,
-  J as updateInstance
+  je as setSharedPreset,
+  Z as updateInstance
 };