@aberhamm/liquid-glass-react 0.2.0

package/dist/index.mjs

@@ -0,0 +1,1314 @@
+import { useState as C, useEffect as N, useRef as te, useId as St, forwardRef as be, isValidElement as jt, Children as Wt, cloneElement as zt, useMemo as Qt, useCallback as tt, useLayoutEffect as Kt } from "react";
+import { jsxs as _, jsx as d, Fragment as nt } from "react/jsx-runtime";
+const Zt = {
+  supportsBackdropFilter: !1,
+  isChromium: !1,
+  supportsSvgBackdropDisplacement: !1,
+  isFirefox: !1,
+  prefersReducedMotion: !1,
+  prefersReducedTransparency: !1,
+  prefersContrastMore: !1,
+  canRefract: !1
+};
+function vt() {
+  return { ...Zt };
+}
+function Jt() {
+  return typeof window < "u" && typeof document < "u" && typeof navigator < "u";
+}
+function en() {
+  return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)");
+}
+function tn(n) {
+  return /Firefox/i.test(n);
+}
+function nn(n, t) {
+  return t ? !1 : /Chrome|Chromium|Edg|OPR/i.test(n);
+}
+function rn() {
+  return typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function sn() {
+  return typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-transparency: reduce)").matches;
+}
+function on() {
+  return typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-contrast: more)").matches;
+}
+function an() {
+  if (!Jt())
+    return vt();
+  const n = navigator.userAgent ?? "", t = en(), e = tn(n), r = nn(n, e), s = r, o = rn(), a = sn(), i = on();
+  return {
+    supportsBackdropFilter: t,
+    isChromium: r,
+    supportsSvgBackdropDisplacement: s,
+    isFirefox: e,
+    prefersReducedMotion: o,
+    prefersReducedTransparency: a,
+    prefersContrastMore: i,
+    canRefract: t && s
+  };
+}
+function cn() {
+  const [n, t] = C(
+    vt
+  );
+  return N(() => {
+    t(an());
+  }, []), n;
+}
+function le(n, t, e, r, s) {
+  const o = e / 2, a = r / 2, i = Math.max(0, Math.min(s, Math.min(o, a))), c = Math.abs(n) - (o - i), u = Math.abs(t) - (a - i), g = Math.max(c, 0), b = Math.max(u, 0), h = Math.sqrt(g * g + b * b), f = Math.min(Math.max(c, u), 0);
+  return h + f - i;
+}
+function ue(n, t, e) {
+  if (n === t) return e < n ? 0 : 1;
+  const r = Math.max(0, Math.min(1, (e - n) / (t - n)));
+  return r * r * (3 - 2 * r);
+}
+function rt(n) {
+  const t = Math.round(128 + n * 127);
+  return t < 0 ? 0 : t > 255 ? 255 : t;
+}
+function ln(n, t, e) {
+  const r = new Uint8ClampedArray(t * e * 4), s = t / 2, o = e / 2, a = Math.min(t, e) * 0.35;
+  for (let i = 0; i < e; i++)
+    for (let c = 0; c < t; c++) {
+      const u = c + 0.5 - s, g = i + 0.5 - o;
+      let b = 0, h = 0;
+      if (n === "polar") {
+        const l = Math.sqrt(u * u + g * g), m = le(u, g, t, e, a), p = ue(-Math.min(t, e) * 0.5, 0, m), R = l === 0 ? 0 : u / l, x = l === 0 ? 0 : g / l;
+        b = R * p * 0.9, h = x * p * 0.9;
+      } else {
+        let l, m, p;
+        n === "standard" ? (l = -Math.min(t, e) * 0.18, m = 0, p = 0.7) : n === "prominent" ? (l = -Math.min(t, e) * 0.4, m = 0, p = 1) : (l = -Math.min(t, e) * 0.1, m = Math.min(t, e) * 0.04, p = 0.85);
+        const R = le(u - 1, g, t, e, a), x = le(u + 1, g, t, e, a), T = le(u, g - 1, t, e, a), S = le(u, g + 1, t, e, a), E = ue(l, m, R), ne = ue(l, m, x), re = ue(l, m, T), G = ue(l, m, S);
+        b = (ne - E) * 0.5 * p, h = (G - re) * 0.5 * p;
+      }
+      const f = (i * t + c) * 4;
+      r[f] = rt(b), r[f + 1] = 0, r[f + 2] = rt(h), r[f + 3] = 255;
+    }
+  return r;
+}
+const un = (() => {
+  const n = new Uint32Array(256);
+  for (let t = 0; t < 256; t++) {
+    let e = t;
+    for (let r = 0; r < 8; r++)
+      e = e & 1 ? 3988292384 ^ e >>> 1 : e >>> 1;
+    n[t] = e >>> 0;
+  }
+  return n;
+})();
+function dn(n) {
+  let t = 4294967295;
+  for (let e = 0; e < n.length; e++)
+    t = un[(t ^ n[e]) & 255] ^ t >>> 8;
+  return (t ^ 4294967295) >>> 0;
+}
+function fn(n) {
+  let t = 1, e = 0;
+  const r = 65521;
+  for (let s = 0; s < n.length; s++)
+    t = (t + n[s]) % r, e = (e + t) % r;
+  return (e << 16 | t) >>> 0;
+}
+function mn(n) {
+  const e = Math.max(1, Math.ceil(n.length / 65535)), r = new Uint8Array(2 + e * 5 + n.length + 4);
+  let s = 0;
+  r[s++] = 120, r[s++] = 1;
+  let o = 0;
+  do {
+    const i = Math.min(n.length - o, 65535), c = o + i >= n.length;
+    r[s++] = c ? 1 : 0, r[s++] = i & 255, r[s++] = i >>> 8 & 255;
+    const u = ~i & 65535;
+    r[s++] = u & 255, r[s++] = u >>> 8 & 255, r.set(n.subarray(o, o + i), s), s += i, o += i;
+  } while (o < n.length);
+  const a = fn(n);
+  return r[s++] = a >>> 24 & 255, r[s++] = a >>> 16 & 255, r[s++] = a >>> 8 & 255, r[s++] = a & 255, r;
+}
+function Ie(n, t) {
+  const e = t.length, r = new Uint8Array(12 + e);
+  r[0] = e >>> 24 & 255, r[1] = e >>> 16 & 255, r[2] = e >>> 8 & 255, r[3] = e & 255, r[4] = n.charCodeAt(0), r[5] = n.charCodeAt(1), r[6] = n.charCodeAt(2), r[7] = n.charCodeAt(3), r.set(t, 8);
+  const s = dn(r.subarray(4, 8 + e));
+  return r[8 + e] = s >>> 24 & 255, r[9 + e] = s >>> 16 & 255, r[10 + e] = s >>> 8 & 255, r[11 + e] = s & 255, r;
+}
+function At(n, t, e) {
+  const r = t * 4, s = new Uint8Array(e * (r + 1));
+  for (let l = 0; l < e; l++) {
+    const m = l * (r + 1);
+    s[m] = 0, s.set(n.subarray(l * r, l * r + r), m + 1);
+  }
+  const o = mn(s), a = new Uint8Array(13);
+  a[0] = t >>> 24 & 255, a[1] = t >>> 16 & 255, a[2] = t >>> 8 & 255, a[3] = t & 255, a[4] = e >>> 24 & 255, a[5] = e >>> 16 & 255, a[6] = e >>> 8 & 255, a[7] = e & 255, a[8] = 8, a[9] = 6, a[10] = 0, a[11] = 0, a[12] = 0;
+  const i = Uint8Array.from([137, 80, 78, 71, 13, 10, 26, 10]), c = Ie("IHDR", a), u = Ie("IDAT", o), g = Ie("IEND", new Uint8Array(0)), b = i.length + c.length + u.length + g.length, h = new Uint8Array(b);
+  let f = 0;
+  for (const l of [i, c, u, g])
+    h.set(l, f), f += l.length;
+  return h;
+}
+const L = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+function Ct(n) {
+  let t = "", e = 0;
+  for (; e + 2 < n.length; e += 3) {
+    const s = n[e] << 16 | n[e + 1] << 8 | n[e + 2];
+    t += L.charAt(s >>> 18 & 63) + L.charAt(s >>> 12 & 63) + L.charAt(s >>> 6 & 63) + L.charAt(s & 63);
+  }
+  const r = n.length - e;
+  if (r === 1) {
+    const s = n[e] << 16;
+    t += `${L.charAt(s >>> 18 & 63)}${L.charAt(s >>> 12 & 63)}==`;
+  } else if (r === 2) {
+    const s = n[e] << 16 | n[e + 1] << 8;
+    t += `${L.charAt(s >>> 18 & 63)}${L.charAt(s >>> 12 & 63)}${L.charAt(s >>> 6 & 63)}=`;
+  }
+  return t;
+}
+function pn() {
+  const n = new Uint8ClampedArray([0, 0, 0, 0]);
+  return `data:image/png;base64,${Ct(At(n, 1, 1))}`;
+}
+const gn = 32, ke = 16, q = /* @__PURE__ */ new Map();
+function st(n) {
+  return Math.max(ke, Math.round(n / ke) * ke);
+}
+function hn(n, t, e) {
+  if (!Number.isFinite(t) || !Number.isFinite(e) || t <= 0 || e <= 0)
+    return pn();
+  const r = st(t), s = st(e), o = `${n}:${r}x${s}`, a = q.get(o);
+  if (a !== void 0)
+    return q.delete(o), q.set(o, a), a;
+  const i = ln(n, r, s), c = `data:image/png;base64,${Ct(At(i, r, s))}`;
+  if (q.set(o, c), q.size > gn) {
+    const u = q.keys().next().value;
+    u !== void 0 && q.delete(u);
+  }
+  return c;
+}
+const bn = [
+  "inset 0 1px 1px 0 rgba(255, 255, 255, 0.75)",
+  "inset 1px 0 1px 0 rgba(255, 255, 255, 0.4)",
+  "inset 0 -1px 2px 0 rgba(0, 0, 0, 0.18)",
+  "inset -1px 0 2px 0 rgba(0, 0, 0, 0.12)",
+  "inset 0 0 0 1px rgba(255, 255, 255, 0.22)"
+].join(", "), yn = [
+  "inset 0 1px 1px 0 rgba(255, 255, 255, 0.35)",
+  "inset 1px 0 1px 0 rgba(255, 255, 255, 0.18)",
+  "inset 0 -1px 2px 0 rgba(0, 0, 0, 0.55)",
+  "inset -1px 0 2px 0 rgba(0, 0, 0, 0.45)",
+  "inset 0 0 0 1px rgba(255, 255, 255, 0.1)"
+].join(", ");
+function ye(n) {
+  return n === "dark" ? yn : bn;
+}
+const Rn = 200, xn = 300, ot = 0.3, at = 0.15, it = 0.8, ct = 0.1;
+function De(n, t, e) {
+  return Math.min(e, Math.max(t, n));
+}
+function Et(n) {
+  return Number.isFinite(n) ? De(1 - n / Rn, 0, 1) : 0;
+}
+function Sn(n, t, e, r, s) {
+  if (!(s > 0))
+    return { scaleX: 1, scaleY: 1 };
+  const o = n - e, a = t - r, i = Math.hypot(o, a);
+  if (i === 0 || !Number.isFinite(i))
+    return { scaleX: 1, scaleY: 1 };
+  const c = Et(i);
+  if (c === 0)
+    return { scaleX: 1, scaleY: 1 };
+  const u = o / i, g = a / i, b = Math.abs(u), h = Math.abs(g), f = Math.min(i / xn, 1) * s * c, l = De(
+    1 + b * f * ot - h * f * at,
+    it,
+    Number.POSITIVE_INFINITY
+  ), m = De(
+    1 + h * f * ot - b * f * at,
+    it,
+    Number.POSITIVE_INFINITY
+  );
+  return { scaleX: l, scaleY: m };
+}
+function vn(n, t, e, r, s) {
+  if (!(s > 0))
+    return { x: 0, y: 0 };
+  const o = n - e, a = t - r, i = Math.hypot(o, a);
+  if (i === 0 || !Number.isFinite(i))
+    return { x: 0, y: 0 };
+  const c = Et(i);
+  return c === 0 ? { x: 0, y: 0 } : {
+    x: o * s * ct * c,
+    y: a * s * ct * c
+  };
+}
+const O = {
+  displacementScale: 70,
+  blurAmount: 0.0625,
+  saturation: 140,
+  aberrationIntensity: 2,
+  cornerRadius: 999,
+  mode: "standard",
+  padding: "24px 32px",
+  elasticity: 0.15
+}, An = 16, Cn = {
+  light: "rgba(255, 255, 255, 0.75)",
+  dark: "rgba(30, 30, 35, 0.75)"
+}, En = {
+  light: "rgba(255, 255, 255, 0.92)",
+  dark: "rgba(30, 30, 35, 0.92)"
+}, wn = {
+  light: "rgba(0, 0, 0, 0.92)",
+  dark: "rgba(255, 255, 255, 0.92)"
+}, Mn = 2, Nn = {
+  light: "rgba(255, 255, 255, 0.92)",
+  dark: "rgba(22, 22, 26, 0.92)"
+}, Tn = 100, he = {
+  light: "rgba(255, 255, 255, 0.96)",
+  dark: "rgba(17, 17, 20, 0.96)"
+}, lt = "50%", ut = "0%", dt = { rest: 0.55, hover: 0.85 }, In = "70%", ft = 0.5, kn = "60%", mt = {
+  /** Conservative fallback: byte-for-byte the existing static shadow. */
+  static: 1,
+  /** Dark/dense backdrop ⇒ deeper, darker shadow. */
+  dark: 1.35,
+  /** Light/solid backdrop ⇒ shallower, lighter shadow. */
+  light: 0.7
+}, pt = {
+  rest: [
+    { y: 8, blur: 24, alpha: 0.22 },
+    { y: 1, blur: 4, alpha: 0.14 }
+  ],
+  hover: [
+    { y: 12, blur: 32, alpha: 0.28 },
+    { y: 2, blur: 8, alpha: 0.18 }
+  ]
+}, Fn = {
+  regular: {
+    /** Multiplier on the requested `saturation` (1 = unchanged). */
+    saturationFactor: 1,
+    /** Force the adaptive-tint path off regardless of `adaptiveTint`. */
+    forceNonAdaptive: !1,
+    /** Scheme-aware dimming-scrim color behind the content, or `null` for none. */
+    scrim: null
+  },
+  clear: {
+    // Reduce the tint/vibrancy so the material reads as clearer (more of the
+    // backdrop shows through), per the Clear aesthetic.
+    saturationFactor: 0.7,
+    // Clear has NO adaptive behavior by definition — it never samples.
+    forceNonAdaptive: !0,
+    // A subtle scheme-aware scrim so foreground labels stay readable over busy
+    // media even though the surface itself is more transparent.
+    scrim: {
+      light: "rgba(0, 0, 0, 0.18)",
+      dark: "rgba(0, 0, 0, 0.28)"
+    }
+  }
+}, Ln = "rgba(255, 255, 255, 0.1)", gt = {
+  /** Inset ring color (translucent white). */
+  color: "rgba(255, 255, 255, 0.5)",
+  /** Ring width in px (hairline). */
+  width: 1
+}, B = {
+  luminance: null,
+  scheme: null,
+  sampled: !1
+}, _n = 0.5;
+function Fe(n) {
+  const t = n / 255;
+  return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
+}
+function Dn(n, t, e) {
+  const r = Fe(n), s = Fe(t), o = Fe(e);
+  return 0.2126 * r + 0.7152 * s + 0.0722 * o;
+}
+function $n(n) {
+  return n >= _n ? "light" : "dark";
+}
+function wt(n) {
+  const t = Dn(n.r, n.g, n.b);
+  return {
+    luminance: t,
+    scheme: $n(t),
+    sampled: !0
+  };
+}
+function On(n) {
+  if (!n)
+    return { r: 0, g: 0, b: 0, a: 0 };
+  const t = n.trim().toLowerCase();
+  if (t === "transparent" || t === "none")
+    return { r: 0, g: 0, b: 0, a: 0 };
+  const e = t.match(/rgba?\(([^)]+)\)/);
+  if (!(e != null && e[1]))
+    return { r: 0, g: 0, b: 0, a: 0 };
+  const r = e[1].split(/[\s,/]+/).filter(Boolean);
+  if (r.length < 3)
+    return { r: 0, g: 0, b: 0, a: 0 };
+  const s = Le(Number.parseFloat(r[0])), o = Le(Number.parseFloat(r[1])), a = Le(Number.parseFloat(r[2]));
+  let i = 1;
+  const c = r[3];
+  return c !== void 0 && (i = c.endsWith("%") ? Number.parseFloat(c) / 100 : Number.parseFloat(c), Number.isFinite(i) || (i = 1)), { r: s, g: o, b: a, a: Bn(i) };
+}
+function Le(n) {
+  return Number.isFinite(n) ? Math.max(0, Math.min(255, Math.round(n))) : 0;
+}
+function Bn(n) {
+  return Math.max(0, Math.min(1, n));
+}
+function Gn(n, t) {
+  const e = n.a;
+  return {
+    r: n.r * e + t.r * (1 - e),
+    g: n.g * e + t.g * (1 - e),
+    b: n.b * e + t.b * (1 - e)
+  };
+}
+function Pn(n, t) {
+  try {
+    return n(t);
+  } catch {
+    return B;
+  }
+}
+function Un(n, t) {
+  if (typeof document > "u" || typeof document.elementsFromPoint != "function" || typeof getComputedStyle != "function")
+    return B;
+  const e = document.elementsFromPoint(n.x, n.y);
+  if (!e || e.length === 0)
+    return B;
+  let r = { r: 255, g: 255, b: 255 };
+  const s = [];
+  for (const o of e) {
+    if (t && (o === t || t.contains(o)))
+      continue;
+    const a = getComputedStyle(o), i = a.backgroundImage && a.backgroundImage !== "none", c = On(a.backgroundColor);
+    if (i) {
+      s.push({ r: 128, g: 128, b: 128, a: 1 });
+      break;
+    }
+    if (c.a > 0 && (s.push(c), c.a >= 1))
+      break;
+  }
+  for (let o = s.length - 1; o >= 0; o--) {
+    const a = s[o];
+    a && (r = Gn(a, r));
+  }
+  return wt(r);
+}
+function Yn(n, t = {}) {
+  const { strategy: e, ignore: r } = t;
+  return Pn(e ?? ((o) => Un(o, r)), n);
+}
+function br(n, t = 8) {
+  return () => {
+    if (typeof document > "u" || typeof document.createElement != "function")
+      return B;
+    const e = document.createElement("canvas");
+    e.width = t, e.height = t;
+    const r = e.getContext("2d");
+    if (!r)
+      return B;
+    n(r, t, t);
+    const { data: s } = r.getImageData(0, 0, t, t);
+    let o = 0, a = 0, i = 0, c = 0;
+    for (let u = 0; u < s.length; u += 4)
+      o += s[u] ?? 0, a += s[u + 1] ?? 0, i += s[u + 2] ?? 0, c++;
+    return c === 0 ? B : wt({ r: o / c, g: a / c, b: i / c });
+  };
+}
+function Mt(n, t = {}) {
+  const { strategy: e, resampleOnScroll: r = !0, resampleOnResize: s = !0, disabled: o = !1 } = t, [a, i] = C(B), c = te(e);
+  return c.current = e, N(() => {
+    if (o) {
+      i((f) => f.sampled ? B : f);
+      return;
+    }
+    if (typeof window > "u" || typeof document > "u")
+      return;
+    let u = 0, g = !1;
+    const b = () => {
+      const f = n.current;
+      if (!f)
+        return;
+      const l = f.getBoundingClientRect(), m = {
+        x: l.left + l.width / 2,
+        y: l.top + l.height / 2
+      }, p = Yn(m, {
+        strategy: c.current,
+        ignore: f
+      });
+      g || i(
+        (R) => R.sampled === p.sampled && R.luminance === p.luminance && R.scheme === p.scheme ? R : p
+      );
+    }, h = () => {
+      u || (u = requestAnimationFrame(() => {
+        u = 0, b();
+      }));
+    };
+    return h(), r && window.addEventListener("scroll", h, { passive: !0, capture: !0 }), s && window.addEventListener("resize", h, { passive: !0 }), () => {
+      g = !0, u && cancelAnimationFrame(u), r && window.removeEventListener("scroll", h, { capture: !0 }), s && window.removeEventListener("resize", h);
+    };
+  }, [n, o, r, s]), a;
+}
+function Oe(n) {
+  const [t, e] = C(!1);
+  return N(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const r = window.matchMedia(n);
+    e(r.matches);
+    const s = (o) => {
+      e(o.matches);
+    };
+    return typeof r.addEventListener == "function" ? (r.addEventListener("change", s), () => r.removeEventListener("change", s)) : (r.addListener(s), () => r.removeListener(s));
+  }, [n]), t;
+}
+const Xn = "(prefers-reduced-motion: reduce)";
+function Be() {
+  return Oe(Xn);
+}
+const $e = { x: 0, y: 0 }, ht = {
+  mousePos: $e,
+  offset: $e,
+  isActive: !1
+};
+function bt(n) {
+  return n ? n instanceof HTMLElement ? n : n.current ?? null : null;
+}
+function Hn() {
+  return typeof window > "u" ? !1 : "ontouchstart" in window || ((navigator == null ? void 0 : navigator.maxTouchPoints) ?? 0) > 0;
+}
+function qn(n = {}) {
+  const { container: t, globalMousePos: e, mouseOffset: r, elementRef: s } = n, o = Be(), [a, i] = C(!1), [c, u] = C(ht), g = te({ container: t, elementRef: s });
+  g.current = { container: t, elementRef: s }, N(() => {
+    i(Hn());
+  }, []);
+  const b = o || a, h = e !== void 0;
+  if (N(() => {
+    if (h || b || typeof window > "u" || typeof document > "u")
+      return;
+    const f = (l) => {
+      const { container: m, elementRef: p } = g.current, R = bt(m) ?? (p == null ? void 0 : p.current) ?? null;
+      if (!R)
+        return;
+      const x = R.getBoundingClientRect(), T = x.left + x.width / 2, S = x.top + x.height / 2;
+      u({
+        mousePos: { x: l.clientX, y: l.clientY },
+        offset: { x: l.clientX - T, y: l.clientY - S },
+        isActive: !0
+      });
+    };
+    return document.addEventListener("mousemove", f), () => document.removeEventListener("mousemove", f);
+  }, [h, b]), b)
+    return ht;
+  if (h) {
+    const f = e;
+    let l = r;
+    if (l === void 0) {
+      const m = bt(t) ?? (s == null ? void 0 : s.current) ?? null;
+      if (m) {
+        const p = m.getBoundingClientRect();
+        l = {
+          x: f.x - (p.left + p.width / 2),
+          y: f.y - (p.top + p.height / 2)
+        };
+      } else
+        l = $e;
+    }
+    return { mousePos: f, offset: l, isActive: !0 };
+  }
+  return c;
+}
+const Vn = "(prefers-contrast: more)";
+function jn() {
+  return Oe(Vn);
+}
+const Wn = "(prefers-reduced-transparency: reduce)";
+function zn() {
+  return Oe(Wn);
+}
+const _e = 16, Qn = 0.015;
+function Kn(n, t) {
+  return (n ? pt.hover : pt.rest).map((r) => {
+    const s = Math.round(r.y * t * 100) / 100, o = Math.round(r.blur * t * 100) / 100, a = Math.round(Math.min(r.alpha * t, 0.6) * 1e3) / 1e3;
+    return `0 ${s}px ${o}px rgba(0, 0, 0, ${a})`;
+  }).join(", ");
+}
+function yt(n) {
+  return Math.max(_e, Math.round(n / _e) * _e);
+}
+function Zn() {
+  const [n, t] = C(!1);
+  return N(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const e = window.matchMedia("(prefers-color-scheme: dark)");
+    t(e.matches);
+    const r = (s) => t(s.matches);
+    return typeof e.addEventListener == "function" ? (e.addEventListener("change", r), () => e.removeEventListener("change", r)) : (e.addListener(r), () => e.removeListener(r));
+  }, []), n;
+}
+function Rt(n) {
+  return typeof n == "number" ? `${n}px` : n;
+}
+function Jn(n, t, e) {
+  return e || `blur(${n}px) saturate(${t}%)`;
+}
+function xt({
+  filterId: n,
+  mode: t,
+  width: e,
+  height: r,
+  effectiveScale: s,
+  aberrationIntensity: o,
+  blurStdDeviation: a,
+  saturation: i
+}) {
+  const c = t === "turbulence", u = s + o, g = s, b = s - o, h = c ? /* @__PURE__ */ _(nt, { children: [
+    /* @__PURE__ */ d(
+      "feTurbulence",
+      {
+        type: "fractalNoise",
+        baseFrequency: Qn,
+        numOctaves: 2,
+        seed: 1,
+        result: "noise"
+      }
+    ),
+    /* @__PURE__ */ d("feGaussianBlur", { in: "noise", stdDeviation: 1.5, result: "dispSource" })
+  ] }) : /* @__PURE__ */ d(
+    "feImage",
+    {
+      href: hn(t, e, r),
+      x: "0",
+      y: "0",
+      width: e,
+      height: r,
+      preserveAspectRatio: "none",
+      result: "dispSource"
+    }
+  ), f = (x, T, S) => {
+    const E = T === "R" ? "1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0" : T === "G" ? "0 0 0 0 0  0 1 0 0 0  0 0 0 0 0  0 0 0 1 0" : "0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 0 1 0";
+    return /* @__PURE__ */ _(nt, { children: [
+      /* @__PURE__ */ d(
+        "feDisplacementMap",
+        {
+          in: "SourceGraphic",
+          in2: "dispSource",
+          scale: x,
+          xChannelSelector: "R",
+          yChannelSelector: "B",
+          result: `${S}_disp`
+        }
+      ),
+      /* @__PURE__ */ d(
+        "feColorMatrix",
+        {
+          in: `${S}_disp`,
+          type: "matrix",
+          values: E,
+          result: S
+        }
+      )
+    ] });
+  }, l = Math.min(e, r) * 0.5, m = Math.min(Math.max(a, 0), l), p = e * 0.5 + m * 3, R = r * 0.5 + m * 3;
+  return /* @__PURE__ */ d(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "0",
+      height: "0",
+      style: { position: "absolute", width: 0, height: 0, overflow: "hidden" },
+      children: /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ _(
+        "filter",
+        {
+          id: n,
+          primitiveUnits: "userSpaceOnUse",
+          x: -p,
+          y: -R,
+          width: e + p * 2,
+          height: r + R * 2,
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            h,
+            f(u, "R", "chanR"),
+            f(g, "G", "chanG"),
+            f(b, "B", "chanB"),
+            /* @__PURE__ */ d(
+              "feComposite",
+              {
+                in: "chanR",
+                in2: "chanG",
+                operator: "arithmetic",
+                k1: "0",
+                k2: "1",
+                k3: "1",
+                k4: "0",
+                result: "chanRG"
+              }
+            ),
+            /* @__PURE__ */ d(
+              "feComposite",
+              {
+                in: "chanRG",
+                in2: "chanB",
+                operator: "arithmetic",
+                k1: "0",
+                k2: "1",
+                k3: "1",
+                k4: "0",
+                result: "aberrated"
+              }
+            ),
+            /* @__PURE__ */ d("feGaussianBlur", { in: "aberrated", stdDeviation: 0.5, result: "softened" }),
+            /* @__PURE__ */ _("radialGradient", { id: `${n}-edge`, cx: "50%", cy: "50%", r: "50%", children: [
+              /* @__PURE__ */ d("stop", { offset: "0%", stopColor: "#000000", stopOpacity: "0" }),
+              /* @__PURE__ */ d("stop", { offset: "70%", stopColor: "#000000", stopOpacity: "0" }),
+              /* @__PURE__ */ d("stop", { offset: "100%", stopColor: "#ffffff", stopOpacity: "1" })
+            ] }),
+            /* @__PURE__ */ d(
+              "feImage",
+              {
+                href: `#${n}-edge`,
+                x: "0",
+                y: "0",
+                width: e,
+                height: r,
+                preserveAspectRatio: "none",
+                result: "edgeMask"
+              }
+            ),
+            /* @__PURE__ */ d("feComposite", { in: "softened", in2: "edgeMask", operator: "in", result: "edgeOnly" }),
+            /* @__PURE__ */ d("feComposite", { in: "edgeOnly", in2: "SourceGraphic", operator: "over", result: "refracted" }),
+            /* @__PURE__ */ d("feGaussianBlur", { in: "refracted", stdDeviation: m, result: "blurred" }),
+            /* @__PURE__ */ d("feColorMatrix", { in: "blurred", type: "saturate", values: `${i / 100}` })
+          ]
+        }
+      ) })
+    }
+  );
+}
+function er({ targetRef: n, onScheme: t }) {
+  const { sampled: e, scheme: r } = Mt(n);
+  return N(() => {
+    t(e ? r : null);
+  }, [e, r, t]), null;
+}
+function tr({ targetRef: n, onScheme: t }) {
+  const { sampled: e, scheme: r } = Mt(n);
+  return N(() => {
+    t(e ? r : null);
+  }, [e, r, t]), null;
+}
+function Ge({
+  children: n,
+  displacement: t = !1,
+  displacementScale: e = O.displacementScale,
+  blurAmount: r = O.blurAmount,
+  saturation: s = O.saturation,
+  aberrationIntensity: o = O.aberrationIntensity,
+  elasticity: a = O.elasticity,
+  cornerRadius: i = O.cornerRadius,
+  padding: c = O.padding,
+  overLight: u,
+  adaptiveTint: g = !1,
+  scrollAwareShadow: b = !1,
+  variant: h = "regular",
+  mode: f = O.mode,
+  refract: l,
+  size: m,
+  center: p,
+  behind: R,
+  className: x,
+  style: T,
+  onClick: S,
+  globalMousePos: E,
+  mouseOffset: ne,
+  mouseContainer: re
+}) {
+  const { canRefract: G, supportsBackdropFilter: P } = cn(), k = te(null), [w, V] = C(null), U = Be(), j = zn(), I = jn(), se = Zn(), [W, oe] = C(!1), [de, ae] = C(!1), [z, y] = C(null), [v, M] = C(null), { offset: A, isActive: Y } = qn({
+    container: re,
+    globalMousePos: E,
+    mouseOffset: ne,
+    elementRef: k
+  }), D = `lg-${St().replace(/:/g, "")}`;
+  N(() => {
+    const ie = k.current;
+    if (!ie) return;
+    let H = 0;
+    const ce = () => {
+      const ee = ie.getBoundingClientRect();
+      if (!Number.isFinite(ee.width) || !Number.isFinite(ee.height) || ee.width <= 0 || ee.height <= 0)
+        return;
+      const Je = yt(ee.width), et = yt(ee.height);
+      V(
+        (ge) => ge && ge.width === Je && ge.height === et ? ge : { width: Je, height: et }
+      );
+    };
+    if (ce(), typeof ResizeObserver > "u")
+      return;
+    const pe = new ResizeObserver(() => {
+      H || (H = requestAnimationFrame(() => {
+        H = 0, ce();
+      }));
+    });
+    return pe.observe(ie), () => {
+      H && cancelAnimationFrame(H), pe.disconnect();
+    };
+  }, []);
+  const F = Fn[h], fe = g && !F.forceNonAdaptive, Re = u ?? (fe && z ? z === "light" : !1), Ue = Re ? e / 2 : e, xe = I ? Tn : s * F.saturationFactor, Ye = I ? 0 : o, Q = w !== null && w.width > 0 && w.height > 0, Se = t && G && Q && !j, Tt = Se ? `url(#${D})` : null, It = l !== void 0 || m !== void 0 || p !== void 0, ve = (m == null ? void 0 : m.width) ?? (Q ? w.width : 0), Ae = (m == null ? void 0 : m.height) ?? (Q ? w.height : 0), Xe = It && !j && Number.isFinite(ve) && Number.isFinite(Ae) && ve > 0 && Ae > 0, He = `${D}-copy`, kt = l !== void 0 ? l : n, Ft = `${(((p == null ? void 0 : p.x) ?? 0.5) * 100).toFixed(2)}% ${(((p == null ? void 0 : p.y) ?? 0.5) * 100).toFixed(2)}%`, qe = P && !Se && !j && !I, Ce = r * An * (Re ? 1.5 : 1), Ee = P ? Jn(Ce, xe, Tt) : void 0, $ = Rt(i), K = Y && !U, Ve = K ? Sn(A.x, A.y, 0, 0, a) : { scaleX: 1, scaleY: 1 }, je = K ? vn(A.x, A.y, 0, 0, a) : { x: 0, y: 0 }, We = typeof S == "function" && de ? 0.96 : 1, X = `translate(${je.x.toFixed(2)}px, ${je.y.toFixed(
+    2
+  )}px) scale(${(Ve.scaleX * We).toFixed(4)}, ${(Ve.scaleY * We).toFixed(4)})`, Lt = 135 + (K ? A.x * 0.15 : 0);
+  let we = lt, Me = ut;
+  if (K && Q) {
+    const ie = 50 + A.x / (w.width / 2) * 50, H = 50 + A.y / (w.height / 2) * 50, ce = (pe) => Math.max(-20, Math.min(120, pe));
+    we = `${ce(ie).toFixed(2)}%`, Me = `${ce(H).toFixed(2)}%`;
+  }
+  const _t = de, Dt = K && Q ? we : "50%", $t = K && Q ? Me : "50%", Ne = ye(se ? "dark" : "light");
+  let Te = Ne;
+  I ? Te = `inset 0 0 0 ${Mn}px ${wn[se ? "dark" : "light"]}, ${Ne}` : qe && (Te = `inset 0 0 0 ${gt.width}px ${gt.color}, ${Ne}`);
+  const ze = W ? dt.hover : dt.rest, Qe = W ? 0.55 : 0.35, Ot = {
+    position: "relative",
+    display: "inline-block",
+    padding: Rt(c),
+    borderRadius: $,
+    ...T
+  }, Bt = b ? mt[v ?? "static"] : mt.static, Gt = {
+    position: "absolute",
+    inset: 0,
+    borderRadius: $,
+    transform: X,
+    // Scroll-aware + reduced motion: drop the box-shadow transition so the depth
+    // SNAPS between scroll-aware states instead of animating. Only applies on the
+    // opt-in path under reduced motion, so the default render (and the default
+    // reduced-motion render) keeps the existing transition byte-for-byte. The
+    // transform transition always stays (already reduced-motion-neutral via
+    // surfaceTransform).
+    transition: b && U ? "transform 120ms ease-out" : "box-shadow 200ms ease, transform 120ms ease-out",
+    boxShadow: Kn(W, Bt),
+    zIndex: -1,
+    pointerEvents: "none"
+  }, Z = se ? "dark" : "light";
+  let J;
+  I ? J = Nn[Z] : j ? J = P ? Cn[Z] : En[Z] : P ? qe && (J = Ln) : J = Z === "dark" ? "rgba(30, 30, 35, 0.55)" : "rgba(255, 255, 255, 0.55)";
+  const Pt = {
+    position: "absolute",
+    inset: 0,
+    borderRadius: $,
+    overflow: "hidden",
+    // Tiers 1/2 carry the frosted backdrop (with -webkit- prefix); tier 3 omits
+    // the filter entirely (no orphaned/unsupported declaration). The `background`
+    // is unset by default on tiers 1/2 (the backdrop carries the look), the ~0.55
+    // solid on tier 3, and a more-opaque frosting fill on EVERY tier when
+    // reduced-transparency is active (layered over the retained blur on 1/2).
+    ...Ee ? { backdropFilter: Ee, WebkitBackdropFilter: Ee } : {},
+    ...J ? { background: J } : {},
+    // Pure-CSS beveled rim — renders in every browser, independent of canRefract.
+    // Under increased contrast a solid inset border ring is prepended (geometry
+    // unchanged); otherwise this is exactly the bevel.
+    boxShadow: Te,
+    transform: X,
+    transition: "transform 120ms ease-out",
+    // Keep the surface strictly behind the content layer.
+    zIndex: 0,
+    pointerEvents: "none"
+  }, Ut = {
+    position: "absolute",
+    inset: 0,
+    borderRadius: $,
+    transform: X,
+    transition: U ? "transform 120ms ease-out" : "transform 120ms ease-out, background-position 120ms ease-out",
+    mixBlendMode: "screen",
+    // Custom props expose the tracked center; the gradient consumes them so a
+    // re-render (pointer move) only changes the variables, not the layer markup.
+    "--lg-spec-x": we,
+    "--lg-spec-y": Me,
+    background: `radial-gradient(circle ${In} at var(--lg-spec-x, ${lt}) var(--lg-spec-y, ${ut}), rgba(255,255,255,${ze}) 0%, rgba(255,255,255,${(ze * 0.4).toFixed(3)}) 30%, rgba(255,255,255,0) 65%)`,
+    zIndex: 0,
+    pointerEvents: "none"
+  }, Yt = {
+    position: "absolute",
+    inset: 0,
+    borderRadius: $,
+    transform: X,
+    mixBlendMode: "screen",
+    "--lg-spec-x": Dt,
+    "--lg-spec-y": $t,
+    background: `radial-gradient(circle ${kn} at var(--lg-spec-x, 50%) var(--lg-spec-y, 50%), rgba(255,255,255,${ft}) 0%, rgba(255,255,255,${(ft * 0.5).toFixed(3)}) 25%, rgba(255,255,255,0) 55%)`,
+    opacity: _t ? 1 : 0,
+    transition: U ? "transform 120ms ease-out" : "transform 120ms ease-out, opacity 360ms ease-out",
+    zIndex: 0,
+    pointerEvents: "none"
+  }, Xt = {
+    position: "absolute",
+    inset: 0,
+    borderRadius: $,
+    transform: X,
+    transition: "transform 120ms ease-out",
+    mixBlendMode: "overlay",
+    padding: "1px",
+    background: `linear-gradient(${Lt}deg, rgba(255,255,255,${Qe}) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,${Qe * 0.6}) 100%)`,
+    zIndex: 0,
+    pointerEvents: "none"
+  };
+  let me;
+  fe && I ? me = Z === "light" ? he.dark : he.light : fe && z && (me = Re ? he.dark : he.light);
+  const Ht = {
+    position: "relative",
+    zIndex: 1,
+    ...me ? { color: me } : {}
+  }, qt = {
+    position: "absolute",
+    inset: 0,
+    borderRadius: $,
+    overflow: "hidden",
+    transform: X,
+    transition: "transform 120ms ease-out",
+    zIndex: 0,
+    pointerEvents: "none"
+  }, Vt = {
+    position: "absolute",
+    inset: 0,
+    filter: Xe ? `url(#${He})` : void 0,
+    transformOrigin: Ft,
+    ...R ? { background: R } : {}
+  }, Ke = F.scrim ? F.scrim[Z] : null, Ze = Ke ? {
+    position: "absolute",
+    inset: 0,
+    borderRadius: $,
+    transform: X,
+    transition: "transform 120ms ease-out",
+    background: Ke,
+    // Above the surface/highlight/border layers (all zIndex 0) but strictly
+    // BELOW the content layer (zIndex 1), so it dims the backdrop for the
+    // content without veiling the content itself.
+    zIndex: 0,
+    pointerEvents: "none"
+  } : null;
+  return (
+    // onClick is a pass-through forwarded from the public API; the wrapper is a
+    // non-semantic presentational container, and consumers supply their own
+    // interactive (and keyboard-accessible) elements as children. Forcing
+    // keyboard handlers here would invent semantics the consumer didn't request.
+    // biome-ignore lint/a11y/useKeyWithClickEvents: presentational pass-through; children own interactivity
+    /* @__PURE__ */ _(
+      "div",
+      {
+        ref: k,
+        className: x,
+        style: Ot,
+        onClick: S,
+        onMouseEnter: () => oe(!0),
+        onMouseLeave: () => {
+          oe(!1), ae(!1);
+        },
+        onMouseDown: () => ae(!0),
+        onMouseUp: () => ae(!1),
+        children: [
+          /* @__PURE__ */ d("div", { "data-lg-shadow": "", style: Gt, "aria-hidden": "true" }),
+          /* @__PURE__ */ d("div", { "data-lg-surface": "", style: Pt, children: Se ? /* @__PURE__ */ d(
+            xt,
+            {
+              filterId: D,
+              mode: f,
+              width: w.width,
+              height: w.height,
+              effectiveScale: Ue,
+              aberrationIntensity: Ye,
+              blurStdDeviation: Ce,
+              saturation: xe
+            }
+          ) : null }),
+          Xe ? /* @__PURE__ */ _(
+            "div",
+            {
+              "data-lg-refraction": "",
+              style: qt,
+              "aria-hidden": "true",
+              inert: "true",
+              children: [
+                /* @__PURE__ */ d(
+                  xt,
+                  {
+                    filterId: He,
+                    mode: f,
+                    width: ve,
+                    height: Ae,
+                    effectiveScale: Ue,
+                    aberrationIntensity: Ye,
+                    blurStdDeviation: Ce,
+                    saturation: xe
+                  }
+                ),
+                /* @__PURE__ */ d("div", { "data-lg-refraction-copy": "", style: Vt, children: kt })
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ d("span", { "data-lg-highlight": "", style: Ut, "aria-hidden": "true" }),
+          /* @__PURE__ */ d("span", { "data-lg-press-glow": "", style: Yt, "aria-hidden": "true" }),
+          /* @__PURE__ */ d("span", { "data-lg-border": "", style: Xt, "aria-hidden": "true" }),
+          Ze ? /* @__PURE__ */ d("span", { "data-lg-scrim": "", style: Ze, "aria-hidden": "true" }) : null,
+          fe ? /* @__PURE__ */ d(er, { targetRef: k, onScheme: y }) : null,
+          b ? /* @__PURE__ */ d(tr, { targetRef: k, onScheme: M }) : null,
+          /* @__PURE__ */ d("div", { "data-lg-content": "", style: Ht, children: n })
+        ]
+      }
+    )
+  );
+}
+function nr(...n) {
+  return (t) => {
+    for (const e of n)
+      e && (typeof e == "function" ? e(t) : e.current = t);
+  };
+}
+function rr(n, t) {
+  return n ? t ? (...e) => {
+    n(...e);
+    const r = e[0];
+    (!r || !r.defaultPrevented) && t(...e);
+  } : n : t;
+}
+function sr(n, t) {
+  const e = { ...t };
+  for (const r in n) {
+    const s = n[r], o = t[r];
+    r === "className" ? e.className = [o, s].filter(Boolean).join(" ") : r === "style" ? e.style = { ...o, ...s } : /^on[A-Z]/.test(r) ? e[r] = rr(
+      o,
+      s
+    ) : s !== void 0 && (e[r] = s);
+  }
+  return e;
+}
+const Nt = be(function(t, e) {
+  const { children: r, ...s } = t;
+  if (!jt(r) || Wt.count(r) !== 1)
+    throw new Error(
+      'Slot (asChild) expects exactly one valid React element child. Pass a single element, e.g. <GlassButton asChild><a href="…">Link</a></GlassButton>.'
+    );
+  const o = r, a = o.props, i = o.ref ?? a.ref, c = sr(s, a);
+  return c.ref = nr(e, i), zt(o, c);
+});
+function or(...n) {
+  return n.filter(Boolean).join(" ");
+}
+function Pe(n) {
+  const { base: t, variants: e, defaultVariants: r } = n;
+  return (s = {}) => {
+    var a;
+    const o = [t];
+    for (const i in e) {
+      const c = s[i] ?? (r == null ? void 0 : r[i]);
+      c !== void 0 && o.push((a = e[i]) == null ? void 0 : a[c]);
+    }
+    return o.push(s.className), or(...o);
+  };
+}
+const ar = {
+  primary: { displacementScale: 80, blurAmount: 0.0625, saturation: 160 },
+  secondary: { displacementScale: 60, blurAmount: 0.0625, saturation: 140 },
+  subtle: { displacementScale: 40, blurAmount: 0.05, saturation: 120 }
+}, ir = {
+  sm: { cornerRadius: 999, padding: "6px 14px" },
+  md: { cornerRadius: 999, padding: "10px 20px" },
+  lg: { cornerRadius: 999, padding: "14px 28px" },
+  icon: { cornerRadius: 999, padding: "10px" }
+}, cr = Pe({
+  base: "lg-button",
+  variants: {
+    variant: {
+      primary: "lg-button--primary",
+      secondary: "lg-button--secondary",
+      subtle: "lg-button--subtle"
+    },
+    size: {
+      sm: "lg-button--sm",
+      md: "lg-button--md",
+      lg: "lg-button--lg",
+      icon: "lg-button--icon"
+    }
+  },
+  defaultVariants: { variant: "primary", size: "md" }
+}), yr = be(function({
+  variant: t = "primary",
+  size: e = "md",
+  asChild: r = !1,
+  shine: s = !0,
+  contentClassName: o,
+  glassProps: a,
+  className: i,
+  children: c,
+  style: u,
+  type: g,
+  disabled: b,
+  ...h
+}, f) {
+  const l = cr({ variant: t, size: e, className: i }), m = {
+    "--lg-edge-shadow": ye("light"),
+    ...u
+  }, p = /* @__PURE__ */ d("span", { className: ["lg-content", o].filter(Boolean).join(" "), children: c }), R = r ? /* @__PURE__ */ d(
+    Nt,
+    {
+      ref: f,
+      className: l,
+      style: m,
+      "data-shine": s ? "true" : "false",
+      ...h,
+      children: c
+    }
+  ) : /* @__PURE__ */ d(
+    "button",
+    {
+      ref: f,
+      type: g ?? "button",
+      disabled: b,
+      className: l,
+      style: m,
+      "data-shine": s ? "true" : "false",
+      ...h,
+      children: p
+    }
+  ), x = {
+    ...ar[t],
+    ...ir[e]
+  };
+  return /* @__PURE__ */ d(Ge, { ...x, ...a, children: R });
+}), lr = Pe({
+  base: "lg-card",
+  variants: {
+    elevation: {
+      flat: "lg-card--flat",
+      raised: "lg-card--raised",
+      floating: "lg-card--floating"
+    }
+  },
+  defaultVariants: { elevation: "raised" }
+}), ur = {
+  cornerRadius: 28,
+  padding: "24px 28px",
+  displacementScale: 50
+}, Rr = be(function({
+  elevation: t = "raised",
+  asChild: e = !1,
+  contentClassName: r,
+  glassProps: s,
+  className: o,
+  children: a,
+  style: i,
+  ...c
+}, u) {
+  const g = lr({ elevation: t, className: o }), b = {
+    "--lg-edge-shadow": ye("light"),
+    ...i
+  }, h = /* @__PURE__ */ d("div", { className: ["lg-content", r].filter(Boolean).join(" "), children: a }), f = e ? /* @__PURE__ */ d(
+    Nt,
+    {
+      ref: u,
+      className: g,
+      style: b,
+      "data-elevation": t,
+      ...c,
+      children: a
+    }
+  ) : /* @__PURE__ */ d(
+    "div",
+    {
+      ref: u,
+      className: g,
+      style: b,
+      "data-elevation": t,
+      ...c,
+      children: h
+    }
+  );
+  return /* @__PURE__ */ d(Ge, { ...ur, ...s, children: f });
+}), dr = typeof window < "u" ? Kt : N, fr = {
+  sm: { displacementScale: 40, blurAmount: 0.05, saturation: 130 },
+  md: { displacementScale: 56, blurAmount: 0.0625, saturation: 140 },
+  lg: { displacementScale: 72, blurAmount: 0.0625, saturation: 150 }
+}, mr = Pe({
+  base: "lg-segmented",
+  variants: {
+    size: {
+      sm: "lg-segmented--sm",
+      md: "lg-segmented--md",
+      lg: "lg-segmented--lg"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), xr = be(
+  function({
+    options: t,
+    value: e,
+    defaultValue: r,
+    onValueChange: s,
+    size: o = "md",
+    label: a,
+    "aria-label": i,
+    showLabel: c = !1,
+    className: u,
+    style: g,
+    name: b,
+    glassProps: h
+  }, f) {
+    var z;
+    const l = St(), m = b ?? `lg-seg-${l.replace(/:/g, "")}`, p = (z = t[0]) == null ? void 0 : z.value, R = e !== void 0, [x, T] = C(
+      r ?? p
+    ), S = R ? e : x, E = Qt(() => {
+      const y = t.findIndex((v) => v.value === S);
+      return y < 0 ? 0 : y;
+    }, [t, S]), ne = t.length || 1, re = Be(), G = te(null), P = te([]), [k, w] = C(null), V = tt(() => {
+      const y = G.current, v = P.current[E];
+      if (!y || !v) return;
+      const M = y.getBoundingClientRect(), A = v.getBoundingClientRect();
+      if (!Number.isFinite(M.width) || M.width <= 0) return;
+      const Y = A.left - M.left, D = A.width;
+      !Number.isFinite(Y) || !Number.isFinite(D) || D <= 0 || w(
+        (F) => F && F.left === Y && F.width === D ? F : { left: Y, width: D }
+      );
+    }, [E]), U = te(V);
+    U.current = V, dr(() => {
+      V();
+    }, [V]), N(() => {
+      const y = G.current;
+      if (!y || typeof ResizeObserver > "u") return;
+      let v = 0;
+      const M = new ResizeObserver(() => {
+        v || (v = requestAnimationFrame(() => {
+          v = 0, U.current();
+        }));
+      });
+      return M.observe(y), () => {
+        v && cancelAnimationFrame(v), M.disconnect();
+      };
+    }, []);
+    const j = tt(
+      (y) => {
+        R || T(y), s == null || s(y);
+      },
+      [R, s]
+    ), I = fr[o], se = ye("light"), W = k !== null, oe = W ? {
+      width: `${k.width}px`,
+      transform: `translateX(${k.left}px)`
+    } : {
+      width: `${100 / ne}%`,
+      transform: `translateX(${E * 100}%)`
+    };
+    oe.transition = re ? "none" : "transform 320ms cubic-bezier(0.32, 0.72, 0, 1), width 320ms cubic-bezier(0.32, 0.72, 0, 1)";
+    const de = {
+      "--lg-edge-shadow": se,
+      ...g
+    }, ae = /* @__PURE__ */ d(
+      "legend",
+      {
+        className: c ? "lg-segmented-legend lg-segmented-legend--visible" : "lg-segmented-legend",
+        children: a ?? i ?? "Options"
+      }
+    );
+    return /* @__PURE__ */ _(
+      "fieldset",
+      {
+        ref: f,
+        className: mr({ size: o, className: u }),
+        style: de,
+        "aria-label": i,
+        "data-selected-index": E,
+        "data-measured": W ? "true" : "false",
+        children: [
+          ae,
+          /* @__PURE__ */ _("div", { className: "lg-segmented-track", ref: G, children: [
+            /* @__PURE__ */ d(
+              "div",
+              {
+                className: "lg-segmented-indicator",
+                style: oe,
+                "data-selected-index": E,
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ d(
+                  Ge,
+                  {
+                    cornerRadius: "inherit",
+                    padding: 0,
+                    displacementScale: I.displacementScale,
+                    blurAmount: I.blurAmount,
+                    saturation: I.saturation,
+                    ...h,
+                    className: "lg-segmented-glass",
+                    style: { width: "100%", height: "100%", display: "block" },
+                    children: /* @__PURE__ */ d("span", { "aria-hidden": "true", className: "lg-segmented-glass-fill" })
+                  }
+                )
+              }
+            ),
+            t.map((y, v) => {
+              const M = y.value === S, A = `${m}-${y.value}`;
+              return /* @__PURE__ */ _(
+                "label",
+                {
+                  htmlFor: A,
+                  className: "lg-segmented-option",
+                  "data-active": M ? "true" : "false",
+                  "data-icon-only": y.icon != null && y.label == null ? "true" : "false",
+                  ref: (Y) => {
+                    P.current[v] = Y;
+                  },
+                  children: [
+                    /* @__PURE__ */ d(
+                      "input",
+                      {
+                        id: A,
+                        className: "lg-segmented-input",
+                        type: "radio",
+                        name: m,
+                        value: y.value,
+                        checked: M,
+                        disabled: y.disabled,
+                        onChange: () => j(y.value)
+                      }
+                    ),
+                    y.icon != null ? /* @__PURE__ */ d("span", { className: "lg-segmented-icon", "aria-hidden": "true", children: y.icon }) : null,
+                    y.label != null ? /* @__PURE__ */ d("span", { className: "lg-segmented-label", children: y.label }) : null
+                  ]
+                },
+                y.value
+              );
+            })
+          ] })
+        ]
+      }
+    );
+  }
+), Sr = "0.0.0";
+export {
+  yn as GLASS_EDGE_DARK,
+  bn as GLASS_EDGE_LIGHT,
+  yr as GlassButton,
+  Rr as GlassCard,
+  xr as GlassSegmentedControl,
+  _n as LIGHT_DARK_THRESHOLD,
+  Ge as LiquidGlass,
+  B as UNSAMPLED,
+  Sr as VERSION,
+  wt as averageColorToSample,
+  Sn as calculateDirectionalScale,
+  vn as calculateElasticTranslation,
+  br as createCanvasSnapshotStrategy,
+  an as detectGlassCapabilities,
+  Un as domBackgroundStrategy,
+  vt as getConservativeGlassCapabilities,
+  hn as getDisplacementMap,
+  ye as getGlassEdgeShadow,
+  $n as luminanceToScheme,
+  On as parseCssColor,
+  Dn as relativeLuminance,
+  le as roundedRectSDF,
+  Pn as safeSample,
+  Yn as sampleBackdropLuminance,
+  ue as smoothStep,
+  Mt as useBackdropLuminance,
+  cn as useGlassCapabilities,
+  qn as useMousePosition,
+  jn as usePrefersContrast,
+  Be as useReducedMotion,
+  zn as useReducedTransparency
+};