nfx-ui 0.17.0 → 0.22.0

package/dist/chunk-animations-CiJbVYGC.mjs

@@ -1,741 +0,0 @@
-import { n as rt } from "./chunk-useTheme-BY1_pW9y.mjs";
-import { memo as ct, useCallback as Q, useEffect as tt, useMemo as U, useRef as w } from "react";
-import { jsx as W, jsxs as lt } from "react/jsx-runtime";
-var ht = "style-module__waves___oR3u7", dt = "style-module__wavesCanvas___zkhTC", st = {
-  waves: ht,
-  wavesCanvas: dt
-}, P = class {
-  x;
-  y;
-  z;
-  constructor(r, e, s) {
-    this.x = r, this.y = e, this.z = s;
-  }
-  dot2(r, e) {
-    return this.x * r + this.y * e;
-  }
-}, ft = class {
-  grad3;
-  p;
-  perm;
-  gradP;
-  constructor(r = 0) {
-    this.grad3 = [
-      new P(1, 1, 0),
-      new P(-1, 1, 0),
-      new P(1, -1, 0),
-      new P(-1, -1, 0),
-      new P(1, 0, 1),
-      new P(-1, 0, 1),
-      new P(1, 0, -1),
-      new P(-1, 0, -1),
-      new P(0, 1, 1),
-      new P(0, -1, 1),
-      new P(0, 1, -1),
-      new P(0, -1, -1)
-    ], this.p = [
-      151,
-      160,
-      137,
-      91,
-      90,
-      15,
-      131,
-      13,
-      201,
-      95,
-      96,
-      53,
-      194,
-      233,
-      7,
-      225,
-      140,
-      36,
-      103,
-      30,
-      69,
-      142,
-      8,
-      99,
-      37,
-      240,
-      21,
-      10,
-      23,
-      190,
-      6,
-      148,
-      247,
-      120,
-      234,
-      75,
-      0,
-      26,
-      197,
-      62,
-      94,
-      252,
-      219,
-      203,
-      117,
-      35,
-      11,
-      32,
-      57,
-      177,
-      33,
-      88,
-      237,
-      149,
-      56,
-      87,
-      174,
-      20,
-      125,
-      136,
-      171,
-      168,
-      68,
-      175,
-      74,
-      165,
-      71,
-      134,
-      139,
-      48,
-      27,
-      166,
-      77,
-      146,
-      158,
-      231,
-      83,
-      111,
-      229,
-      122,
-      60,
-      211,
-      133,
-      230,
-      220,
-      105,
-      92,
-      41,
-      55,
-      46,
-      245,
-      40,
-      244,
-      102,
-      143,
-      54,
-      65,
-      25,
-      63,
-      161,
-      1,
-      216,
-      80,
-      73,
-      209,
-      76,
-      132,
-      187,
-      208,
-      89,
-      18,
-      169,
-      200,
-      196,
-      135,
-      130,
-      116,
-      188,
-      159,
-      86,
-      164,
-      100,
-      109,
-      198,
-      173,
-      186,
-      3,
-      64,
-      52,
-      217,
-      226,
-      250,
-      124,
-      123,
-      5,
-      202,
-      38,
-      147,
-      118,
-      126,
-      255,
-      82,
-      85,
-      212,
-      207,
-      206,
-      59,
-      227,
-      47,
-      16,
-      58,
-      17,
-      182,
-      189,
-      28,
-      42,
-      223,
-      183,
-      170,
-      213,
-      119,
-      248,
-      152,
-      2,
-      44,
-      154,
-      163,
-      70,
-      221,
-      153,
-      101,
-      155,
-      167,
-      43,
-      172,
-      9,
-      129,
-      22,
-      39,
-      253,
-      19,
-      98,
-      108,
-      110,
-      79,
-      113,
-      224,
-      232,
-      178,
-      185,
-      112,
-      104,
-      218,
-      246,
-      97,
-      228,
-      251,
-      34,
-      242,
-      193,
-      238,
-      210,
-      144,
-      12,
-      191,
-      179,
-      162,
-      241,
-      81,
-      51,
-      145,
-      235,
-      249,
-      14,
-      239,
-      107,
-      49,
-      192,
-      214,
-      31,
-      181,
-      199,
-      106,
-      157,
-      184,
-      84,
-      204,
-      176,
-      115,
-      121,
-      50,
-      45,
-      127,
-      4,
-      150,
-      254,
-      138,
-      236,
-      205,
-      93,
-      222,
-      114,
-      67,
-      29,
-      24,
-      72,
-      243,
-      141,
-      128,
-      195,
-      78,
-      66,
-      215,
-      61,
-      156,
-      180
-    ], this.perm = new Array(512), this.gradP = new Array(512), this.seed(r);
-  }
-  seed(r) {
-    r > 0 && r < 1 && (r *= 65536), r = Math.floor(r), r < 256 && (r |= r << 8);
-    for (let e = 0; e < 256; e++) {
-      let s = e & 1 ? this.p[e] ^ r & 255 : this.p[e] ^ r >> 8 & 255;
-      this.perm[e] = this.perm[e + 256] = s, this.gradP[e] = this.gradP[e + 256] = this.grad3[s % 12];
-    }
-  }
-  fade(r) {
-    return r * r * r * (r * (r * 6 - 15) + 10);
-  }
-  lerp(r, e, s) {
-    return (1 - s) * r + s * e;
-  }
-  perlin2(r, e) {
-    let s = Math.floor(r), t = Math.floor(e);
-    r -= s, e -= t, s &= 255, t &= 255;
-    const h = this.gradP[s + this.perm[t]].dot2(r, e), m = this.gradP[s + this.perm[t + 1]].dot2(r, e - 1), g = this.gradP[s + 1 + this.perm[t]].dot2(r - 1, e), b = this.gradP[s + 1 + this.perm[t + 1]].dot2(r - 1, e - 1), x = this.fade(r);
-    return this.lerp(this.lerp(h, g, x), this.lerp(m, b, x), this.fade(e));
-  }
-}, mt = ({ lineColor: r = "black", backgroundColor: e = "transparent", waveSpeedX: s = 0.0125, waveSpeedY: t = 5e-3, waveAmpX: h = 32, waveAmpY: m = 16, xGap: g = 10, yGap: b = 32, friction: x = 0.925, tension: _ = 5e-3, maxCursorMove: v = 100, style: j = {}, className: Y = "" }) => {
-  const d = w(null), C = w(null), u = w(null), R = w({
-    width: 0,
-    height: 0,
-    left: 0,
-    top: 0
-  }), G = w(new ft(Math.random())), N = w([]), F = w({
-    x: -10,
-    y: 0,
-    lx: 0,
-    ly: 0,
-    sx: 0,
-    sy: 0,
-    v: 0,
-    vs: 0,
-    a: 0,
-    set: !1
-  }), E = w({
-    lineColor: r,
-    waveSpeedX: s,
-    waveSpeedY: t,
-    waveAmpX: h,
-    waveAmpY: m,
-    friction: x,
-    tension: _,
-    maxCursorMove: v,
-    xGap: g,
-    yGap: b
-  }), A = w(null);
-  return tt(() => {
-    E.current = {
-      lineColor: r,
-      waveSpeedX: s,
-      waveSpeedY: t,
-      waveAmpX: h,
-      waveAmpY: m,
-      friction: x,
-      tension: _,
-      maxCursorMove: v,
-      xGap: g,
-      yGap: b
-    };
-  }, [
-    r,
-    s,
-    t,
-    h,
-    m,
-    x,
-    _,
-    v,
-    g,
-    b
-  ]), tt(() => {
-    const p = C.current, $ = d.current;
-    if (!p || !$) return;
-    u.current = p.getContext("2d");
-    function B() {
-      if (!$ || !p) return;
-      const i = $.getBoundingClientRect();
-      R.current = {
-        width: i.width,
-        height: i.height,
-        left: i.left,
-        top: i.top
-      }, p.width = i.width, p.height = i.height;
-    }
-    function k() {
-      const { width: i, height: o } = R.current;
-      N.current = [];
-      const a = i + 200, M = o + 30, { xGap: I, yGap: J } = E.current, O = Math.ceil(a / I), H = Math.ceil(M / J), K = (i - I * O) / 2, Z = (o - J * H) / 2;
-      for (let D = 0; D <= O; D++) {
-        const S = [];
-        for (let f = 0; f <= H; f++) S.push({
-          x: K + I * D,
-          y: Z + J * f,
-          wave: {
-            x: 0,
-            y: 0
-          },
-          cursor: {
-            x: 0,
-            y: 0,
-            vx: 0,
-            vy: 0
-          }
-        });
-        N.current.push(S);
-      }
-    }
-    function L(i) {
-      const o = N.current, a = F.current, M = G.current, { waveSpeedX: I, waveSpeedY: J, waveAmpX: O, waveAmpY: H, friction: K, tension: Z, maxCursorMove: D } = E.current;
-      o.forEach((S) => {
-        S.forEach((f) => {
-          const nt = M.perlin2((f.x + i * I) * 2e-3, (f.y + i * J) * 15e-4) * 12;
-          f.wave.x = Math.cos(nt) * O, f.wave.y = Math.sin(nt) * H;
-          const at = f.x - a.sx, it = f.y - a.sy, et = Math.hypot(at, it), q = Math.max(175, a.vs);
-          if (et < q) {
-            const ut = 1 - et / q, ot = Math.cos(et * 1e-3) * ut;
-            f.cursor.vx += Math.cos(a.a) * ot * q * a.vs * 65e-5, f.cursor.vy += Math.sin(a.a) * ot * q * a.vs * 65e-5;
-          }
-          f.cursor.vx += (0 - f.cursor.x) * Z, f.cursor.vy += (0 - f.cursor.y) * Z, f.cursor.vx *= K, f.cursor.vy *= K, f.cursor.x += f.cursor.vx * 2, f.cursor.y += f.cursor.vy * 2, f.cursor.x = Math.min(D, Math.max(-D, f.cursor.x)), f.cursor.y = Math.min(D, Math.max(-D, f.cursor.y));
-        });
-      });
-    }
-    function T(i, o = !0) {
-      const a = i.x + i.wave.x + (o ? i.cursor.x : 0), M = i.y + i.wave.y + (o ? i.cursor.y : 0);
-      return {
-        x: Math.round(a * 10) / 10,
-        y: Math.round(M * 10) / 10
-      };
-    }
-    function X() {
-      const { width: i, height: o } = R.current, a = u.current;
-      a && (a.clearRect(0, 0, i, o), a.beginPath(), a.strokeStyle = E.current.lineColor, N.current.forEach((M) => {
-        let I = T(M[0], !1);
-        a.moveTo(I.x, I.y), M.forEach((J, O) => {
-          const H = O === M.length - 1;
-          I = T(J, !H);
-          const K = T(M[O + 1] || M[M.length - 1], !H);
-          a.lineTo(I.x, I.y), H && a.moveTo(K.x, K.y);
-        });
-      }), a.stroke());
-    }
-    function V(i) {
-      if (!$) return;
-      const o = F.current;
-      o.sx += (o.x - o.sx) * 0.1, o.sy += (o.y - o.sy) * 0.1;
-      const a = o.x - o.lx, M = o.y - o.ly, I = Math.hypot(a, M);
-      o.v = I, o.vs += (I - o.vs) * 0.1, o.vs = Math.min(100, o.vs), o.lx = o.x, o.ly = o.y, o.a = Math.atan2(M, a), $.style.setProperty("--x", `${o.sx}px`), $.style.setProperty("--y", `${o.sy}px`), L(i), X(), A.current = requestAnimationFrame(V);
-    }
-    function n() {
-      B(), k();
-    }
-    function l(i) {
-      y(i.clientX, i.clientY);
-    }
-    function c(i) {
-      const o = i.touches[0];
-      y(o.clientX, o.clientY);
-    }
-    function y(i, o) {
-      const a = F.current, M = R.current;
-      a.x = i - M.left, a.y = o - M.top, a.set || (a.sx = a.x, a.sy = a.y, a.lx = a.x, a.ly = a.y, a.set = !0);
-    }
-    return B(), k(), A.current = requestAnimationFrame(V), window.addEventListener("resize", n), window.addEventListener("mousemove", l), window.addEventListener("touchmove", c, { passive: !1 }), () => {
-      window.removeEventListener("resize", n), window.removeEventListener("mousemove", l), window.removeEventListener("touchmove", c), A.current !== null && cancelAnimationFrame(A.current);
-    };
-  }, []), /* @__PURE__ */ W("div", {
-    ref: d,
-    className: `${st.waves} ${Y}`,
-    style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      margin: 0,
-      padding: 0,
-      width: "100%",
-      height: "100%",
-      overflow: "hidden",
-      backgroundColor: e,
-      ...j
-    },
-    children: /* @__PURE__ */ W("canvas", {
-      ref: C,
-      className: st.wavesCanvas
-    })
-  });
-}, It = (r) => {
-  const { currentTheme: e } = rt();
-  return /* @__PURE__ */ W(mt, {
-    lineColor: U(() => {
-      const s = e.colors.variables.primary || "rgb(220, 38, 38)", t = (g, b, x, _ = 0.4) => `rgb(${Math.round(g + (255 - g) * _)}, ${Math.round(b + (255 - b) * _)}, ${Math.round(x + (255 - x) * _)})`;
-      if (s.startsWith("#")) {
-        const g = s.slice(1);
-        return t(parseInt(g.slice(0, 2), 16), parseInt(g.slice(2, 4), 16), parseInt(g.slice(4, 6), 16));
-      }
-      const h = s.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
-      if (h) return t(parseInt(h[1], 10), parseInt(h[2], 10), parseInt(h[3], 10));
-      const m = s.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-      return m ? t(parseInt(m[1], 10), parseInt(m[2], 10), parseInt(m[3], 10)) : s;
-    }, [e]),
-    backgroundColor: "transparent",
-    waveSpeedX: 0.05,
-    waveSpeedY: 0.01,
-    waveAmpX: 40,
-    waveAmpY: 20,
-    ...r
-  });
-}, vt = "style-module__squaresCanvas___22kMc", gt = { squaresCanvas: vt }, yt = ({ direction: r = "right", speed: e = 1, borderColor: s = "#6B7280", squareSize: t = 40, hoverFillColor: h = "#111827", className: m = "", style: g = {} }) => {
-  const { currentTheme: b } = rt(), x = b.colors.variables.fgHeading, _ = w(null), v = w(null), j = w(0), Y = w(0), d = w({
-    x: 0,
-    y: 0
-  }), C = w(null);
-  return tt(() => {
-    const u = _.current;
-    if (!u) return;
-    const R = u.getContext("2d"), G = () => {
-      u.width = u.offsetWidth, u.height = u.offsetHeight, j.current = Math.ceil(u.width / t) + 1, Y.current = Math.ceil(u.height / t) + 1;
-    };
-    window.addEventListener("resize", G), G();
-    const N = () => {
-      if (!R) return;
-      R.clearRect(0, 0, u.width, u.height);
-      const p = Math.floor(d.current.x / t) * t, $ = Math.floor(d.current.y / t) * t;
-      for (let k = p; k < u.width + t; k += t) for (let L = $; L < u.height + t; L += t) {
-        const T = k - d.current.x % t, X = L - d.current.y % t;
-        C.current && Math.floor((k - p) / t) === C.current.x && Math.floor((L - $) / t) === C.current.y && (R.fillStyle = h, R.fillRect(T, X, t, t)), R.strokeStyle = s, R.strokeRect(T, X, t, t);
-      }
-      const B = R.createRadialGradient(u.width / 2, u.height / 2, 0, u.width / 2, u.height / 2, Math.sqrt(u.width ** 2 + u.height ** 2) / 2);
-      B.addColorStop(0, "rgba(0, 0, 0, 0)"), B.addColorStop(1, x), R.fillStyle = B, R.fillRect(0, 0, u.width, u.height);
-    }, F = () => {
-      const p = Math.max(e, 0.1);
-      switch (r) {
-        case "right":
-          d.current.x = (d.current.x - p + t) % t;
-          break;
-        case "left":
-          d.current.x = (d.current.x + p + t) % t;
-          break;
-        case "up":
-          d.current.y = (d.current.y + p + t) % t;
-          break;
-        case "down":
-          d.current.y = (d.current.y - p + t) % t;
-          break;
-        case "diagonal":
-          d.current.x = (d.current.x - p + t) % t, d.current.y = (d.current.y - p + t) % t;
-          break;
-        default:
-          break;
-      }
-      N(), v.current = requestAnimationFrame(F);
-    }, E = (p) => {
-      const $ = u.getBoundingClientRect(), B = p.clientX - $.left, k = p.clientY - $.top, L = Math.floor(d.current.x / t) * t, T = Math.floor(d.current.y / t) * t, X = Math.floor((B + d.current.x - L) / t), V = Math.floor((k + d.current.y - T) / t);
-      (!C.current || C.current.x !== X || C.current.y !== V) && (C.current = {
-        x: X,
-        y: V
-      });
-    }, A = () => {
-      C.current = null;
-    };
-    return u.addEventListener("mousemove", E), u.addEventListener("mouseleave", A), v.current = requestAnimationFrame(F), () => {
-      window.removeEventListener("resize", G), v.current && cancelAnimationFrame(v.current), u.removeEventListener("mousemove", E), u.removeEventListener("mouseleave", A);
-    };
-  }, [
-    r,
-    e,
-    s,
-    h,
-    t,
-    x
-  ]), /* @__PURE__ */ W("canvas", {
-    ref: _,
-    className: `${gt.squaresCanvas} ${m}`,
-    style: g
-  });
-}, Lt = (r) => {
-  const { currentTheme: e } = rt();
-  return /* @__PURE__ */ W(yt, {
-    borderColor: U(() => {
-      const s = e.colors.variables.border5 || e.colors.variables.fg || "#6B7280";
-      if (s.startsWith("#")) return s;
-      const t = s.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
-      return t ? `#${parseInt(t[1], 10).toString(16).padStart(2, "0")}${parseInt(t[2], 10).toString(16).padStart(2, "0")}${parseInt(t[3], 10).toString(16).padStart(2, "0")}` : s;
-    }, [e]),
-    hoverFillColor: U(() => {
-      const s = e.colors.variables.bg3 || e.colors.variables.border3 || "#F3F4F6", t = (m, g, b, x = 0.3) => `rgb(${Math.round(m * (1 - x))}, ${Math.round(g * (1 - x))}, ${Math.round(b * (1 - x))})`;
-      if (s.startsWith("#")) {
-        const m = s.slice(1);
-        return t(parseInt(m.slice(0, 2), 16), parseInt(m.slice(2, 4), 16), parseInt(m.slice(4, 6), 16));
-      }
-      const h = s.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
-      return h ? t(parseInt(h[1], 10), parseInt(h[2], 10), parseInt(h[3], 10)) : s;
-    }, [e]),
-    speed: 0.5,
-    squareSize: 40,
-    direction: "diagonal",
-    ...r
-  });
-}, wt = "style-module__container___HkxIe", xt = "style-module__canvas___MR9JX", Mt = "style-module__outerVignette___i75nw", pt = "style-module__centerVignette___n9uVG", z = {
-  container: wt,
-  canvas: xt,
-  outerVignette: Mt,
-  centerVignette: pt
-}, bt = ct(({ glitchColors: r = [
-  "#7F1D1D",
-  "#16A34A",
-  "#2563EB"
-], glitchSpeed: e = 500, centerVignette: s = !1, outerVignette: t = !0, smooth: h = !0, characters: m = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$&*()-_+=/[]{};:<>.,0123456789", className: g = "", style: b = {} }) => {
-  const x = w(null), _ = w(null), v = w([]), j = w({
-    columns: 0,
-    rows: 0
-  }), Y = w(null), d = w(Date.now()), C = U(() => Array.from(m), [m]), u = w(/* @__PURE__ */ new Map()), R = 16, G = 10, N = 20, F = Q(() => C[Math.floor(Math.random() * C.length)], [C]), E = Q(() => r[Math.floor(Math.random() * r.length)], [r]), A = Q((n) => {
-    if (u.current.has(n)) return u.current.get(n);
-    const l = n.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, o, a, M) => o + o + a + a + M + M), c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(l), y = c ? {
-      r: parseInt(c[1], 16),
-      g: parseInt(c[2], 16),
-      b: parseInt(c[3], 16)
-    } : null;
-    return u.current.set(n, y), y;
-  }, []), p = (n, l, c) => {
-    const y = {
-      r: Math.round(n.r + (l.r - n.r) * c),
-      g: Math.round(n.g + (l.g - n.g) * c),
-      b: Math.round(n.b + (l.b - n.b) * c)
-    };
-    return `rgb(${y.r}, ${y.g}, ${y.b})`;
-  }, $ = (n, l) => ({
-    columns: Math.ceil(n / G),
-    rows: Math.ceil(l / N)
-  }), B = (n, l) => {
-    j.current = {
-      columns: n,
-      rows: l
-    };
-    const c = n * l;
-    v.current = Array.from({ length: c }, () => ({
-      char: F(),
-      color: E(),
-      targetColor: E(),
-      colorProgress: 1
-    }));
-  }, k = () => {
-    const n = x.current;
-    if (!n) return;
-    const l = n.parentElement;
-    if (!l) return;
-    const c = window.devicePixelRatio || 1, y = l.getBoundingClientRect();
-    n.width = y.width * c, n.height = y.height * c, n.style.width = `${y.width}px`, n.style.height = `${y.height}px`, Y.current && Y.current.setTransform(c, 0, 0, c, 0, 0);
-    const { columns: i, rows: o } = $(y.width, y.height);
-    B(i, o), L();
-  }, L = Q(() => {
-    if (!Y.current || v.current.length === 0) return;
-    const n = Y.current, l = x.current;
-    l && (n.clearRect(0, 0, l.width, l.height), n.font = `${R}px monospace`, n.textBaseline = "top", n.textAlign = "left", v.current.forEach((c, y) => {
-      const i = y % j.current.columns * G, o = Math.floor(y / j.current.columns) * N;
-      n.fillStyle = c.color, n.fillText(c.char, i, o);
-    }));
-  }, []), T = Q(() => {
-    if (!v.current || v.current.length === 0) return;
-    const n = Math.max(1, Math.floor(v.current.length * 0.02));
-    for (let l = 0; l < n; l++) {
-      const c = Math.floor(Math.random() * v.current.length);
-      v.current[c] && (v.current[c].char = F(), v.current[c].targetColor = E(), h ? v.current[c].colorProgress = 0 : (v.current[c].color = v.current[c].targetColor, v.current[c].colorProgress = 1));
-    }
-  }, [
-    F,
-    E,
-    h
-  ]), X = Q(() => {
-    let n = !1, l = 0;
-    v.current.forEach((c) => {
-      if (c.colorProgress < 1) {
-        l++, c.colorProgress += 0.03, c.colorProgress > 1 && (c.colorProgress = 1);
-        const y = A(c.color), i = A(c.targetColor);
-        y && i && (c.color = p(y, i, c.colorProgress), n = !0);
-      }
-    }), n && l > 0 && L();
-  }, [A, L]), V = Q(() => {
-    const n = Date.now();
-    n - d.current >= e ? (T(), L(), d.current = n) : h && X(), _.current = requestAnimationFrame(V);
-  }, [
-    e,
-    h,
-    T,
-    X
-  ]);
-  return tt(() => {
-    const n = x.current;
-    if (!n) return;
-    Y.current = n.getContext("2d"), k(), V();
-    let l;
-    const c = () => {
-      clearTimeout(l), l = setTimeout(() => {
-        _.current && cancelAnimationFrame(_.current), k(), V();
-      }, 100);
-    };
-    return window.addEventListener("resize", c), () => {
-      _.current && cancelAnimationFrame(_.current), window.removeEventListener("resize", c), clearTimeout(l), u.current.clear();
-    };
-  }, [
-    e,
-    h,
-    r,
-    V
-  ]), /* @__PURE__ */ lt("div", {
-    className: `${z.container} ${g}`,
-    style: b,
-    children: [
-      /* @__PURE__ */ W("canvas", {
-        ref: x,
-        className: z.canvas
-      }),
-      t && /* @__PURE__ */ W("div", { className: z.outerVignette }),
-      s && /* @__PURE__ */ W("div", { className: z.centerVignette })
-    ]
-  });
-}), _t = ct((r) => {
-  const { currentTheme: e } = rt();
-  return /* @__PURE__ */ W(bt, {
-    glitchColors: U(() => {
-      const s = e.colors.variables.primary || "#DC2626", t = e.colors.variables.info || "#2563EB", h = e.colors.variables.success || "#16A34A", m = (g) => {
-        if (g.startsWith("#")) return g;
-        const b = g.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
-        return b ? `#${parseInt(b[1], 10).toString(16).padStart(2, "0")}${parseInt(b[2], 10).toString(16).padStart(2, "0")}${parseInt(b[3], 10).toString(16).padStart(2, "0")}` : g;
-      };
-      return [
-        m(s),
-        m(t),
-        m(h)
-      ];
-    }, [e]),
-    glitchSpeed: 300,
-    centerVignette: !0,
-    outerVignette: !1,
-    smooth: !0,
-    ...r
-  });
-});
-_t.displayName = "LetterGlitchBackground";
-export {
-  Lt as n,
-  It as r,
-  _t as t
-};
-
-//# sourceMappingURL=chunk-animations-CiJbVYGC.mjs.map