@factorialco/f0-react 1.413.0 → 1.414.0

package/dist/{F0HILActionConfirmation-CasXGy89.js → F0HILActionConfirmation-BvAjbJKj.js}

@@ -1,88 +1,89 @@
 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 { 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-JjjfHKNJ.js";
+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 Oe, 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-C9w04Jpr.js";
 import { useTrackVolume as gt } from "@livekit/components-react";
-function wt(t, e, n) {
-  ze(() => t.on(e, n), [t, e, n]);
+import { G as wt } from "./F0AiChat-CBy7rZCW.js";
+function yt(t, e, r) {
+  ze(() => t.on(e, r), [t, e, r]);
 }
 function ue(t) {
   return typeof t == "object" && !Array.isArray(t);
 }
-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 Ne(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];
 }
-function Tt(t, e, n) {
+function Tt(t, e, r) {
   return t * (e + 1);
 }
-function he(t, e, n, r) {
-  return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, t + parseFloat(e)) : e === "<" ? n : r.get(e) ?? t;
+function he(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 yt = (t, e, n) => {
-  const r = e - t;
-  return ((n - t) % r + r) % r + t;
+const bt = (t, e, r) => {
+  const n = e - t;
+  return ((r - t) % n + n) % n + t;
 };
 function Be(t, e) {
-  return je(t) ? t[yt(0, t.length, e)] : t;
+  return je(t) ? t[bt(0, t.length, e)] : t;
 }
-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 Et(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--);
   }
 }
-function Et(t, e, n, r, o, c) {
-  bt(t, o, c);
+function At(t, e, r, n, o, c) {
+  Et(t, o, c);
   for (let m = 0; m < e.length; m++)
     t.push({
       value: e[m],
-      at: Ke(o, c, r[m]),
-      easing: Be(n, m)
+      at: Ke(o, c, n[m]),
+      easing: Be(r, m)
     });
 }
-function At(t, e) {
-  for (let n = 0; n < t.length; n++)
-    t[n] = t[n] / (e + 1);
-}
 function Rt(t, e) {
+  for (let r = 0; r < t.length; r++)
+    t[r] = t[r] / (e + 1);
+}
+function xt(t, e) {
   return t.at === e.at ? t.value === null ? 1 : e.value === null ? -1 : 0 : t.at - e.at;
 }
-const xt = "easeInOut", St = 20;
-function Lt(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
+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();
   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, g);
+    const y = t[l];
+    if (typeof y == "string") {
+      R.set(y, g);
       continue;
-    } else if (!Array.isArray(T)) {
-      R.set(T.name, he(g, T.at, p, R));
+    } else if (!Array.isArray(y)) {
+      R.set(y.name, he(g, y.at, p, R));
       continue;
     }
-    let [F, d, S = {}] = T;
+    let [F, d, S = {}] = y;
     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;
+    const U = (T, w, I, P = 0, D = 0) => {
+      const A = It(T), { 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 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)) {
+        if (j === 2 && Pt(A)) {
           const J = A[1] - A[0];
           K = Math.abs(J);
         }
         const Q = { ...z };
-        L !== void 0 && (Q.duration = nt(L));
+        L !== void 0 && (Q.duration = rt(L));
         const ee = Ze(Q, K, Z);
         M = ee.ease, L = ee.duration;
       }
       L ?? (L = 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 re = _.length - A.length;
+      if (re > 0 && et(_, re), A.length === 1 && A.unshift(null), W) {
+        Oe(W < Lt, "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];
@@ -91,45 +92,45 @@ function Lt(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
           for (let i = 0; i < K.length; i++)
             _.push(Q[i] + (J + 1)), M.push(i === 0 ? "linear" : Be(ee, i - 1));
         }
-        At(_, W);
+        Rt(_, W);
       }
-      const re = $ + L;
-      Et(I, A, M, _, $, re), C = Math.max(O + L, C), x = Math.max(re, x);
+      const ne = $ + L;
+      At(I, A, M, _, $, ne), C = Math.max(O + L, C), x = Math.max(ne, x);
     };
     if (Me(F)) {
-      const y = de(F, b);
-      U(d, S, me("default", y));
+      const T = de(F, b);
+      U(d, S, me("default", T));
     } else {
-      const y = Ne(F, d, r, v), w = y.length;
+      const T = Ne(F, d, n, v), w = T.length;
       for (let I = 0; I < w; I++) {
         d = d, S = S;
-        const P = y[I], D = de(P, b);
+        const P = T[I], D = de(P, b);
         for (const A in d)
-          U(d[A], It(S, A), me(A, D), I, w);
+          U(d[A], _t(S, A), me(A, D), I, w);
       }
     }
     p = g, g += C;
   }
-  return b.forEach((l, T) => {
+  return b.forEach((l, y) => {
     for (const F in l) {
       const d = l[F];
-      d.sort(Rt);
+      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(rt(0, x, I)), U.push(D || "easeOut");
+        S.push(P), C.push(nt(0, x, I)), U.push(D || "easeOut");
       }
-      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, {
+      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, {
         keyframes: {},
         transition: {}
       });
-      const y = m.get(T);
-      y.keyframes[F] = S, y.transition[F] = {
+      const T = m.get(y);
+      T.keyframes[F] = S, T.transition[F] = {
         ...e,
         duration: x,
         ease: U,
         times: C,
-        ...n
+        ...r
       };
     }
   }), m;
@@ -140,49 +141,49 @@ function de(t, e) {
 function me(t, e) {
   return e[t] || (e[t] = []), e[t];
 }
-function Ct(t) {
+function It(t) {
   return Array.isArray(t) ? t : [t];
 }
-function It(t, e) {
+function _t(t, e) {
   return t && t[e] ? {
     ...t,
     ...t[e]
   } : { ...t };
 }
-const _t = (t) => typeof t == "number", Ft = (t) => t.every(_t);
-function Pt(t, e) {
+const Ft = (t) => typeof t == "number", Pt = (t) => t.every(Ft);
+function Ut(t, e) {
   return t in e;
 }
-class Ut extends ot {
+class Mt extends ot {
   constructor() {
     super(...arguments), this.type = "object";
   }
-  readValueFromInstance(e, n) {
-    if (Pt(n, e)) {
-      const r = e[n];
-      if (typeof r == "string" || typeof r == "number")
-        return r;
+  readValueFromInstance(e, r) {
+    if (Ut(r, e)) {
+      const n = e[r];
+      if (typeof n == "string" || typeof n == "number")
+        return n;
     }
   }
   getBaseTargetFromProps() {
   }
-  removeValueFromRenderState(e, n) {
-    delete n.output[e];
+  removeValueFromRenderState(e, r) {
+    delete r.output[e];
   }
   measureInstanceViewportBox() {
     return it();
   }
-  build(e, n) {
-    Object.assign(e.output, n);
+  build(e, r) {
+    Object.assign(e.output, r);
   }
-  renderInstance(e, { output: n }) {
-    Object.assign(e, n);
+  renderInstance(e, { output: r }) {
+    Object.assign(e, r);
   }
   sortInstanceNodePosition() {
     return 0;
   }
 }
-function Mt(t) {
+function Ot(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -196,10 +197,10 @@ function Mt(t) {
       },
       latestValues: {}
     }
-  }, n = st(t) && !at(t) ? new ct(e) : new ut(e);
-  n.mount(t), se.set(t, n);
+  }, r = st(t) && !at(t) ? new ct(e) : new ut(e);
+  r.mount(t), se.set(t, r);
 }
-function Ot(t) {
+function Nt(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -209,35 +210,35 @@ function Ot(t) {
       },
       latestValues: {}
     }
-  }, n = new Ut(e);
-  n.mount(t), se.set(t, n);
+  }, r = new Mt(e);
+  r.mount(t), se.set(t, r);
 }
-function Nt(t, e) {
+function Bt(t, e) {
   return Me(t) || typeof t == "number" || typeof t == "string" && !ue(e);
 }
-function De(t, e, n, r) {
+function De(t, e, r, n) {
   const o = [];
-  if (Nt(t, e))
-    o.push(lt(t, ue(e) && e.default || e, n && (n.default || n)));
+  if (Bt(t, e))
+    o.push(lt(t, ue(e) && e.default || e, r && (r.default || r)));
   else {
-    const c = Ne(t, e, r), m = c.length;
+    const c = Ne(t, e, n), 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;
+      const v = c[b], R = v instanceof Element ? Ot : Nt;
       se.has(v) || R(v);
-      const p = se.get(v), g = { ...n };
+      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 }, {}));
     }
   }
   return o;
 }
-function Bt(t, e, n) {
-  const r = [];
-  return Lt(t, e, n, { spring: ht }).forEach(({ keyframes: c, transition: m }, b) => {
-    r.push(...De(b, c, m));
-  }), r;
+function Dt(t, e, r) {
+  const n = [];
+  return Ct(t, e, r, { spring: ht }).forEach(({ keyframes: c, transition: m }, b) => {
+    n.push(...De(b, c, m));
+  }), n;
 }
-class Dt {
+class Vt {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -250,15 +251,15 @@ class Dt {
   getAll(e) {
     return this.animations[0][e];
   }
-  setAll(e, n) {
-    for (let r = 0; r < this.animations.length; r++)
-      this.animations[r][e] = n;
+  setAll(e, r) {
+    for (let n = 0; n < this.animations.length; n++)
+      this.animations[n][e] = r;
   }
   attachTimeline(e) {
-    const n = this.animations.map((r) => r.attachTimeline(e));
+    const r = this.animations.map((n) => n.attachTimeline(e));
     return () => {
-      n.forEach((r, o) => {
-        r && r(), this.animations[o].stop();
+      r.forEach((n, o) => {
+        n && n(), this.animations[o].stop();
       });
     };
   }
@@ -282,12 +283,12 @@ class Dt {
   }
   get duration() {
     let e = 0;
-    for (let n = 0; n < this.animations.length; n++)
-      e = Math.max(e, this.animations[n].duration);
+    for (let r = 0; r < this.animations.length; r++)
+      e = Math.max(e, this.animations[r].duration);
     return e;
   }
   runAll(e) {
-    this.animations.forEach((n) => n[e]());
+    this.animations.forEach((r) => r[e]());
   }
   play() {
     this.runAll("play");
@@ -302,27 +303,27 @@ class Dt {
     this.runAll("complete");
   }
 }
-class Vt extends Dt {
-  then(e, n) {
+class Gt extends Vt {
+  then(e, r) {
     return this.finished.finally(e).then(() => {
     });
   }
 }
-function Gt(t) {
+function kt(t) {
   return Array.isArray(t) && t.some(Array.isArray);
 }
-function kt(t) {
-  function e(n, r, o) {
+function Wt(t) {
+  function e(r, n, o) {
     let c = [];
-    return Gt(n) ? c = Bt(n, r, t) : c = De(n, r, o, t), new Vt(c);
+    return kt(r) ? c = Dt(r, n, t) : c = De(r, n, o, t), new Gt(c);
   }
   return e;
 }
-const Wt = kt(), yn = ["xs", "sm", "md", "lg"], bn = [
+const zt = Wt(), Er = ["xs", "sm", "md", "lg"], Ar = [
   "inProgress",
   "executing",
   "completed"
-], En = {
+], Rr = {
   ai: {
     openChat: "Open Chat with One AI",
     closeChat: "Close Chat with One AI",
@@ -378,61 +379,67 @@ const Wt = kt(), yn = ["xs", "sm", "md", "lg"], bn = [
     dataDownload: {
       download: "Download {{format}}"
     },
+    pong: {
+      ai: "AI",
+      you: "YOU",
+      youWin: "You win!",
+      youLose: "You lose!"
+    },
     unsavedChanges: "Unsaved changes",
     saveChanges: "Save changes",
     discardChanges: "Discard"
   }
-}, Ve = Xe(null);
-function An({
+}, Ve = Ye(null);
+function xr({
   children: t,
   translations: e
 }) {
   return /* @__PURE__ */ q(Ve.Provider, { value: e, children: t });
 }
-function Rn() {
-  const t = Ye(Ve);
+function Sr() {
+  const t = Xe(Ve);
   if (t === null)
     throw new Error(
       "useAiChatTranslations must be used within an AiChatTranslationsProvider"
     );
   return t;
 }
-function pe(t, e, n, r) {
-  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([
+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), 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,
+    T,
     I,
     w,
     I,
-    y,
+    T,
     f,
-    y,
+    T,
     f,
     w,
     I,
     w,
     f,
     // Bottom strip
-    y,
+    T,
     _,
     w,
     _,
-    y,
+    T,
     P,
-    y,
+    T,
     P,
     w,
     _,
     w,
     P,
     // Left strip
-    y,
+    T,
     f,
     D,
     f,
-    y,
+    T,
     _,
-    y,
+    T,
     _,
     D,
     f,
@@ -507,23 +514,23 @@ function pe(t, e, n, r) {
   ]);
   return { positions: j, uvs: Z };
 }
-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)) {
-    const o = t.getShaderInfoLog(r) || "Unknown shader error";
-    throw t.deleteShader(r), new Error(o);
+function ve(t, e, r) {
+  const n = t.createShader(e);
+  if (!n) throw new Error("Failed to create shader");
+  if (t.shaderSource(n, r), t.compileShader(n), !t.getShaderParameter(n, t.COMPILE_STATUS)) {
+    const o = t.getShaderInfoLog(n) || "Unknown shader error";
+    throw t.deleteShader(n), new Error(o);
   }
-  return r;
+  return n;
 }
-function zt(t, e, n) {
-  const r = ve(t, t.VERTEX_SHADER, e), o = ve(t, t.FRAGMENT_SHADER, n), c = t.createProgram();
+function Yt(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, r), t.attachShader(c, o), t.linkProgram(c), !t.getProgramParameter(c, t.LINK_STATUS)) {
+  if (t.attachShader(c, n), t.attachShader(c, o), t.linkProgram(c), !t.getProgramParameter(c, t.LINK_STATUS)) {
     const m = t.getProgramInfoLog(c) || "Unknown link error";
-    throw t.deleteProgram(c), t.deleteShader(r), t.deleteShader(o), new Error(m);
+    throw t.deleteProgram(c), t.deleteShader(n), t.deleteShader(o), new Error(m);
   }
-  return t.deleteShader(r), t.deleteShader(o), c;
+  return t.deleteShader(n), t.deleteShader(o), c;
 }
 const Xt = `#version 300 es
 precision lowp float;
@@ -731,7 +738,8 @@ void main() {
 	float alpha = mix(glow, 1.0, border);
 
 	outColor = vec4(color, alpha);
-}`, Yt = `#version 300 es
+}
+`, $t = `#version 300 es
 
 in vec2 aPosition;
 in vec2 aUV;
@@ -739,7 +747,8 @@ out vec2 vUV;
 void main() {
 	vUV = aUV;
 	gl_Position = vec4(aPosition, 0.0, 1.0);
-}`, $t = [
+}
+`, qt = [
   "rgb(229, 25, 67)",
   // #E51943 red
   "rgb(229, 86, 25)",
@@ -749,14 +758,14 @@ void main() {
   "rgb(161, 173, 229)"
   // #A1ADE5 light blue
 ];
-function qt(t) {
+function Ht(t) {
   const e = t.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
   if (!e)
     throw new Error(`Invalid color format: ${t}`);
-  const [, n, r, o] = e;
-  return [parseInt(n) / 255, parseInt(r) / 255, parseInt(o) / 255];
+  const [, r, n, o] = e;
+  return [parseInt(r) / 255, parseInt(n) / 255, parseInt(o) / 255];
 }
-class xn {
+class Lr {
   element;
   canvas;
   options;
@@ -798,10 +807,10 @@ class xn {
     const e = () => {
       if (!this.running || !this.glr) return;
       this.rafId = requestAnimationFrame(e);
-      const n = performance.now();
-      if (n - this.lastTime < 1e3 / 32) return;
-      this.lastTime = n;
-      const o = (n - this.startTime) * 1e-3;
+      const r = performance.now();
+      if (r - this.lastTime < 1e3 / 32) return;
+      this.lastTime = r;
+      const o = (r - this.startTime) * 1e-3;
       this.render(o);
     };
     this.rafId = requestAnimationFrame(e);
@@ -813,15 +822,15 @@ class xn {
   dispose() {
     if (this.disposed) return;
     this.disposed = !0, this.running = !1, this.rafId !== null && cancelAnimationFrame(this.rafId);
-    const { gl: e, vao: n, positionBuffer: r, uvBuffer: o, program: c } = this.glr;
-    n && e.deleteVertexArray(n), r && e.deleteBuffer(r), o && e.deleteBuffer(o), e.deleteProgram(c), this.observer && this.observer.disconnect(), this.canvas.remove();
+    const { gl: e, vao: r, positionBuffer: n, uvBuffer: o, program: c } = this.glr;
+    r && e.deleteVertexArray(r), n && e.deleteBuffer(n), o && e.deleteBuffer(o), e.deleteProgram(c), this.observer && this.observer.disconnect(), this.canvas.remove();
   }
-  resize(e, n, r) {
+  resize(e, r, n) {
     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: 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(
+    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));
+    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(
       this.canvas.width,
       this.canvas.height,
       this.options.borderWidth * p,
@@ -829,7 +838,7 @@ class xn {
     );
     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, 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, 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();
@@ -843,46 +852,46 @@ class xn {
    */
   autoResize(e) {
     this.observer && this.observer.disconnect(), this.observer = new ResizeObserver(() => {
-      const n = e.getBoundingClientRect();
-      this.resize(n.width, n.height);
+      const r = e.getBoundingClientRect();
+      this.resize(r.width, r.height);
     }), this.observer.observe(e);
   }
   fadeIn() {
     if (this.disposed) throw new Error("Mask instance has been disposed.");
-    return new Promise((e, n) => {
-      const r = this.canvas.animate(
+    return new Promise((e, r) => {
+      const n = this.canvas.animate(
         [
           { opacity: 0, transform: "scale(1.2)" },
           { opacity: 1, transform: "scale(1)" }
         ],
         { duration: 300, easing: "ease-out", fill: "forwards" }
       );
-      r.onfinish = () => e(), r.oncancel = () => n("canceled");
+      n.onfinish = () => e(), n.oncancel = () => r("canceled");
     });
   }
   fadeOut() {
     if (this.disposed) throw new Error("Mask instance has been disposed.");
-    return new Promise((e, n) => {
-      const r = this.canvas.animate(
+    return new Promise((e, r) => {
+      const n = this.canvas.animate(
         [
           { opacity: 1, transform: "scale(1)" },
           { opacity: 0, transform: "scale(1.2)" }
         ],
         { duration: 300, easing: "ease-in", fill: "forwards" }
       );
-      r.onfinish = () => e(), r.oncancel = () => n("canceled");
+      n.onfinish = () => e(), n.oncancel = () => r("canceled");
     });
   }
-  checkGLError(e, n) {
-    let r = e.getError();
-    if (r !== e.NO_ERROR)
-      for (console.error(`WebGL Error in ${n}`); r !== e.NO_ERROR; ) {
-        const o = this.getGLErrorName(e, r);
-        console.error(`${o} (0x${r.toString(16)})`), r = e.getError();
+  checkGLError(e, r) {
+    let n = e.getError();
+    if (n !== e.NO_ERROR)
+      for (console.error(`WebGL Error in ${r}`); n !== e.NO_ERROR; ) {
+        const o = this.getGLErrorName(e, n);
+        console.error(`${o} (0x${n.toString(16)})`), n = e.getError();
       }
   }
-  getGLErrorName(e, n) {
-    switch (n) {
+  getGLErrorName(e, r) {
+    switch (r) {
       case e.INVALID_ENUM:
         return "INVALID_ENUM";
       case e.INVALID_VALUE:
@@ -906,10 +915,10 @@ class xn {
     });
     if (!e)
       throw new Error("WebGL2 is required but not available.");
-    const n = zt(e, Yt, Xt);
+    const r = Yt(e, $t, Xt);
     this.checkGLError(e, "setupGL: after createProgram");
-    const r = e.createVertexArray();
-    e.bindVertexArray(r), this.checkGLError(e, "setupGL: after VAO creation");
+    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(
       o,
       c,
@@ -917,29 +926,29 @@ class xn {
       this.options.glowWidth
     ), v = e.createBuffer();
     e.bindBuffer(e.ARRAY_BUFFER, v), e.bufferData(e.ARRAY_BUFFER, m, e.STATIC_DRAW);
-    const R = e.getAttribLocation(n, "aPosition");
+    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);
-    const g = e.getAttribLocation(n, "aUV");
+    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(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++)
+    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++)
       e.uniform3f(
-        e.getUniformLocation(n, `uColors[${w}]`),
-        ...y[w]
+        e.getUniformLocation(r, `uColors[${w}]`),
+        ...T[w]
       );
     this.checkGLError(e, "setupGL: after uniform setup"), e.bindVertexArray(null), e.bindBuffer(e.ARRAY_BUFFER, null), this.glr = {
       gl: e,
-      program: n,
-      vao: r,
+      program: r,
+      vao: n,
       positionBuffer: v,
       uvBuffer: p,
       uResolution: x,
       uTime: l,
-      uBorderWidth: T,
+      uBorderWidth: y,
       uGlowWidth: F,
       uBorderRadius: d,
       uColors: S
@@ -947,75 +956,75 @@ class xn {
   }
   render(e) {
     if (!this.glr) return;
-    const { gl: n, program: r, vao: o, uTime: c } = this.glr;
-    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 { gl: r, program: n, vao: o, uTime: c } = this.glr;
+    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"], Ht = `
+const ge = ["lowp", "mediump", "highp"], jt = `
 void main(void){
     vec4 color = vec4(0.0,0.0,0.0,1.0);
     mainImage( color, gl_FragCoord.xy );
     gl_FragColor = color;
-}`, jt = `void mainImage( out vec4 fragColor, in vec2 fragCoord ) {
+}`, Kt = `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", be = "iDate", Ee = "iFrame", Ae = "iMouse", Re = "iResolution", Kt = "iChannel", xe = "iChannelResolution", Se = "iDeviceOrientation";
-function Qt(t, e) {
+}`, ye = "iTime", Te = "iTimeDelta", be = "iDate", Ee = "iFrame", Ae = "iMouse", Re = "iResolution", Qt = "iChannel", xe = "iChannelResolution", Se = "iDeviceOrientation";
+function Jt(t, e) {
   return t.includes("Matrix") && Array.isArray(e);
 }
-function Jt(t, e) {
+function Zt(t, e) {
   return t.includes("v") && Array.isArray(e) && e.length > Number.parseInt(t.charAt(0));
 }
-function Zt(t, e) {
+function er(t, e) {
   return !t.includes("v") && Array.isArray(e) && e.length > Number.parseInt(t.charAt(0));
 }
-const en = (t, e, n, r) => {
-  if (Zt(n, r))
-    switch (n) {
+const tr = (t, e, r, n) => {
+  if (er(r, n))
+    switch (r) {
       case "2f":
-        return t.uniform2f(e, r[0], r[1]);
+        return t.uniform2f(e, n[0], n[1]);
       case "3f":
-        return t.uniform3f(e, r[0], r[1], r[2]);
+        return t.uniform3f(e, n[0], n[1], n[2]);
       case "4f":
-        return t.uniform4f(e, r[0], r[1], r[2], r[3]);
+        return t.uniform4f(e, n[0], n[1], n[2], n[3]);
       case "2i":
-        return t.uniform2i(e, r[0], r[1]);
+        return t.uniform2i(e, n[0], n[1]);
       case "3i":
-        return t.uniform3i(e, r[0], r[1], r[2]);
+        return t.uniform3i(e, n[0], n[1], n[2]);
       case "4i":
-        return t.uniform4i(e, r[0], r[1], r[2], r[3]);
+        return t.uniform4i(e, n[0], n[1], n[2], n[3]);
     }
-  if (typeof r == "number")
-    return n === "1i" ? t.uniform1i(e, r) : t.uniform1f(e, r);
-  switch (n) {
+  if (typeof n == "number")
+    return r === "1i" ? t.uniform1i(e, n) : t.uniform1f(e, n);
+  switch (r) {
     case "1iv":
-      return t.uniform1iv(e, r);
+      return t.uniform1iv(e, n);
     case "2iv":
-      return t.uniform2iv(e, r);
+      return t.uniform2iv(e, n);
     case "3iv":
-      return t.uniform3iv(e, r);
+      return t.uniform3iv(e, n);
     case "4iv":
-      return t.uniform4iv(e, r);
+      return t.uniform4iv(e, n);
     case "1fv":
-      return t.uniform1fv(e, r);
+      return t.uniform1fv(e, n);
     case "2fv":
-      return t.uniform2fv(e, r);
+      return t.uniform2fv(e, n);
     case "3fv":
-      return t.uniform3fv(e, r);
+      return t.uniform3fv(e, n);
     case "4fv":
-      return t.uniform4fv(e, r);
+      return t.uniform4fv(e, n);
     case "Matrix2fv":
-      return t.uniformMatrix2fv(e, !1, r);
+      return t.uniformMatrix2fv(e, !1, n);
     case "Matrix3fv":
-      return t.uniformMatrix3fv(e, !1, r);
+      return t.uniformMatrix3fv(e, !1, n);
     case "Matrix4fv":
-      return t.uniformMatrix4fv(e, !1, r);
+      return t.uniformMatrix4fv(e, !1, n);
   }
-}, tn = (t) => {
+}, rr = (t) => {
   switch (t) {
     case "1f":
       return "float";
@@ -1057,13 +1066,13 @@ const en = (t, e, n, r) => {
       return "mat4";
     default:
       console.error(
-        Y(
+        X(
           `The uniform type "${t}" is not valid, please make sure your uniform type is valid`
         )
       );
   }
-}, ce = 9729, Le = 9728, nn = 9987, Ce = 33071, Ie = 10497;
-class rn {
+}, ce = 9729, Le = 9728, nr = 9987, Ce = 33071, Ie = 10497;
+class or {
   gl;
   url;
   wrapS;
@@ -1081,37 +1090,37 @@ class rn {
   constructor(e) {
     this.gl = e;
   }
-  updateTexture = (e, n, r) => {
+  updateTexture = (e, r, n) => {
     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.bindTexture(o.TEXTURE_2D, e), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, n), o.texImage2D(
       o.TEXTURE_2D,
       c,
       m,
       b,
       v,
-      n
+      r
     );
   };
   setupVideo = (e) => {
-    const n = document.createElement("video");
-    let r = !1, o = !1;
-    n.autoplay = !0, n.muted = !0, n.loop = !0, n.crossOrigin = "anonymous";
+    const r = document.createElement("video");
+    let n = !1, o = !1;
+    r.autoplay = !0, r.muted = !0, r.loop = !0, r.crossOrigin = "anonymous";
     const c = () => {
-      r && o && (this.isLoaded = !0);
+      n && o && (this.isLoaded = !0);
     };
-    return n.addEventListener(
+    return r.addEventListener(
       "playing",
       () => {
-        r = !0, this.width = n.videoWidth || 0, this.height = n.videoHeight || 0, c();
+        n = !0, this.width = r.videoWidth || 0, this.height = r.videoHeight || 0, c();
       },
       !0
-    ), n.addEventListener(
+    ), r.addEventListener(
       "timeupdate",
       () => {
         o = !0, c();
       },
       !0
-    ), n.src = e, n;
+    ), r.src = e, r;
   };
   makePowerOf2 = (e) => e instanceof HTMLImageElement || e instanceof HTMLCanvasElement || e instanceof ImageBitmap ? (this.pow2canvas === void 0 && (this.pow2canvas = document.createElement("canvas")), this.pow2canvas.width = 2 ** Math.floor(Math.log(e.width) / Math.LN2), this.pow2canvas.height = 2 ** Math.floor(Math.log(e.height) / Math.LN2), this.pow2canvas.getContext("2d")?.drawImage(
     e,
@@ -1120,101 +1129,101 @@ class rn {
     this.pow2canvas.width,
     this.pow2canvas.height
   ), console.warn(
-    Y(
+    X(
       `Image is not power of two ${e.width} x ${e.height}. Resized to ${this.pow2canvas.width} x ${this.pow2canvas.height};`
     )
   ), this.pow2canvas) : e;
   load = async (e) => {
-    const { gl: n } = this, {
-      url: r,
+    const { gl: r } = this, {
+      url: n,
       wrapS: o,
       wrapT: c,
       minFilter: m,
       magFilter: b,
       flipY: v = -1
     } = e;
-    if (!r)
+    if (!n)
       return Promise.reject(
         new Error(
-          Y(
+          X(
             "Missing url, please make sure to pass the url of your texture { url: ... }"
           )
         )
       );
-    const R = /(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.exec(r), p = /(\.mp4|\.3gp|\.webm|\.ogv)$/i.exec(r);
+    const R = /(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.exec(n), p = /(\.mp4|\.3gp|\.webm|\.ogv)$/i.exec(n);
     if (R === null && p === null)
       return Promise.reject(
         new Error(
-          Y(
-            `Please upload a video or an image with a valid format (url: ${r})`
+          X(
+            `Please upload a video or an image with a valid format (url: ${n})`
           )
         )
       );
-    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,
+    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();
+    if (r.bindTexture(r.TEXTURE_2D, U), r.texImage2D(
+      r.TEXTURE_2D,
       g,
       x,
       l,
-      T,
+      y,
       F,
       d,
       S,
       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);
+      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 y() {
+    async function T() {
       return new Promise((P, D) => {
         const A = new Image();
         A.crossOrigin = "anonymous", A.onload = () => {
           P(A);
         }, A.onerror = () => {
-          D(new Error(Y(`failed loading url: ${r}`)));
-        }, A.src = r ?? "";
+          D(new Error(X(`failed loading url: ${n}`)));
+        }, A.src = n ?? "";
       });
     }
-    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,
+    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(
+      r.TEXTURE_2D,
       g,
       x,
       d,
       S,
       w
-    ), I && e.minFilter !== Le && e.minFilter !== ce && n.generateMipmap(n.TEXTURE_2D), n.texParameteri(
-      n.TEXTURE_2D,
-      n.TEXTURE_WRAP_S,
+    ), I && e.minFilter !== Le && e.minFilter !== ce && r.generateMipmap(r.TEXTURE_2D), r.texParameteri(
+      r.TEXTURE_2D,
+      r.TEXTURE_WRAP_S,
       this.wrapS || Ie
-    ), n.texParameteri(
-      n.TEXTURE_2D,
-      n.TEXTURE_WRAP_T,
+    ), r.texParameteri(
+      r.TEXTURE_2D,
+      r.TEXTURE_WRAP_T,
       this.wrapT || Ie
-    ), n.texParameteri(
-      n.TEXTURE_2D,
-      n.TEXTURE_MIN_FILTER,
-      this.minFilter || nn
-    ), n.texParameteri(
-      n.TEXTURE_2D,
-      n.TEXTURE_MAG_FILTER,
+    ), r.texParameteri(
+      r.TEXTURE_2D,
+      r.TEXTURE_MIN_FILTER,
+      this.minFilter || nr
+    ), r.texParameteri(
+      r.TEXTURE_2D,
+      r.TEXTURE_MAG_FILTER,
       this.magFilter || ce
     ), 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}`, _e = (t) => {
+const X = (t) => `react-shaders: ${t}`, _e = (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, n) => t * (1 - n) + e * n, on = (t, e, n) => n > 0 ? t.substring(0, n) + e + t.substring(n, t.length) : e + t;
-function sn({
+}, 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;
+function sr({
   fs: t,
   vs: e = we,
-  textures: n = [],
-  uniforms: r,
+  textures: r = [],
+  uniforms: n,
   clearColor: o = [0, 0, 0, 1],
   precision: c = "highp",
   style: m,
@@ -1225,9 +1234,9 @@ function sn({
   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), 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 },
+  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 },
+    [Te]: { type: "float", isNeeded: !1, value: 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] },
@@ -1237,18 +1246,18 @@ function sn({
       isNeeded: !1,
       value: [0, 0, 0, 0]
     }
-  }), _ = B(r), N = (i, a) => {
+  }), _ = B(n), 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 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", b) || l.current.getContext(
+    l.current && (y.current = l.current.getContext("webgl", b) || l.current.getContext(
       "experimental-webgl",
       b
-    ), T.current?.getExtension("OES_standard_derivatives"), T.current?.getExtension("EXT_shader_texture_lod"));
+    ), y.current?.getExtension("OES_standard_derivatives"), y.current?.getExtension("EXT_shader_texture_lod"));
   }, k = () => {
-    const i = T.current;
+    const i = y.current;
     F.current = i?.createBuffer() ?? null, i?.bindBuffer(i.ARRAY_BUFFER, F.current);
     const a = [
       1,
@@ -1277,13 +1286,13 @@ function sn({
       window.orientation ?? 0
     ];
   }, z = (i) => {
-    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;
+    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;
     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;
   }, M = (i) => {
-    y.current = l.current?.getBoundingClientRect();
-    const [a = 0, s = 0] = _e(i), h = a - (y.current?.left ?? 0), u = (y.current?.height ?? 0) - s - (y.current?.top ?? 0);
+    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);
     if (v !== 1)
       I.current[0] = h, I.current[1] = u;
     else {
@@ -1294,13 +1303,13 @@ function sn({
     const i = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
     i && (i[2] = 0, i[3] = 0);
   }, O = () => {
-    const i = T.current;
+    const i = y.current;
     if (!i) return;
-    y.current = l.current?.getBoundingClientRect();
+    T.current = l.current?.getBoundingClientRect();
     const a = R, s = Math.floor(
-      (y.current?.width ?? 1) * a
+      (T.current?.width ?? 1) * a
     ), h = Math.floor(
-      (y.current?.height ?? 1) * a
+      (T.current?.height ?? 1) * a
     );
     if (i.canvas.width = s, i.canvas.height = h, f.current.iResolution?.isNeeded && d.current) {
       const u = i.getUniformLocation(
@@ -1310,25 +1319,25 @@ function sn({
       i.uniform2fv(u, [i.canvas.width, i.canvas.height]);
     }
   }, j = (i, a) => {
-    const s = T.current;
+    const s = y.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?.(Y(`Error compiling the shader:
+      x?.(X(`Error compiling the shader:
 ${a}`));
       const u = s.getShaderInfoLog(h);
-      s.deleteShader(h), g?.(Y(`Shader compiler log: ${u}`));
+      s.deleteShader(h), g?.(X(`Shader compiler log: ${u}`));
     }
     return h;
   }, Z = (i, a) => {
-    const s = T.current;
+    const s = y.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)) {
         g?.(
-          Y(
+          X(
             `Unable to initialize the shader program: ${s.getProgramInfoLog(
               d.current
             )}`
@@ -1342,17 +1351,17 @@ ${a}`));
       ), s.enableVertexAttribArray(S.current);
     }
   }, $ = () => {
-    if (r)
-      for (const i of Object.keys(r)) {
-        const a = r[i];
+    if (n)
+      for (const i of Object.keys(n)) {
+        const a = n[i];
         if (!a) continue;
-        const { value: s, type: h } = a, u = tn(h);
+        const { value: s, type: h } = a, u = rr(h);
         if (!u) continue;
         const E = {};
-        if (Qt(h, s)) {
-          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)))}]`);
+        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)))}]`);
         f.current[i] = {
           type: u,
           isNeeded: !1,
@@ -1360,21 +1369,21 @@ ${a}`));
           ...E
         };
       }
-  }, ne = () => {
-    const i = T.current;
+  }, re = () => {
+    const i = y.current;
     if (i)
-      if (n && n.length > 0) {
+      if (r && r.length > 0) {
         f.current[`${xe}`] = {
           type: "vec3",
           isNeeded: !1,
-          arraySize: `[${n.length}]`,
+          arraySize: `[${r.length}]`,
           value: []
         };
-        const a = n.map(
-          (s, h) => (f.current[`${Kt}${h}`] = {
+        const a = r.map(
+          (s, h) => (f.current[`${Qt}${h}`] = {
             type: "sampler2D",
             isNeeded: !1
-          }, N(s, h), P.current[h] = new rn(i), P.current[h]?.load(s).then((u) => {
+          }, N(s, h), P.current[h] = new or(i), P.current[h]?.load(s).then((u) => {
             N(u, h);
           }))
         );
@@ -1384,11 +1393,11 @@ ${a}`));
           g?.(s), p && p();
         });
       } else p && p();
-  }, re = (i) => {
+  }, ne = (i) => {
     const a = ge.includes(c ?? "highp"), s = `precision ${a ? c : ge[1]} float;
 `;
     a || x?.(
-      Y(
+      X(
         `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.`
       )
     );
@@ -1398,16 +1407,16 @@ ${a}`));
       if (i.includes(E)) {
         const V = f.current[E];
         if (!V) continue;
-        h = on(
+        h = ir(
           h,
           `uniform ${V.type} ${E}${V.arraySize || ""}; 
 `,
           h.lastIndexOf(s) + s.length
         ), V.isNeeded = !0;
       }
-    return i.includes("mainImage") && (h = h.concat(Ht)), h;
+    return i.includes("mainImage") && (h = h.concat(jt)), h;
   }, K = (i) => {
-    const a = T.current;
+    const a = y.current;
     if (!a || !d.current) return;
     const s = D.current ? (i - D.current) / 1e3 : 0;
     D.current = i;
@@ -1422,7 +1431,7 @@ ${a}`));
             u
           );
           if (!V) return;
-          en(
+          tr(
             a,
             V,
             E.type,
@@ -1460,23 +1469,23 @@ ${a}`));
     if (f.current.iTime?.isNeeded) {
       const u = a.getUniformLocation(
         d.current,
-        Te
+        ye
       );
       a.uniform1f(u, w.current += s);
     }
     if (f.current.iTimeDelta?.isNeeded) {
       const u = a.getUniformLocation(
         d.current,
-        ye
+        Te
       );
       a.uniform1f(u, s);
     }
     if (f.current.iDate?.isNeeded) {
-      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(
+      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
       );
-      a.uniform4fv(ae, [X, E, V, te]);
+      a.uniform4fv(ae, [Y, E, V, te]);
     }
     if (f.current.iFrame?.isNeeded) {
       const u = a.getUniformLocation(
@@ -1489,23 +1498,23 @@ ${a}`));
       for (let u = 0; u < P.current.length; u++) {
         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;
+        const { isVideo: V, _webglTexture: Y, source: te, flipY: ae, isLoaded: ke } = E;
+        if (!ke || !Y || !te) return;
         if (f.current[`iChannel${u}`]?.isNeeded) {
           if (!d.current) return;
           const We = a.getUniformLocation(
             d.current,
             `iChannel${u}`
           );
-          a.activeTexture(a.TEXTURE0 + u), a.bindTexture(a.TEXTURE_2D, X), a.uniform1i(We, u), V && E.updateTexture(
-            X,
+          a.activeTexture(a.TEXTURE0 + u), a.bindTexture(a.TEXTURE_2D, Y), a.uniform1i(We, u), V && E.updateTexture(
+            Y,
             te,
             ae
           );
         }
       }
   }, Q = (i) => {
-    const a = T.current;
+    const a = y.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,
@@ -1537,16 +1546,16 @@ ${a}`));
     ), A.current && (A.current.disconnect(), window.removeEventListener("resize", O, i));
   };
   return ie(() => {
-    _.current = r;
-  }, [r]), ie(() => {
+    _.current = n;
+  }, [n]), 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 || jt), e || we), k(), requestAnimationFrame(Q), ee(), O());
+      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(), O());
     }
     return requestAnimationFrame(a), () => {
-      const s = T.current;
+      const s = y.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)
@@ -1563,7 +1572,7 @@ ${a}`));
     }
   );
 }
-const an = `
+const ar = `
 const float TAU = 6.283185;
 
 // Noise for dithering
@@ -1730,7 +1739,7 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
     float alpha = mappedBrightness * clamp(uMix, 1.0, 2.0);
     fragColor = vec4(color, alpha);
   }
-}`, cn = 10, un = 2, ln = 0.5, fn = 0.2, hn = 1.5, G = {
+}`, cr = 10, ur = 2, lr = 0.5, fr = 0.2, hr = 1.5, G = {
   duration: 0.5,
   ease: "easeOut"
 }, Pe = {
@@ -1740,22 +1749,22 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
   repeatType: "mirror"
 };
 function oe(t) {
-  const [e, n] = Ue(t), r = dt(t), o = B(null);
-  wt(r, "change", (m) => n(m));
+  const [e, r] = Ue(t), n = dt(t), o = B(null);
+  yt(n, "change", (m) => r(m));
   const c = $e(
     (m, b) => {
-      o.current = Wt(r, m, b);
+      o.current = zt(n, m, b);
     },
-    [r]
+    [n]
   );
-  return { value: e, motionValue: r, controls: o, animate: c };
+  return { value: e, motionValue: n, controls: o, animate: c };
 }
-function dn(t, e) {
-  const [n, r] = Ue(cn), {
+function dr(t, e) {
+  const [r, n] = Ue(cr), {
     value: o,
     animate: c,
     motionValue: m
-  } = oe(fn), { value: b, animate: v } = oe(un), { value: R, animate: p } = oe(ln), { value: g, animate: x } = oe(hn), l = gt(e, {
+  } = oe(fr), { value: b, animate: v } = oe(ur), { value: R, animate: p } = oe(lr), { value: g, animate: x } = oe(hr), l = gt(e, {
     fftSize: 512,
     smoothingTimeConstant: 0.55
   });
@@ -1764,19 +1773,19 @@ function dn(t, e) {
       case "idle":
       case "failed":
       case "disconnected":
-        r(10), c(0.2, G), v(1.2, G), p(0.4, G), x(1, G);
+        n(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 }), v(1, G), p(0.7, G), x([1.5, 2], Pe);
+        n(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), v(0.5, G), p(1, G), x([0.5, 2.5], Pe);
+        n(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), v(0.75, G), p(1.25, G), x(1.5, G);
+        n(70), c(0.3, G), v(0.75, G), p(1.25, G), x(1.5, G);
         return;
     }
   }, [
@@ -1796,14 +1805,14 @@ function dn(t, e) {
     p,
     x
   ]), {
-    speed: n,
+    speed: r,
     scale: o,
     amplitude: b,
     frequency: R,
     brightness: g
   };
 }
-const mn = pt({
+const mr = pt({
   base: "aspect-square",
   variants: {
     size: {
@@ -1818,20 +1827,20 @@ const mn = pt({
     size: "lg"
   }
 });
-function pn(t) {
+function pr(t) {
   const e = t.match(
     /^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   );
   if (e) {
-    const [, n, r, o] = e;
-    return [n, r, o].map((m = "00") => parseInt(m, 16) / 255);
+    const [, r, n, o] = e;
+    return [r, n, o].map((m = "00") => parseInt(m, 16) / 255);
   }
 }
 function Ge({
   shape: t = 1,
   speed: e = 1,
-  amplitude: n = 0.5,
-  frequency: r = 0.5,
+  amplitude: r = 0.5,
+  frequency: n = 0.5,
   scale: o = 0.2,
   blur: c = 1,
   color: m = "#FF355E",
@@ -1842,11 +1851,11 @@ function Ge({
   className: g,
   ...x
 }) {
-  const l = qe(() => pn(m), [m]);
+  const l = qe(() => pr(m), [m]);
   return /* @__PURE__ */ q("div", { ref: p, className: g, ...x, children: /* @__PURE__ */ q(
-    sn,
+    sr,
     {
-      fs: an,
+      fs: ar,
       devicePixelRatio: globalThis.devicePixelRatio ?? 1,
       uniforms: {
         // Aurora wave speed
@@ -1858,9 +1867,9 @@ function Ge({
         // Shape type: 1=circle, 2=line
         uShape: { type: "1f", value: t },
         // Wave frequency and complexity
-        uFrequency: { type: "1f", value: r },
+        uFrequency: { type: "1f", value: n },
         // Turbulence amplitude
-        uAmplitude: { type: "1f", value: n },
+        uAmplitude: { type: "1f", value: r },
         // Light intensity (bloom)
         uBloom: { type: "1f", value: 0 },
         // Brightness of the aurora (0-1)
@@ -1878,36 +1887,36 @@ function Ge({
         // Color
         uColor: { type: "3fv", value: l ?? [0, 0.7, 1] }
       },
-      onError: (T) => {
-        console.error("Shader error:", T);
+      onError: (y) => {
+        console.error("Shader error:", y);
       },
-      onWarning: (T) => {
-        console.warn("Shader warning:", T);
+      onWarning: (y) => {
+        console.warn("Shader warning:", y);
       },
       style: { width: "100%", height: "100%" }
     }
   ) });
 }
 Ge.displayName = "AuraShader";
-function Sn({
+function Cr({
   size: t = "lg",
   state: e,
-  color: n,
-  colorShift: r = 0.05,
+  color: r,
+  colorShift: n = 0.05,
   audioTrack: o,
   themeMode: c,
   className: m,
   ref: b,
   ...v
 }) {
-  const { speed: R, scale: p, amplitude: g, frequency: x, brightness: l } = dn(e, o);
+  const { speed: R, scale: p, amplitude: g, frequency: x, brightness: l } = dr(e, o);
   return /* @__PURE__ */ q(
     Ge,
     {
       ref: b,
       blur: 0.2,
-      color: n,
-      colorShift: r,
+      color: r,
+      colorShift: n,
       speed: R,
       scale: p,
       themeMode: c,
@@ -1915,7 +1924,7 @@ function Sn({
       frequency: x,
       brightness: l,
       className: mt(
-        mn({ size: t }),
+        mr({ size: t }),
         "overflow-hidden rounded-full",
         m
       ),
@@ -1923,11 +1932,13 @@ function Sn({
     }
   );
 }
-const Ln = ({
+const vr = wt;
+vr.displayName = "F0ChatReportCard";
+const Ir = ({
   text: t,
   confirmationText: e,
-  onConfirm: n,
-  cancelText: r,
+  onConfirm: r,
+  cancelText: n,
   onCancel: o
 }) => /* @__PURE__ */ le("div", { className: "flex flex-col gap-2", children: [
   t && /* @__PURE__ */ q("p", { children: t }),
@@ -1939,7 +1950,7 @@ const Ln = ({
         variant: "outline",
         size: "sm",
         icon: vt,
-        onClick: n,
+        onClick: r,
         label: e
       }
     ),
@@ -1950,18 +1961,19 @@ const Ln = ({
         variant: "ghost",
         size: "sm",
         onClick: o,
-        label: r
+        label: n
       }
     )
   ] })
 ] });
 export {
-  An as A,
-  xn as F,
-  En as a,
-  bn as b,
-  Sn as c,
-  Ln as d,
-  yn as o,
-  Rn as u
+  xr as A,
+  Lr as F,
+  Rr as a,
+  Ar as b,
+  Cr as c,
+  vr as d,
+  Ir as e,
+  Er as o,
+  Sr as u
 };