@factorialco/f0-react 1.413.1 → 1.414.0

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

@@ -1,18 +1,18 @@
 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 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-C9w04Jpr.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";
-import { G as wt } from "./F0AiChat-CMz8oLke.js";
-function Tt(t, e, r) {
+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 Oe(t, e, r, n) {
+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 yt(t, e, r) {
+function Tt(t, e, r) {
   return t * (e + 1);
 }
 function he(t, e, r, n) {
@@ -52,21 +52,21 @@ 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 = It(y), { delay: f = 0, times: _ = Je(A), type: O = "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 N = typeof f == "function" ? f(P, D) : f, j = A.length, Z = tt(O) ? O : o?.[O];
+      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 && Pt(A)) {
@@ -79,11 +79,11 @@ function Ct(t, { defaultTransition: e = {}, ...r } = {}, n, o) {
         M = ee.ease, L = ee.duration;
       }
       L ?? (L = c);
-      const $ = g + N;
+      const $ = g + O;
       _.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 = yt(L, 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];
@@ -95,23 +95,23 @@ function Ct(t, { defaultTransition: e = {}, ...r } = {}, n, o) {
         Rt(_, W);
       }
       const ne = $ + L;
-      At(I, A, M, _, $, ne), C = Math.max(N + L, C), x = Math.max(ne, x);
+      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 = Oe(F, d, n, 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], _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(xt);
@@ -120,12 +120,12 @@ function Ct(t, { defaultTransition: e = {}, ...r } = {}, n, o) {
         const { at: I, value: P, easing: D } = d[w];
         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(St)), 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,
@@ -183,7 +183,7 @@ class Mt extends ot {
     return 0;
   }
 }
-function Nt(t) {
+function Ot(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -200,7 +200,7 @@ function Nt(t) {
   }, 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: {},
@@ -221,10 +221,10 @@ function De(t, e, r, n) {
   if (Bt(t, e))
     o.push(lt(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.");
+    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 ? Nt : Ot;
+      const v = c[b], R = v instanceof Element ? Ot : Nt;
       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 }, {}));
@@ -379,11 +379,17 @@ const zt = Wt(), Er = ["xs", "sm", "md", "lg"], Ar = [
     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);
+}, Ve = Ye(null);
 function xr({
   children: t,
   translations: e
@@ -391,7 +397,7 @@ function xr({
   return /* @__PURE__ */ q(Ve.Provider, { value: e, children: t });
 }
 function Sr() {
-  const t = Ye(Ve);
+  const t = Xe(Ve);
   if (t === null)
     throw new Error(
       "useAiChatTranslations must be used within an AiChatTranslationsProvider"
@@ -399,41 +405,41 @@ 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, 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), 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), 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,
@@ -454,57 +460,57 @@ function pe(t, e, r, n) {
     _
   ]), Z = new Float32Array([
     // Top strip
-    O,
+    N,
     W,
     k,
     W,
-    O,
+    N,
     L,
-    O,
+    N,
     L,
     k,
     W,
     k,
     L,
     // Bottom strip
-    O,
     N,
+    O,
     k,
-    N,
     O,
+    N,
     H,
-    O,
+    N,
     H,
     k,
-    N,
+    O,
     k,
     H,
     // Left strip
-    O,
+    N,
     L,
     z,
     L,
-    O,
     N,
     O,
     N,
+    O,
     z,
     L,
     z,
-    N,
+    O,
     // Right strip
     M,
     L,
     k,
     L,
     M,
-    N,
+    O,
     M,
-    N,
+    O,
     k,
     L,
     k,
-    N
+    O
   ]);
   return { positions: j, uvs: Z };
 }
@@ -517,7 +523,7 @@ function ve(t, e, r) {
   }
   return n;
 }
-function Xt(t, e, r) {
+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, n), t.attachShader(c, o), t.linkProgram(c), !t.getProgramParameter(c, t.LINK_STATUS)) {
@@ -526,7 +532,7 @@ function Xt(t, e, r) {
   }
   return t.deleteShader(n), t.deleteShader(o), c;
 }
-const Yt = `#version 300 es
+const Xt = `#version 300 es
 precision lowp float;
 
 in vec2 vUV;
@@ -824,7 +830,7 @@ class Lr {
     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: T } = pe(
+    const { positions: l, uvs: y } = pe(
       this.canvas.width,
       this.canvas.height,
       this.options.borderWidth * p,
@@ -832,7 +838,7 @@ class Lr {
     );
     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();
@@ -909,7 +915,7 @@ class Lr {
     });
     if (!e)
       throw new Error("WebGL2 is required but not available.");
-    const r = Xt(e, $t, Yt);
+    const r = Yt(e, $t, Xt);
     this.checkGLError(e, "setupGL: after createProgram");
     const n = e.createVertexArray();
     e.bindVertexArray(n), this.checkGLError(e, "setupGL: after VAO creation");
@@ -926,13 +932,13 @@ class Lr {
     e.bindBuffer(e.ARRAY_BUFFER, p), e.bufferData(e.ARRAY_BUFFER, b, 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"), T = 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(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 || qt).map(Ht);
-    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(r, `uColors[${w}]`),
-        ...y[w]
+        ...T[w]
       );
     this.checkGLError(e, "setupGL: after uniform setup"), e.bindVertexArray(null), e.bindBuffer(e.ARRAY_BUFFER, null), this.glr = {
       gl: e,
@@ -942,7 +948,7 @@ class Lr {
       uvBuffer: p,
       uResolution: x,
       uTime: l,
-      uBorderWidth: T,
+      uBorderWidth: y,
       uGlowWidth: F,
       uBorderRadius: d,
       uColors: S
@@ -966,7 +972,7 @@ void main(void){
 }`, 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", Qt = "iChannel", xe = "iChannelResolution", Se = "iDeviceOrientation";
+}`, 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);
 }
@@ -1060,7 +1066,7 @@ const tr = (t, e, r, n) => {
       return "mat4";
     default:
       console.error(
-        Y(
+        X(
           `The uniform type "${t}" is not valid, please make sure your uniform type is valid`
         )
       );
@@ -1123,7 +1129,7 @@ class or {
     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;
@@ -1139,7 +1145,7 @@ class or {
     if (!n)
       return Promise.reject(
         new Error(
-          Y(
+          X(
             "Missing url, please make sure to pass the url of your texture { url: ... }"
           )
         )
@@ -1148,19 +1154,19 @@ class or {
     if (R === null && p === null)
       return Promise.reject(
         new Error(
-          Y(
+          X(
             `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, T = 1, F = 0, d = r.RGBA, S = r.UNSIGNED_BYTE, C = new Uint8Array([255, 255, 255, 0]), U = r.createTexture();
+    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,
@@ -1169,17 +1175,17 @@ class or {
       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: ${n}`)));
+          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;
+    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,
@@ -1206,7 +1212,7 @@ 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 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];
@@ -1228,9 +1234,9 @@ function sr({
   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] },
@@ -1240,18 +1246,18 @@ function sr({
       isNeeded: !1,
       value: [0, 0, 0, 0]
     }
-  }), _ = B(n), O = (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,
@@ -1280,13 +1286,13 @@ function sr({
       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 {
@@ -1296,14 +1302,14 @@ function sr({
   }, L = () => {
     const i = Array.isArray(f.current.iMouse?.value) ? f.current.iMouse.value : void 0;
     i && (i[2] = 0, i[3] = 0);
-  }, N = () => {
-    const i = T.current;
+  }, O = () => {
+    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(
@@ -1313,25 +1319,25 @@ function sr({
       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
             )}`
@@ -1353,8 +1359,8 @@ ${a}`));
         if (!u) continue;
         const E = {};
         if (Jt(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}]`);
+          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,
@@ -1364,7 +1370,7 @@ ${a}`));
         };
       }
   }, re = () => {
-    const i = T.current;
+    const i = y.current;
     if (i)
       if (r && r.length > 0) {
         f.current[`${xe}`] = {
@@ -1377,8 +1383,8 @@ ${a}`));
           (s, h) => (f.current[`${Qt}${h}`] = {
             type: "sampler2D",
             isNeeded: !1
-          }, O(s, h), P.current[h] = new or(i), P.current[h]?.load(s).then((u) => {
-            O(u, h);
+          }, N(s, h), P.current[h] = new or(i), P.current[h]?.load(s).then((u) => {
+            N(u, h);
           }))
         );
         Promise.all(a).then(() => {
@@ -1391,7 +1397,7 @@ ${a}`));
     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.`
       )
     );
@@ -1410,7 +1416,7 @@ ${a}`));
       }
     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;
@@ -1463,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(
@@ -1492,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,
@@ -1530,14 +1536,14 @@ ${a}`));
       "deviceorientation",
       H,
       i
-    ), l.current && (A.current = new ResizeObserver(N), A.current.observe(l.current), window.addEventListener("resize", N, i));
+    ), l.current && (A.current = new ResizeObserver(O), A.current.observe(l.current), window.addEventListener("resize", O, i));
   }, J = () => {
     const i = { passive: !0 };
     f.current.iMouse?.isNeeded && l.current && (l.current.removeEventListener("mousemove", M, i), l.current.removeEventListener("mouseout", L, i), l.current.removeEventListener("mouseup", L, i), l.current.removeEventListener("mousedown", z, i), l.current.removeEventListener("touchmove", M, i), l.current.removeEventListener("touchend", L, i), l.current.removeEventListener("touchstart", z, i)), f.current.iDeviceOrientation?.isNeeded && window.removeEventListener(
       "deviceorientation",
       H,
       i
-    ), A.current && (A.current.disconnect(), window.removeEventListener("resize", N, i));
+    ), A.current && (A.current.disconnect(), window.removeEventListener("resize", O, i));
   };
   return ie(() => {
     _.current = n;
@@ -1545,11 +1551,11 @@ ${a}`));
     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, $(), re(), Z(ne(t || Kt), e || we), k(), requestAnimationFrame(Q), ee(), N());
+      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)
@@ -1744,7 +1750,7 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
 };
 function oe(t) {
   const [e, r] = Ue(t), n = dt(t), o = B(null);
-  Tt(n, "change", (m) => r(m));
+  yt(n, "change", (m) => r(m));
   const c = $e(
     (m, b) => {
       o.current = zt(n, m, b);
@@ -1881,11 +1887,11 @@ 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%" }
     }