@factorialco/f0-react 1.415.0 → 1.416.1

package/dist/{F0HILActionConfirmation-Bu877U3G.js → F0HILActionConfirmation-BSTBAAeF.js}

@@ -1,42 +1,42 @@
+import { defaultTranslations as ke } from "./i18n-provider-defaults.js";
 import { jsx as q, jsxs as le } from "react/jsx-runtime";
-import { useInsertionEffect as ze, createContext as Ye, useContext as Xe, useRef as B, useEffect as ie, useState as Ue, useCallback as $e, useMemo as qe } from "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 rt, g as Ne, p as nt, 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-Ctwd5zZH.js";
-import { useTrackVolume as gt } from "@livekit/components-react";
-import { N as wt } from "./F0AiChat-CrcLUV-I.js";
-function yt(t, e, r) {
-  ze(() => t.on(e, r), [t, e, r]);
+import { useInsertionEffect as Xe, createContext as Ye, useContext as $e, useRef as B, useEffect as ie, useState as Ue, useCallback as qe, useMemo as He } from "react";
+import { r as Ke, l as je, m as Qe, n as Je, o as Me, p as Ze, q as et, s as tt, t as rt, v as nt, w as Ne, x as ot, V as it, y as st, z as at, A as ct, S as ut, H as lt, B as se, D as ft, E as dt, G as ht, J as mt, K as pt, L as vt, M as fe, N as gt } from "./registry-B2RMtJNl.js";
+import { useTrackVolume as wt } from "@livekit/components-react";
+function Tt(t, e, r) {
+  Xe(() => t.on(e, r), [t, e, r]);
 }
 function ue(t) {
   return typeof t == "object" && !Array.isArray(t);
 }
 function Oe(t, e, r, n) {
-  return typeof t == "string" && ue(e) ? He(t, r, n) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t : [t];
+  return typeof t == "string" && ue(e) ? Ke(t, r, n) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t : [t];
 }
-function Tt(t, e, r) {
+function yt(t, e, r) {
   return t * (e + 1);
 }
-function he(t, e, r, n) {
+function de(t, e, r, n) {
   return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, t + parseFloat(e)) : e === "<" ? r : n.get(e) ?? t;
 }
-const bt = (t, e, r) => {
+const Et = (t, e, r) => {
   const n = e - t;
   return ((r - t) % n + n) % n + t;
 };
 function Be(t, e) {
-  return je(t) ? t[bt(0, t.length, e)] : t;
+  return je(t) ? t[Et(0, t.length, e)] : t;
 }
-function Et(t, e, r) {
+function At(t, e, r) {
   for (let n = 0; n < t.length; n++) {
     const o = t[n];
-    o.at > e && o.at < r && (Qe(t, o), n--);
+    o.at > e && o.at < r && (Je(t, o), n--);
   }
 }
-function At(t, e, r, n, o, c) {
-  Et(t, o, c);
+function bt(t, e, r, n, o, c) {
+  At(t, o, c);
   for (let m = 0; m < e.length; m++)
     t.push({
       value: e[m],
-      at: Ke(o, c, n[m]),
+      at: Qe(o, c, n[m]),
       easing: Be(r, m)
     });
 }
@@ -47,114 +47,114 @@ function Rt(t, e) {
 function xt(t, e) {
   return t.at === e.at ? t.value === null ? 1 : e.value === null ? -1 : 0 : t.at - e.at;
 }
-const St = "easeInOut", Lt = 20;
-function Ct(t, { defaultTransition: e = {}, ...r } = {}, n, o) {
-  const c = e.duration || 0.3, m = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), v = {}, R = /* @__PURE__ */ new Map();
+const Lt = "easeInOut", St = 20;
+function It(t, { defaultTransition: e = {}, ...r } = {}, n, o) {
+  const c = e.duration || 0.3, m = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), v = {}, R = /* @__PURE__ */ new Map();
   let p = 0, g = 0, x = 0;
   for (let l = 0; l < t.length; l++) {
-    const y = t[l];
-    if (typeof y == "string") {
-      R.set(y, g);
+    const T = t[l];
+    if (typeof T == "string") {
+      R.set(T, g);
       continue;
-    } else if (!Array.isArray(y)) {
-      R.set(y.name, he(g, y.at, p, R));
+    } else if (!Array.isArray(T)) {
+      R.set(T.name, de(g, T.at, p, R));
       continue;
     }
-    let [F, d, S = {}] = y;
-    S.at !== void 0 && (g = he(g, S.at, p, R));
-    let C = 0;
-    const U = (T, w, I, P = 0, D = 0) => {
-      const A = It(T), { delay: f = 0, times: _ = Je(A), type: O = "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, D) : f, j = A.length, Z = tt(O) ? O : o?.[O];
-      if (j <= 2 && Z) {
-        let K = 100;
-        if (j === 2 && Pt(A)) {
-          const J = A[1] - A[0];
-          K = Math.abs(J);
+    let [C, h, L = {}] = T;
+    L.at !== void 0 && (g = de(g, L.at, p, R));
+    let I = 0;
+    const U = (y, w, _, P = 0, V = 0) => {
+      const b = _t(y), { delay: f = 0, times: F = Ze(b), type: O = "keyframes", repeat: z, repeatType: W, repeatDelay: H = 0, ...k } = w;
+      let { ease: M = e.ease || "easeOut", duration: S } = w;
+      const N = typeof f == "function" ? f(P, V) : f, K = b.length, Z = rt(O) ? O : o?.[O];
+      if (K <= 2 && Z) {
+        let j = 100;
+        if (K === 2 && Pt(b)) {
+          const J = b[1] - b[0];
+          j = Math.abs(J);
         }
-        const Q = { ...z };
-        L !== void 0 && (Q.duration = rt(L));
-        const ee = Ze(Q, K, Z);
-        M = ee.ease, L = ee.duration;
+        const Q = { ...k };
+        S !== void 0 && (Q.duration = nt(S));
+        const ee = et(Q, j, Z);
+        M = ee.ease, S = ee.duration;
       }
-      L ?? (L = c);
+      S ?? (S = c);
       const $ = g + N;
-      _.length === 1 && _[0] === 0 && (_[1] = 1);
-      const re = _.length - A.length;
-      if (re > 0 && et(_, re), A.length === 1 && A.unshift(null), W) {
-        Ne(W < Lt, "Repeat count too high, must be less than 20"), L = Tt(L, W);
-        const K = [...A], Q = [..._];
+      F.length === 1 && F[0] === 0 && (F[1] = 1);
+      const re = F.length - b.length;
+      if (re > 0 && tt(F, re), b.length === 1 && b.unshift(null), z) {
+        Ne(z < St, "Repeat count too high, must be less than 20"), S = yt(S, z);
+        const j = [...b], Q = [...F];
         M = Array.isArray(M) ? [...M] : [M];
         const ee = [...M];
-        for (let J = 0; J < W; J++) {
-          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));
+        for (let J = 0; J < z; J++) {
+          b.push(...j);
+          for (let i = 0; i < j.length; i++)
+            F.push(Q[i] + (J + 1)), M.push(i === 0 ? "linear" : Be(ee, i - 1));
         }
-        Rt(_, W);
+        Rt(F, z);
       }
-      const ne = $ + L;
-      At(I, A, M, _, $, ne), C = Math.max(N + L, C), x = Math.max(ne, x);
+      const ne = $ + S;
+      bt(_, b, M, F, $, ne), I = Math.max(N + S, I), x = Math.max(ne, x);
     };
-    if (Me(F)) {
-      const T = de(F, b);
-      U(d, S, me("default", T));
+    if (Me(C)) {
+      const y = he(C, E);
+      U(h, L, me("default", y));
     } else {
-      const T = Oe(F, d, n, v), w = T.length;
-      for (let I = 0; I < w; I++) {
-        d = d, S = S;
-        const P = T[I], D = de(P, b);
-        for (const A in d)
-          U(d[A], _t(S, A), me(A, D), I, w);
+      const y = Oe(C, h, n, v), w = y.length;
+      for (let _ = 0; _ < w; _++) {
+        h = h, L = L;
+        const P = y[_], V = he(P, E);
+        for (const b in h)
+          U(h[b], Ft(L, b), me(b, V), _, w);
       }
     }
-    p = g, g += C;
+    p = g, g += I;
   }
-  return b.forEach((l, y) => {
-    for (const F in l) {
-      const d = l[F];
-      d.sort(xt);
-      const S = [], C = [], U = [];
-      for (let w = 0; w < d.length; w++) {
-        const { at: I, value: P, easing: D } = d[w];
-        S.push(P), C.push(nt(0, x, I)), U.push(D || "easeOut");
+  return E.forEach((l, T) => {
+    for (const C in l) {
+      const h = l[C];
+      h.sort(xt);
+      const L = [], I = [], U = [];
+      for (let w = 0; w < h.length; w++) {
+        const { at: _, value: P, easing: V } = h[w];
+        L.push(P), I.push(ot(0, x, _)), U.push(V || "easeOut");
       }
-      C[0] !== 0 && (C.unshift(0), S.unshift(S[0]), U.unshift(St)), C[C.length - 1] !== 1 && (C.push(1), S.push(null)), m.has(y) || m.set(y, {
+      I[0] !== 0 && (I.unshift(0), L.unshift(L[0]), U.unshift(Lt)), I[I.length - 1] !== 1 && (I.push(1), L.push(null)), m.has(T) || m.set(T, {
         keyframes: {},
         transition: {}
       });
-      const T = m.get(y);
-      T.keyframes[F] = S, T.transition[F] = {
+      const y = m.get(T);
+      y.keyframes[C] = L, y.transition[C] = {
         ...e,
         duration: x,
         ease: U,
-        times: C,
+        times: I,
         ...r
       };
     }
   }), m;
 }
-function de(t, e) {
+function he(t, e) {
   return !e.has(t) && e.set(t, {}), e.get(t);
 }
 function me(t, e) {
   return e[t] || (e[t] = []), e[t];
 }
-function It(t) {
+function _t(t) {
   return Array.isArray(t) ? t : [t];
 }
-function _t(t, e) {
+function Ft(t, e) {
   return t && t[e] ? {
     ...t,
     ...t[e]
   } : { ...t };
 }
-const Ft = (t) => typeof t == "number", Pt = (t) => t.every(Ft);
+const Ct = (t) => typeof t == "number", Pt = (t) => t.every(Ct);
 function Ut(t, e) {
   return t in e;
 }
-class Mt extends ot {
+class Mt extends it {
   constructor() {
     super(...arguments), this.type = "object";
   }
@@ -171,7 +171,7 @@ class Mt extends ot {
     delete r.output[e];
   }
   measureInstanceViewportBox() {
-    return it();
+    return st();
   }
   build(e, r) {
     Object.assign(e.output, r);
@@ -197,7 +197,7 @@ function Nt(t) {
       },
       latestValues: {}
     }
-  }, r = st(t) && !at(t) ? new ct(e) : new ut(e);
+  }, r = at(t) && !ct(t) ? new ut(e) : new lt(e);
   r.mount(t), se.set(t, r);
 }
 function Ot(t) {
@@ -216,29 +216,29 @@ function Ot(t) {
 function Bt(t, e) {
   return Me(t) || typeof t == "number" || typeof t == "string" && !ue(e);
 }
-function De(t, e, r, n) {
+function Ve(t, e, r, n) {
   const o = [];
   if (Bt(t, e))
-    o.push(lt(t, ue(e) && e.default || e, r && (r.default || r)));
+    o.push(ft(t, ue(e) && e.default || e, r && (r.default || r)));
   else {
     const c = Oe(t, e, n), m = c.length;
     Ne(!!m, "No valid elements provided.");
-    for (let b = 0; b < m; b++) {
-      const v = c[b], R = v instanceof Element ? Nt : Ot;
+    for (let E = 0; E < m; E++) {
+      const v = c[E], R = v instanceof Element ? Nt : Ot;
       se.has(v) || R(v);
       const p = se.get(v), g = { ...r };
-      "delay" in g && typeof g.delay == "function" && (g.delay = g.delay(b, m)), o.push(...ft(p, { ...e, transition: g }, {}));
+      "delay" in g && typeof g.delay == "function" && (g.delay = g.delay(E, m)), o.push(...dt(p, { ...e, transition: g }, {}));
     }
   }
   return o;
 }
-function Dt(t, e, r) {
+function Vt(t, e, r) {
   const n = [];
-  return Ct(t, e, r, { spring: ht }).forEach(({ keyframes: c, transition: m }, b) => {
-    n.push(...De(b, c, m));
+  return It(t, e, r, { spring: ht }).forEach(({ keyframes: c, transition: m }, E) => {
+    n.push(...Ve(E, c, m));
   }), n;
 }
-class Vt {
+class Dt {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -303,101 +303,37 @@ class Vt {
     this.runAll("complete");
   }
 }
-class Gt extends Vt {
+class Gt extends Dt {
   then(e, r) {
     return this.finished.finally(e).then(() => {
     });
   }
 }
-function kt(t) {
+function Wt(t) {
   return Array.isArray(t) && t.some(Array.isArray);
 }
-function Wt(t) {
+function zt(t) {
   function e(r, n, o) {
     let c = [];
-    return kt(r) ? c = Dt(r, n, t) : c = De(r, n, o, t), new Gt(c);
+    return Wt(r) ? c = Vt(r, n, t) : c = Ve(r, n, o, t), new Gt(c);
   }
   return e;
 }
-const zt = Wt(), Er = ["xs", "sm", "md", "lg"], Ar = [
+const kt = zt(), Er = ["xs", "sm", "md", "lg"], Ar = [
   "inProgress",
   "executing",
   "completed"
-], Rr = {
-  ai: {
-    openChat: "Open Chat with One AI",
-    closeChat: "Close Chat with One AI",
-    startNewChat: "Start new chat",
-    scrollToBottom: "Scroll to bottom",
-    welcome: "Ask or create with One",
-    defaultInitialMessage: "How can I help you today?",
-    inputPlaceholder: "Ask about time, people, or company info and a lot of other things...",
-    stopAnswerGeneration: "Stop generating",
-    responseStopped: "You stopped this response",
-    sendMessage: "Send message",
-    thoughtsGroupTitle: "Reflection",
-    resourcesGroupTitle: "Resources",
-    thinking: "Thinking...",
-    closeDashboard: "Close dashboard",
-    exportTable: "Download table",
-    generatedTableFilename: "OneGeneratedTable",
-    feedbackModal: {
-      positive: {
-        title: "What did you like about this response?",
-        label: "Your feedback helps us make Factorial AI better",
-        placeholder: "Share what worked well"
-      },
-      negative: {
-        title: "What could have been better?",
-        label: "Your feedback helps us improve future answers",
-        placeholder: "Share what didn't work"
-      }
-    },
-    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",
-    reportCard: {
-      reportLabel: "Report",
-      openButton: "Open"
-    },
-    dataDownload: {
-      download: "Download {{format}}"
-    },
-    pong: {
-      ai: "AI",
-      you: "YOU",
-      youWin: "You win!",
-      youLose: "You lose!"
-    },
-    unsavedChanges: "Unsaved changes",
-    saveChanges: "Save changes",
-    discardChanges: "Discard"
-  }
-}, Ve = Ye(null);
-function xr({
+], br = {
+  ai: ke.ai
+}, De = Ye(null);
+function Rr({
   children: t,
   translations: e
 }) {
-  return /* @__PURE__ */ q(Ve.Provider, { value: e, children: t });
+  return /* @__PURE__ */ q(De.Provider, { value: e, children: t });
 }
-function Sr() {
-  const t = Xe(Ve);
+function xr() {
+  const t = $e(De);
   if (t === null)
     throw new Error(
       "useAiChatTranslations must be used within an AiChatTranslationsProvider"
@@ -405,114 +341,114 @@ function Sr() {
   return t;
 }
 function pe(t, e, r, n) {
-  const o = Math.max(1, Math.min(t, e)), c = Math.min(r, 20), b = Math.min(c + n, 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, y = 0, F = e, d = v, S = t - v, C = R, U = e - R, T = p(x), w = p(l), I = g(y), P = g(F), D = p(d), A = p(S), f = g(C), _ = g(U), O = 0, W = 0, k = 1, H = 1, z = v / t, M = 1 - v / t, L = R / e, N = 1 - R / e, j = new Float32Array([
+  const o = Math.max(1, Math.min(t, e)), c = Math.min(r, 20), E = Math.min(c + n, o), v = Math.min(E, Math.floor(t / 2)), R = Math.min(E, Math.floor(e / 2)), p = ($) => $ / t * 2 - 1, g = ($) => $ / e * 2 - 1, x = 0, l = t, T = 0, C = e, h = v, L = t - v, I = R, U = e - R, y = p(x), w = p(l), _ = g(T), P = g(C), V = p(h), b = p(L), f = g(I), F = g(U), O = 0, z = 0, W = 1, H = 1, k = v / t, M = 1 - v / t, S = R / e, N = 1 - R / e, K = new Float32Array([
     // Top strip
-    T,
-    I,
+    y,
+    _,
     w,
-    I,
-    T,
+    _,
+    y,
     f,
-    T,
+    y,
     f,
     w,
-    I,
+    _,
     w,
     f,
     // Bottom strip
-    T,
-    _,
+    y,
+    F,
     w,
-    _,
-    T,
+    F,
+    y,
     P,
-    T,
+    y,
     P,
     w,
-    _,
+    F,
     w,
     P,
     // Left strip
-    T,
+    y,
     f,
-    D,
+    V,
     f,
-    T,
-    _,
-    T,
-    _,
-    D,
+    y,
+    F,
+    y,
+    F,
+    V,
     f,
-    D,
-    _,
+    V,
+    F,
     // Right strip
-    A,
+    b,
     f,
     w,
     f,
-    A,
-    _,
-    A,
-    _,
+    b,
+    F,
+    b,
+    F,
     w,
     f,
     w,
-    _
+    F
   ]), Z = new Float32Array([
     // Top strip
     O,
+    z,
     W,
-    k,
-    W,
+    z,
     O,
-    L,
+    S,
     O,
-    L,
-    k,
+    S,
     W,
-    k,
-    L,
+    z,
+    W,
+    S,
     // Bottom strip
     O,
     N,
-    k,
+    W,
     N,
     O,
     H,
     O,
     H,
-    k,
+    W,
     N,
-    k,
+    W,
     H,
     // Left strip
     O,
-    L,
-    z,
-    L,
+    S,
+    k,
+    S,
     O,
     N,
     O,
     N,
-    z,
-    L,
-    z,
+    k,
+    S,
+    k,
     N,
     // Right strip
     M,
-    L,
-    k,
-    L,
+    S,
+    W,
+    S,
     M,
     N,
     M,
     N,
-    k,
-    L,
-    k,
+    W,
+    S,
+    W,
     N
   ]);
-  return { positions: j, uvs: Z };
+  return { positions: K, uvs: Z };
 }
 function ve(t, e, r) {
   const n = t.createShader(e);
@@ -523,7 +459,7 @@ function ve(t, e, r) {
   }
   return n;
 }
-function Yt(t, e, r) {
+function Xt(t, e, r) {
   const n = ve(t, t.VERTEX_SHADER, e), o = ve(t, t.FRAGMENT_SHADER, r), c = t.createProgram();
   if (!c) throw new Error("Failed to create program");
   if (t.attachShader(c, n), t.attachShader(c, o), t.linkProgram(c), !t.getProgramParameter(c, t.LINK_STATUS)) {
@@ -532,7 +468,7 @@ function Yt(t, e, r) {
   }
   return t.deleteShader(n), t.deleteShader(o), c;
 }
-const Xt = `#version 300 es
+const Yt = `#version 300 es
 precision lowp float;
 
 in vec2 vUV;
@@ -828,23 +764,23 @@ class Lr {
   resize(e, r, n) {
     if (this.disposed) throw new Error("Mask instance has been disposed.");
     if (this.options.width = e, this.options.height = r, n && (this.options.ratio = n), !this.running) return;
-    const { gl: o, program: c, vao: m, positionBuffer: b, uvBuffer: v, uResolution: R } = this.glr, p = n ?? this.options.ratio ?? window.devicePixelRatio ?? 1, g = Math.max(1, Math.floor(e * p)), x = Math.max(1, Math.floor(r * p));
+    const { gl: o, program: c, vao: m, positionBuffer: E, uvBuffer: v, uResolution: R } = this.glr, p = n ?? this.options.ratio ?? window.devicePixelRatio ?? 1, g = Math.max(1, Math.floor(e * p)), x = Math.max(1, Math.floor(r * p));
     this.canvas.style.width = `${e}px`, this.canvas.style.height = `${r}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: y } = pe(
+    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, 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, v), o.bufferData(o.ARRAY_BUFFER, y, 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 C = (S - this.startTime) * 1e-3;
-    this.render(C);
+    o.bindVertexArray(m), o.bindBuffer(o.ARRAY_BUFFER, E), o.bufferData(o.ARRAY_BUFFER, l, o.STATIC_DRAW);
+    const C = o.getAttribLocation(c, "aPosition");
+    o.enableVertexAttribArray(C), o.vertexAttribPointer(C, 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 h = o.getAttribLocation(c, "aUV");
+    o.enableVertexAttribArray(h), o.vertexAttribPointer(h, 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 L = performance.now();
+    this.lastTime = L;
+    const I = (L - this.startTime) * 1e-3;
+    this.render(I);
   }
   /**
    * Automatically resizes the canvas to match the dimensions of the given element.
@@ -915,11 +851,11 @@ class Lr {
     });
     if (!e)
       throw new Error("WebGL2 is required but not available.");
-    const r = Yt(e, $t, Xt);
+    const r = Xt(e, $t, Yt);
     this.checkGLError(e, "setupGL: after createProgram");
     const n = e.createVertexArray();
     e.bindVertexArray(n), this.checkGLError(e, "setupGL: after VAO creation");
-    const o = this.canvas.width || 2, c = this.canvas.height || 2, { positions: m, uvs: b } = pe(
+    const o = this.canvas.width || 2, c = this.canvas.height || 2, { positions: m, uvs: E } = pe(
       o,
       c,
       this.options.borderWidth,
@@ -929,16 +865,16 @@ class Lr {
     const R = e.getAttribLocation(r, "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, b, e.STATIC_DRAW);
+    e.bindBuffer(e.ARRAY_BUFFER, p), e.bufferData(e.ARRAY_BUFFER, E, e.STATIC_DRAW);
     const g = e.getAttribLocation(r, "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(r, "uResolution"), l = e.getUniformLocation(r, "uTime"), y = e.getUniformLocation(r, "uBorderWidth"), F = e.getUniformLocation(r, "uGlowWidth"), d = e.getUniformLocation(r, "uBorderRadius"), S = e.getUniformLocation(r, "uColors"), C = e.getUniformLocation(r, "uGlowExponent"), U = e.getUniformLocation(r, "uGlowFactor");
-    e.useProgram(r), e.uniform1f(y, 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 T = (this.options.colors || qt).map(Ht);
-    for (let w = 0; w < T.length; w++)
+    const x = e.getUniformLocation(r, "uResolution"), l = e.getUniformLocation(r, "uTime"), T = e.getUniformLocation(r, "uBorderWidth"), C = e.getUniformLocation(r, "uGlowWidth"), h = e.getUniformLocation(r, "uBorderRadius"), L = e.getUniformLocation(r, "uColors"), I = e.getUniformLocation(r, "uGlowExponent"), U = e.getUniformLocation(r, "uGlowFactor");
+    e.useProgram(r), e.uniform1f(T, this.options.borderWidth), e.uniform1f(C, this.options.glowWidth), e.uniform1f(h, this.options.borderRadius), this.options.mode === "dark" ? (e.uniform1f(I, 2), e.uniform1f(U, 1.8)) : (e.uniform1f(I, 1), e.uniform1f(U, 1));
+    const y = (this.options.colors || qt).map(Ht);
+    for (let w = 0; w < y.length; w++)
       e.uniform3f(
         e.getUniformLocation(r, `uColors[${w}]`),
-        ...T[w]
+        ...y[w]
       );
     this.checkGLError(e, "setupGL: after uniform setup"), e.bindVertexArray(null), e.bindBuffer(e.ARRAY_BUFFER, null), this.glr = {
       gl: e,
@@ -948,10 +884,10 @@ class Lr {
       uvBuffer: p,
       uResolution: x,
       uTime: l,
-      uBorderWidth: y,
-      uGlowWidth: F,
-      uBorderRadius: d,
-      uColors: S
+      uBorderWidth: T,
+      uGlowWidth: C,
+      uBorderRadius: h,
+      uColors: L
     };
   }
   render(e) {
@@ -960,19 +896,19 @@ class Lr {
     r.useProgram(n), r.bindVertexArray(o), r.uniform1f(c, e), r.disable(r.DEPTH_TEST), r.disable(r.CULL_FACE), r.disable(r.BLEND), r.clearColor(0, 0, 0, 0), r.clear(r.COLOR_BUFFER_BIT), r.drawArrays(r.TRIANGLES, 0, 24), this.checkGLError(r, "render: after draw call"), r.bindVertexArray(null);
   }
 }
-const ge = ["lowp", "mediump", "highp"], jt = `
+const ge = ["lowp", "mediump", "highp"], Kt = `
 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);
-}`, ye = "iTime", Te = "iTimeDelta", be = "iDate", Ee = "iFrame", Ae = "iMouse", Re = "iResolution", Qt = "iChannel", xe = "iChannelResolution", Se = "iDeviceOrientation";
+}`, Te = "iTime", ye = "iTimeDelta", Ee = "iDate", Ae = "iFrame", be = "iMouse", Re = "iResolution", Qt = "iChannel", xe = "iChannelResolution", Le = "iDeviceOrientation";
 function Jt(t, e) {
   return t.includes("Matrix") && Array.isArray(e);
 }
@@ -1066,12 +1002,12 @@ const tr = (t, e, r, n) => {
       return "mat4";
     default:
       console.error(
-        X(
+        Y(
           `The uniform type "${t}" is not valid, please make sure your uniform type is valid`
         )
       );
   }
-}, ce = 9729, Le = 9728, nr = 9987, Ce = 33071, Ie = 10497;
+}, ce = 9729, Se = 9728, nr = 9987, Ie = 33071, _e = 10497;
 class or {
   gl;
   url;
@@ -1091,12 +1027,12 @@ class or {
     this.gl = e;
   }
   updateTexture = (e, r, n) => {
-    const { gl: o } = this, c = 0, m = o.RGBA, b = o.RGBA, v = o.UNSIGNED_BYTE;
+    const { gl: o } = this, c = 0, m = o.RGBA, E = o.RGBA, v = o.UNSIGNED_BYTE;
     o.bindTexture(o.TEXTURE_2D, e), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, n), o.texImage2D(
       o.TEXTURE_2D,
       c,
       m,
-      b,
+      E,
       v,
       r
     );
@@ -1129,7 +1065,7 @@ class or {
     this.pow2canvas.width,
     this.pow2canvas.height
   ), console.warn(
-    X(
+    Y(
       `Image is not power of two ${e.width} x ${e.height}. Resized to ${this.pow2canvas.width} x ${this.pow2canvas.height};`
     )
   ), this.pow2canvas) : e;
@@ -1139,13 +1075,13 @@ class or {
       wrapS: o,
       wrapT: c,
       minFilter: m,
-      magFilter: b,
+      magFilter: E,
       flipY: v = -1
     } = e;
     if (!n)
       return Promise.reject(
         new Error(
-          X(
+          Y(
             "Missing url, please make sure to pass the url of your texture { url: ... }"
           )
         )
@@ -1154,53 +1090,53 @@ class or {
     if (R === null && p === null)
       return Promise.reject(
         new Error(
-          X(
+          Y(
             `Please upload a video or an image with a valid format (url: ${n})`
           )
         )
       );
-    Object.assign(this, { url: n, wrapS: o, wrapT: c, minFilter: m, magFilter: b, flipY: v });
-    const g = 0, x = r.RGBA, l = 1, y = 1, F = 0, d = r.RGBA, S = r.UNSIGNED_BYTE, C = new Uint8Array([255, 255, 255, 0]), U = r.createTexture();
+    Object.assign(this, { url: n, wrapS: o, wrapT: c, minFilter: m, magFilter: E, flipY: v });
+    const g = 0, x = r.RGBA, l = 1, T = 1, C = 0, h = r.RGBA, L = r.UNSIGNED_BYTE, I = new Uint8Array([255, 255, 255, 0]), U = r.createTexture();
     if (r.bindTexture(r.TEXTURE_2D, U), r.texImage2D(
       r.TEXTURE_2D,
       g,
       x,
       l,
-      y,
-      F,
-      d,
-      S,
-      C
+      T,
+      C,
+      h,
+      L,
+      I
     ), p) {
       const P = this.setupVideo(n);
       return r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR), this._webglTexture = U, this.source = P, this.isVideo = !0, P.play().then(() => this);
     }
-    async function T() {
-      return new Promise((P, D) => {
-        const A = new Image();
-        A.crossOrigin = "anonymous", A.onload = () => {
-          P(A);
-        }, A.onerror = () => {
-          D(new Error(X(`failed loading url: ${n}`)));
-        }, A.src = n ?? "";
+    async function y() {
+      return new Promise((P, V) => {
+        const b = new Image();
+        b.crossOrigin = "anonymous", b.onload = () => {
+          P(b);
+        }, b.onerror = () => {
+          V(new Error(Y(`failed loading url: ${n}`)));
+        }, b.src = n ?? "";
       });
     }
-    let w = await T(), 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), r.bindTexture(r.TEXTURE_2D, U), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, v), r.texImage2D(
+    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 !== Se && e.minFilter !== ce) && !_ && (w = this.makePowerOf2(w), _ = !0), r.bindTexture(r.TEXTURE_2D, U), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, v), r.texImage2D(
       r.TEXTURE_2D,
       g,
       x,
-      d,
-      S,
+      h,
+      L,
       w
-    ), I && e.minFilter !== Le && e.minFilter !== ce && r.generateMipmap(r.TEXTURE_2D), r.texParameteri(
+    ), _ && e.minFilter !== Se && e.minFilter !== ce && r.generateMipmap(r.TEXTURE_2D), r.texParameteri(
       r.TEXTURE_2D,
       r.TEXTURE_WRAP_S,
-      this.wrapS || Ie
+      this.wrapS || _e
     ), r.texParameteri(
       r.TEXTURE_2D,
       r.TEXTURE_WRAP_T,
-      this.wrapT || Ie
+      this.wrapT || _e
     ), r.texParameteri(
       r.TEXTURE_2D,
       r.TEXTURE_MIN_FILTER,
@@ -1212,13 +1148,13 @@ class or {
     ), this._webglTexture = U, this.source = w, this.isVideo = !1, this.isLoaded = !0, this.width = w.width || 0, this.height = w.height || 0, this;
   };
 }
-const X = (t) => `react-shaders: ${t}`, _e = (t) => {
+const Y = (t) => `react-shaders: ${t}`, Fe = (t) => {
   if ("changedTouches" in t) {
     const e = t.changedTouches[0];
     return [e?.clientX ?? 0, e?.clientY ?? 0];
   }
   return [t.clientX, t.clientY];
-}, Fe = (t, e, r) => t * (1 - r) + e * r, ir = (t, e, r) => r > 0 ? t.substring(0, r) + e + t.substring(r, t.length) : e + t;
+}, Ce = (t, e, r) => t * (1 - r) + e * r, ir = (t, e, r) => r > 0 ? t.substring(0, r) + e + t.substring(r, t.length) : e + t;
 function sr({
   fs: t,
   vs: e = we,
@@ -1227,38 +1163,38 @@ function sr({
   clearColor: o = [0, 0, 0, 1],
   precision: c = "highp",
   style: m,
-  contextAttributes: b = {},
+  contextAttributes: E = {},
   lerp: v = 1,
   devicePixelRatio: R = 1,
   onDoneLoadingTextures: p,
   onError: g = console.error,
   onWarning: x = console.warn
 }) {
-  const l = B(null), y = B(null), F = B(null), d = B(null), S = B(void 0), C = B(void 0), U = B(!1), T = B(void 0), w = B(0), I = B([0, 0]), P = B([]), D = B(0), A = B(void 0), f = B({
-    [ye]: { type: "float", isNeeded: !1, value: 0 },
+  const l = B(null), T = B(null), C = B(null), h = B(null), L = 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), b = 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] },
-    [Ee]: { type: "int", isNeeded: !1, value: 0 },
-    [Se]: {
+    [Ae]: { type: "int", isNeeded: !1, value: 0 },
+    [Le]: {
       type: "vec4",
       isNeeded: !1,
       value: [0, 0, 0, 0]
     }
-  }), _ = B(n), O = (i, a) => {
-    const s = "width" in i ? i.width ?? 0 : 0, h = "height" in i ? i.height ?? 0 : 0, u = f.current.iChannelResolution;
+  }), F = B(n), O = (i, a) => {
+    const s = "width" in i ? i.width ?? 0 : 0, d = "height" in i ? i.height ?? 0 : 0, u = f.current.iChannelResolution;
     if (!u) return;
-    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 && (y.current = l.current.getContext("webgl", b) || l.current.getContext(
+    const A = Array.isArray(u.value) ? u.value : u.value = [];
+    A[a * 3] = s * R, A[a * 3 + 1] = d * R, A[a * 3 + 2] = 0;
+  }, z = () => {
+    l.current && (T.current = l.current.getContext("webgl", E) || l.current.getContext(
       "experimental-webgl",
-      b
-    ), y.current?.getExtension("OES_standard_derivatives"), y.current?.getExtension("EXT_shader_texture_lod"));
-  }, k = () => {
-    const i = y.current;
-    F.current = i?.createBuffer() ?? null, i?.bindBuffer(i.ARRAY_BUFFER, F.current);
+      E
+    ), T.current?.getExtension("OES_standard_derivatives"), T.current?.getExtension("EXT_shader_texture_lod"));
+  }, W = () => {
+    const i = T.current;
+    C.current = i?.createBuffer() ?? null, i?.bindBuffer(i.ARRAY_BUFFER, C.current);
     const a = [
       1,
       1,
@@ -1285,92 +1221,92 @@ function sr({
       s ?? 0,
       window.orientation ?? 0
     ];
-  }, z = (i) => {
-    const [a = 0, s = 0] = _e(i), h = a - (T.current?.left ?? 0) - window.pageXOffset, u = (T.current?.height ?? 0) - s - (T.current?.top ?? 0) - window.pageYOffset;
+  }, k = (i) => {
+    const [a = 0, s = 0] = Fe(i), d = a - (y.current?.left ?? 0) - window.pageXOffset, u = (y.current?.height ?? 0) - s - (y.current?.top ?? 0) - window.pageYOffset;
     U.current = !0;
-    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;
+    const A = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
+    A && (A[2] = d, A[3] = u), _.current[0] = d, _.current[1] = u;
   }, M = (i) => {
-    T.current = l.current?.getBoundingClientRect();
-    const [a = 0, s = 0] = _e(i), h = a - (T.current?.left ?? 0), u = (T.current?.height ?? 0) - s - (T.current?.top ?? 0);
+    y.current = l.current?.getBoundingClientRect();
+    const [a = 0, s = 0] = Fe(i), d = 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;
+      _.current[0] = d, _.current[1] = u;
     else {
-      const E = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
-      E && (E[0] = h, E[1] = u);
+      const A = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
+      A && (A[0] = d, A[1] = u);
     }
-  }, L = () => {
+  }, S = () => {
     const i = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
     i && (i[2] = 0, i[3] = 0);
   }, N = () => {
-    const i = y.current;
+    const i = T.current;
     if (!i) return;
-    T.current = l.current?.getBoundingClientRect();
+    y.current = l.current?.getBoundingClientRect();
     const a = R, s = Math.floor(
-      (T.current?.width ?? 1) * a
-    ), h = Math.floor(
-      (T.current?.height ?? 1) * a
+      (y.current?.width ?? 1) * a
+    ), d = Math.floor(
+      (y.current?.height ?? 1) * a
     );
-    if (i.canvas.width = s, i.canvas.height = h, f.current.iResolution?.isNeeded && d.current) {
+    if (i.canvas.width = s, i.canvas.height = d, f.current.iResolution?.isNeeded && h.current) {
       const u = i.getUniformLocation(
-        d.current,
+        h.current,
         Re
       );
       i.uniform2fv(u, [i.canvas.width, i.canvas.height]);
     }
-  }, j = (i, a) => {
-    const s = y.current;
+  }, K = (i, a) => {
+    const s = T.current;
     if (!s) return null;
-    const h = s.createShader(i);
-    if (!h) return null;
-    if (s.shaderSource(h, a), s.compileShader(h), !s.getShaderParameter(h, s.COMPILE_STATUS)) {
-      x?.(X(`Error compiling the shader:
+    const d = s.createShader(i);
+    if (!d) return null;
+    if (s.shaderSource(d, a), s.compileShader(d), !s.getShaderParameter(d, s.COMPILE_STATUS)) {
+      x?.(Y(`Error compiling the shader:
 ${a}`));
-      const u = s.getShaderInfoLog(h);
-      s.deleteShader(h), g?.(X(`Shader compiler log: ${u}`));
+      const u = s.getShaderInfoLog(d);
+      s.deleteShader(d), g?.(Y(`Shader compiler log: ${u}`));
     }
-    return h;
+    return d;
   }, Z = (i, a) => {
-    const s = y.current;
+    const s = T.current;
     if (!s) return;
-    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)) {
+    const d = K(s.FRAGMENT_SHADER, i), u = K(s.VERTEX_SHADER, a);
+    if (h.current = s.createProgram(), !(!h.current || !u || !d)) {
+      if (s.attachShader(h.current, u), s.attachShader(h.current, d), s.linkProgram(h.current), !s.getProgramParameter(h.current, s.LINK_STATUS)) {
         g?.(
-          X(
+          Y(
             `Unable to initialize the shader program: ${s.getProgramInfoLog(
-              d.current
+              h.current
             )}`
           )
         );
         return;
       }
-      s.useProgram(d.current), S.current = s.getAttribLocation(
-        d.current,
+      s.useProgram(h.current), L.current = s.getAttribLocation(
+        h.current,
         "aVertexPosition"
-      ), s.enableVertexAttribArray(S.current);
+      ), s.enableVertexAttribArray(L.current);
     }
   }, $ = () => {
     if (n)
       for (const i of Object.keys(n)) {
         const a = n[i];
         if (!a) continue;
-        const { value: s, type: h } = a, u = rr(h);
+        const { value: s, type: d } = a, u = rr(d);
         if (!u) continue;
-        const E = {};
-        if (Jt(h, s)) {
-          const V = h.length, Y = Number.parseInt(h.charAt(V - 3)), te = Math.floor(s.length / (Y * Y));
-          s.length > Y * Y && (E.arraySize = `[${te}]`);
-        } else Zt(h, s) && (E.arraySize = `[${Math.floor(s.length / Number.parseInt(h.charAt(0)))}]`);
+        const A = {};
+        if (Jt(d, s)) {
+          const D = d.length, X = Number.parseInt(d.charAt(D - 3)), te = Math.floor(s.length / (X * X));
+          s.length > X * X && (A.arraySize = `[${te}]`);
+        } else Zt(d, s) && (A.arraySize = `[${Math.floor(s.length / Number.parseInt(d.charAt(0)))}]`);
         f.current[i] = {
           type: u,
           isNeeded: !1,
           value: s,
-          ...E
+          ...A
         };
       }
   }, re = () => {
-    const i = y.current;
+    const i = T.current;
     if (i)
       if (r && r.length > 0) {
         f.current[`${xe}`] = {
@@ -1380,11 +1316,11 @@ ${a}`));
           value: []
         };
         const a = r.map(
-          (s, h) => (f.current[`${Qt}${h}`] = {
+          (s, d) => (f.current[`${Qt}${d}`] = {
             type: "sampler2D",
             isNeeded: !1
-          }, O(s, h), P.current[h] = new or(i), P.current[h]?.load(s).then((u) => {
-            O(u, h);
+          }, O(s, d), P.current[d] = new or(i), P.current[d]?.load(s).then((u) => {
+            O(u, d);
           }))
         );
         Promise.all(a).then(() => {
@@ -1397,58 +1333,58 @@ ${a}`));
     const a = ge.includes(c ?? "highp"), s = `precision ${a ? c : ge[1]} float;
 `;
     a || x?.(
-      X(
+      Y(
         `wrong precision type ${c}, please make sure to pass one of a valid precision lowp, mediump, highp, by default you shader precision will be set to highp.`
       )
     );
-    let h = s.concat(`#define DPR ${R.toFixed(1)}
+    let d = s.concat(`#define DPR ${R.toFixed(1)}
 `).concat(i.replace(/texture\(/g, "texture2D("));
-    for (const E of Object.keys(f.current))
-      if (i.includes(E)) {
-        const V = f.current[E];
-        if (!V) continue;
-        h = ir(
-          h,
-          `uniform ${V.type} ${E}${V.arraySize || ""}; 
+    for (const A of Object.keys(f.current))
+      if (i.includes(A)) {
+        const D = f.current[A];
+        if (!D) continue;
+        d = ir(
+          d,
+          `uniform ${D.type} ${A}${D.arraySize || ""}; 
 `,
-          h.lastIndexOf(s) + s.length
-        ), V.isNeeded = !0;
+          d.lastIndexOf(s) + s.length
+        ), D.isNeeded = !0;
       }
-    return i.includes("mainImage") && (h = h.concat(jt)), h;
-  }, K = (i) => {
-    const a = y.current;
-    if (!a || !d.current) return;
-    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 E = h[u];
-        if (E && f.current[u]?.isNeeded) {
-          if (!d.current) return;
-          const V = a.getUniformLocation(
-            d.current,
+    return i.includes("mainImage") && (d = d.concat(Kt)), d;
+  }, j = (i) => {
+    const a = T.current;
+    if (!a || !h.current) return;
+    const s = V.current ? (i - V.current) / 1e3 : 0;
+    V.current = i;
+    const d = F.current;
+    if (d)
+      for (const u of Object.keys(d)) {
+        const A = d[u];
+        if (A && f.current[u]?.isNeeded) {
+          if (!h.current) return;
+          const D = a.getUniformLocation(
+            h.current,
             u
           );
-          if (!V) return;
+          if (!D) return;
           tr(
             a,
-            V,
-            E.type,
-            E.value
+            D,
+            A.type,
+            A.value
           );
         }
       }
     if (f.current.iMouse?.isNeeded) {
       const u = a.getUniformLocation(
-        d.current,
-        Ae
+        h.current,
+        be
       );
       a.uniform4fv(u, f.current.iMouse.value);
     }
     if (f.current.iChannelResolution?.isNeeded) {
       const u = a.getUniformLocation(
-        d.current,
+        h.current,
         xe
       );
       a.uniform3fv(
@@ -1458,8 +1394,8 @@ ${a}`));
     }
     if (f.current.iDeviceOrientation?.isNeeded) {
       const u = a.getUniformLocation(
-        d.current,
-        Se
+        h.current,
+        Le
       );
       a.uniform4fv(
         u,
@@ -1468,101 +1404,101 @@ ${a}`));
     }
     if (f.current.iTime?.isNeeded) {
       const u = a.getUniformLocation(
-        d.current,
-        ye
+        h.current,
+        Te
       );
       a.uniform1f(u, w.current += s);
     }
     if (f.current.iTimeDelta?.isNeeded) {
       const u = a.getUniformLocation(
-        d.current,
-        Te
+        h.current,
+        ye
       );
       a.uniform1f(u, s);
     }
     if (f.current.iDate?.isNeeded) {
-      const u = /* @__PURE__ */ new Date(), E = u.getMonth() + 1, V = u.getDate(), Y = u.getFullYear(), te = u.getHours() * 60 * 60 + u.getMinutes() * 60 + u.getSeconds() + u.getMilliseconds() * 1e-3, ae = a.getUniformLocation(
-        d.current,
-        be
+      const u = /* @__PURE__ */ new Date(), A = 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(
+        h.current,
+        Ee
       );
-      a.uniform4fv(ae, [Y, E, V, te]);
+      a.uniform4fv(ae, [X, A, D, te]);
     }
     if (f.current.iFrame?.isNeeded) {
       const u = a.getUniformLocation(
-        d.current,
-        Ee
-      ), E = f.current.iFrame.value;
-      a.uniform1i(u, E), f.current.iFrame.value = E + 1;
+        h.current,
+        Ae
+      ), A = f.current.iFrame.value;
+      a.uniform1i(u, A), f.current.iFrame.value = A + 1;
     }
     if (P.current.length > 0)
       for (let u = 0; u < P.current.length; u++) {
-        const E = P.current[u];
-        if (!E) return;
-        const { isVideo: V, _webglTexture: Y, source: te, flipY: ae, isLoaded: ke } = E;
-        if (!ke || !Y || !te) return;
+        const A = P.current[u];
+        if (!A) return;
+        const { isVideo: D, _webglTexture: X, source: te, flipY: ae, isLoaded: We } = A;
+        if (!We || !X || !te) return;
         if (f.current[`iChannel${u}`]?.isNeeded) {
-          if (!d.current) return;
-          const We = a.getUniformLocation(
-            d.current,
+          if (!h.current) return;
+          const ze = a.getUniformLocation(
+            h.current,
             `iChannel${u}`
           );
-          a.activeTexture(a.TEXTURE0 + u), a.bindTexture(a.TEXTURE_2D, Y), a.uniform1i(We, u), V && E.updateTexture(
-            Y,
+          a.activeTexture(a.TEXTURE0 + u), a.bindTexture(a.TEXTURE_2D, X), a.uniform1i(ze, u), D && A.updateTexture(
+            X,
             te,
             ae
           );
         }
       }
   }, Q = (i) => {
-    const a = y.current;
+    const a = T.current;
     if (!a) return;
-    a.viewport(0, 0, a.drawingBufferWidth, a.drawingBufferHeight), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT), a.bindBuffer(a.ARRAY_BUFFER, F.current), a.vertexAttribPointer(
-      S.current ?? 0,
+    a.viewport(0, 0, a.drawingBufferWidth, a.drawingBufferHeight), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT), a.bindBuffer(a.ARRAY_BUFFER, C.current), a.vertexAttribPointer(
+      L.current ?? 0,
       3,
       a.FLOAT,
       !1,
       0,
       0
-    ), K(i), a.drawArrays(a.TRIANGLE_STRIP, 0, 4);
+    ), j(i), a.drawArrays(a.TRIANGLE_STRIP, 0, 4);
     const s = f.current.iMouse?.value;
     if (f.current.iMouse?.isNeeded && v !== 1 && Array.isArray(s)) {
-      const h = s[0] ?? 0, u = s[1] ?? 0;
-      s[0] = Fe(h, I.current[0] ?? 0, v), s[1] = Fe(u, I.current[1] ?? 0, v);
+      const d = s[0] ?? 0, u = s[1] ?? 0;
+      s[0] = Ce(d, _.current[0] ?? 0, v), s[1] = Ce(u, _.current[1] ?? 0, v);
     }
-    C.current = requestAnimationFrame(Q);
+    I.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(
+    f.current.iMouse?.isNeeded && l.current && (l.current.addEventListener("mousemove", M, i), l.current.addEventListener("mouseout", S, i), l.current.addEventListener("mouseup", S, i), l.current.addEventListener("mousedown", k, i), l.current.addEventListener("touchmove", M, i), l.current.addEventListener("touchend", S, i), l.current.addEventListener("touchstart", k, 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 && (b.current = new ResizeObserver(N), b.current.observe(l.current), window.addEventListener("resize", N, 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(
+    f.current.iMouse?.isNeeded && l.current && (l.current.removeEventListener("mousemove", M, i), l.current.removeEventListener("mouseout", S, i), l.current.removeEventListener("mouseup", S, i), l.current.removeEventListener("mousedown", k, i), l.current.removeEventListener("touchmove", M, i), l.current.removeEventListener("touchend", S, i), l.current.removeEventListener("touchstart", k, i)), f.current.iDeviceOrientation?.isNeeded && window.removeEventListener(
       "deviceorientation",
       H,
       i
-    ), A.current && (A.current.disconnect(), window.removeEventListener("resize", N, i));
+    ), b.current && (b.current.disconnect(), window.removeEventListener("resize", N, i));
   };
   return ie(() => {
-    _.current = n;
+    F.current = n;
   }, [n]), ie(() => {
     const i = P.current;
     function a() {
-      W();
-      const s = y.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, $(), re(), Z(ne(t || Kt), e || we), k(), requestAnimationFrame(Q), ee(), N());
+      z();
+      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, $(), re(), Z(ne(t || jt), e || we), W(), requestAnimationFrame(Q), ee(), N());
     }
     return requestAnimationFrame(a), () => {
-      const s = y.current;
+      const s = T.current;
       if (s) {
-        if (s.getExtension("WEBGL_lose_context")?.loseContext(), s.useProgram(null), s.deleteProgram(d.current ?? null), i.length > 0)
-          for (const h of i)
-            s.deleteTexture(h._webglTexture);
-        d.current = null;
+        if (s.getExtension("WEBGL_lose_context")?.loseContext(), s.useProgram(null), s.deleteProgram(h.current ?? null), i.length > 0)
+          for (const d of i)
+            s.deleteTexture(d._webglTexture);
+        h.current = null;
       }
-      J(), cancelAnimationFrame(C.current ?? 0);
+      J(), cancelAnimationFrame(I.current ?? 0);
     };
   }, []), /* @__PURE__ */ q(
     "canvas",
@@ -1739,7 +1675,7 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
     float alpha = mappedBrightness * clamp(uMix, 1.0, 2.0);
     fragColor = vec4(color, alpha);
   }
-}`, cr = 10, ur = 2, lr = 0.5, fr = 0.2, hr = 1.5, G = {
+}`, cr = 10, ur = 2, lr = 0.5, fr = 0.2, dr = 1.5, G = {
   duration: 0.5,
   ease: "easeOut"
 }, Pe = {
@@ -1749,22 +1685,22 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
   repeatType: "mirror"
 };
 function oe(t) {
-  const [e, r] = Ue(t), n = dt(t), o = B(null);
-  yt(n, "change", (m) => r(m));
-  const c = $e(
-    (m, b) => {
-      o.current = zt(n, m, b);
+  const [e, r] = Ue(t), n = mt(t), o = B(null);
+  Tt(n, "change", (m) => r(m));
+  const c = qe(
+    (m, E) => {
+      o.current = kt(n, m, E);
     },
     [n]
   );
   return { value: e, motionValue: n, controls: o, animate: c };
 }
-function dr(t, e) {
+function hr(t, e) {
   const [r, n] = Ue(cr), {
     value: o,
     animate: c,
     motionValue: m
-  } = oe(fr), { value: b, animate: v } = oe(ur), { value: R, animate: p } = oe(lr), { value: g, animate: x } = oe(hr), l = gt(e, {
+  } = oe(fr), { value: E, animate: v } = oe(ur), { value: R, animate: p } = oe(lr), { value: g, animate: x } = oe(dr), l = wt(e, {
     fftSize: 512,
     smoothingTimeConstant: 0.55
   });
@@ -1807,12 +1743,12 @@ function dr(t, e) {
   ]), {
     speed: r,
     scale: o,
-    amplitude: b,
+    amplitude: E,
     frequency: R,
     brightness: g
   };
 }
-const mr = pt({
+const mr = vt({
   base: "aspect-square",
   variants: {
     size: {
@@ -1844,14 +1780,14 @@ function Ge({
   scale: o = 0.2,
   blur: c = 1,
   color: m = "#FF355E",
-  colorShift: b = 1,
+  colorShift: E = 1,
   brightness: v = 1,
   themeMode: R = typeof window < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light",
   ref: p,
   className: g,
   ...x
 }) {
-  const l = qe(() => pr(m), [m]);
+  const l = He(() => pr(m), [m]);
   return /* @__PURE__ */ q("div", { ref: p, className: g, ...x, children: /* @__PURE__ */ q(
     sr,
     {
@@ -1877,7 +1813,7 @@ function Ge({
         // 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: b },
+        uColorShift: { type: "1f", value: E },
         // Color variation across layers (0-1)
         uVariance: { type: "1f", value: 0.1 },
         // Smoothing of the aurora (0-1)
@@ -1887,18 +1823,18 @@ function Ge({
         // Color
         uColor: { type: "3fv", value: l ?? [0, 0.7, 1] }
       },
-      onError: (y) => {
-        console.error("Shader error:", y);
+      onError: (T) => {
+        console.error("Shader error:", T);
       },
-      onWarning: (y) => {
-        console.warn("Shader warning:", y);
+      onWarning: (T) => {
+        console.warn("Shader warning:", T);
       },
       style: { width: "100%", height: "100%" }
     }
   ) });
 }
 Ge.displayName = "AuraShader";
-function Cr({
+function Sr({
   size: t = "lg",
   state: e,
   color: r,
@@ -1906,14 +1842,14 @@ function Cr({
   audioTrack: o,
   themeMode: c,
   className: m,
-  ref: b,
+  ref: E,
   ...v
 }) {
-  const { speed: R, scale: p, amplitude: g, frequency: x, brightness: l } = dr(e, o);
+  const { speed: R, scale: p, amplitude: g, frequency: x, brightness: l } = hr(e, o);
   return /* @__PURE__ */ q(
     Ge,
     {
-      ref: b,
+      ref: E,
       blur: 0.2,
       color: r,
       colorShift: n,
@@ -1923,7 +1859,7 @@ function Cr({
       amplitude: g,
       frequency: x,
       brightness: l,
-      className: mt(
+      className: pt(
         mr({ size: t }),
         "overflow-hidden rounded-full",
         m
@@ -1932,8 +1868,6 @@ function Cr({
     }
   );
 }
-const vr = wt;
-vr.displayName = "F0ChatReportCard";
 const Ir = ({
   text: t,
   confirmationText: e,
@@ -1949,7 +1883,7 @@ const Ir = ({
         type: "button",
         variant: "outline",
         size: "sm",
-        icon: vt,
+        icon: gt,
         onClick: r,
         label: e
       }
@@ -1967,13 +1901,12 @@ const Ir = ({
   ] })
 ] });
 export {
-  xr as A,
+  Rr as A,
   Lr as F,
-  Rr as a,
+  br as a,
   Ar as b,
-  Cr as c,
-  vr as d,
-  Ir as e,
+  Sr as c,
+  Ir as d,
   Er as o,
-  Sr as u
+  xr as u
 };