@factorialco/f0-react 1.408.0 → 1.409.0

package/dist/{F0HILActionConfirmation-Cud7NMip.js → F0HILActionConfirmation-DSmdPfxW.js}

@@ -1,14 +1,14 @@
 import { jsx as q, jsxs as le } from "react/jsx-runtime";
 import { useInsertionEffect as ze, createContext as Xe, useContext as Ye, useRef as B, useEffect as ie, useState as Ue, useCallback as $e, useMemo as qe } from "react";
-import { G as He, J as Ke, K as je, M as Qe, N as Me, Q as Je, R as Ze, V as et, W as tt, X as nt, Y as Ne, Z as rt, _ as ot, $ as it, a0 as st, a1 as at, a2 as ct, a3 as ut, a4 as se, a5 as lt, a6 as ft, a7 as ht, a8 as dt, a9 as mt, aa as pt, ab as fe, ac as gt } from "./F0AiChat-B5pShue-.js";
-import { useTrackVolume as vt } from "@livekit/components-react";
+import { r as He, i as je, m as Ke, a as Qe, b as Me, d as Je, c as Ze, f as et, e as tt, s as nt, g as Oe, p as rt, V as ot, h as it, j as st, k as at, S as ct, H as ut, v as se, l as lt, n as ft, o as ht, q as dt, t as mt, w as pt, F as fe, x as vt } from "./F0Input-xBidN3aT.js";
+import { useTrackVolume as gt } from "@livekit/components-react";
 function wt(t, e, n) {
   ze(() => t.on(e, n), [t, e, n]);
 }
 function ue(t) {
   return typeof t == "object" && !Array.isArray(t);
 }
-function Oe(t, e, n, r) {
+function Ne(t, e, n, r) {
   return typeof t == "string" && ue(e) ? He(t, n, r) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t : [t];
 }
 function Tt(t, e, n) {
@@ -22,20 +22,20 @@ const yt = (t, e, n) => {
   return ((n - t) % r + r) % r + t;
 };
 function Be(t, e) {
-  return Ke(t) ? t[yt(0, t.length, e)] : t;
+  return je(t) ? t[yt(0, t.length, e)] : t;
 }
-function Et(t, e, n) {
+function bt(t, e, n) {
   for (let r = 0; r < t.length; r++) {
     const o = t[r];
     o.at > e && o.at < n && (Qe(t, o), r--);
   }
 }
-function bt(t, e, n, r, o, c) {
-  Et(t, o, c);
+function Et(t, e, n, r, o, c) {
+  bt(t, o, c);
   for (let m = 0; m < e.length; m++)
     t.push({
       value: e[m],
-      at: je(o, c, r[m]),
+      at: Ke(o, c, r[m]),
       easing: Be(n, m)
     });
 }
@@ -48,78 +48,78 @@ function Rt(t, e) {
 }
 const xt = "easeInOut", St = 20;
 function Lt(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
-  const c = e.duration || 0.3, m = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), g = {}, R = /* @__PURE__ */ new Map();
-  let p = 0, v = 0, x = 0;
+  const c = e.duration || 0.3, m = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), v = {}, R = /* @__PURE__ */ new Map();
+  let p = 0, g = 0, x = 0;
   for (let l = 0; l < t.length; l++) {
     const T = t[l];
     if (typeof T == "string") {
-      R.set(T, v);
+      R.set(T, g);
       continue;
     } else if (!Array.isArray(T)) {
-      R.set(T.name, he(v, T.at, p, R));
+      R.set(T.name, he(g, T.at, p, R));
       continue;
     }
     let [F, d, S = {}] = T;
-    S.at !== void 0 && (v = he(v, S.at, p, R));
-    let I = 0;
-    const U = (y, w, _, P = 0, V = 0) => {
-      const A = It(y), { delay: f = 0, times: C = Je(A), type: O = "keyframes", repeat: W, repeatType: k, repeatDelay: H = 0, ...z } = w;
+    S.at !== void 0 && (g = he(g, S.at, p, R));
+    let C = 0;
+    const U = (y, w, I, P = 0, D = 0) => {
+      const A = Ct(y), { delay: f = 0, times: _ = Je(A), type: N = "keyframes", repeat: W, repeatType: k, repeatDelay: H = 0, ...z } = w;
       let { ease: M = e.ease || "easeOut", duration: L } = w;
-      const N = typeof f == "function" ? f(P, V) : f, K = A.length, Z = tt(O) ? O : o?.[O];
-      if (K <= 2 && Z) {
-        let j = 100;
-        if (K === 2 && Ft(A)) {
+      const O = typeof f == "function" ? f(P, D) : f, j = A.length, Z = tt(N) ? N : o?.[N];
+      if (j <= 2 && Z) {
+        let K = 100;
+        if (j === 2 && Ft(A)) {
           const J = A[1] - A[0];
-          j = Math.abs(J);
+          K = Math.abs(J);
         }
         const Q = { ...z };
         L !== void 0 && (Q.duration = nt(L));
-        const ee = Ze(Q, j, Z);
+        const ee = Ze(Q, K, Z);
         M = ee.ease, L = ee.duration;
       }
       L ?? (L = c);
-      const $ = v + N;
-      C.length === 1 && C[0] === 0 && (C[1] = 1);
-      const ne = C.length - A.length;
-      if (ne > 0 && et(C, ne), A.length === 1 && A.unshift(null), W) {
-        Ne(W < St, "Repeat count too high, must be less than 20"), L = Tt(L, W);
-        const j = [...A], Q = [...C];
+      const $ = g + O;
+      _.length === 1 && _[0] === 0 && (_[1] = 1);
+      const ne = _.length - A.length;
+      if (ne > 0 && et(_, ne), A.length === 1 && A.unshift(null), W) {
+        Oe(W < St, "Repeat count too high, must be less than 20"), L = Tt(L, W);
+        const K = [...A], Q = [..._];
         M = Array.isArray(M) ? [...M] : [M];
         const ee = [...M];
         for (let J = 0; J < W; J++) {
-          A.push(...j);
-          for (let i = 0; i < j.length; i++)
-            C.push(Q[i] + (J + 1)), M.push(i === 0 ? "linear" : Be(ee, i - 1));
+          A.push(...K);
+          for (let i = 0; i < K.length; i++)
+            _.push(Q[i] + (J + 1)), M.push(i === 0 ? "linear" : Be(ee, i - 1));
         }
-        At(C, W);
+        At(_, W);
       }
       const re = $ + L;
-      bt(_, A, M, C, $, re), I = Math.max(N + L, I), x = Math.max(re, x);
+      Et(I, A, M, _, $, re), C = Math.max(O + L, C), x = Math.max(re, x);
     };
     if (Me(F)) {
-      const y = de(F, E);
+      const y = de(F, b);
       U(d, S, me("default", y));
     } else {
-      const y = Oe(F, d, r, g), w = y.length;
-      for (let _ = 0; _ < w; _++) {
+      const y = Ne(F, d, r, v), w = y.length;
+      for (let I = 0; I < w; I++) {
         d = d, S = S;
-        const P = y[_], V = de(P, E);
+        const P = y[I], D = de(P, b);
         for (const A in d)
-          U(d[A], _t(S, A), me(A, V), _, w);
+          U(d[A], It(S, A), me(A, D), I, w);
       }
     }
-    p = v, v += I;
+    p = g, g += C;
   }
-  return E.forEach((l, T) => {
+  return b.forEach((l, T) => {
     for (const F in l) {
       const d = l[F];
       d.sort(Rt);
-      const S = [], I = [], U = [];
+      const S = [], C = [], U = [];
       for (let w = 0; w < d.length; w++) {
-        const { at: _, value: P, easing: V } = d[w];
-        S.push(P), I.push(rt(0, x, _)), U.push(V || "easeOut");
+        const { at: I, value: P, easing: D } = d[w];
+        S.push(P), C.push(rt(0, x, I)), U.push(D || "easeOut");
       }
-      I[0] !== 0 && (I.unshift(0), S.unshift(S[0]), U.unshift(xt)), I[I.length - 1] !== 1 && (I.push(1), S.push(null)), m.has(T) || m.set(T, {
+      C[0] !== 0 && (C.unshift(0), S.unshift(S[0]), U.unshift(xt)), C[C.length - 1] !== 1 && (C.push(1), S.push(null)), m.has(T) || m.set(T, {
         keyframes: {},
         transition: {}
       });
@@ -128,7 +128,7 @@ function Lt(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
         ...e,
         duration: x,
         ease: U,
-        times: I,
+        times: C,
         ...n
       };
     }
@@ -140,16 +140,16 @@ function de(t, e) {
 function me(t, e) {
   return e[t] || (e[t] = []), e[t];
 }
-function It(t) {
+function Ct(t) {
   return Array.isArray(t) ? t : [t];
 }
-function _t(t, e) {
+function It(t, e) {
   return t && t[e] ? {
     ...t,
     ...t[e]
   } : { ...t };
 }
-const Ct = (t) => typeof t == "number", Ft = (t) => t.every(Ct);
+const _t = (t) => typeof t == "number", Ft = (t) => t.every(_t);
 function Pt(t, e) {
   return t in e;
 }
@@ -199,7 +199,7 @@ function Mt(t) {
   }, n = st(t) && !at(t) ? new ct(e) : new ut(e);
   n.mount(t), se.set(t, n);
 }
-function Nt(t) {
+function Ot(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -212,32 +212,32 @@ function Nt(t) {
   }, n = new Ut(e);
   n.mount(t), se.set(t, n);
 }
-function Ot(t, e) {
+function Nt(t, e) {
   return Me(t) || typeof t == "number" || typeof t == "string" && !ue(e);
 }
-function Ve(t, e, n, r) {
+function De(t, e, n, r) {
   const o = [];
-  if (Ot(t, e))
+  if (Nt(t, e))
     o.push(lt(t, ue(e) && e.default || e, n && (n.default || n)));
   else {
-    const c = Oe(t, e, r), m = c.length;
-    Ne(!!m, "No valid elements provided.");
-    for (let E = 0; E < m; E++) {
-      const g = c[E], R = g instanceof Element ? Mt : Nt;
-      se.has(g) || R(g);
-      const p = se.get(g), v = { ...n };
-      "delay" in v && typeof v.delay == "function" && (v.delay = v.delay(E, m)), o.push(...ft(p, { ...e, transition: v }, {}));
+    const c = Ne(t, e, r), m = c.length;
+    Oe(!!m, "No valid elements provided.");
+    for (let b = 0; b < m; b++) {
+      const v = c[b], R = v instanceof Element ? Mt : Ot;
+      se.has(v) || R(v);
+      const p = se.get(v), g = { ...n };
+      "delay" in g && typeof g.delay == "function" && (g.delay = g.delay(b, m)), o.push(...ft(p, { ...e, transition: g }, {}));
     }
   }
   return o;
 }
 function Bt(t, e, n) {
   const r = [];
-  return Lt(t, e, n, { spring: ht }).forEach(({ keyframes: c, transition: m }, E) => {
-    r.push(...Ve(E, c, m));
+  return Lt(t, e, n, { spring: ht }).forEach(({ keyframes: c, transition: m }, b) => {
+    r.push(...De(b, c, m));
   }), r;
 }
-class Vt {
+class Dt {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -302,7 +302,7 @@ class Vt {
     this.runAll("complete");
   }
 }
-class Dt extends Vt {
+class Vt extends Dt {
   then(e, n) {
     return this.finished.finally(e).then(() => {
     });
@@ -314,15 +314,15 @@ function Gt(t) {
 function kt(t) {
   function e(n, r, o) {
     let c = [];
-    return Gt(n) ? c = Bt(n, r, t) : c = Ve(n, r, o, t), new Dt(c);
+    return Gt(n) ? c = Bt(n, r, t) : c = De(n, r, o, t), new Vt(c);
   }
   return e;
 }
-const Wt = kt(), yn = ["xs", "sm", "md", "lg"], En = [
+const Wt = kt(), yn = ["xs", "sm", "md", "lg"], bn = [
   "inProgress",
   "executing",
   "completed"
-], bn = {
+], En = {
   ai: {
     openChat: "Open Chat with One AI",
     closeChat: "Close Chat with One AI",
@@ -337,6 +337,9 @@ const Wt = kt(), yn = ["xs", "sm", "md", "lg"], En = [
     thoughtsGroupTitle: "Reflection",
     resourcesGroupTitle: "Resources",
     thinking: "Thinking...",
+    closeDashboard: "Close dashboard",
+    exportTable: "Download table",
+    generatedTableFilename: "OneGeneratedTable",
     feedbackModal: {
       positive: {
         title: "What did you like about this response?",
@@ -349,22 +352,45 @@ const Wt = kt(), yn = ["xs", "sm", "md", "lg"], En = [
         placeholder: "Share what didn't work"
       }
     },
-    dataDownloadPreview: "Preview {{shown}} of {{total}} rows — download the Excel to see all data.",
+    dataDownloadPreview: "Preview {{shown}} of {{total}} rows — download to see all data.",
     expandChat: "Expand chat",
     collapseChat: "Collapse chat",
+    chatHistory: "Chat history",
+    noPreviousChats: "No previous conversations",
+    newConversation: "New conversation",
+    today: "Today",
+    yesterday: "Yesterday",
+    thisMonth: "This month",
+    older: "Older",
+    searchChats: "Search conversations...",
+    pinnedChats: "Pinned",
+    threadOptions: "Thread options",
+    pinChat: "Pin chat",
+    unpinChat: "Unpin chat",
+    deleteChat: "Delete chat",
     ask: "Ask One",
     viewProfile: "View profile",
-    tools: "Tools"
+    tools: "Tools",
+    reportCard: {
+      reportLabel: "Report",
+      openButton: "Open"
+    },
+    dataDownload: {
+      download: "Download {{format}}"
+    },
+    unsavedChanges: "Unsaved changes",
+    saveChanges: "Save changes",
+    discardChanges: "Discard"
   }
-}, De = Xe(null);
+}, Ve = Xe(null);
 function An({
   children: t,
   translations: e
 }) {
-  return /* @__PURE__ */ q(De.Provider, { value: e, children: t });
+  return /* @__PURE__ */ q(Ve.Provider, { value: e, children: t });
 }
 function Rn() {
-  const t = Ye(De);
+  const t = Ye(Ve);
   if (t === null)
     throw new Error(
       "useAiChatTranslations must be used within an AiChatTranslationsProvider"
@@ -372,116 +398,116 @@ function Rn() {
   return t;
 }
 function pe(t, e, n, r) {
-  const o = Math.max(1, Math.min(t, e)), c = Math.min(n, 20), E = Math.min(c + r, o), g = Math.min(E, Math.floor(t / 2)), R = Math.min(E, Math.floor(e / 2)), p = ($) => $ / t * 2 - 1, v = ($) => $ / e * 2 - 1, x = 0, l = t, T = 0, F = e, d = g, S = t - g, I = R, U = e - R, y = p(x), w = p(l), _ = v(T), P = v(F), V = p(d), A = p(S), f = v(I), C = v(U), O = 0, W = 0, k = 1, H = 1, z = g / t, M = 1 - g / t, L = R / e, N = 1 - R / e, K = new Float32Array([
+  const o = Math.max(1, Math.min(t, e)), c = Math.min(n, 20), b = Math.min(c + r, o), v = Math.min(b, Math.floor(t / 2)), R = Math.min(b, Math.floor(e / 2)), p = ($) => $ / t * 2 - 1, g = ($) => $ / e * 2 - 1, x = 0, l = t, T = 0, F = e, d = v, S = t - v, C = R, U = e - R, y = p(x), w = p(l), I = g(T), P = g(F), D = p(d), A = p(S), f = g(C), _ = g(U), N = 0, W = 0, k = 1, H = 1, z = v / t, M = 1 - v / t, L = R / e, O = 1 - R / e, j = new Float32Array([
     // Top strip
     y,
-    _,
+    I,
     w,
-    _,
+    I,
     y,
     f,
     y,
     f,
     w,
-    _,
+    I,
     w,
     f,
     // Bottom strip
     y,
-    C,
+    _,
     w,
-    C,
+    _,
     y,
     P,
     y,
     P,
     w,
-    C,
+    _,
     w,
     P,
     // Left strip
     y,
     f,
-    V,
+    D,
     f,
     y,
-    C,
+    _,
     y,
-    C,
-    V,
+    _,
+    D,
     f,
-    V,
-    C,
+    D,
+    _,
     // Right strip
     A,
     f,
     w,
     f,
     A,
-    C,
+    _,
     A,
-    C,
+    _,
     w,
     f,
     w,
-    C
+    _
   ]), Z = new Float32Array([
     // Top strip
-    O,
+    N,
     W,
     k,
     W,
-    O,
+    N,
     L,
-    O,
+    N,
     L,
     k,
     W,
     k,
     L,
     // Bottom strip
-    O,
     N,
+    O,
     k,
-    N,
     O,
+    N,
     H,
-    O,
+    N,
     H,
     k,
-    N,
+    O,
     k,
     H,
     // Left strip
-    O,
+    N,
     L,
     z,
     L,
-    O,
     N,
     O,
     N,
+    O,
     z,
     L,
     z,
-    N,
+    O,
     // Right strip
     M,
     L,
     k,
     L,
     M,
-    N,
+    O,
     M,
-    N,
+    O,
     k,
     L,
     k,
-    N
+    O
   ]);
-  return { positions: K, uvs: Z };
+  return { positions: j, uvs: Z };
 }
-function ge(t, e, n) {
+function ve(t, e, n) {
   const r = t.createShader(e);
   if (!r) throw new Error("Failed to create shader");
   if (t.shaderSource(r, n), t.compileShader(r), !t.getShaderParameter(r, t.COMPILE_STATUS)) {
@@ -491,7 +517,7 @@ function ge(t, e, n) {
   return r;
 }
 function zt(t, e, n) {
-  const r = ge(t, t.VERTEX_SHADER, e), o = ge(t, t.FRAGMENT_SHADER, n), c = t.createProgram();
+  const r = ve(t, t.VERTEX_SHADER, e), o = ve(t, t.FRAGMENT_SHADER, n), c = t.createProgram();
   if (!c) throw new Error("Failed to create program");
   if (t.attachShader(c, r), t.attachShader(c, o), t.linkProgram(c), !t.getProgramParameter(c, t.LINK_STATUS)) {
     const m = t.getProgramInfoLog(c) || "Unknown link error";
@@ -793,23 +819,23 @@ class xn {
   resize(e, n, r) {
     if (this.disposed) throw new Error("Mask instance has been disposed.");
     if (this.options.width = e, this.options.height = n, r && (this.options.ratio = r), !this.running) return;
-    const { gl: o, program: c, vao: m, positionBuffer: E, uvBuffer: g, uResolution: R } = this.glr, p = r ?? this.options.ratio ?? window.devicePixelRatio ?? 1, v = Math.max(1, Math.floor(e * p)), x = Math.max(1, Math.floor(n * p));
-    this.canvas.style.width = `${e}px`, this.canvas.style.height = `${n}px`, (this.canvas.width !== v || this.canvas.height !== x) && (this.canvas.width = v, this.canvas.height = x), o.viewport(0, 0, this.canvas.width, this.canvas.height), this.checkGLError(o, "resize: after viewport setup");
+    const { gl: o, program: c, vao: m, positionBuffer: b, uvBuffer: v, uResolution: R } = this.glr, p = r ?? this.options.ratio ?? window.devicePixelRatio ?? 1, g = Math.max(1, Math.floor(e * p)), x = Math.max(1, Math.floor(n * p));
+    this.canvas.style.width = `${e}px`, this.canvas.style.height = `${n}px`, (this.canvas.width !== g || this.canvas.height !== x) && (this.canvas.width = g, this.canvas.height = x), o.viewport(0, 0, this.canvas.width, this.canvas.height), this.checkGLError(o, "resize: after viewport setup");
     const { positions: l, uvs: T } = pe(
       this.canvas.width,
       this.canvas.height,
       this.options.borderWidth * p,
       this.options.glowWidth * p
     );
-    o.bindVertexArray(m), o.bindBuffer(o.ARRAY_BUFFER, E), o.bufferData(o.ARRAY_BUFFER, l, o.STATIC_DRAW);
+    o.bindVertexArray(m), o.bindBuffer(o.ARRAY_BUFFER, b), o.bufferData(o.ARRAY_BUFFER, l, o.STATIC_DRAW);
     const F = o.getAttribLocation(c, "aPosition");
-    o.enableVertexAttribArray(F), o.vertexAttribPointer(F, 2, o.FLOAT, !1, 0, 0), this.checkGLError(o, "resize: after position buffer update"), o.bindBuffer(o.ARRAY_BUFFER, g), o.bufferData(o.ARRAY_BUFFER, T, o.STATIC_DRAW);
+    o.enableVertexAttribArray(F), o.vertexAttribPointer(F, 2, o.FLOAT, !1, 0, 0), this.checkGLError(o, "resize: after position buffer update"), o.bindBuffer(o.ARRAY_BUFFER, v), o.bufferData(o.ARRAY_BUFFER, T, o.STATIC_DRAW);
     const d = o.getAttribLocation(c, "aUV");
     o.enableVertexAttribArray(d), o.vertexAttribPointer(d, 2, o.FLOAT, !1, 0, 0), this.checkGLError(o, "resize: after UV buffer update"), o.useProgram(c), o.uniform2f(R, this.canvas.width, this.canvas.height), o.uniform1f(this.glr.uBorderWidth, this.options.borderWidth * p), o.uniform1f(this.glr.uGlowWidth, this.options.glowWidth * p), o.uniform1f(this.glr.uBorderRadius, this.options.borderRadius * p), this.checkGLError(o, "resize: after uniform updates");
     const S = performance.now();
     this.lastTime = S;
-    const I = (S - this.startTime) * 1e-3;
-    this.render(I);
+    const C = (S - this.startTime) * 1e-3;
+    this.render(C);
   }
   /**
    * Automatically resizes the canvas to match the dimensions of the given element.
@@ -884,21 +910,21 @@ class xn {
     this.checkGLError(e, "setupGL: after createProgram");
     const r = e.createVertexArray();
     e.bindVertexArray(r), this.checkGLError(e, "setupGL: after VAO creation");
-    const o = this.canvas.width || 2, c = this.canvas.height || 2, { positions: m, uvs: E } = pe(
+    const o = this.canvas.width || 2, c = this.canvas.height || 2, { positions: m, uvs: b } = pe(
       o,
       c,
       this.options.borderWidth,
       this.options.glowWidth
-    ), g = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, g), e.bufferData(e.ARRAY_BUFFER, m, e.STATIC_DRAW);
+    ), v = e.createBuffer();
+    e.bindBuffer(e.ARRAY_BUFFER, v), e.bufferData(e.ARRAY_BUFFER, m, e.STATIC_DRAW);
     const R = e.getAttribLocation(n, "aPosition");
     e.enableVertexAttribArray(R), e.vertexAttribPointer(R, 2, e.FLOAT, !1, 0, 0), this.checkGLError(e, "setupGL: after position buffer setup");
     const p = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, p), e.bufferData(e.ARRAY_BUFFER, E, e.STATIC_DRAW);
-    const v = e.getAttribLocation(n, "aUV");
-    e.enableVertexAttribArray(v), e.vertexAttribPointer(v, 2, e.FLOAT, !1, 0, 0), this.checkGLError(e, "setupGL: after UV buffer setup");
-    const x = e.getUniformLocation(n, "uResolution"), l = e.getUniformLocation(n, "uTime"), T = e.getUniformLocation(n, "uBorderWidth"), F = e.getUniformLocation(n, "uGlowWidth"), d = e.getUniformLocation(n, "uBorderRadius"), S = e.getUniformLocation(n, "uColors"), I = e.getUniformLocation(n, "uGlowExponent"), U = e.getUniformLocation(n, "uGlowFactor");
-    e.useProgram(n), e.uniform1f(T, this.options.borderWidth), e.uniform1f(F, this.options.glowWidth), e.uniform1f(d, this.options.borderRadius), this.options.mode === "dark" ? (e.uniform1f(I, 2), e.uniform1f(U, 1.8)) : (e.uniform1f(I, 1), e.uniform1f(U, 1));
+    e.bindBuffer(e.ARRAY_BUFFER, p), e.bufferData(e.ARRAY_BUFFER, b, e.STATIC_DRAW);
+    const g = e.getAttribLocation(n, "aUV");
+    e.enableVertexAttribArray(g), e.vertexAttribPointer(g, 2, e.FLOAT, !1, 0, 0), this.checkGLError(e, "setupGL: after UV buffer setup");
+    const x = e.getUniformLocation(n, "uResolution"), l = e.getUniformLocation(n, "uTime"), T = e.getUniformLocation(n, "uBorderWidth"), F = e.getUniformLocation(n, "uGlowWidth"), d = e.getUniformLocation(n, "uBorderRadius"), S = e.getUniformLocation(n, "uColors"), C = e.getUniformLocation(n, "uGlowExponent"), U = e.getUniformLocation(n, "uGlowFactor");
+    e.useProgram(n), e.uniform1f(T, this.options.borderWidth), e.uniform1f(F, this.options.glowWidth), e.uniform1f(d, this.options.borderRadius), this.options.mode === "dark" ? (e.uniform1f(C, 2), e.uniform1f(U, 1.8)) : (e.uniform1f(C, 1), e.uniform1f(U, 1));
     const y = (this.options.colors || $t).map(qt);
     for (let w = 0; w < y.length; w++)
       e.uniform3f(
@@ -909,7 +935,7 @@ class xn {
       gl: e,
       program: n,
       vao: r,
-      positionBuffer: g,
+      positionBuffer: v,
       uvBuffer: p,
       uResolution: x,
       uTime: l,
@@ -925,19 +951,19 @@ class xn {
     n.useProgram(r), n.bindVertexArray(o), n.uniform1f(c, e), n.disable(n.DEPTH_TEST), n.disable(n.CULL_FACE), n.disable(n.BLEND), n.clearColor(0, 0, 0, 0), n.clear(n.COLOR_BUFFER_BIT), n.drawArrays(n.TRIANGLES, 0, 24), this.checkGLError(n, "render: after draw call"), n.bindVertexArray(null);
   }
 }
-const ve = ["lowp", "mediump", "highp"], Ht = `
+const ge = ["lowp", "mediump", "highp"], Ht = `
 void main(void){
     vec4 color = vec4(0.0,0.0,0.0,1.0);
     mainImage( color, gl_FragCoord.xy );
     gl_FragColor = color;
-}`, Kt = `void mainImage( out vec4 fragColor, in vec2 fragCoord ) {
+}`, jt = `void mainImage( out vec4 fragColor, in vec2 fragCoord ) {
     vec2 uv = fragCoord/iResolution.xy;
     vec3 col = 0.5 + 0.5*cos(iTime+uv.xyx+vec3(0,2,4));
     fragColor = vec4(col,1.0);
 }`, we = `attribute vec3 aVertexPosition;
 void main(void) {
     gl_Position = vec4(aVertexPosition, 1.0);
-}`, Te = "iTime", ye = "iTimeDelta", Ee = "iDate", be = "iFrame", Ae = "iMouse", Re = "iResolution", jt = "iChannel", xe = "iChannelResolution", Se = "iDeviceOrientation";
+}`, Te = "iTime", ye = "iTimeDelta", be = "iDate", Ee = "iFrame", Ae = "iMouse", Re = "iResolution", Kt = "iChannel", xe = "iChannelResolution", Se = "iDeviceOrientation";
 function Qt(t, e) {
   return t.includes("Matrix") && Array.isArray(e);
 }
@@ -1036,7 +1062,7 @@ const en = (t, e, n, r) => {
         )
       );
   }
-}, ce = 9729, Le = 9728, nn = 9987, Ie = 33071, _e = 10497;
+}, ce = 9729, Le = 9728, nn = 9987, Ce = 33071, Ie = 10497;
 class rn {
   gl;
   url;
@@ -1056,13 +1082,13 @@ class rn {
     this.gl = e;
   }
   updateTexture = (e, n, r) => {
-    const { gl: o } = this, c = 0, m = o.RGBA, E = o.RGBA, g = o.UNSIGNED_BYTE;
+    const { gl: o } = this, c = 0, m = o.RGBA, b = o.RGBA, v = o.UNSIGNED_BYTE;
     o.bindTexture(o.TEXTURE_2D, e), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, r), o.texImage2D(
       o.TEXTURE_2D,
       c,
       m,
-      E,
-      g,
+      b,
+      v,
       n
     );
   };
@@ -1104,8 +1130,8 @@ class rn {
       wrapS: o,
       wrapT: c,
       minFilter: m,
-      magFilter: E,
-      flipY: g = -1
+      magFilter: b,
+      flipY: v = -1
     } = e;
     if (!r)
       return Promise.reject(
@@ -1124,48 +1150,48 @@ class rn {
           )
         )
       );
-    Object.assign(this, { url: r, wrapS: o, wrapT: c, minFilter: m, magFilter: E, flipY: g });
-    const v = 0, x = n.RGBA, l = 1, T = 1, F = 0, d = n.RGBA, S = n.UNSIGNED_BYTE, I = new Uint8Array([255, 255, 255, 0]), U = n.createTexture();
+    Object.assign(this, { url: r, wrapS: o, wrapT: c, minFilter: m, magFilter: b, flipY: v });
+    const g = 0, x = n.RGBA, l = 1, T = 1, F = 0, d = n.RGBA, S = n.UNSIGNED_BYTE, C = new Uint8Array([255, 255, 255, 0]), U = n.createTexture();
     if (n.bindTexture(n.TEXTURE_2D, U), n.texImage2D(
       n.TEXTURE_2D,
-      v,
+      g,
       x,
       l,
       T,
       F,
       d,
       S,
-      I
+      C
     ), p) {
       const P = this.setupVideo(r);
       return n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, n.CLAMP_TO_EDGE), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, n.CLAMP_TO_EDGE), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, n.LINEAR), this._webglTexture = U, this.source = P, this.isVideo = !0, P.play().then(() => this);
     }
     async function y() {
-      return new Promise((P, V) => {
+      return new Promise((P, D) => {
         const A = new Image();
         A.crossOrigin = "anonymous", A.onload = () => {
           P(A);
         }, A.onerror = () => {
-          V(new Error(Y(`failed loading url: ${r}`)));
+          D(new Error(Y(`failed loading url: ${r}`)));
         }, A.src = r ?? "";
       });
     }
-    let w = await y(), _ = (w.width & w.width - 1) === 0 && (w.height & w.height - 1) === 0;
-    return (e.wrapS !== Ie || e.wrapT !== Ie || e.minFilter !== Le && e.minFilter !== ce) && !_ && (w = this.makePowerOf2(w), _ = !0), n.bindTexture(n.TEXTURE_2D, U), n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL, g), n.texImage2D(
+    let w = await y(), I = (w.width & w.width - 1) === 0 && (w.height & w.height - 1) === 0;
+    return (e.wrapS !== Ce || e.wrapT !== Ce || e.minFilter !== Le && e.minFilter !== ce) && !I && (w = this.makePowerOf2(w), I = !0), n.bindTexture(n.TEXTURE_2D, U), n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL, v), n.texImage2D(
       n.TEXTURE_2D,
-      v,
+      g,
       x,
       d,
       S,
       w
-    ), _ && e.minFilter !== Le && e.minFilter !== ce && n.generateMipmap(n.TEXTURE_2D), n.texParameteri(
+    ), I && e.minFilter !== Le && e.minFilter !== ce && n.generateMipmap(n.TEXTURE_2D), n.texParameteri(
       n.TEXTURE_2D,
       n.TEXTURE_WRAP_S,
-      this.wrapS || _e
+      this.wrapS || Ie
     ), n.texParameteri(
       n.TEXTURE_2D,
       n.TEXTURE_WRAP_T,
-      this.wrapT || _e
+      this.wrapT || Ie
     ), n.texParameteri(
       n.TEXTURE_2D,
       n.TEXTURE_MIN_FILTER,
@@ -1177,7 +1203,7 @@ class rn {
     ), this._webglTexture = U, this.source = w, this.isVideo = !1, this.isLoaded = !0, this.width = w.width || 0, this.height = w.height || 0, this;
   };
 }
-const Y = (t) => `react-shaders: ${t}`, Ce = (t) => {
+const Y = (t) => `react-shaders: ${t}`, _e = (t) => {
   if ("changedTouches" in t) {
     const e = t.changedTouches[0];
     return [e?.clientX ?? 0, e?.clientY ?? 0];
@@ -1192,34 +1218,34 @@ function sn({
   clearColor: o = [0, 0, 0, 1],
   precision: c = "highp",
   style: m,
-  contextAttributes: E = {},
-  lerp: g = 1,
+  contextAttributes: b = {},
+  lerp: v = 1,
   devicePixelRatio: R = 1,
   onDoneLoadingTextures: p,
-  onError: v = console.error,
+  onError: g = console.error,
   onWarning: x = console.warn
 }) {
-  const l = B(null), T = B(null), F = B(null), d = B(null), S = B(void 0), I = B(void 0), U = B(!1), y = B(void 0), w = B(0), _ = B([0, 0]), P = B([]), V = B(0), A = B(void 0), f = B({
+  const l = B(null), T = B(null), F = B(null), d = B(null), S = B(void 0), C = B(void 0), U = B(!1), y = B(void 0), w = B(0), I = B([0, 0]), P = B([]), D = B(0), A = B(void 0), f = B({
     [Te]: { type: "float", isNeeded: !1, value: 0 },
     [ye]: { type: "float", isNeeded: !1, value: 0 },
-    [Ee]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
+    [be]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
     [Ae]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
     [Re]: { type: "vec2", isNeeded: !1, value: [0, 0] },
-    [be]: { type: "int", isNeeded: !1, value: 0 },
+    [Ee]: { type: "int", isNeeded: !1, value: 0 },
     [Se]: {
       type: "vec4",
       isNeeded: !1,
       value: [0, 0, 0, 0]
     }
-  }), C = B(r), O = (i, a) => {
+  }), _ = B(r), N = (i, a) => {
     const s = "width" in i ? i.width ?? 0 : 0, h = "height" in i ? i.height ?? 0 : 0, u = f.current.iChannelResolution;
     if (!u) return;
-    const b = Array.isArray(u.value) ? u.value : u.value = [];
-    b[a * 3] = s * R, b[a * 3 + 1] = h * R, b[a * 3 + 2] = 0;
+    const E = Array.isArray(u.value) ? u.value : u.value = [];
+    E[a * 3] = s * R, E[a * 3 + 1] = h * R, E[a * 3 + 2] = 0;
   }, W = () => {
-    l.current && (T.current = l.current.getContext("webgl", E) || l.current.getContext(
+    l.current && (T.current = l.current.getContext("webgl", b) || l.current.getContext(
       "experimental-webgl",
-      E
+      b
     ), T.current?.getExtension("OES_standard_derivatives"), T.current?.getExtension("EXT_shader_texture_lod"));
   }, k = () => {
     const i = T.current;
@@ -1251,23 +1277,23 @@ function sn({
       window.orientation ?? 0
     ];
   }, z = (i) => {
-    const [a = 0, s = 0] = Ce(i), h = a - (y.current?.left ?? 0) - window.pageXOffset, u = (y.current?.height ?? 0) - s - (y.current?.top ?? 0) - window.pageYOffset;
+    const [a = 0, s = 0] = _e(i), h = a - (y.current?.left ?? 0) - window.pageXOffset, u = (y.current?.height ?? 0) - s - (y.current?.top ?? 0) - window.pageYOffset;
     U.current = !0;
-    const b = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
-    b && (b[2] = h, b[3] = u), _.current[0] = h, _.current[1] = u;
+    const E = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
+    E && (E[2] = h, E[3] = u), I.current[0] = h, I.current[1] = u;
   }, M = (i) => {
     y.current = l.current?.getBoundingClientRect();
-    const [a = 0, s = 0] = Ce(i), h = a - (y.current?.left ?? 0), u = (y.current?.height ?? 0) - s - (y.current?.top ?? 0);
-    if (g !== 1)
-      _.current[0] = h, _.current[1] = u;
+    const [a = 0, s = 0] = _e(i), h = a - (y.current?.left ?? 0), u = (y.current?.height ?? 0) - s - (y.current?.top ?? 0);
+    if (v !== 1)
+      I.current[0] = h, I.current[1] = u;
     else {
-      const b = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
-      b && (b[0] = h, b[1] = u);
+      const E = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
+      E && (E[0] = h, E[1] = u);
     }
   }, L = () => {
     const i = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
     i && (i[2] = 0, i[3] = 0);
-  }, N = () => {
+  }, O = () => {
     const i = T.current;
     if (!i) return;
     y.current = l.current?.getBoundingClientRect();
@@ -1283,7 +1309,7 @@ function sn({
       );
       i.uniform2fv(u, [i.canvas.width, i.canvas.height]);
     }
-  }, K = (i, a) => {
+  }, j = (i, a) => {
     const s = T.current;
     if (!s) return null;
     const h = s.createShader(i);
@@ -1292,16 +1318,16 @@ function sn({
       x?.(Y(`Error compiling the shader:
 ${a}`));
       const u = s.getShaderInfoLog(h);
-      s.deleteShader(h), v?.(Y(`Shader compiler log: ${u}`));
+      s.deleteShader(h), g?.(Y(`Shader compiler log: ${u}`));
     }
     return h;
   }, Z = (i, a) => {
     const s = T.current;
     if (!s) return;
-    const h = K(s.FRAGMENT_SHADER, i), u = K(s.VERTEX_SHADER, a);
+    const h = j(s.FRAGMENT_SHADER, i), u = j(s.VERTEX_SHADER, a);
     if (d.current = s.createProgram(), !(!d.current || !u || !h)) {
       if (s.attachShader(d.current, u), s.attachShader(d.current, h), s.linkProgram(d.current), !s.getProgramParameter(d.current, s.LINK_STATUS)) {
-        v?.(
+        g?.(
           Y(
             `Unable to initialize the shader program: ${s.getProgramInfoLog(
               d.current
@@ -1322,16 +1348,16 @@ ${a}`));
         if (!a) continue;
         const { value: s, type: h } = a, u = tn(h);
         if (!u) continue;
-        const b = {};
+        const E = {};
         if (Qt(h, s)) {
-          const D = h.length, X = Number.parseInt(h.charAt(D - 3)), te = Math.floor(s.length / (X * X));
-          s.length > X * X && (b.arraySize = `[${te}]`);
-        } else Jt(h, s) && (b.arraySize = `[${Math.floor(s.length / Number.parseInt(h.charAt(0)))}]`);
+          const V = h.length, X = Number.parseInt(h.charAt(V - 3)), te = Math.floor(s.length / (X * X));
+          s.length > X * X && (E.arraySize = `[${te}]`);
+        } else Jt(h, s) && (E.arraySize = `[${Math.floor(s.length / Number.parseInt(h.charAt(0)))}]`);
         f.current[i] = {
           type: u,
           isNeeded: !1,
           value: s,
-          ...b
+          ...E
         };
       }
   }, ne = () => {
@@ -1345,21 +1371,21 @@ ${a}`));
           value: []
         };
         const a = n.map(
-          (s, h) => (f.current[`${jt}${h}`] = {
+          (s, h) => (f.current[`${Kt}${h}`] = {
             type: "sampler2D",
             isNeeded: !1
-          }, O(s, h), P.current[h] = new rn(i), P.current[h]?.load(s).then((u) => {
-            O(u, h);
+          }, N(s, h), P.current[h] = new rn(i), P.current[h]?.load(s).then((u) => {
+            N(u, h);
           }))
         );
         Promise.all(a).then(() => {
           p && p();
         }).catch((s) => {
-          v?.(s), p && p();
+          g?.(s), p && p();
         });
       } else p && p();
   }, re = (i) => {
-    const a = ve.includes(c ?? "highp"), s = `precision ${a ? c : ve[1]} float;
+    const a = ge.includes(c ?? "highp"), s = `precision ${a ? c : ge[1]} float;
 `;
     a || x?.(
       Y(
@@ -1368,39 +1394,39 @@ ${a}`));
     );
     let h = s.concat(`#define DPR ${R.toFixed(1)}
 `).concat(i.replace(/texture\(/g, "texture2D("));
-    for (const b of Object.keys(f.current))
-      if (i.includes(b)) {
-        const D = f.current[b];
-        if (!D) continue;
+    for (const E of Object.keys(f.current))
+      if (i.includes(E)) {
+        const V = f.current[E];
+        if (!V) continue;
         h = on(
           h,
-          `uniform ${D.type} ${b}${D.arraySize || ""}; 
+          `uniform ${V.type} ${E}${V.arraySize || ""}; 
 `,
           h.lastIndexOf(s) + s.length
-        ), D.isNeeded = !0;
+        ), V.isNeeded = !0;
       }
     return i.includes("mainImage") && (h = h.concat(Ht)), h;
-  }, j = (i) => {
+  }, K = (i) => {
     const a = T.current;
     if (!a || !d.current) return;
-    const s = V.current ? (i - V.current) / 1e3 : 0;
-    V.current = i;
-    const h = C.current;
+    const s = D.current ? (i - D.current) / 1e3 : 0;
+    D.current = i;
+    const h = _.current;
     if (h)
       for (const u of Object.keys(h)) {
-        const b = h[u];
-        if (b && f.current[u]?.isNeeded) {
+        const E = h[u];
+        if (E && f.current[u]?.isNeeded) {
           if (!d.current) return;
-          const D = a.getUniformLocation(
+          const V = a.getUniformLocation(
             d.current,
             u
           );
-          if (!D) return;
+          if (!V) return;
           en(
             a,
-            D,
-            b.type,
-            b.value
+            V,
+            E.type,
+            E.value
           );
         }
       }
@@ -1446,24 +1472,24 @@ ${a}`));
       a.uniform1f(u, s);
     }
     if (f.current.iDate?.isNeeded) {
-      const u = /* @__PURE__ */ new Date(), b = u.getMonth() + 1, D = u.getDate(), X = u.getFullYear(), te = u.getHours() * 60 * 60 + u.getMinutes() * 60 + u.getSeconds() + u.getMilliseconds() * 1e-3, ae = a.getUniformLocation(
+      const u = /* @__PURE__ */ new Date(), E = u.getMonth() + 1, V = u.getDate(), X = u.getFullYear(), te = u.getHours() * 60 * 60 + u.getMinutes() * 60 + u.getSeconds() + u.getMilliseconds() * 1e-3, ae = a.getUniformLocation(
         d.current,
-        Ee
+        be
       );
-      a.uniform4fv(ae, [X, b, D, te]);
+      a.uniform4fv(ae, [X, E, V, te]);
     }
     if (f.current.iFrame?.isNeeded) {
       const u = a.getUniformLocation(
         d.current,
-        be
-      ), b = f.current.iFrame.value;
-      a.uniform1i(u, b), f.current.iFrame.value = b + 1;
+        Ee
+      ), E = f.current.iFrame.value;
+      a.uniform1i(u, E), f.current.iFrame.value = E + 1;
     }
     if (P.current.length > 0)
       for (let u = 0; u < P.current.length; u++) {
-        const b = P.current[u];
-        if (!b) return;
-        const { isVideo: D, _webglTexture: X, source: te, flipY: ae, isLoaded: ke } = b;
+        const E = P.current[u];
+        if (!E) return;
+        const { isVideo: V, _webglTexture: X, source: te, flipY: ae, isLoaded: ke } = E;
         if (!ke || !X || !te) return;
         if (f.current[`iChannel${u}`]?.isNeeded) {
           if (!d.current) return;
@@ -1471,7 +1497,7 @@ ${a}`));
             d.current,
             `iChannel${u}`
           );
-          a.activeTexture(a.TEXTURE0 + u), a.bindTexture(a.TEXTURE_2D, X), a.uniform1i(We, u), D && b.updateTexture(
+          a.activeTexture(a.TEXTURE0 + u), a.bindTexture(a.TEXTURE_2D, X), a.uniform1i(We, u), V && E.updateTexture(
             X,
             te,
             ae
@@ -1488,36 +1514,36 @@ ${a}`));
       !1,
       0,
       0
-    ), j(i), a.drawArrays(a.TRIANGLE_STRIP, 0, 4);
+    ), K(i), a.drawArrays(a.TRIANGLE_STRIP, 0, 4);
     const s = f.current.iMouse?.value;
-    if (f.current.iMouse?.isNeeded && g !== 1 && Array.isArray(s)) {
+    if (f.current.iMouse?.isNeeded && v !== 1 && Array.isArray(s)) {
       const h = s[0] ?? 0, u = s[1] ?? 0;
-      s[0] = Fe(h, _.current[0] ?? 0, g), s[1] = Fe(u, _.current[1] ?? 0, g);
+      s[0] = Fe(h, I.current[0] ?? 0, v), s[1] = Fe(u, I.current[1] ?? 0, v);
     }
-    I.current = requestAnimationFrame(Q);
+    C.current = requestAnimationFrame(Q);
   }, ee = () => {
     const i = { passive: !0 };
     f.current.iMouse?.isNeeded && l.current && (l.current.addEventListener("mousemove", M, i), l.current.addEventListener("mouseout", L, i), l.current.addEventListener("mouseup", L, i), l.current.addEventListener("mousedown", z, i), l.current.addEventListener("touchmove", M, i), l.current.addEventListener("touchend", L, i), l.current.addEventListener("touchstart", z, i)), f.current.iDeviceOrientation?.isNeeded && window.addEventListener(
       "deviceorientation",
       H,
       i
-    ), l.current && (A.current = new ResizeObserver(N), A.current.observe(l.current), window.addEventListener("resize", N, i));
+    ), l.current && (A.current = new ResizeObserver(O), A.current.observe(l.current), window.addEventListener("resize", O, i));
   }, J = () => {
     const i = { passive: !0 };
     f.current.iMouse?.isNeeded && l.current && (l.current.removeEventListener("mousemove", M, i), l.current.removeEventListener("mouseout", L, i), l.current.removeEventListener("mouseup", L, i), l.current.removeEventListener("mousedown", z, i), l.current.removeEventListener("touchmove", M, i), l.current.removeEventListener("touchend", L, i), l.current.removeEventListener("touchstart", z, i)), f.current.iDeviceOrientation?.isNeeded && window.removeEventListener(
       "deviceorientation",
       H,
       i
-    ), A.current && (A.current.disconnect(), window.removeEventListener("resize", N, i));
+    ), A.current && (A.current.disconnect(), window.removeEventListener("resize", O, i));
   };
   return ie(() => {
-    C.current = r;
+    _.current = r;
   }, [r]), ie(() => {
     const i = P.current;
     function a() {
       W();
       const s = T.current;
-      s && l.current && (s.clearColor(...o), s.clearDepth(1), s.enable(s.DEPTH_TEST), s.depthFunc(s.LEQUAL), s.viewport(0, 0, l.current.width, l.current.height), l.current.height = l.current.clientHeight, l.current.width = l.current.clientWidth, $(), ne(), Z(re(t || Kt), e || we), k(), requestAnimationFrame(Q), ee(), N());
+      s && l.current && (s.clearColor(...o), s.clearDepth(1), s.enable(s.DEPTH_TEST), s.depthFunc(s.LEQUAL), s.viewport(0, 0, l.current.width, l.current.height), l.current.height = l.current.clientHeight, l.current.width = l.current.clientWidth, $(), ne(), Z(re(t || jt), e || we), k(), requestAnimationFrame(Q), ee(), O());
     }
     return requestAnimationFrame(a), () => {
       const s = T.current;
@@ -1527,7 +1553,7 @@ ${a}`));
             s.deleteTexture(h._webglTexture);
         d.current = null;
       }
-      J(), cancelAnimationFrame(I.current ?? 0);
+      J(), cancelAnimationFrame(C.current ?? 0);
     };
   }, []), /* @__PURE__ */ q(
     "canvas",
@@ -1717,8 +1743,8 @@ function oe(t) {
   const [e, n] = Ue(t), r = dt(t), o = B(null);
   wt(r, "change", (m) => n(m));
   const c = $e(
-    (m, E) => {
-      o.current = Wt(r, m, E);
+    (m, b) => {
+      o.current = Wt(r, m, b);
     },
     [r]
   );
@@ -1729,7 +1755,7 @@ function dn(t, e) {
     value: o,
     animate: c,
     motionValue: m
-  } = oe(fn), { value: E, animate: g } = oe(un), { value: R, animate: p } = oe(ln), { value: v, animate: x } = oe(hn), l = vt(e, {
+  } = oe(fn), { value: b, animate: v } = oe(un), { value: R, animate: p } = oe(ln), { value: g, animate: x } = oe(hn), l = gt(e, {
     fftSize: 512,
     smoothingTimeConstant: 0.55
   });
@@ -1738,25 +1764,25 @@ function dn(t, e) {
       case "idle":
       case "failed":
       case "disconnected":
-        r(10), c(0.2, G), g(1.2, G), p(0.4, G), x(1, G);
+        r(10), c(0.2, G), v(1.2, G), p(0.4, G), x(1, G);
         return;
       case "listening":
       case "pre-connect-buffering":
-        r(20), c(0.3, { type: "spring", duration: 1, bounce: 0.35 }), g(1, G), p(0.7, G), x([1.5, 2], Pe);
+        r(20), c(0.3, { type: "spring", duration: 1, bounce: 0.35 }), v(1, G), p(0.7, G), x([1.5, 2], Pe);
         return;
       case "thinking":
       case "connecting":
       case "initializing":
-        r(30), c(0.3, G), g(0.5, G), p(1, G), x([0.5, 2.5], Pe);
+        r(30), c(0.3, G), v(0.5, G), p(1, G), x([0.5, 2.5], Pe);
         return;
       case "speaking":
-        r(70), c(0.3, G), g(0.75, G), p(1.25, G), x(1.5, G);
+        r(70), c(0.3, G), v(0.75, G), p(1.25, G), x(1.5, G);
         return;
     }
   }, [
     t,
     c,
-    g,
+    v,
     p,
     x
   ]), ie(() => {
@@ -1766,15 +1792,15 @@ function dn(t, e) {
     l,
     m,
     c,
-    g,
+    v,
     p,
     x
   ]), {
     speed: n,
     scale: o,
-    amplitude: E,
+    amplitude: b,
     frequency: R,
-    brightness: v
+    brightness: g
   };
 }
 const mn = pt({
@@ -1809,15 +1835,15 @@ function Ge({
   scale: o = 0.2,
   blur: c = 1,
   color: m = "#FF355E",
-  colorShift: E = 1,
-  brightness: g = 1,
+  colorShift: b = 1,
+  brightness: v = 1,
   themeMode: R = typeof window < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light",
   ref: p,
-  className: v,
+  className: g,
   ...x
 }) {
   const l = qe(() => pn(m), [m]);
-  return /* @__PURE__ */ q("div", { ref: p, className: v, ...x, children: /* @__PURE__ */ q(
+  return /* @__PURE__ */ q("div", { ref: p, className: g, ...x, children: /* @__PURE__ */ q(
     sn,
     {
       fs: an,
@@ -1838,11 +1864,11 @@ function Ge({
         // Light intensity (bloom)
         uBloom: { type: "1f", value: 0 },
         // Brightness of the aurora (0-1)
-        uMix: { type: "1f", value: g },
+        uMix: { type: "1f", value: v },
         // Color variation across layers (0-1)
         uSpacing: { type: "1f", value: 0.5 },
         // Color palette offset - shifts colors along the gradient (0-1)
-        uColorShift: { type: "1f", value: E },
+        uColorShift: { type: "1f", value: b },
         // Color variation across layers (0-1)
         uVariance: { type: "1f", value: 0.1 },
         // Smoothing of the aurora (0-1)
@@ -1871,21 +1897,21 @@ function Sn({
   audioTrack: o,
   themeMode: c,
   className: m,
-  ref: E,
-  ...g
+  ref: b,
+  ...v
 }) {
-  const { speed: R, scale: p, amplitude: v, frequency: x, brightness: l } = dn(e, o);
+  const { speed: R, scale: p, amplitude: g, frequency: x, brightness: l } = dn(e, o);
   return /* @__PURE__ */ q(
     Ge,
     {
-      ref: E,
+      ref: b,
       blur: 0.2,
       color: n,
       colorShift: r,
       speed: R,
       scale: p,
       themeMode: c,
-      amplitude: v,
+      amplitude: g,
       frequency: x,
       brightness: l,
       className: mt(
@@ -1893,7 +1919,7 @@ function Sn({
         "overflow-hidden rounded-full",
         m
       ),
-      ...g
+      ...v
     }
   );
 }
@@ -1912,7 +1938,7 @@ const Ln = ({
         type: "button",
         variant: "outline",
         size: "sm",
-        icon: gt,
+        icon: vt,
         onClick: n,
         label: e
       }
@@ -1932,8 +1958,8 @@ const Ln = ({
 export {
   An as A,
   xn as F,
-  bn as a,
-  En as b,
+  En as a,
+  bn as b,
   Sn as c,
   Ln as d,
   yn as o,