@factorialco/f0-react 1.376.1 → 1.378.0

package/dist/{F0HILActionConfirmation-DqkMrDGj.js → F0HILActionConfirmation-DVS7vYT1.js}

@@ -1,6 +1,6 @@
 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-Bb12WR9x.js";
+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-Bza8zqLg.js";
 import { useTrackVolume as pt } from "@livekit/components-react";
 function vt(t, e, r) {
   Xe(() => t.on(e, r), [t, e, r]);
@@ -356,16 +356,18 @@ const Gt = Bt(), mr = ["xs", "sm", "md", "lg"], dr = [
     ask: "Ask One"
   }
 }, Pe = ke(null);
-function pr({ children: t, translations: e }) {
-  return X(Pe.Provider, {
-    value: e,
-    children: t
-  });
+function pr({
+  children: t,
+  translations: e
+}) {
+  return /* @__PURE__ */ X(Pe.Provider, { value: e, children: t });
 }
 function vr() {
   const t = $e(Pe);
   if (t === null)
-    throw new Error("useAiChatTranslations must be used within an AiChatTranslationsProvider");
+    throw new Error(
+      "useAiChatTranslations must be used within an AiChatTranslationsProvider"
+    );
   return t;
 }
 const pe = ["lowp", "mediump", "highp"], Xt = `
@@ -473,7 +475,11 @@ const Wt = (t, e, r, n) => {
     case "Matrix4fv":
       return "mat4";
     default:
-      console.error(G(`The uniform type "${t}" is not valid, please make sure your uniform type is valid`));
+      console.error(
+        G(
+          `The uniform type "${t}" is not valid, please make sure your uniform type is valid`
+        )
+      );
   }
 }, se = 9729, be = 9728, jt = 9987, Re = 33071, Ie = 10497;
 class Kt {
@@ -496,7 +502,14 @@ class Kt {
   }
   updateTexture = (e, r, n) => {
     const { gl: l } = this, f = 0, h = l.RGBA, A = 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, g, r);
+    l.bindTexture(l.TEXTURE_2D, e), l.pixelStorei(l.UNPACK_FLIP_Y_WEBGL, n), l.texImage2D(
+      l.TEXTURE_2D,
+      f,
+      h,
+      A,
+      g,
+      r
+    );
   };
   setupVideo = (e) => {
     const r = document.createElement("video");
@@ -505,30 +518,70 @@ class Kt {
     const f = () => {
       n && l && (this.isLoaded = !0);
     };
-    return r.addEventListener("playing", () => {
-      n = !0, this.width = r.videoWidth || 0, this.height = r.videoHeight || 0, f();
-    }, !0), r.addEventListener("timeupdate", () => {
-      l = !0, f();
-    }, !0), r.src = e, r;
+    return r.addEventListener(
+      "playing",
+      () => {
+        n = !0, this.width = r.videoWidth || 0, this.height = r.videoHeight || 0, f();
+      },
+      !0
+    ), r.addEventListener(
+      "timeupdate",
+      () => {
+        l = !0, f();
+      },
+      !0
+    ), 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, 0, 0, this.pow2canvas.width, this.pow2canvas.height), console.warn(G(`Image is not power of two ${e.width} x ${e.height}. Resized to ${this.pow2canvas.width} x ${this.pow2canvas.height};`)), this.pow2canvas) : e;
+  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,
+    0,
+    0,
+    this.pow2canvas.width,
+    this.pow2canvas.height
+  ), console.warn(
+    G(
+      `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: r } = this, { url: n, wrapS: l, wrapT: f, minFilter: h, magFilter: A, flipY: g = -1 } = e;
-    if (!n)
-      return Promise.reject(new Error(G("Missing url, please make sure to pass the url of your texture { url: ... }")));
-    const b = /(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.exec(n), y = /(\.mp4|\.3gp|\.webm|\.ogv)$/i.exec(n);
-    if (b === null && y === null)
-      return Promise.reject(new Error(G(`Please upload a video or an image with a valid format (url: ${n})`)));
-    Object.assign(this, {
+    const { gl: r } = this, {
       url: n,
       wrapS: l,
       wrapT: f,
       minFilter: h,
       magFilter: A,
-      flipY: g
-    });
+      flipY: g = -1
+    } = e;
+    if (!n)
+      return Promise.reject(
+        new Error(
+          G(
+            "Missing url, please make sure to pass the url of your texture { url: ... }"
+          )
+        )
+      );
+    const b = /(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.exec(n), y = /(\.mp4|\.3gp|\.webm|\.ogv)$/i.exec(n);
+    if (b === null && y === null)
+      return Promise.reject(
+        new Error(
+          G(
+            `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();
-    if (r.bindTexture(r.TEXTURE_2D, C), r.texImage2D(r.TEXTURE_2D, T, x, c, v, N, m, R, L), y) {
+    if (r.bindTexture(r.TEXTURE_2D, C), r.texImage2D(
+      r.TEXTURE_2D,
+      T,
+      x,
+      c,
+      v,
+      N,
+      m,
+      R,
+      L
+    ), 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);
     }
@@ -543,7 +596,30 @@ class Kt {
       });
     }
     let S = await w(), 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, x, m, R, S), I && e.minFilter !== be && e.minFilter !== se && r.generateMipmap(r.TEXTURE_2D), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, this.wrapS || Ie), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, this.wrapT || Ie), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, this.minFilter || jt), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, this.magFilter || se), this._webglTexture = C, this.source = S, this.isVideo = !1, this.isLoaded = !0, this.width = S.width || 0, this.height = S.height || 0, this;
+    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,
+      x,
+      m,
+      R,
+      S
+    ), I && e.minFilter !== be && e.minFilter !== se && r.generateMipmap(r.TEXTURE_2D), r.texParameteri(
+      r.TEXTURE_2D,
+      r.TEXTURE_WRAP_S,
+      this.wrapS || Ie
+    ), r.texParameteri(
+      r.TEXTURE_2D,
+      r.TEXTURE_WRAP_T,
+      this.wrapT || Ie
+    ), r.texParameteri(
+      r.TEXTURE_2D,
+      r.TEXTURE_MIN_FILTER,
+      this.minFilter || jt
+    ), r.texParameteri(
+      r.TEXTURE_2D,
+      r.TEXTURE_MAG_FILTER,
+      this.magFilter || se
+    ), 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) => {
@@ -553,38 +629,28 @@ const G = (t) => `react-shaders: ${t}`, Fe = (t) => {
   }
   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;
-function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l = [0, 0, 0, 1], precision: f = "highp", style: h, contextAttributes: A = {}, lerp: g = 1, devicePixelRatio: b = 1, onDoneLoadingTextures: y, onError: T = console.error, onWarning: x = console.warn }) {
+function Jt({
+  fs: t,
+  vs: e = ve,
+  textures: r = [],
+  uniforms: n,
+  clearColor: l = [0, 0, 0, 1],
+  precision: f = "highp",
+  style: h,
+  contextAttributes: A = {},
+  lerp: g = 1,
+  devicePixelRatio: b = 1,
+  onDoneLoadingTextures: y,
+  onError: T = 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 = _({
-    [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
-    },
+    [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 },
     [xe]: {
       type: "vec4",
       isNeeded: !1,
@@ -596,14 +662,39 @@ function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l =
     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("experimental-webgl", A), v.current?.getExtension("OES_standard_derivatives"), v.current?.getExtension("EXT_shader_texture_lod"));
+    c.current && (v.current = c.current.getContext("webgl", A) || c.current.getContext(
+      "experimental-webgl",
+      A
+    ), v.current?.getExtension("OES_standard_derivatives"), v.current?.getExtension("EXT_shader_texture_lod"));
   }, ue = () => {
     const i = v.current;
     N.current = i?.createBuffer() ?? null, i?.bindBuffer(i.ARRAY_BUFFER, N.current);
-    const a = [1, 1, 0, -1, 1, 0, 1, -1, 0, -1, -1, 0];
+    const a = [
+      1,
+      1,
+      0,
+      -1,
+      1,
+      0,
+      1,
+      -1,
+      0,
+      -1,
+      -1,
+      0
+    ];
     i?.bufferData(i.ARRAY_BUFFER, new Float32Array(a), i.STATIC_DRAW);
-  }, oe = ({ alpha: i, beta: a, gamma: o }) => {
-    d.current.iDeviceOrientation.value = [i ?? 0, a ?? 0, o ?? 0, window.orientation ?? 0];
+  }, oe = ({
+    alpha: i,
+    beta: a,
+    gamma: o
+  }) => {
+    d.current.iDeviceOrientation.value = [
+      i ?? 0,
+      a ?? 0,
+      o ?? 0,
+      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;
     C.current = !0;
@@ -625,9 +716,16 @@ function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l =
     const i = v.current;
     if (!i) return;
     w.current = c.current?.getBoundingClientRect();
-    const a = b, o = Math.floor((w.current?.width ?? 1) * a), u = Math.floor((w.current?.height ?? 1) * a);
+    const a = b, o = Math.floor(
+      (w.current?.width ?? 1) * a
+    ), u = Math.floor(
+      (w.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);
+      const s = i.getUniformLocation(
+        m.current,
+        we
+      );
       i.uniform2fv(s, [i.canvas.width, i.canvas.height]);
     }
   }, Q = (i, a) => {
@@ -648,10 +746,19 @@ ${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(`Unable to initialize the shader program: ${o.getProgramInfoLog(m.current)}`));
+        T?.(
+          G(
+            `Unable to initialize the shader program: ${o.getProgramInfoLog(
+              m.current
+            )}`
+          )
+        );
         return;
       }
-      o.useProgram(m.current), R.current = o.getAttribLocation(m.current, "aVertexPosition"), o.enableVertexAttribArray(R.current);
+      o.useProgram(m.current), R.current = o.getAttribLocation(
+        m.current,
+        "aVertexPosition"
+      ), o.enableVertexAttribArray(R.current);
     }
   }, Z = () => {
     if (n)
@@ -682,12 +789,14 @@ ${a}`));
           arraySize: `[${r.length}]`,
           value: []
         };
-        const a = r.map((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(s, u);
-        })));
+        const a = r.map(
+          (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(s, u);
+          }))
+        );
         Promise.all(a).then(() => {
           y && y();
         }).catch((o) => {
@@ -697,15 +806,23 @@ ${a}`));
   }, te = (i) => {
     const a = pe.includes(f ?? "highp"), o = `precision ${a ? f : pe[1]} float;
 `;
-    a || x?.(G(`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.`));
+    a || x?.(
+      G(
+        `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.`
+      )
+    );
     let u = o.concat(`#define DPR ${b.toFixed(1)}
 `).concat(i.replace(/texture\(/g, "texture2D("));
     for (const p of Object.keys(d.current))
       if (i.includes(p)) {
         const O = d.current[p];
         if (!O) continue;
-        u = Qt(u, `uniform ${O.type} ${p}${O.arraySize || ""}; 
-`, u.lastIndexOf(o) + o.length), O.isNeeded = !0;
+        u = Qt(
+          u,
+          `uniform ${O.type} ${p}${O.arraySize || ""}; 
+`,
+          u.lastIndexOf(o) + o.length
+        ), O.isNeeded = !0;
       }
     return i.includes("mainImage") && (u = u.concat(Xt)), u;
   }, z = (i) => {
@@ -719,37 +836,72 @@ ${a}`));
         const p = u[s];
         if (p && d.current[s]?.isNeeded) {
           if (!m.current) return;
-          const O = a.getUniformLocation(m.current, s);
+          const O = a.getUniformLocation(
+            m.current,
+            s
+          );
           if (!O) return;
-          Wt(a, O, p.type, p.value);
+          Wt(
+            a,
+            O,
+            p.type,
+            p.value
+          );
         }
       }
     if (d.current.iMouse?.isNeeded) {
-      const s = a.getUniformLocation(m.current, Ae);
+      const s = a.getUniformLocation(
+        m.current,
+        Ae
+      );
       a.uniform4fv(s, d.current.iMouse.value);
     }
     if (d.current.iChannelResolution?.isNeeded) {
-      const s = a.getUniformLocation(m.current, Se);
-      a.uniform3fv(s, d.current.iChannelResolution.value);
+      const s = a.getUniformLocation(
+        m.current,
+        Se
+      );
+      a.uniform3fv(
+        s,
+        d.current.iChannelResolution.value
+      );
     }
     if (d.current.iDeviceOrientation?.isNeeded) {
-      const s = a.getUniformLocation(m.current, xe);
-      a.uniform4fv(s, d.current.iDeviceOrientation.value);
+      const s = a.getUniformLocation(
+        m.current,
+        xe
+      );
+      a.uniform4fv(
+        s,
+        d.current.iDeviceOrientation.value
+      );
     }
     if (d.current.iTime?.isNeeded) {
-      const s = a.getUniformLocation(m.current, ge);
+      const s = a.getUniformLocation(
+        m.current,
+        ge
+      );
       a.uniform1f(s, S.current += o);
     }
     if (d.current.iTimeDelta?.isNeeded) {
-      const s = a.getUniformLocation(m.current, ye);
+      const s = a.getUniformLocation(
+        m.current,
+        ye
+      );
       a.uniform1f(s, o);
     }
     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);
+      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
+      );
       a.uniform4fv(ae, [B, p, O, K]);
     }
     if (d.current.iFrame?.isNeeded) {
-      const s = a.getUniformLocation(m.current, Ee), p = d.current.iFrame.value;
+      const s = a.getUniformLocation(
+        m.current,
+        Ee
+      ), p = d.current.iFrame.value;
       a.uniform1i(s, p), d.current.iFrame.value = p + 1;
     }
     if (F.current.length > 0)
@@ -760,14 +912,28 @@ ${a}`));
         if (!Be || !B || !K) return;
         if (d.current[`iChannel${s}`]?.isNeeded) {
           if (!m.current) return;
-          const Ge = a.getUniformLocation(m.current, `iChannel${s}`);
-          a.activeTexture(a.TEXTURE0 + s), a.bindTexture(a.TEXTURE_2D, B), a.uniform1i(Ge, s), O && p.updateTexture(B, K, ae);
+          const Ge = a.getUniformLocation(
+            m.current,
+            `iChannel${s}`
+          );
+          a.activeTexture(a.TEXTURE0 + s), a.bindTexture(a.TEXTURE_2D, B), a.uniform1i(Ge, s), O && p.updateTexture(
+            B,
+            K,
+            ae
+          );
         }
       }
   }, Y = (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(R.current ?? 0, 3, a.FLOAT, !1, 0, 0), z(i), a.drawArrays(a.TRIANGLE_STRIP, 0, 4);
+    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(
+      R.current ?? 0,
+      3,
+      a.FLOAT,
+      !1,
+      0,
+      0
+    ), z(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;
@@ -775,15 +941,19 @@ ${a}`));
     }
     L.current = requestAnimationFrame(Y);
   }, 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));
+    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));
   }, 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));
+    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));
   };
   return ne(() => {
     P.current = n;
@@ -804,14 +974,13 @@ ${a}`));
       }
       q(), cancelAnimationFrame(L.current ?? 0);
     };
-  }, []), X("canvas", {
-    ref: c,
-    style: {
-      height: "100%",
-      width: "100%",
-      ...h
+  }, []), /* @__PURE__ */ X(
+    "canvas",
+    {
+      ref: c,
+      style: { height: "100%", width: "100%", ...h }
     }
-  });
+  );
 }
 const Zt = `
 const float TAU = 6.283185;
@@ -1069,78 +1238,64 @@ const ar = dt({
   }
 });
 function sr(t) {
-  const e = t.match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);
+  const e = t.match(
+    /^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+  );
   if (e) {
     const [, r, n, l] = e;
     return [r, n, l].map((h = "00") => parseInt(h, 16) / 255);
   }
 }
-function Ve({ shape: t = 1, speed: e = 1, amplitude: r = 0.5, frequency: n = 0.5, scale: l = 0.2, blur: f = 1, color: h = "#FF355E", colorShift: A = 1, brightness: g = 1, themeMode: b = typeof window < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light", ref: y, className: T, ...x }) {
+function Ve({
+  shape: t = 1,
+  speed: e = 1,
+  amplitude: r = 0.5,
+  frequency: n = 0.5,
+  scale: l = 0.2,
+  blur: f = 1,
+  color: h = "#FF355E",
+  colorShift: A = 1,
+  brightness: g = 1,
+  themeMode: b = typeof window < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light",
+  ref: y,
+  className: T,
+  ...x
+}) {
   const c = Ye(() => sr(h), [h]);
-  return X("div", {
-    ref: y,
-    className: T,
-    ...x,
-    children: X(Jt, {
+  return /* @__PURE__ */ X("div", { ref: y, className: T, ...x, children: /* @__PURE__ */ X(
+    Jt,
+    {
       fs: Zt,
       devicePixelRatio: globalThis.devicePixelRatio ?? 1,
       uniforms: {
-        uSpeed: {
-          type: "1f",
-          value: e
-        },
-        uBlur: {
-          type: "1f",
-          value: f
-        },
-        uScale: {
-          type: "1f",
-          value: l
-        },
-        uShape: {
-          type: "1f",
-          value: t
-        },
-        uFrequency: {
-          type: "1f",
-          value: n
-        },
-        uAmplitude: {
-          type: "1f",
-          value: r
-        },
-        uBloom: {
-          type: "1f",
-          value: 0
-        },
-        uMix: {
-          type: "1f",
-          value: g
-        },
-        uSpacing: {
-          type: "1f",
-          value: 0.5
-        },
-        uColorShift: {
-          type: "1f",
-          value: A
-        },
-        uVariance: {
-          type: "1f",
-          value: 0.1
-        },
-        uSmoothing: {
-          type: "1f",
-          value: 1
-        },
-        uMode: {
-          type: "1f",
-          value: b === "light" ? 1 : 0
-        },
-        uColor: {
-          type: "3fv",
-          value: c ?? [0, 0.7, 1]
-        }
+        // Aurora wave speed
+        uSpeed: { type: "1f", value: e },
+        // Edge blur/softness
+        uBlur: { type: "1f", value: f },
+        // Shape scale
+        uScale: { type: "1f", value: l },
+        // Shape type: 1=circle, 2=line
+        uShape: { type: "1f", value: t },
+        // Wave frequency and complexity
+        uFrequency: { type: "1f", value: n },
+        // Turbulence amplitude
+        uAmplitude: { type: "1f", value: r },
+        // Light intensity (bloom)
+        uBloom: { type: "1f", value: 0 },
+        // Brightness of the aurora (0-1)
+        uMix: { type: "1f", value: g },
+        // 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 },
+        // Color variation across layers (0-1)
+        uVariance: { type: "1f", value: 0.1 },
+        // Smoothing of the aurora (0-1)
+        uSmoothing: { type: "1f", value: 1 },
+        // Display mode: 0=dark background, 1=light background
+        uMode: { type: "1f", value: b === "light" ? 1 : 0 },
+        // Color
+        uColor: { type: "3fv", value: c ?? [0, 0.7, 1] }
       },
       onError: (v) => {
         console.error("Shader error:", v);
@@ -1148,55 +1303,77 @@ function Ve({ shape: t = 1, speed: e = 1, amplitude: r = 0.5, frequency: n = 0.5
       onWarning: (v) => {
         console.warn("Shader warning:", v);
       },
-      style: {
-        width: "100%",
-        height: "100%"
-      }
-    })
-  });
+      style: { width: "100%", height: "100%" }
+    }
+  ) });
 }
 Ve.displayName = "AuraShader";
-function gr({ size: t = "lg", state: e, color: r, colorShift: n = 0.05, audioTrack: l, themeMode: f, className: h, ref: A, ...g }) {
+function gr({
+  size: t = "lg",
+  state: e,
+  color: r,
+  colorShift: n = 0.05,
+  audioTrack: l,
+  themeMode: f,
+  className: h,
+  ref: A,
+  ...g
+}) {
   const { speed: b, scale: y, amplitude: T, frequency: x, brightness: c } = or(e, l);
-  return X(Ve, {
-    ref: A,
-    blur: 0.2,
-    color: r,
-    colorShift: n,
-    speed: b,
-    scale: y,
-    themeMode: f,
-    amplitude: T,
-    frequency: x,
-    brightness: c,
-    className: mt(ar({
-      size: t
-    }), "overflow-hidden rounded-full", h),
-    ...g
-  });
+  return /* @__PURE__ */ X(
+    Ve,
+    {
+      ref: A,
+      blur: 0.2,
+      color: r,
+      colorShift: n,
+      speed: b,
+      scale: y,
+      themeMode: f,
+      amplitude: T,
+      frequency: x,
+      brightness: c,
+      className: mt(
+        ar({ size: t }),
+        "overflow-hidden rounded-full",
+        h
+      ),
+      ...g
+    }
+  );
 }
-const yr = ({ text: t, confirmationText: e, onConfirm: r, cancelText: n, onCancel: l }) => le("div", {
-  className: "flex flex-col gap-2",
-  children: [t && X("p", {
-    children: t
-  }), le("div", {
-    className: "flex gap-2",
-    children: [X(fe, {
-      type: "button",
-      variant: "outline",
-      size: "sm",
-      icon: ht,
-      onClick: r,
-      label: e
-    }), X(fe, {
-      type: "button",
-      variant: "ghost",
-      size: "sm",
-      onClick: l,
-      label: n
-    })]
-  })]
-});
+const yr = ({
+  text: t,
+  confirmationText: e,
+  onConfirm: r,
+  cancelText: n,
+  onCancel: l
+}) => /* @__PURE__ */ le("div", { className: "flex flex-col gap-2", children: [
+  t && /* @__PURE__ */ X("p", { children: t }),
+  /* @__PURE__ */ le("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ X(
+      fe,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        icon: ht,
+        onClick: r,
+        label: e
+      }
+    ),
+    /* @__PURE__ */ X(
+      fe,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: l,
+        label: n
+      }
+    )
+  ] })
+] });
 export {
   pr as A,
   gr as F,