@factorialco/f0-react 1.385.0 → 1.386.0

package/dist/{F0HILActionConfirmation-C475SHSS.js → F0HILActionConfirmation-B5YWkhyV.js}

@@ -1,9 +1,9 @@
-import { jsx as X, jsxs as le } from "react/jsx-runtime";
-import { useInsertionEffect as Xe, createContext as ke, useContext as $e, useRef as _, useEffect as ne, useState as _e, useCallback as ze, useMemo as Ye } from "react";
-import { y as qe, z as We, D as He, G as je, J as Ne, K as Ke, M as Qe, N as Je, Q as Ze, R as et, V as Ce, W as tt, X as rt, Y as nt, Z as it, _ as ot, $ as at, a0 as st, a1 as ie, a2 as ct, a3 as ut, a4 as lt, a5 as ft, a6 as mt, a7 as dt, a8 as fe, a9 as ht } from "./F0AiChat-Ddo83UfP.js";
+import { jsx as G, jsxs as le } from "react/jsx-runtime";
+import { useInsertionEffect as Ge, createContext as ke, useContext as $e, useRef as _, useEffect as ne, useState as _e, useCallback as Ye, useMemo as ze } from "react";
+import { G as qe, J as We, K as He, M as je, N as Ne, Q as Ke, R as Qe, V as Je, W as Ze, X as et, Y as Ce, Z as tt, _ as rt, $ as nt, a0 as it, a1 as ot, a2 as at, a3 as st, a4 as ie, a5 as ct, a6 as ut, a7 as lt, a8 as ft, a9 as mt, aa as dt, ab as fe, ac as ht } from "./F0AiChat-c00n76c6.js";
 import { useTrackVolume as pt } from "@livekit/components-react";
 function vt(t, e, r) {
-  Xe(() => t.on(e, r), [t, e, r]);
+  Ge(() => t.on(e, r), [t, e, r]);
 }
 function ce(t) {
   return typeof t == "object" && !Array.isArray(t);
@@ -24,14 +24,14 @@ const yt = (t, e, r) => {
 function Oe(t, e) {
   return We(t) ? t[yt(0, t.length, e)] : t;
 }
-function Tt(t, e, r) {
+function Et(t, e, r) {
   for (let n = 0; n < t.length; n++) {
     const l = t[n];
     l.at > e && l.at < r && (je(t, l), n--);
   }
 }
-function Et(t, e, r, n, l, f) {
-  Tt(t, l, f);
+function Tt(t, e, r, n, l, f) {
+  Et(t, l, f);
   for (let h = 0; h < e.length; h++)
     t.push({
       value: e[h],
@@ -39,96 +39,96 @@ function Et(t, e, r, n, l, f) {
       easing: Oe(r, h)
     });
 }
-function At(t, e) {
+function wt(t, e) {
   for (let r = 0; r < t.length; r++)
     t[r] = t[r] / (e + 1);
 }
-function wt(t, e) {
+function At(t, e) {
   return t.at === e.at ? t.value === null ? 1 : e.value === null ? -1 : 0 : t.at - e.at;
 }
 const St = "easeInOut", xt = 20;
 function bt(t, { defaultTransition: e = {}, ...r } = {}, n, l) {
-  const f = e.duration || 0.3, h = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), g = {}, b = /* @__PURE__ */ new Map();
-  let y = 0, T = 0, x = 0;
+  const f = e.duration || 0.3, h = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), g = {}, b = /* @__PURE__ */ new Map();
+  let y = 0, E = 0, x = 0;
   for (let c = 0; c < t.length; c++) {
     const v = t[c];
     if (typeof v == "string") {
-      b.set(v, T);
+      b.set(v, E);
       continue;
     } else if (!Array.isArray(v)) {
-      b.set(v.name, me(T, v.at, y, b));
+      b.set(v.name, me(E, v.at, y, b));
       continue;
     }
     let [N, m, R = {}] = v;
-    R.at !== void 0 && (T = me(T, R.at, y, b));
-    let L = 0;
-    const C = (w, S, I, F = 0, V = 0) => {
-      const E = Rt(w), { delay: d = 0, times: P = Ke(E), type: W = "keyframes", repeat: k, repeatType: ue, repeatDelay: oe = 0, ...H } = S;
+    R.at !== void 0 && (E = me(E, R.at, y, b));
+    let F = 0;
+    const C = (A, S, I, L = 0, V = 0) => {
+      const T = Rt(A), { delay: d = 0, times: P = Ke(T), type: W = "keyframes", repeat: k, repeatType: ue, repeatDelay: oe = 0, ...H } = S;
       let { ease: U = e.ease || "easeOut", duration: M } = S;
-      const $ = typeof d == "function" ? d(F, V) : d, Q = E.length, J = Ze(W) ? W : l?.[W];
+      const $ = typeof d == "function" ? d(L, V) : d, Q = T.length, J = Ze(W) ? W : l?.[W];
       if (Q <= 2 && J) {
-        let z = 100;
-        if (Q === 2 && Lt(E)) {
-          const q = E[1] - E[0];
-          z = Math.abs(q);
+        let Y = 100;
+        if (Q === 2 && Ft(T)) {
+          const q = T[1] - T[0];
+          Y = Math.abs(q);
         }
-        const Y = { ...H };
-        M !== void 0 && (Y.duration = et(M));
-        const j = Qe(Y, z, J);
+        const z = { ...H };
+        M !== void 0 && (z.duration = et(M));
+        const j = Qe(z, Y, J);
         U = j.ease, M = j.duration;
       }
       M ?? (M = f);
-      const Z = T + $;
+      const Z = E + $;
       P.length === 1 && P[0] === 0 && (P[1] = 1);
-      const ee = P.length - E.length;
-      if (ee > 0 && Je(P, ee), E.length === 1 && E.unshift(null), k) {
+      const ee = P.length - T.length;
+      if (ee > 0 && Je(P, ee), T.length === 1 && T.unshift(null), k) {
         Ce(k < xt, "Repeat count too high, must be less than 20"), M = gt(M, k);
-        const z = [...E], Y = [...P];
+        const Y = [...T], z = [...P];
         U = Array.isArray(U) ? [...U] : [U];
         const j = [...U];
         for (let q = 0; q < k; q++) {
-          E.push(...z);
-          for (let i = 0; i < z.length; i++)
-            P.push(Y[i] + (q + 1)), U.push(i === 0 ? "linear" : Oe(j, i - 1));
+          T.push(...Y);
+          for (let i = 0; i < Y.length; i++)
+            P.push(z[i] + (q + 1)), U.push(i === 0 ? "linear" : Oe(j, i - 1));
         }
-        At(P, k);
+        wt(P, k);
       }
       const te = Z + M;
-      Et(I, E, U, P, Z, te), L = Math.max($ + M, L), x = Math.max(te, x);
+      Tt(I, T, U, P, Z, te), F = Math.max($ + M, F), x = Math.max(te, x);
     };
     if (Ne(N)) {
-      const w = de(N, A);
-      C(m, R, he("default", w));
+      const A = de(N, w);
+      C(m, R, he("default", A));
     } else {
-      const w = Ue(N, m, n, g), S = w.length;
+      const A = Ue(N, m, n, g), S = A.length;
       for (let I = 0; I < S; I++) {
         m = m, R = R;
-        const F = w[I], V = de(F, A);
-        for (const E in m)
-          C(m[E], It(R, E), he(E, V), I, S);
+        const L = A[I], V = de(L, w);
+        for (const T in m)
+          C(m[T], It(R, T), he(T, V), I, S);
       }
     }
-    y = T, T += L;
+    y = E, E += F;
   }
-  return A.forEach((c, v) => {
+  return w.forEach((c, v) => {
     for (const N in c) {
       const m = c[N];
-      m.sort(wt);
-      const R = [], L = [], C = [];
+      m.sort(At);
+      const R = [], F = [], C = [];
       for (let S = 0; S < m.length; S++) {
-        const { at: I, value: F, easing: V } = m[S];
-        R.push(F), L.push(tt(0, x, I)), C.push(V || "easeOut");
+        const { at: I, value: L, easing: V } = m[S];
+        R.push(L), F.push(tt(0, x, I)), C.push(V || "easeOut");
       }
-      L[0] !== 0 && (L.unshift(0), R.unshift(R[0]), C.unshift(St)), L[L.length - 1] !== 1 && (L.push(1), R.push(null)), h.has(v) || h.set(v, {
+      F[0] !== 0 && (F.unshift(0), R.unshift(R[0]), C.unshift(St)), F[F.length - 1] !== 1 && (F.push(1), R.push(null)), h.has(v) || h.set(v, {
         keyframes: {},
         transition: {}
       });
-      const w = h.get(v);
-      w.keyframes[N] = R, w.transition[N] = {
+      const A = h.get(v);
+      A.keyframes[N] = R, A.transition[N] = {
         ...e,
         duration: x,
         ease: C,
-        times: L,
+        times: F,
         ...r
       };
     }
@@ -149,7 +149,7 @@ function It(t, e) {
     ...t[e]
   } : { ...t };
 }
-const Ft = (t) => typeof t == "number", Lt = (t) => t.every(Ft);
+const Lt = (t) => typeof t == "number", Ft = (t) => t.every(Lt);
 function Mt(t, e) {
   return t in e;
 }
@@ -222,19 +222,19 @@ function De(t, e, r, n) {
   else {
     const f = Ue(t, e, n), h = f.length;
     Ce(!!h, "No valid elements provided.");
-    for (let A = 0; A < h; A++) {
-      const g = f[A], b = g instanceof Element ? Nt : Ct;
+    for (let w = 0; w < h; w++) {
+      const g = f[w], b = g instanceof Element ? Nt : Ct;
       ie.has(g) || b(g);
-      const y = ie.get(g), T = { ...r };
-      "delay" in T && typeof T.delay == "function" && (T.delay = T.delay(A, h)), l.push(...ut(y, { ...e, transition: T }, {}));
+      const y = ie.get(g), E = { ...r };
+      "delay" in E && typeof E.delay == "function" && (E.delay = E.delay(w, h)), l.push(...ut(y, { ...e, transition: E }, {}));
     }
   }
   return l;
 }
 function Ot(t, e, r) {
   const n = [];
-  return bt(t, e, r, { spring: lt }).forEach(({ keyframes: f, transition: h }, A) => {
-    n.push(...De(A, f, h));
+  return bt(t, e, r, { spring: lt }).forEach(({ keyframes: f, transition: h }, w) => {
+    n.push(...De(w, f, h));
   }), n;
 }
 class Dt {
@@ -318,7 +318,7 @@ function Bt(t) {
   }
   return e;
 }
-const Gt = Bt(), mr = ["xs", "sm", "md", "lg"], dr = [
+const Xt = Bt(), mr = ["xs", "sm", "md", "lg"], dr = [
   "inProgress",
   "executing",
   "completed"
@@ -337,8 +337,6 @@ const Gt = Bt(), mr = ["xs", "sm", "md", "lg"], dr = [
     thoughtsGroupTitle: "Reflection",
     resourcesGroupTitle: "Resources",
     thinking: "Thinking...",
-    exportTable: "Download table",
-    generatedTableFilename: "OneGeneratedTable",
     feedbackModal: {
       positive: {
         title: "What did you like about this response?",
@@ -351,16 +349,19 @@ const Gt = Bt(), mr = ["xs", "sm", "md", "lg"], dr = [
         placeholder: "Share what didn't work"
       }
     },
+    dataDownloadPreview: "Preview {{shown}} of {{total}} rows — download the Excel to see all data.",
     expandChat: "Expand chat",
     collapseChat: "Collapse chat",
-    ask: "Ask One"
+    ask: "Ask One",
+    viewProfile: "View profile",
+    tools: "Tools"
   }
 }, Pe = ke(null);
 function pr({
   children: t,
   translations: e
 }) {
-  return /* @__PURE__ */ X(Pe.Provider, { value: e, children: t });
+  return /* @__PURE__ */ G(Pe.Provider, { value: e, children: t });
 }
 function vr() {
   const t = $e(Pe);
@@ -370,7 +371,7 @@ function vr() {
     );
   return t;
 }
-const pe = ["lowp", "mediump", "highp"], Xt = `
+const pe = ["lowp", "mediump", "highp"], Gt = `
 void main(void){
     vec4 color = vec4(0.0,0.0,0.0,1.0);
     mainImage( color, gl_FragCoord.xy );
@@ -382,11 +383,11 @@ void main(void){
 }`, ve = `attribute vec3 aVertexPosition;
 void main(void) {
     gl_Position = vec4(aVertexPosition, 1.0);
-}`, ge = "iTime", ye = "iTimeDelta", Te = "iDate", Ee = "iFrame", Ae = "iMouse", we = "iResolution", $t = "iChannel", Se = "iChannelResolution", xe = "iDeviceOrientation";
-function zt(t, e) {
+}`, ge = "iTime", ye = "iTimeDelta", Ee = "iDate", Te = "iFrame", we = "iMouse", Ae = "iResolution", $t = "iChannel", Se = "iChannelResolution", xe = "iDeviceOrientation";
+function Yt(t, e) {
   return t.includes("Matrix") && Array.isArray(e);
 }
-function Yt(t, e) {
+function zt(t, e) {
   return t.includes("v") && Array.isArray(e) && e.length > Number.parseInt(t.charAt(0));
 }
 function qt(t, e) {
@@ -476,7 +477,7 @@ const Wt = (t, e, r, n) => {
       return "mat4";
     default:
       console.error(
-        G(
+        X(
           `The uniform type "${t}" is not valid, please make sure your uniform type is valid`
         )
       );
@@ -501,12 +502,12 @@ class Kt {
     this.gl = e;
   }
   updateTexture = (e, r, n) => {
-    const { gl: l } = this, f = 0, h = l.RGBA, A = l.RGBA, g = l.UNSIGNED_BYTE;
+    const { gl: l } = this, f = 0, h = l.RGBA, w = l.RGBA, g = l.UNSIGNED_BYTE;
     l.bindTexture(l.TEXTURE_2D, e), l.pixelStorei(l.UNPACK_FLIP_Y_WEBGL, n), l.texImage2D(
       l.TEXTURE_2D,
       f,
       h,
-      A,
+      w,
       g,
       r
     );
@@ -539,7 +540,7 @@ class Kt {
     this.pow2canvas.width,
     this.pow2canvas.height
   ), console.warn(
-    G(
+    X(
       `Image is not power of two ${e.width} x ${e.height}. Resized to ${this.pow2canvas.width} x ${this.pow2canvas.height};`
     )
   ), this.pow2canvas) : e;
@@ -549,13 +550,13 @@ class Kt {
       wrapS: l,
       wrapT: f,
       minFilter: h,
-      magFilter: A,
+      magFilter: w,
       flipY: g = -1
     } = e;
     if (!n)
       return Promise.reject(
         new Error(
-          G(
+          X(
             "Missing url, please make sure to pass the url of your texture { url: ... }"
           )
         )
@@ -564,41 +565,41 @@ class Kt {
     if (b === null && y === null)
       return Promise.reject(
         new Error(
-          G(
+          X(
             `Please upload a video or an image with a valid format (url: ${n})`
           )
         )
       );
-    Object.assign(this, { url: n, wrapS: l, wrapT: f, minFilter: h, magFilter: A, flipY: g });
-    const T = 0, x = r.RGBA, c = 1, v = 1, N = 0, m = r.RGBA, R = r.UNSIGNED_BYTE, L = new Uint8Array([255, 255, 255, 0]), C = r.createTexture();
+    Object.assign(this, { url: n, wrapS: l, wrapT: f, minFilter: h, magFilter: w, flipY: g });
+    const E = 0, x = r.RGBA, c = 1, v = 1, N = 0, m = r.RGBA, R = r.UNSIGNED_BYTE, F = new Uint8Array([255, 255, 255, 0]), C = r.createTexture();
     if (r.bindTexture(r.TEXTURE_2D, C), r.texImage2D(
       r.TEXTURE_2D,
-      T,
+      E,
       x,
       c,
       v,
       N,
       m,
       R,
-      L
+      F
     ), y) {
-      const F = 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 = C, this.source = F, this.isVideo = !0, F.play().then(() => this);
+      const L = 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 = C, this.source = L, this.isVideo = !0, L.play().then(() => this);
     }
-    async function w() {
-      return new Promise((F, V) => {
-        const E = new Image();
-        E.crossOrigin = "anonymous", E.onload = () => {
-          F(E);
-        }, E.onerror = () => {
-          V(new Error(G(`failed loading url: ${n}`)));
-        }, E.src = n ?? "";
+    async function A() {
+      return new Promise((L, V) => {
+        const T = new Image();
+        T.crossOrigin = "anonymous", T.onload = () => {
+          L(T);
+        }, T.onerror = () => {
+          V(new Error(X(`failed loading url: ${n}`)));
+        }, T.src = n ?? "";
       });
     }
-    let S = await w(), I = (S.width & S.width - 1) === 0 && (S.height & S.height - 1) === 0;
+    let S = await A(), I = (S.width & S.width - 1) === 0 && (S.height & S.height - 1) === 0;
     return (e.wrapS !== Re || e.wrapT !== Re || e.minFilter !== be && e.minFilter !== se) && !I && (S = this.makePowerOf2(S), I = !0), r.bindTexture(r.TEXTURE_2D, C), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, g), r.texImage2D(
       r.TEXTURE_2D,
-      T,
+      E,
       x,
       m,
       R,
@@ -622,13 +623,13 @@ class Kt {
     ), this._webglTexture = C, this.source = S, this.isVideo = !1, this.isLoaded = !0, this.width = S.width || 0, this.height = S.height || 0, this;
   };
 }
-const G = (t) => `react-shaders: ${t}`, Fe = (t) => {
+const X = (t) => `react-shaders: ${t}`, Le = (t) => {
   if ("changedTouches" in t) {
     const e = t.changedTouches[0];
     return [e?.clientX ?? 0, e?.clientY ?? 0];
   }
   return [t.clientX, t.clientY];
-}, Le = (t, e, r) => t * (1 - r) + e * r, Qt = (t, e, r) => r > 0 ? t.substring(0, r) + e + t.substring(r, t.length) : e + t;
+}, Fe = (t, e, r) => t * (1 - r) + e * r, Qt = (t, e, r) => r > 0 ? t.substring(0, r) + e + t.substring(r, t.length) : e + t;
 function Jt({
   fs: t,
   vs: e = ve,
@@ -637,20 +638,20 @@ function Jt({
   clearColor: l = [0, 0, 0, 1],
   precision: f = "highp",
   style: h,
-  contextAttributes: A = {},
+  contextAttributes: w = {},
   lerp: g = 1,
   devicePixelRatio: b = 1,
   onDoneLoadingTextures: y,
-  onError: T = console.error,
+  onError: E = console.error,
   onWarning: x = console.warn
 }) {
-  const c = _(null), v = _(null), N = _(null), m = _(null), R = _(void 0), L = _(void 0), C = _(!1), w = _(void 0), S = _(0), I = _([0, 0]), F = _([]), V = _(0), E = _(void 0), d = _({
+  const c = _(null), v = _(null), N = _(null), m = _(null), R = _(void 0), F = _(void 0), C = _(!1), A = _(void 0), S = _(0), I = _([0, 0]), L = _([]), V = _(0), T = _(void 0), d = _({
     [ge]: { type: "float", isNeeded: !1, value: 0 },
     [ye]: { type: "float", isNeeded: !1, value: 0 },
-    [Te]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
-    [Ae]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
-    [we]: { type: "vec2", isNeeded: !1, value: [0, 0] },
-    [Ee]: { type: "int", isNeeded: !1, value: 0 },
+    [Ee]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
+    [we]: { type: "vec4", isNeeded: !1, value: [0, 0, 0, 0] },
+    [Ae]: { type: "vec2", isNeeded: !1, value: [0, 0] },
+    [Te]: { type: "int", isNeeded: !1, value: 0 },
     [xe]: {
       type: "vec4",
       isNeeded: !1,
@@ -662,9 +663,9 @@ function Jt({
     const p = Array.isArray(s.value) ? s.value : s.value = [];
     p[a * 3] = o * b, p[a * 3 + 1] = u * b, p[a * 3 + 2] = 0;
   }, k = () => {
-    c.current && (v.current = c.current.getContext("webgl", A) || c.current.getContext(
+    c.current && (v.current = c.current.getContext("webgl", w) || c.current.getContext(
       "experimental-webgl",
-      A
+      w
     ), v.current?.getExtension("OES_standard_derivatives"), v.current?.getExtension("EXT_shader_texture_lod"));
   }, ue = () => {
     const i = v.current;
@@ -696,13 +697,13 @@ function Jt({
       window.orientation ?? 0
     ];
   }, H = (i) => {
-    const [a = 0, o = 0] = Fe(i), u = a - (w.current?.left ?? 0) - window.pageXOffset, s = (w.current?.height ?? 0) - o - (w.current?.top ?? 0) - window.pageYOffset;
+    const [a = 0, o = 0] = Le(i), u = a - (A.current?.left ?? 0) - window.pageXOffset, s = (A.current?.height ?? 0) - o - (A.current?.top ?? 0) - window.pageYOffset;
     C.current = !0;
     const p = Array.isArray(d.current.iMouse?.value) ? d.current.iMouse.value : void 0;
     p && (p[2] = u, p[3] = s), I.current[0] = u, I.current[1] = s;
   }, U = (i) => {
-    w.current = c.current?.getBoundingClientRect();
-    const [a = 0, o = 0] = Fe(i), u = a - (w.current?.left ?? 0), s = (w.current?.height ?? 0) - o - (w.current?.top ?? 0);
+    A.current = c.current?.getBoundingClientRect();
+    const [a = 0, o = 0] = Le(i), u = a - (A.current?.left ?? 0), s = (A.current?.height ?? 0) - o - (A.current?.top ?? 0);
     if (g !== 1)
       I.current[0] = u, I.current[1] = s;
     else {
@@ -715,16 +716,16 @@ function Jt({
   }, $ = () => {
     const i = v.current;
     if (!i) return;
-    w.current = c.current?.getBoundingClientRect();
+    A.current = c.current?.getBoundingClientRect();
     const a = b, o = Math.floor(
-      (w.current?.width ?? 1) * a
+      (A.current?.width ?? 1) * a
     ), u = Math.floor(
-      (w.current?.height ?? 1) * a
+      (A.current?.height ?? 1) * a
     );
     if (i.canvas.width = o, i.canvas.height = u, d.current.iResolution?.isNeeded && m.current) {
       const s = i.getUniformLocation(
         m.current,
-        we
+        Ae
       );
       i.uniform2fv(s, [i.canvas.width, i.canvas.height]);
     }
@@ -734,10 +735,10 @@ function Jt({
     const u = o.createShader(i);
     if (!u) return null;
     if (o.shaderSource(u, a), o.compileShader(u), !o.getShaderParameter(u, o.COMPILE_STATUS)) {
-      x?.(G(`Error compiling the shader:
+      x?.(X(`Error compiling the shader:
 ${a}`));
       const s = o.getShaderInfoLog(u);
-      o.deleteShader(u), T?.(G(`Shader compiler log: ${s}`));
+      o.deleteShader(u), E?.(X(`Shader compiler log: ${s}`));
     }
     return u;
   }, J = (i, a) => {
@@ -746,8 +747,8 @@ ${a}`));
     const u = Q(o.FRAGMENT_SHADER, i), s = Q(o.VERTEX_SHADER, a);
     if (m.current = o.createProgram(), !(!m.current || !s || !u)) {
       if (o.attachShader(m.current, s), o.attachShader(m.current, u), o.linkProgram(m.current), !o.getProgramParameter(m.current, o.LINK_STATUS)) {
-        T?.(
-          G(
+        E?.(
+          X(
             `Unable to initialize the shader program: ${o.getProgramInfoLog(
               m.current
             )}`
@@ -768,10 +769,10 @@ ${a}`));
         const { value: o, type: u } = a, s = Ht(u);
         if (!s) continue;
         const p = {};
-        if (zt(u, o)) {
+        if (Yt(u, o)) {
           const O = u.length, B = Number.parseInt(u.charAt(O - 3)), K = Math.floor(o.length / (B * B));
           o.length > B * B && (p.arraySize = `[${K}]`);
-        } else Yt(u, o) && (p.arraySize = `[${Math.floor(o.length / Number.parseInt(u.charAt(0)))}]`);
+        } else zt(u, o) && (p.arraySize = `[${Math.floor(o.length / Number.parseInt(u.charAt(0)))}]`);
         d.current[i] = {
           type: s,
           isNeeded: !1,
@@ -793,21 +794,21 @@ ${a}`));
           (o, u) => (d.current[`${$t}${u}`] = {
             type: "sampler2D",
             isNeeded: !1
-          }, W(o, u), F.current[u] = new Kt(i), F.current[u]?.load(o).then((s) => {
+          }, W(o, u), L.current[u] = new Kt(i), L.current[u]?.load(o).then((s) => {
             W(s, u);
           }))
         );
         Promise.all(a).then(() => {
           y && y();
         }).catch((o) => {
-          T?.(o), y && y();
+          E?.(o), y && y();
         });
       } else y && y();
   }, te = (i) => {
     const a = pe.includes(f ?? "highp"), o = `precision ${a ? f : pe[1]} float;
 `;
     a || x?.(
-      G(
+      X(
         `wrong precision type ${f}, please make sure to pass one of a valid precision lowp, mediump, highp, by default you shader precision will be set to highp.`
       )
     );
@@ -824,8 +825,8 @@ ${a}`));
           u.lastIndexOf(o) + o.length
         ), O.isNeeded = !0;
       }
-    return i.includes("mainImage") && (u = u.concat(Xt)), u;
-  }, z = (i) => {
+    return i.includes("mainImage") && (u = u.concat(Gt)), u;
+  }, Y = (i) => {
     const a = v.current;
     if (!a || !m.current) return;
     const o = V.current ? (i - V.current) / 1e3 : 0;
@@ -852,7 +853,7 @@ ${a}`));
     if (d.current.iMouse?.isNeeded) {
       const s = a.getUniformLocation(
         m.current,
-        Ae
+        we
       );
       a.uniform4fv(s, d.current.iMouse.value);
     }
@@ -893,37 +894,37 @@ ${a}`));
     if (d.current.iDate?.isNeeded) {
       const s = /* @__PURE__ */ new Date(), p = s.getMonth() + 1, O = s.getDate(), B = s.getFullYear(), K = s.getHours() * 60 * 60 + s.getMinutes() * 60 + s.getSeconds() + s.getMilliseconds() * 1e-3, ae = a.getUniformLocation(
         m.current,
-        Te
+        Ee
       );
       a.uniform4fv(ae, [B, p, O, K]);
     }
     if (d.current.iFrame?.isNeeded) {
       const s = a.getUniformLocation(
         m.current,
-        Ee
+        Te
       ), p = d.current.iFrame.value;
       a.uniform1i(s, p), d.current.iFrame.value = p + 1;
     }
-    if (F.current.length > 0)
-      for (let s = 0; s < F.current.length; s++) {
-        const p = F.current[s];
+    if (L.current.length > 0)
+      for (let s = 0; s < L.current.length; s++) {
+        const p = L.current[s];
         if (!p) return;
         const { isVideo: O, _webglTexture: B, source: K, flipY: ae, isLoaded: Be } = p;
         if (!Be || !B || !K) return;
         if (d.current[`iChannel${s}`]?.isNeeded) {
           if (!m.current) return;
-          const Ge = a.getUniformLocation(
+          const Xe = a.getUniformLocation(
             m.current,
             `iChannel${s}`
           );
-          a.activeTexture(a.TEXTURE0 + s), a.bindTexture(a.TEXTURE_2D, B), a.uniform1i(Ge, s), O && p.updateTexture(
+          a.activeTexture(a.TEXTURE0 + s), a.bindTexture(a.TEXTURE_2D, B), a.uniform1i(Xe, s), O && p.updateTexture(
             B,
             K,
             ae
           );
         }
       }
-  }, Y = (i) => {
+  }, z = (i) => {
     const a = v.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, N.current), a.vertexAttribPointer(
@@ -933,36 +934,36 @@ ${a}`));
       !1,
       0,
       0
-    ), z(i), a.drawArrays(a.TRIANGLE_STRIP, 0, 4);
+    ), Y(i), a.drawArrays(a.TRIANGLE_STRIP, 0, 4);
     const o = d.current.iMouse?.value;
     if (d.current.iMouse?.isNeeded && g !== 1 && Array.isArray(o)) {
       const u = o[0] ?? 0, s = o[1] ?? 0;
-      o[0] = Le(u, I.current[0] ?? 0, g), o[1] = Le(s, I.current[1] ?? 0, g);
+      o[0] = Fe(u, I.current[0] ?? 0, g), o[1] = Fe(s, I.current[1] ?? 0, g);
     }
-    L.current = requestAnimationFrame(Y);
+    F.current = requestAnimationFrame(z);
   }, j = () => {
     const i = { passive: !0 };
     d.current.iMouse?.isNeeded && c.current && (c.current.addEventListener("mousemove", U, i), c.current.addEventListener("mouseout", M, i), c.current.addEventListener("mouseup", M, i), c.current.addEventListener("mousedown", H, i), c.current.addEventListener("touchmove", U, i), c.current.addEventListener("touchend", M, i), c.current.addEventListener("touchstart", H, i)), d.current.iDeviceOrientation?.isNeeded && window.addEventListener(
       "deviceorientation",
       oe,
       i
-    ), c.current && (E.current = new ResizeObserver($), E.current.observe(c.current), window.addEventListener("resize", $, i));
+    ), c.current && (T.current = new ResizeObserver($), T.current.observe(c.current), window.addEventListener("resize", $, i));
   }, q = () => {
     const i = { passive: !0 };
     d.current.iMouse?.isNeeded && c.current && (c.current.removeEventListener("mousemove", U, i), c.current.removeEventListener("mouseout", M, i), c.current.removeEventListener("mouseup", M, i), c.current.removeEventListener("mousedown", H, i), c.current.removeEventListener("touchmove", U, i), c.current.removeEventListener("touchend", M, i), c.current.removeEventListener("touchstart", H, i)), d.current.iDeviceOrientation?.isNeeded && window.removeEventListener(
       "deviceorientation",
       oe,
       i
-    ), E.current && (E.current.disconnect(), window.removeEventListener("resize", $, i));
+    ), T.current && (T.current.disconnect(), window.removeEventListener("resize", $, i));
   };
   return ne(() => {
     P.current = n;
   }, [n]), ne(() => {
-    const i = F.current;
+    const i = L.current;
     function a() {
       k();
       const o = v.current;
-      o && c.current && (o.clearColor(...l), o.clearDepth(1), o.enable(o.DEPTH_TEST), o.depthFunc(o.LEQUAL), o.viewport(0, 0, c.current.width, c.current.height), c.current.height = c.current.clientHeight, c.current.width = c.current.clientWidth, Z(), ee(), J(te(t || kt), e || ve), ue(), requestAnimationFrame(Y), j(), $());
+      o && c.current && (o.clearColor(...l), o.clearDepth(1), o.enable(o.DEPTH_TEST), o.depthFunc(o.LEQUAL), o.viewport(0, 0, c.current.width, c.current.height), c.current.height = c.current.clientHeight, c.current.width = c.current.clientWidth, Z(), ee(), J(te(t || kt), e || ve), ue(), requestAnimationFrame(z), j(), $());
     }
     return requestAnimationFrame(a), () => {
       const o = v.current;
@@ -972,9 +973,9 @@ ${a}`));
             o.deleteTexture(u._webglTexture);
         m.current = null;
       }
-      q(), cancelAnimationFrame(L.current ?? 0);
+      q(), cancelAnimationFrame(F.current ?? 0);
     };
-  }, []), /* @__PURE__ */ X(
+  }, []), /* @__PURE__ */ G(
     "canvas",
     {
       ref: c,
@@ -1161,9 +1162,9 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
 function re(t) {
   const [e, r] = _e(t), n = ft(t), l = _(null);
   vt(n, "change", (h) => r(h));
-  const f = ze(
-    (h, A) => {
-      l.current = Gt(n, h, A);
+  const f = Ye(
+    (h, w) => {
+      l.current = Xt(n, h, w);
     },
     [n]
   );
@@ -1174,7 +1175,7 @@ function or(t, e) {
     value: l,
     animate: f,
     motionValue: h
-  } = re(nr), { value: A, animate: g } = re(tr), { value: b, animate: y } = re(rr), { value: T, animate: x } = re(ir), c = pt(e, {
+  } = re(nr), { value: w, animate: g } = re(tr), { value: b, animate: y } = re(rr), { value: E, animate: x } = re(ir), c = pt(e, {
     fftSize: 512,
     smoothingTimeConstant: 0.55
   });
@@ -1217,9 +1218,9 @@ function or(t, e) {
   ]), {
     speed: r,
     scale: l,
-    amplitude: A,
+    amplitude: w,
     frequency: b,
-    brightness: T
+    brightness: E
   };
 }
 const ar = dt({
@@ -1254,15 +1255,15 @@ function Ve({
   scale: l = 0.2,
   blur: f = 1,
   color: h = "#FF355E",
-  colorShift: A = 1,
+  colorShift: w = 1,
   brightness: g = 1,
   themeMode: b = typeof window < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light",
   ref: y,
-  className: T,
+  className: E,
   ...x
 }) {
-  const c = Ye(() => sr(h), [h]);
-  return /* @__PURE__ */ X("div", { ref: y, className: T, ...x, children: /* @__PURE__ */ X(
+  const c = ze(() => sr(h), [h]);
+  return /* @__PURE__ */ G("div", { ref: y, className: E, ...x, children: /* @__PURE__ */ G(
     Jt,
     {
       fs: Zt,
@@ -1287,7 +1288,7 @@ function Ve({
         // 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: A },
+        uColorShift: { type: "1f", value: w },
         // Color variation across layers (0-1)
         uVariance: { type: "1f", value: 0.1 },
         // Smoothing of the aurora (0-1)
@@ -1316,21 +1317,21 @@ function gr({
   audioTrack: l,
   themeMode: f,
   className: h,
-  ref: A,
+  ref: w,
   ...g
 }) {
-  const { speed: b, scale: y, amplitude: T, frequency: x, brightness: c } = or(e, l);
-  return /* @__PURE__ */ X(
+  const { speed: b, scale: y, amplitude: E, frequency: x, brightness: c } = or(e, l);
+  return /* @__PURE__ */ G(
     Ve,
     {
-      ref: A,
+      ref: w,
       blur: 0.2,
       color: r,
       colorShift: n,
       speed: b,
       scale: y,
       themeMode: f,
-      amplitude: T,
+      amplitude: E,
       frequency: x,
       brightness: c,
       className: mt(
@@ -1349,9 +1350,9 @@ const yr = ({
   cancelText: n,
   onCancel: l
 }) => /* @__PURE__ */ le("div", { className: "flex flex-col gap-2", children: [
-  t && /* @__PURE__ */ X("p", { children: t }),
+  t && /* @__PURE__ */ G("p", { children: t }),
   /* @__PURE__ */ le("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ X(
+    /* @__PURE__ */ G(
       fe,
       {
         type: "button",
@@ -1362,7 +1363,7 @@ const yr = ({
         label: e
       }
     ),
-    /* @__PURE__ */ X(
+    /* @__PURE__ */ G(
       fe,
       {
         type: "button",