@ikonai/sdk-react-ui 1.0.2 → 1.0.3

package/index.js

@@ -1,8 +1,8 @@
-import { IkonUICore as At, UiStreamStore as kt } from "@ikonai/sdk-ui";
-import { UiStreamStore as Zr } from "@ikonai/sdk-ui";
-import Tt, { useSyncExternalStore as $e, useMemo as U, memo as x, useRef as A, useCallback as F, Fragment as It, useEffect as B, useState as Y, createContext as ut, use as Fe } from "react";
-import { createLogger as Ee, getOrCreateDeviceId as ye, deriveAuthUrl as _e, parseUrlParams as Ct, isCloudEnvironment as ze, extractUserIdFromToken as Nt, deriveBackendType as We, IkonClient as Ot } from "@ikonai/sdk";
-var ge = { exports: {} }, ne = {};
+import { IkonUICore as kt, UiStreamStore as Tt } from "@ikonai/sdk-ui";
+import { UiStreamStore as po } from "@ikonai/sdk-ui";
+import Ct, { useSyncExternalStore as $e, useMemo as z, memo as Y, useRef as w, useCallback as B, Fragment as It, useEffect as F, useState as ee, createContext as lt, use as Be } from "react";
+import { createLogger as Re, getOrCreateDeviceId as Se, deriveAuthUrl as je, parseUrlParams as Nt, isCloudEnvironment as Ye, extractUserIdFromToken as Ot, deriveBackendType as We, IkonClient as _t } from "@ikonai/sdk";
+var ye = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -14,10 +14,10 @@ var ge = { exports: {} }, ne = {};
  */
 var qe;
 function Pt() {
-  if (qe) return ne;
+  if (qe) return ae;
   qe = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function n(r, o, s) {
+  function r(n, o, s) {
     var i = null;
     if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
       s = {};
@@ -26,15 +26,15 @@ function Pt() {
     } else s = o;
     return o = s.ref, {
       $$typeof: t,
-      type: r,
+      type: n,
       key: i,
       ref: o !== void 0 ? o : null,
       props: s
     };
   }
-  return ne.Fragment = e, ne.jsx = n, ne.jsxs = n, ne;
+  return ae.Fragment = e, ae.jsx = r, ae.jsxs = r, ae;
 }
-var re = {};
+var ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,25 +45,25 @@ var re = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Je;
-function _t() {
+function jt() {
   return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
     function t(u) {
       if (u == null) return null;
       if (typeof u == "function")
-        return u.$$typeof === fe ? null : u.displayName || u.name || null;
+        return u.$$typeof === M ? null : u.displayName || u.name || null;
       if (typeof u == "string") return u;
       switch (u) {
-        case R:
+        case b:
           return "Fragment";
-        case y:
+        case p:
           return "Profiler";
         case m:
           return "StrictMode";
-        case D:
+        case V:
           return "Suspense";
-        case W:
+        case G:
           return "SuspenseList";
-        case de:
+        case C:
           return "Activity";
       }
       if (typeof u == "object")
@@ -72,19 +72,19 @@ function _t() {
         ), u.$$typeof) {
           case S:
             return "Portal";
-          case j:
+          case P:
             return (u.displayName || "Context") + ".Provider";
-          case v:
+          case A:
             return (u._context.displayName || "Context") + ".Consumer";
-          case O:
-            var p = u.render;
-            return u = u.displayName, u || (u = p.displayName || p.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
-          case le:
-            return p = u.displayName || null, p !== null ? p : t(u.type) || "Memo";
+          case j:
+            var g = u.render;
+            return u = u.displayName, u || (u = g.displayName || g.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
           case Z:
-            p = u._payload, u = u._init;
+            return g = u.displayName || null, g !== null ? g : t(u.type) || "Memo";
+          case k:
+            g = u._payload, u = u._init;
             try {
-              return t(u(p));
+              return t(u(g));
             } catch {
             }
         }
@@ -93,57 +93,57 @@ function _t() {
     function e(u) {
       return "" + u;
     }
-    function n(u) {
+    function r(u) {
       try {
         e(u);
-        var p = !1;
+        var g = !1;
       } catch {
-        p = !0;
+        g = !0;
       }
-      if (p) {
-        p = console;
-        var w = p.error, k = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
-        return w.call(
-          p,
+      if (g) {
+        g = console;
+        var E = g.error, T = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
+        return E.call(
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          k
+          T
         ), e(u);
       }
     }
-    function r(u) {
-      if (u === R) return "<>";
-      if (typeof u == "object" && u !== null && u.$$typeof === Z)
+    function n(u) {
+      if (u === b) return "<>";
+      if (typeof u == "object" && u !== null && u.$$typeof === k)
         return "<...>";
       try {
-        var p = t(u);
-        return p ? "<" + p + ">" : "<...>";
+        var g = t(u);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var u = q.A;
+      var u = I.A;
       return u === null ? null : u.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function i(u) {
-      if (he.call(u, "key")) {
-        var p = Object.getOwnPropertyDescriptor(u, "key").get;
-        if (p && p.isReactWarning) return !1;
+      if (L.call(u, "key")) {
+        var g = Object.getOwnPropertyDescriptor(u, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
       return u.key !== void 0;
     }
-    function a(u, p) {
-      function w() {
-        Q || (Q = !0, console.error(
+    function a(u, g) {
+      function E() {
+        oe || (oe = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          p
+          g
         ));
       }
-      w.isReactWarning = !0, Object.defineProperty(u, "key", {
-        get: w,
+      E.isReactWarning = !0, Object.defineProperty(u, "key", {
+        get: E,
         configurable: !0
       });
     }
@@ -153,14 +153,14 @@ function _t() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), u = this.props.ref, u !== void 0 ? u : null;
     }
-    function d(u, p, w, k, L, P, J, te) {
-      return w = P.ref, u = {
-        $$typeof: g,
+    function f(u, g, E, T, K, x, Q, ie) {
+      return E = x.ref, u = {
+        $$typeof: y,
         type: u,
-        key: p,
-        props: P,
-        _owner: L
-      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(u, "ref", {
+        key: g,
+        props: x,
+        _owner: K
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(u, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
@@ -177,141 +177,141 @@ function _t() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: J
+        value: Q
       }), Object.defineProperty(u, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
+        value: ie
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    function l(u, p, w, k, L, P, J, te) {
-      var T = p.children;
-      if (T !== void 0)
-        if (k)
-          if (Ae(T)) {
-            for (k = 0; k < T.length; k++)
-              h(T[k]);
-            Object.freeze && Object.freeze(T);
+    function l(u, g, E, T, K, x, Q, ie) {
+      var N = g.children;
+      if (N !== void 0)
+        if (T)
+          if (W(N)) {
+            for (T = 0; T < N.length; T++)
+              h(N[T]);
+            Object.freeze && Object.freeze(N);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(T);
-      if (he.call(p, "key")) {
-        T = t(u);
-        var z = Object.keys(p).filter(function(N) {
-          return N !== "key";
+        else h(N);
+      if (L.call(g, "key")) {
+        N = t(u);
+        var X = Object.keys(g).filter(function(U) {
+          return U !== "key";
         });
-        k = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", ee[T + k] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
+        T = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", se[N + T] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          k,
           T,
-          z,
-          T
-        ), ee[T + k] = !0);
+          N,
+          X,
+          N
+        ), se[N + T] = !0);
       }
-      if (T = null, w !== void 0 && (n(w), T = "" + w), i(p) && (n(p.key), T = "" + p.key), "key" in p) {
-        w = {};
-        for (var I in p)
-          I !== "key" && (w[I] = p[I]);
-      } else w = p;
-      return T && a(
-        w,
+      if (N = null, E !== void 0 && (r(E), N = "" + E), i(g) && (r(g.key), N = "" + g.key), "key" in g) {
+        E = {};
+        for (var O in g)
+          O !== "key" && (E[O] = g[O]);
+      } else E = g;
+      return N && a(
+        E,
         typeof u == "function" ? u.displayName || u.name || "Unknown" : u
-      ), d(
+      ), f(
         u,
-        T,
-        P,
-        L,
+        N,
+        x,
+        K,
         o(),
-        w,
-        J,
-        te
+        E,
+        Q,
+        ie
       );
     }
     function h(u) {
-      typeof u == "object" && u !== null && u.$$typeof === g && u._store && (u._store.validated = 1);
+      typeof u == "object" && u !== null && u.$$typeof === y && u._store && (u._store.validated = 1);
     }
-    var f = Tt, g = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), j = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), de = Symbol.for("react.activity"), fe = Symbol.for("react.client.reference"), q = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, he = Object.prototype.hasOwnProperty, Ae = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var d = Ct, y = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), P = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), I = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, W = Array.isArray, te = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
+    d = {
       "react-stack-bottom-frame": function(u) {
         return u();
       }
     };
-    var Q, pe = {}, K = f["react-stack-bottom-frame"].bind(
-      f,
+    var oe, pe = {}, H = d["react-stack-bottom-frame"].bind(
+      d,
       s
-    )(), me = G(r(s)), ee = {};
-    re.Fragment = R, re.jsx = function(u, p, w, k, L) {
-      var P = 1e4 > q.recentlyCreatedOwnerStacks++;
+    )(), ge = te(n(s)), se = {};
+    ce.Fragment = b, ce.jsx = function(u, g, E, T, K) {
+      var x = 1e4 > I.recentlyCreatedOwnerStacks++;
       return l(
         u,
-        p,
-        w,
+        g,
+        E,
         !1,
-        k,
-        L,
-        P ? Error("react-stack-top-frame") : K,
-        P ? G(r(u)) : me
+        T,
+        K,
+        x ? Error("react-stack-top-frame") : H,
+        x ? te(n(u)) : ge
       );
-    }, re.jsxs = function(u, p, w, k, L) {
-      var P = 1e4 > q.recentlyCreatedOwnerStacks++;
+    }, ce.jsxs = function(u, g, E, T, K) {
+      var x = 1e4 > I.recentlyCreatedOwnerStacks++;
       return l(
         u,
-        p,
-        w,
+        g,
+        E,
         !0,
-        k,
-        L,
-        P ? Error("react-stack-top-frame") : K,
-        P ? G(r(u)) : me
+        T,
+        K,
+        x ? Error("react-stack-top-frame") : H,
+        x ? te(n(u)) : ge
       );
     };
-  }()), re;
+  }()), ce;
 }
-var Ye;
-function jt() {
-  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? ge.exports = Pt() : ge.exports = _t()), ge.exports;
+var Ge;
+function Mt() {
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? ye.exports = Pt() : ye.exports = jt()), ye.exports;
 }
-var E = jt();
-function Mt(t, e) {
-  const n = $e(
-    (r) => t.subscribe(r),
+var R = Mt();
+function Ut(t, e) {
+  const r = $e(
+    (n) => t.subscribe(n),
     () => {
-      const r = t.getSnapshot(), o = e ?? r.rootViewId, s = o ? r.views.get(o) : void 0;
+      const n = t.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
       return `${o ?? ""}:${s?.id ?? ""}`;
     },
     () => {
-      const r = t.getSnapshot(), o = e ?? r.rootViewId, s = o ? r.views.get(o) : void 0;
+      const n = t.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return U(() => {
-    const [r, o] = n.split(":");
+  return z(() => {
+    const [n, o] = r.split(":");
     return {
-      rootViewId: r || void 0,
+      rootViewId: n || void 0,
       rootNodeId: o || void 0
     };
-  }, [n]);
+  }, [r]);
 }
-function V(t, e) {
-  const n = $e(
-    (r) => t.subscribeNode(e, r),
+function J(t, e) {
+  const r = $e(
+    (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return U(() => t.getNode(e), [t, e, n]);
+  return z(() => t.getNode(e), [t, e, r]);
 }
-const Lt = Ee("UIRenderer");
-function Ut(t) {
+const Lt = Re("UIRenderer");
+function xt(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -322,93 +322,93 @@ function Ut(t) {
     return "{}";
   }
 }
-function xt(t) {
+function Dt(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Dt(t) {
+function Ft(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
 function $t(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Ft(t) {
+function Bt(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
-  for (let n = 1; n < t.length; n++)
-    e += "," + t[n].id;
+  for (let r = 1; r < t.length; r++)
+    e += "," + t[r].id;
   return e;
 }
-const je = x(function t({ nodeId: e, context: n }) {
-  const r = V(n.store, e), o = r ? Dt(r) : [], s = Ft(o), i = U(
-    () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ E.jsx(t, { nodeId: h.id, context: n }, h.id)),
+const Me = Y(function t({ nodeId: e, context: r }) {
+  const n = J(r.store, e), o = n ? Ft(n) : [], s = Bt(o), i = z(
+    () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ R.jsx(t, { nodeId: h.id, context: r }, h.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [s, n]
+    [s, r]
   );
-  if (!r)
+  if (!n)
     return null;
-  if (r.type === "root")
-    return /* @__PURE__ */ E.jsx(It, { children: i }, r.id);
-  const a = n.library.resolve(r);
+  if (n.type === "root")
+    return /* @__PURE__ */ R.jsx(It, { children: i }, n.id);
+  const a = r.library.resolve(n);
   if (!a)
-    return Lt.warn(`No renderer for node type ${r.type}`), null;
-  const c = xt(r), d = c.length > 0 ? c.join(" ") : void 0, l = a;
-  return /* @__PURE__ */ E.jsx(l, { nodeId: e, context: n, className: d });
+    return Lt.warn(`No renderer for node type ${n.type}`), null;
+  const c = Dt(n), f = c.length > 0 ? c.join(" ") : void 0, l = a;
+  return /* @__PURE__ */ R.jsx(l, { nodeId: e, context: r, className: f });
 }, $t);
-function Bt(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((n) => /* @__PURE__ */ E.jsx(je, { nodeId: n.id, context: e }, n.id));
-}
 function Vt(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(Me, { nodeId: r.id, context: e }, r.id));
+}
+function Kt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Kt = x(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: d } = Mt(e, r), l = A(s);
+const zt = Y(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: f } = Ut(e, n), l = w(s);
   l.current = s;
-  const h = A(i);
+  const h = w(i);
   h.current = i;
-  const f = A(a);
-  f.current = a;
-  const g = F((R, m) => {
-    if (!R)
+  const d = w(a);
+  d.current = a;
+  const y = B((b, m) => {
+    if (!b)
       return;
-    const y = Ut(m);
-    l.current?.(R, y);
-  }, []), S = U(() => {
-    const R = {
+    const p = xt(m);
+    l.current?.(b, p);
+  }, []), S = z(() => {
+    const b = {
       store: e,
-      library: n,
+      library: r,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (m) => e.getSnapshot().payloads.get(m),
-      renderChildren: (m) => Bt(m, R),
+      renderChildren: (m) => Vt(m, b),
       renderView: (m) => {
-        const y = e.getSnapshot().views.get(m);
-        return y ? /* @__PURE__ */ E.jsx(je, { nodeId: y.id, context: R }) : null;
+        const p = e.getSnapshot().views.get(m);
+        return p ? /* @__PURE__ */ R.jsx(Me, { nodeId: p.id, context: b }) : null;
       },
-      dispatchAction: g,
+      dispatchAction: y,
       // Access client/video via refs to avoid context recreation
       get client() {
         return h.current;
       },
       get video() {
-        return f.current;
+        return d.current;
       }
     };
-    return R;
-  }, [e, n, g]);
-  return !c || !d ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(je, { nodeId: d, context: S }) });
-}, Vt);
-class zt {
-  constructor(e, n) {
-    if (this.fallback = n, e)
-      for (const [r, o] of e)
-        this.renderers.set(r, o);
+    return b;
+  }, [e, r, y]);
+  return !c || !f ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(Me, { nodeId: f, context: S }) });
+}, Kt);
+class Yt {
+  constructor(e, r) {
+    if (this.fallback = r, e)
+      for (const [n, o] of e)
+        this.renderers.set(n, o);
   }
   renderers = /* @__PURE__ */ new Map();
-  register(e, n) {
-    this.renderers.set(e, n);
+  register(e, r) {
+    this.renderers.set(e, r);
   }
   setFallback(e) {
     this.fallback = e;
@@ -417,39 +417,39 @@ class zt {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Mr(t, e) {
-  const n = Object.entries(t);
-  return new zt(n, e);
+function Hn(t, e) {
+  const r = Object.entries(t);
+  return new Yt(r, e);
 }
-function Lr(t) {
+function Xn(t) {
   return $e(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-const Me = "ikon-ui";
+const Ue = "ikon-ui";
 function Wt(t, e) {
   return t === e;
 }
-const Ur = x(function({ stores: e, registry: n, category: r = Me, onAction: o, client: s }) {
-  const i = U(() => Array.from(e.keys()).sort().join(","), [e]), a = A(o);
+const Zn = Y(function({ stores: e, registry: r, category: n = Ue, onAction: o, client: s }) {
+  const i = z(() => Array.from(e.keys()).sort().join(","), [e]), a = w(o);
   a.current = o;
-  const c = A(s);
+  const c = w(s);
   c.current = s;
-  const d = U(
+  const f = z(
     () => {
       const l = [];
-      for (const [h, f] of e) {
-        const g = f.store.getSnapshot();
-        Wt(f.category, r) && (!g.rootViewId || !g.views.has(g.rootViewId) || l.push({ key: h, store: f.store }));
+      for (const [h, d] of e) {
+        const y = d.store.getSnapshot();
+        Wt(d.category, n) && (!y.rootViewId || !y.views.has(y.rootViewId) || l.push({ key: h, store: d.store }));
       }
       return l;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e, r, i]
+    [e, n, i]
   );
-  return d.length === 0 ? null : /* @__PURE__ */ E.jsx(E.Fragment, { children: d.map(({ key: l, store: h }) => /* @__PURE__ */ E.jsx(Kt, { store: h, library: n, onAction: a.current, client: c.current, video: c.current?.media?.video }, l)) });
+  return f.length === 0 ? null : /* @__PURE__ */ R.jsx(R.Fragment, { children: f.map(({ key: l, store: h }) => /* @__PURE__ */ R.jsx(zt, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, l)) });
 });
 class qt {
   core;
@@ -459,7 +459,7 @@ class qt {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new At({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    this.core = e?.core ?? new kt({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
   }
   dispose() {
     this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
@@ -485,82 +485,82 @@ class qt {
     this.stores.delete(e) && this.notify(e);
   };
   syncStreamSnapshot = (e) => {
-    const n = this.core.uiStore.getSnapshot(e);
-    if (!n || !n.rootViewId) {
+    const r = this.core.uiStore.getSnapshot(e);
+    if (!r || !r.rootViewId) {
       this.handleUiStreamCleared(e);
       return;
     }
-    if (!n.views.get(n.rootViewId)) {
+    if (!r.views.get(r.rootViewId)) {
       this.handleUiStreamCleared(e);
       return;
     }
-    const s = this.ensureStoreEntry(e).store.replaceSnapshot(n), i = this.updateCategory(e, n.category);
+    const s = this.ensureStoreEntry(e).store.replaceSnapshot(r), i = this.updateCategory(e, r.category);
     (s || i) && this.notify(e);
   };
   syncAllStreams() {
-    const e = this.core.uiStore.getSnapshots(), n = /* @__PURE__ */ new Set();
-    for (const r of e)
-      this.syncStreamSnapshot(r.streamId), n.add(r.streamId);
-    for (const r of this.stores.keys())
-      n.has(r) || (this.stores.delete(r), this.notify(r));
+    const e = this.core.uiStore.getSnapshots(), r = /* @__PURE__ */ new Set();
+    for (const n of e)
+      this.syncStreamSnapshot(n.streamId), r.add(n.streamId);
+    for (const n of this.stores.keys())
+      r.has(n) || (this.stores.delete(n), this.notify(n));
   }
   ensureStoreEntry(e) {
-    const n = this.stores.get(e);
-    if (n)
-      return n;
-    const r = {
-      category: Me,
-      store: new kt()
+    const r = this.stores.get(e);
+    if (r)
+      return r;
+    const n = {
+      category: Ue,
+      store: new Tt()
     };
-    return this.stores.set(e, r), r;
+    return this.stores.set(e, n), n;
   }
-  updateCategory(e, n) {
-    const r = this.stores.get(e);
-    if (!r)
+  updateCategory(e, r) {
+    const n = this.stores.get(e);
+    if (!n)
       return !1;
-    const o = n ?? this.core.uiStore.getSnapshot(e)?.category ?? Me;
-    return r.category === o ? !1 : (this.stores.set(e, { ...r, category: o }), !0);
+    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Ue;
+    return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
-    for (const n of this.listeners)
-      n(e);
+    for (const r of this.listeners)
+      r(e);
   }
 }
-function X(t) {
+function ne(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
   if (Array.isArray(t)) {
-    const e = t.filter((n) => typeof n == "string").map((n) => n.trim()).filter(Boolean);
+    const e = t.filter((r) => typeof r == "string").map((r) => r.trim()).filter(Boolean);
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function ce(...t) {
+function he(...t) {
   let e = "";
-  for (const n of t)
-    if (n) {
-      const r = n.trim();
-      r && (e = e ? e + " " + r : r);
+  for (const r of t)
+    if (r) {
+      const n = r.trim();
+      n && (e = e ? e + " " + n : n);
     }
   return e || void 0;
 }
-const Ge = /* @__PURE__ */ new WeakMap(), Jt = {};
-function ue(t) {
+const He = /* @__PURE__ */ new WeakMap(), Jt = {};
+function me(t) {
   if (!t)
     return Jt;
-  const e = Ge.get(t);
+  const e = He.get(t);
   if (e)
     return e;
-  const n = {};
-  for (const [r, o] of Object.entries(t))
-    o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (n[r] = o);
-  return Ge.set(t, n), n;
-}
-function Yt() {
-  const t = x(function({ nodeId: n, context: r }) {
-    const o = V(r.store, n), s = A(null), i = X(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0;
-    return B(() => {
+  const r = {};
+  for (const [n, o] of Object.entries(t))
+    o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (r[n] = o);
+  return He.set(t, r), r;
+}
+function Gt() {
+  const t = Y(function({ nodeId: r, context: n }) {
+    const o = J(n.store, r), s = w(null), i = ne(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0;
+    return F(() => {
       if (typeof document > "u")
         return;
       const l = s.current;
@@ -579,7 +579,7 @@ function Yt() {
         } catch {
           l.focus();
         }
-    }, [c, i]), o ? /* @__PURE__ */ E.jsx(
+    }, [c, i]), o ? /* @__PURE__ */ R.jsx(
       "span",
       {
         ref: s,
@@ -596,32 +596,32 @@ function Yt() {
       return t;
   };
 }
-function Gt() {
-  const t = x(function({ nodeId: n, context: r, className: o }) {
-    const s = V(r.store, n);
+function Ht() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = ue(s.props), a = ce(X(s.props?.className), o), c = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = me(s.props), a = he(ne(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "common.div")
       return t;
   };
 }
-function Ht() {
-  const t = x(function({ nodeId: n, context: r, className: o }) {
-    const s = V(r.store, n);
+function Xt() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = ue(s.props), a = ce(X(s.props?.className), o), c = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx(
+    const i = me(s.props), a = he(ne(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx(
       "form",
       {
         ...i,
         "data-ikon-node-id": s.id,
         className: a,
-        onSubmit: (d) => d.preventDefault(),
+        onSubmit: (f) => f.preventDefault(),
         children: c
       }
     );
@@ -631,13 +631,13 @@ function Ht() {
       return t;
   };
 }
-function Xt() {
-  const t = x(function({ nodeId: n, context: r, className: o }) {
-    const s = V(r.store, n);
+function Zt() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = ue(s.props), a = ce(X(s.props?.className), o), c = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx(
+    const i = me(s.props), a = he(ne(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx(
       "div",
       {
         ...i,
@@ -654,63 +654,63 @@ function Xt() {
       return t;
   };
 }
-function Zt() {
-  const t = x(function({ nodeId: n, context: r, className: o }) {
-    const s = V(r.store, n);
+function Qt() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = ue(s.props), a = ce("relative", X(s.props?.className), o), c = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = me(s.props), a = he("relative", ne(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "common.stack")
       return t;
   };
 }
-function Qt() {
-  const t = x(function({ nodeId: n, context: r, className: o }) {
-    const s = V(r.store, n);
+function er() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = ue(s.props), a = ce("absolute", X(s.props?.className), o), c = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = me(s.props), a = he("absolute", ne(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "common.layer")
       return t;
   };
 }
-function en() {
+function tr() {
   return [
-    Gt(),
     Ht(),
     Xt(),
     Zt(),
     Qt(),
-    Yt()
+    er(),
+    Gt()
   ];
 }
-const tn = "base", nn = async () => en();
-function rn(t) {
-  t.registerModule(tn, nn);
+const rr = "base", nr = async () => tr();
+function or(t) {
+  t.registerModule(rr, nr);
 }
-function lt(t) {
+function dt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
   if (Array.isArray(t)) {
-    const e = t.filter((n) => typeof n == "string").map((n) => n.trim()).filter(Boolean);
+    const e = t.filter((r) => typeof r == "string").map((r) => r.trim()).filter(Boolean);
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function dt(...t) {
+function ft(...t) {
   const e = [];
-  for (const n of t)
-    n && n.trim() && e.push(n.trim());
+  for (const r of t)
+    r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Se(t) {
+function be(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -725,38 +725,38 @@ function Le(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const on = "media.video-canvas", sn = "media.video-url-player";
-function an() {
-  const t = x(function({ nodeId: n, context: r, className: o }) {
-    const s = V(r.store, n), i = A(null), a = r.video, c = s ? Le(s.props?.streamId) : void 0, d = s ? Se(s.props?.width) : void 0, l = s ? Se(s.props?.height) : void 0, h = s ? dt(lt(s.props?.className), o) : o;
-    return B(() => {
-      const f = i.current;
-      if (!(!a || !f || !c))
-        return a.attachCanvas(c, f), () => {
+const sr = "media.video-canvas", ir = "media.video-url-player";
+function ar() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r), i = w(null), a = n.video, c = s ? Le(s.props?.streamId) : void 0, f = s ? be(s.props?.width) : void 0, l = s ? be(s.props?.height) : void 0, h = s ? ft(dt(s.props?.className), o) : o;
+    return F(() => {
+      const d = i.current;
+      if (!(!a || !d || !c))
+        return a.attachCanvas(c, d), () => {
           a.detachCanvas(c);
         };
-    }, [a, c]), s ? /* @__PURE__ */ E.jsx(
+    }, [a, c]), s ? /* @__PURE__ */ R.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": c,
         className: h,
-        ...d ? { width: d } : {},
+        ...f ? { width: f } : {},
         ...l ? { height: l } : {}
       },
       c
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === on)
+    if (e === sr)
       return t;
   };
 }
-function cn() {
-  return [an(), un()];
+function cr() {
+  return [ar(), ur()];
 }
-function oe(t) {
+function ue(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -765,28 +765,28 @@ function oe(t) {
     if (e === "false") return !1;
   }
 }
-function un() {
-  const t = x(function({
-    nodeId: n,
-    context: r,
+function ur() {
+  const t = Y(function({
+    nodeId: r,
+    context: n,
     className: o
   }) {
-    const s = V(r.store, n);
+    const s = J(n.store, r);
     if (!s)
       return null;
-    const i = dt(lt(s.props?.className), o), a = Le(s.props?.src), c = Le(s.props?.poster), d = oe(s.props?.controls), l = oe(s.props?.autoplay), h = oe(s.props?.loop), f = oe(s.props?.muted), g = oe(s.props?.playsInline), S = Se(s.props?.width), R = Se(s.props?.height), m = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx(
+    const i = ft(dt(s.props?.className), o), a = Le(s.props?.src), c = Le(s.props?.poster), f = ue(s.props?.controls), l = ue(s.props?.autoplay), h = ue(s.props?.loop), d = ue(s.props?.muted), y = ue(s.props?.playsInline), S = be(s.props?.width), b = be(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ R.jsx(
       "video",
       {
         src: a,
         poster: c,
-        ...d !== void 0 ? { controls: d } : {},
+        ...f !== void 0 ? { controls: f } : {},
         ...l !== void 0 ? { autoPlay: l } : {},
         ...h !== void 0 ? { loop: h } : {},
-        ...f !== void 0 ? { muted: f } : {},
-        ...g !== void 0 ? { playsInline: g } : {},
+        ...d !== void 0 ? { muted: d } : {},
+        ...y !== void 0 ? { playsInline: y } : {},
         ...S ? { width: S } : {},
-        ...R ? { height: R } : {},
+        ...b ? { height: b } : {},
         "data-ikon-node-id": s.id,
         className: i,
         children: m
@@ -794,84 +794,443 @@ function un() {
     );
   });
   return ({ type: e }) => {
-    if (e === sn)
+    if (e === ir)
+      return t;
+  };
+}
+const lr = "media", dr = async () => cr();
+function fr(t) {
+  t.registerModule(lr, dr);
+}
+const hr = `#version 300 es
+in vec4 a_position;
+void main() {
+    gl_Position = a_position;
+}
+`;
+function mr(t, e) {
+  return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
+}
+function pr(t, e) {
+  const r = [];
+  for (const [n, o] of Object.entries(e)) {
+    if (mr(t, n))
+      continue;
+    let s;
+    switch (o.type) {
+      case "float":
+        s = "float";
+        break;
+      case "vec2":
+        s = "vec2";
+        break;
+      case "vec3":
+        s = "vec3";
+        break;
+      case "vec4":
+        s = "vec4";
+        break;
+      case "int":
+        s = "int";
+        break;
+      case "bool":
+        s = "bool";
+        break;
+      default:
+        s = "float";
+    }
+    r.push(`uniform ${s} ${n};`);
+  }
+  return `#version 300 es
+precision highp float;
+
+// Standard ShaderToy uniforms
+uniform vec3 iResolution;
+uniform float iTime;
+uniform float iTimeDelta;
+uniform int iFrame;
+uniform vec4 iMouse;
+uniform vec4 iDate;
+
+// Custom uniforms
+${r.join(`
+`)}
+
+out vec4 frag_out_color;
+
+${t}
+
+void main() {
+    vec4 color = vec4(0.0);
+    mainImage(color, gl_FragCoord.xy);
+    frag_out_color = color;
+}
+`;
+}
+class gr {
+  gl;
+  program = null;
+  positionBuffer = null;
+  vao = null;
+  uniformLocations = /* @__PURE__ */ new Map();
+  customUniforms = {};
+  startTime = performance.now();
+  lastFrameTime = performance.now();
+  frameCount = 0;
+  mouseX = 0;
+  mouseY = 0;
+  mouseClickX = 0;
+  mouseClickY = 0;
+  lastError = null;
+  currentShaderSource = "";
+  constructor(e) {
+    const r = e.getContext("webgl2", {
+      alpha: !1,
+      antialias: !1,
+      depth: !1,
+      stencil: !1,
+      preserveDrawingBuffer: !1
+    });
+    if (!r)
+      throw new Error("WebGL2 is not supported");
+    this.gl = r, this.initializeGeometry();
+  }
+  initializeGeometry() {
+    const e = this.gl;
+    this.vao = e.createVertexArray(), e.bindVertexArray(this.vao), this.positionBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.positionBuffer);
+    const r = new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]);
+    e.bufferData(e.ARRAY_BUFFER, r, e.STATIC_DRAW), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.bindVertexArray(null);
+  }
+  compile(e, r = {}) {
+    this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, hr);
+    if (!o)
+      return !1;
+    const s = pr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    if (!i)
+      return n.deleteShader(o), !1;
+    const a = n.createProgram();
+    return a ? (n.attachShader(a, o), n.attachShader(a, i), n.linkProgram(a), n.deleteShader(o), n.deleteShader(i), n.getProgramParameter(a, n.LINK_STATUS) ? (this.program && n.deleteProgram(this.program), this.program = a, this.cacheUniformLocations(), !0) : (this.lastError = n.getProgramInfoLog(a) || "Program link failed", n.deleteProgram(a), !1)) : (this.lastError = "Failed to create program", n.deleteShader(o), n.deleteShader(i), !1);
+  }
+  recompileWithUniforms(e) {
+    return this.currentShaderSource ? this.compile(this.currentShaderSource, e) : !1;
+  }
+  compileShader(e, r) {
+    const n = this.gl, o = n.createShader(e);
+    return o ? (n.shaderSource(o, r), n.compileShader(o), n.getShaderParameter(o, n.COMPILE_STATUS) ? o : (this.lastError = n.getShaderInfoLog(o) || "Shader compilation failed", n.deleteShader(o), null)) : (this.lastError = "Failed to create shader", null);
+  }
+  cacheUniformLocations() {
+    if (!this.program) return;
+    const e = this.gl;
+    this.uniformLocations.clear();
+    const r = ["iResolution", "iTime", "iTimeDelta", "iFrame", "iMouse", "iDate"];
+    for (const n of r)
+      this.uniformLocations.set(n, e.getUniformLocation(this.program, n));
+    for (const n of Object.keys(this.customUniforms))
+      this.uniformLocations.set(n, e.getUniformLocation(this.program, n));
+  }
+  setCustomUniforms(e) {
+    const r = Object.keys(e).some((o) => !(o in this.customUniforms)), n = Object.keys(this.customUniforms).some((o) => !(o in e));
+    r || n ? this.recompileWithUniforms(e) : this.customUniforms = e;
+  }
+  setMouse(e, r, n, o) {
+    this.mouseX = e, this.mouseY = r, this.mouseClickX = n, this.mouseClickY = o;
+  }
+  draw() {
+    if (!this.program) return;
+    const e = this.gl, r = e.canvas, n = r.clientWidth, o = r.clientHeight;
+    (r.width !== n || r.height !== o) && (r.width = n, r.height = o, e.viewport(0, 0, n, o));
+    const s = performance.now(), i = (s - this.startTime) / 1e3, a = (s - this.lastFrameTime) / 1e3;
+    this.lastFrameTime = s, this.frameCount++, e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(this.program), e.bindVertexArray(this.vao);
+    const c = this.uniformLocations.get("iResolution");
+    c && e.uniform3f(c, n, o, 1);
+    const f = this.uniformLocations.get("iTime");
+    f && e.uniform1f(f, i);
+    const l = this.uniformLocations.get("iTimeDelta");
+    l && e.uniform1f(l, a);
+    const h = this.uniformLocations.get("iFrame");
+    h && e.uniform1i(h, this.frameCount);
+    const d = this.uniformLocations.get("iMouse");
+    d && e.uniform4f(d, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
+    const y = this.uniformLocations.get("iDate");
+    if (y) {
+      const S = /* @__PURE__ */ new Date();
+      e.uniform4f(y, S.getFullYear(), S.getMonth(), S.getDate(), S.getHours() * 3600 + S.getMinutes() * 60 + S.getSeconds() + S.getMilliseconds() / 1e3);
+    }
+    for (const [S, b] of Object.entries(this.customUniforms)) {
+      const m = this.uniformLocations.get(S);
+      if (m)
+        switch (b.type) {
+          case "float":
+            e.uniform1f(m, b.value);
+            break;
+          case "vec2": {
+            const p = b.value;
+            e.uniform2f(m, p[0], p[1]);
+            break;
+          }
+          case "vec3": {
+            const p = b.value;
+            e.uniform3f(m, p[0], p[1], p[2]);
+            break;
+          }
+          case "vec4": {
+            const p = b.value;
+            e.uniform4f(m, p[0], p[1], p[2], p[3]);
+            break;
+          }
+          case "int":
+            e.uniform1i(m, b.value);
+            break;
+          case "bool":
+            e.uniform1i(m, b.value ? 1 : 0);
+            break;
+        }
+    }
+    e.drawArrays(e.TRIANGLES, 0, 6), e.bindVertexArray(null);
+  }
+  getError() {
+    return this.lastError;
+  }
+  destroy() {
+    const e = this.gl;
+    this.program && (e.deleteProgram(this.program), this.program = null), this.positionBuffer && (e.deleteBuffer(this.positionBuffer), this.positionBuffer = null), this.vao && (e.deleteVertexArray(this.vao), this.vao = null), this.uniformLocations.clear();
+  }
+}
+function yr(t) {
+  if (typeof t == "string") {
+    const e = t.trim();
+    return e.length > 0 ? e : void 0;
+  }
+  if (Array.isArray(t)) {
+    const e = t.filter((r) => typeof r == "string").map((r) => r.trim()).filter(Boolean);
+    return e.length > 0 ? e.join(" ") : void 0;
+  }
+}
+function Sr(...t) {
+  const e = [];
+  for (const r of t)
+    r && r.trim() && e.push(r.trim());
+  return e.length > 0 ? e.join(" ") : void 0;
+}
+function ke(t) {
+  if (typeof t == "number" && Number.isFinite(t))
+    return Math.floor(t);
+  if (typeof t == "string" && t.trim().length > 0) {
+    const e = Number(t);
+    if (Number.isFinite(e))
+      return Math.floor(e);
+  }
+}
+function br(t) {
+  return typeof t == "string" ? t : "";
+}
+function wr(t) {
+  if (typeof t == "boolean")
+    return t;
+  if (typeof t == "string") {
+    const e = t.trim().toLowerCase();
+    if (e === "true") return !0;
+    if (e === "false") return !1;
+  }
+}
+function vr(t) {
+  if (!t || typeof t != "object")
+    return {};
+  const e = {}, r = t;
+  for (const [n, o] of Object.entries(r)) {
+    if (!o || typeof o != "object")
+      continue;
+    const s = o, i = s.value, a = s.type;
+    i === void 0 || typeof a != "string" || !["float", "vec2", "vec3", "vec4", "int", "bool"].includes(a) || (e[n] = {
+      value: i,
+      type: a
+    });
+  }
+  return e;
+}
+function Rr(t, e) {
+  const r = Object.keys(t), n = Object.keys(e);
+  if (r.length !== n.length)
+    return !1;
+  for (const o of r) {
+    if (!(o in e))
+      return !1;
+    const s = t[o], i = e[o];
+    if (s.type !== i.type)
+      return !1;
+    if (Array.isArray(s.value) && Array.isArray(i.value)) {
+      if (s.value.length !== i.value.length)
+        return !1;
+      for (let a = 0; a < s.value.length; a++)
+        if (s.value[a] !== i.value[a])
+          return !1;
+    } else if (s.value !== i.value)
+      return !1;
+  }
+  return !0;
+}
+const Er = "shader.shader";
+function Ar() {
+  const t = Y(function({ nodeId: r, context: n, className: o }) {
+    const s = J(n.store, r), i = w(null), a = w(null), c = w(null), f = w(0), l = w(""), h = w({}), d = w({
+      x: 0,
+      y: 0,
+      clickX: 0,
+      clickY: 0,
+      isDown: !1
+    }), y = s ? br(s.props?.shaderSource) : "", S = s ? ke(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, m = z(() => vr(b), [b]), p = s ? wr(s.props?.enableMouse) ?? !0 : !0, A = s ? ke(s.props?.width) : void 0, P = s ? ke(s.props?.height) : void 0, j = s ? Sr(yr(s.props?.className), o) : o;
+    F(() => {
+      const k = i.current;
+      if (k) {
+        try {
+          const C = new gr(k);
+          a.current = C;
+        } catch (C) {
+          console.error("[ShaderRenderer] Failed to create WebGL2 context:", C);
+        }
+        return () => {
+          a.current && (a.current.destroy(), a.current = null);
+        };
+      }
+    }, []), F(() => {
+      const k = a.current;
+      if (!(!k || !y) && l.current !== y)
+        if (k.compile(y, m))
+          l.current = y, h.current = m;
+        else {
+          const M = k.getError();
+          console.error("[ShaderRenderer] Shader compilation failed:", M);
+        }
+    }, [y, m]), F(() => {
+      const k = a.current;
+      !k || !l.current || Rr(h.current, m) || (k.setCustomUniforms(m), h.current = m);
+    }, [m]), F(() => {
+      const k = a.current;
+      if (!k || !l.current) return;
+      const C = 1e3 / S, M = (I) => {
+        const L = I - f.current;
+        L >= C && (f.current = I - L % C, k.draw()), c.current = requestAnimationFrame(M);
+      };
+      return c.current = requestAnimationFrame(M), () => {
+        c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
+      };
+    }, [S]);
+    const V = B(
+      (k) => {
+        if (!p) return;
+        const C = i.current, M = a.current;
+        if (!C || !M) return;
+        const I = C.getBoundingClientRect(), L = k.clientX - I.left, W = I.height - (k.clientY - I.top);
+        d.current.x = L, d.current.y = W, M.setMouse(L, W, d.current.clickX, d.current.clickY);
+      },
+      [p]
+    ), G = B(
+      (k) => {
+        if (!p) return;
+        const C = i.current, M = a.current;
+        if (!C || !M) return;
+        const I = C.getBoundingClientRect(), L = k.clientX - I.left, W = I.height - (k.clientY - I.top);
+        d.current.isDown = !0, d.current.clickX = L, d.current.clickY = W, M.setMouse(L, W, L, W);
+      },
+      [p]
+    ), Z = B(() => {
+      p && (d.current.isDown = !1, d.current.clickX = -Math.abs(d.current.clickX));
+    }, [p]);
+    return s ? /* @__PURE__ */ R.jsx(
+      "canvas",
+      {
+        ref: i,
+        "data-ikon-node-id": s.id,
+        className: j,
+        ...A ? { width: A } : {},
+        ...P ? { height: P } : {},
+        onMouseMove: V,
+        onMouseDown: G,
+        onMouseUp: Z,
+        onMouseLeave: Z
+      }
+    ) : null;
+  });
+  return ({ type: e }) => {
+    if (e === Er)
       return t;
   };
 }
-const ln = "media", dn = async () => cn();
-function fn(t) {
-  t.registerModule(ln, dn);
+const kr = "shader", Tr = async () => Ar();
+function Cr(t) {
+  t.registerModule(kr, Tr);
 }
-const He = Ee("UIRegistry");
-class hn {
+const Xe = Re("UIRegistry");
+class Ir {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
   activeModuleOrder = [];
   registerResolvers(e) {
-    const n = Array.isArray(e) ? e : [e];
-    this.baseResolvers.push(...n.filter(Boolean));
+    const r = Array.isArray(e) ? e : [e];
+    this.baseResolvers.push(...r.filter(Boolean));
   }
-  registerModule(e, n) {
-    const r = this.moduleLoaders.get(e);
-    if (!r) {
-      this.moduleLoaders.set(e, n);
+  registerModule(e, r) {
+    const n = this.moduleLoaders.get(e);
+    if (!n) {
+      this.moduleLoaders.set(e, r);
       return;
     }
-    r !== n && (this.moduleLoaders.set(e, n), this.moduleResolvers.delete(e));
+    n !== r && (this.moduleLoaders.set(e, r), this.moduleResolvers.delete(e));
   }
   async loadRegisteredModules() {
     let e = !1;
-    for (const [r, o] of this.moduleLoaders.entries())
-      if (!this.moduleResolvers.has(r))
+    for (const [n, o] of this.moduleLoaders.entries())
+      if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = gn(s);
-          this.moduleResolvers.set(r, i), e = !0;
+          const s = await o(), i = _r(s);
+          this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          He.error(`[IkonUiRegistry] Failed to load module '${r}'.`, s);
+          Xe.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
         }
-    const n = [];
-    for (const r of this.moduleLoaders.keys())
-      this.moduleResolvers.has(r) && n.push(r);
-    return yn(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
+    const r = [];
+    for (const n of this.moduleLoaders.keys())
+      this.moduleResolvers.has(n) && r.push(n);
+    return Pr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
-    for (const n of this.baseResolvers) {
-      const r = n(e);
-      if (r) return r;
+    for (const r of this.baseResolvers) {
+      const n = r(e);
+      if (n) return n;
     }
-    for (const n of this.activeModuleOrder) {
-      const r = this.moduleResolvers.get(n);
-      if (!r) {
-        He.warn(`Missing resolvers for module ${n}`);
+    for (const r of this.activeModuleOrder) {
+      const n = this.moduleResolvers.get(r);
+      if (!n) {
+        Xe.warn(`Missing resolvers for module ${r}`);
         continue;
       }
-      for (const o of r) {
+      for (const o of n) {
         const s = o(e);
         if (s) return s;
       }
     }
   }
 }
-function pn() {
-  const t = new hn();
-  return rn(t), fn(t), t.loadRegisteredModules(), t;
+function Nr() {
+  const t = new Ir();
+  return or(t), fr(t), Cr(t), t.loadRegisteredModules(), t;
 }
-function mn(t) {
+function Or(t) {
   return Array.isArray(t) ? t : [t];
 }
-function gn(t) {
-  return t ? mn(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function _r(t) {
+  return t ? Or(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function yn(t, e) {
+function Pr(t, e) {
   if (t.length !== e.length)
     return !1;
-  for (let n = 0; n < t.length; n += 1)
-    if (t[n] !== e[n])
+  for (let r = 0; r < t.length; r += 1)
+    if (t[r] !== e[r])
       return !1;
   return !0;
 }
-const ke = Ee("MotionController"), Xe = {
+const Te = Re("MotionController"), Ze = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -901,98 +1260,98 @@ const ke = Ee("MotionController"), Xe = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function _(t) {
+function D(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function Ze(t) {
+function Qe(t) {
   if (t == null) return;
   const e = `${t}`.trim();
   if (!e) return;
-  const n = Number.parseFloat(e);
-  return Number.isFinite(n) ? n : void 0;
+  const r = Number.parseFloat(e);
+  return Number.isFinite(r) ? r : void 0;
 }
-function Qe(t) {
+function et(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function et(t, e, n, r) {
+function tt(t, e, r, n) {
   const l = new Float32Array(11);
-  function h(m, y, v) {
-    return ((3 * y - 3 * v + 1) * m + (3 * v - 6 * y)) * m * m + 3 * y * m;
-  }
-  function f(m, y, v) {
-    return 3 * (3 * y - 3 * v + 1) * m * m + 2 * (3 * v - 6 * y) * m + 3 * y;
-  }
-  function g(m, y) {
-    for (let v = 0; v < 4; v += 1) {
-      const j = f(y, t, n);
-      if (j === 0)
-        return y;
-      const O = h(y, t, n) - m;
-      y -= O / j;
+  function h(m, p, A) {
+    return ((3 * p - 3 * A + 1) * m + (3 * A - 6 * p)) * m * m + 3 * p * m;
+  }
+  function d(m, p, A) {
+    return 3 * (3 * p - 3 * A + 1) * m * m + 2 * (3 * A - 6 * p) * m + 3 * p;
+  }
+  function y(m, p) {
+    for (let A = 0; A < 4; A += 1) {
+      const P = d(p, t, r);
+      if (P === 0)
+        return p;
+      const j = h(p, t, r) - m;
+      p -= j / P;
     }
-    return y;
+    return p;
   }
-  function S(m, y, v) {
-    let j = 0, O = 0, D = 0;
+  function S(m, p, A) {
+    let P = 0, j = 0, V = 0;
     do
-      O = y + (v - y) / 2, j = h(O, t, n) - m, j > 0 ? v = O : y = O;
-    while (Math.abs(j) > 1e-7 && ++D < 10);
-    return O;
-  }
-  function R(m) {
-    let y = 0, v = 1;
-    const j = 10;
-    for (; v !== j && l[v] <= m; v += 1)
-      y += 0.1;
-    v -= 1;
-    const O = (m - l[v]) / (l[v + 1] - l[v]), D = y + O * 0.1, W = f(D, t, n);
-    return W >= 1e-3 ? g(m, D) : W === 0 ? D : S(m, y, y + 0.1);
+      j = p + (A - p) / 2, P = h(j, t, r) - m, P > 0 ? A = j : p = j;
+    while (Math.abs(P) > 1e-7 && ++V < 10);
+    return j;
+  }
+  function b(m) {
+    let p = 0, A = 1;
+    const P = 10;
+    for (; A !== P && l[A] <= m; A += 1)
+      p += 0.1;
+    A -= 1;
+    const j = (m - l[A]) / (l[A + 1] - l[A]), V = p + j * 0.1, G = d(V, t, r);
+    return G >= 1e-3 ? y(m, V) : G === 0 ? V : S(m, p, p + 0.1);
   }
   for (let m = 0; m < 11; m += 1)
-    l[m] = h(m * 0.1, t, n);
-  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(R(m), e, r);
+    l[m] = h(m * 0.1, t, r);
+  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(b(m), e, n);
 }
-function Sn(t) {
+function jr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => _(o);
-  const n = Math.max(1, parseInt(e[1], 10)), r = (e[2] ?? "end").toLowerCase();
-  return r === "start" || r === "jump-start" ? (o) => _(Math.ceil(o * n) / n) : r === "none" || r === "jump-none" ? (o) => _(Math.round(o * n) / n) : r === "both" || r === "jump-both" ? (o) => _((Math.floor(o * n) + 0.5) / n) : (o) => _(Math.floor(o * n) / n);
+    return (o) => D(o);
+  const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
+  return n === "start" || n === "jump-start" ? (o) => D(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => D(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => D((Math.floor(o * r) + 0.5) / r) : (o) => D(Math.floor(o * r) / r);
 }
-function bn(t) {
+function Mr(t) {
   if (!t)
-    return (n) => _(n);
+    return (r) => D(r);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    return (n) => _(n);
-  if (Xe[e]) {
-    const [n, r, o, s] = Xe[e], i = et(n, r, o, s);
-    return (a) => _(i(_(a)));
+    return (r) => D(r);
+  if (Ze[e]) {
+    const [r, n, o, s] = Ze[e], i = tt(r, n, o, s);
+    return (a) => D(i(D(a)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
-    const r = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
-    if (r.length === 4 && r.every((o) => Number.isFinite(o))) {
-      const [o, s, i, a] = r, c = et(o, s, i, a);
-      return (d) => _(c(_(d)));
+    const n = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
+    if (n.length === 4 && n.every((o) => Number.isFinite(o))) {
+      const [o, s, i, a] = n, c = tt(o, s, i, a);
+      return (f) => D(c(D(f)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const n = Sn(e);
-    return (r) => n(_(r));
+    const r = jr(e);
+    return (n) => r(D(n));
   }
-  return (n) => _(n);
+  return (r) => D(r);
 }
-function wn(t) {
+function Ur(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
   if (!e)
     return;
-  const [n, r, o, s] = e.slice(1).map((i) => Number.parseFloat(i));
-  if (![n, r, o, s].some((i) => !Number.isFinite(i)))
-    return { inStart: n, inEnd: r, outStart: o, outEnd: s };
+  const [r, n, o, s] = e.slice(1).map((i) => Number.parseFloat(i));
+  if (![r, n, o, s].some((i) => !Number.isFinite(i)))
+    return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class En {
+class Lr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1001,15 +1360,15 @@ class En {
   elementStates = /* @__PURE__ */ new Map();
   styleToElements = /* @__PURE__ */ new Map();
   globalCleanups = /* @__PURE__ */ new Set();
-  registerStyle(e, n) {
+  registerStyle(e, r) {
     if (!e)
       return;
-    const r = this.parseMetadata(n);
-    if (!r) {
+    const n = this.parseMetadata(r);
+    if (!n) {
       this.bindingsByStyle.delete(e), this.cleanupStyle(e);
       return;
     }
-    this.bindingsByStyle.set(e, r), this.cleanupStyle(e), this.ensureObserver(), this.scheduleScan(e);
+    this.bindingsByStyle.set(e, n), this.cleanupStyle(e), this.ensureObserver(), this.scheduleScan(e);
   }
   unregisterStyle(e) {
     e && (this.bindingsByStyle.delete(e), this.cleanupStyle(e), this.pendingScanStyles.delete(e));
@@ -1018,34 +1377,34 @@ class En {
     for (const e of Array.from(this.globalCleanups))
       try {
         e();
-      } catch (n) {
-        ke.warn("Failed to cleanup binding listener", n);
+      } catch (r) {
+        Te.warn("Failed to cleanup binding listener", r);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
   parseMetadata(e) {
     if (e)
       try {
-        const r = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
-        return r.length === 0 ? void 0 : { bindings: r };
-      } catch (n) {
-        ke.warn("Failed to parse motion metadata", n);
+        const n = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
+        return n.length === 0 ? void 0 : { bindings: n };
+      } catch (r) {
+        Te.warn("Failed to parse motion metadata", r);
         return;
       }
   }
   parseBinding(e) {
-    const n = e.source?.trim();
-    if (!n)
+    const r = e.source?.trim();
+    if (!r)
       return;
-    const r = Ze(e.min) ?? 0, o = Ze(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = bn(e.ease), d = wn(e.map), l = e.targetId?.trim() || void 0;
-    return Number.isNaN(r) || Number.isNaN(s) ? void 0 : {
-      source: n.toLowerCase(),
-      min: r,
+    const n = Qe(e.min) ?? 0, o = Qe(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Mr(e.ease), f = Ur(e.map), l = e.targetId?.trim() || void 0;
+    return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
+      source: r.toLowerCase(),
+      min: n,
       max: s,
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
       ease: c,
-      map: d,
+      map: f,
       targetId: l
     };
   }
@@ -1053,7 +1412,7 @@ class En {
     if (typeof document > "u" || this.observer)
       return;
     const e = () => {
-      this.observer || typeof document > "u" || (this.observer = new MutationObserver((n) => this.handleMutations(n)), this.observer.observe(document.body, {
+      this.observer || typeof document > "u" || (this.observer = new MutationObserver((r) => this.handleMutations(r)), this.observer.observe(document.body, {
         childList: !0,
         subtree: !0,
         attributes: !0,
@@ -1071,7 +1430,7 @@ class En {
   scheduleScan(e) {
     if (typeof document > "u" || (this.pendingScanStyles.add(e), this.scanScheduled))
       return;
-    const n = () => {
+    const r = () => {
       if (this.pendingScanStyles.size === 0) {
         this.scanScheduled = !1;
         return;
@@ -1080,82 +1439,82 @@ class En {
       this.pendingScanStyles.clear(), this.scanScheduled = !1;
       for (const s of o)
         this.scanExistingNodes(s);
-    }, r = () => {
-      this.scanScheduled = !0, typeof queueMicrotask == "function" ? queueMicrotask(n) : setTimeout(n, 0);
+    }, n = () => {
+      this.scanScheduled = !0, typeof queueMicrotask == "function" ? queueMicrotask(r) : setTimeout(r, 0);
     };
     document.readyState === "loading" ? document.addEventListener(
       "DOMContentLoaded",
       () => {
-        r();
+        n();
       },
       { once: !0 }
-    ) : r();
+    ) : n();
   }
   scanExistingNodes(e) {
-    const n = this.bindingsByStyle.get(e);
-    if (!n || typeof document > "u")
+    const r = this.bindingsByStyle.get(e);
+    if (!r || typeof document > "u")
       return;
-    const r = `.${Qe(e)}`;
-    document.querySelectorAll(r).forEach((s) => this.applyStyleToElement(s, e, n));
+    const n = `.${et(e)}`;
+    document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, r));
   }
-  applyStyleToElement(e, n, r) {
-    this.ensureStyleState(e, n) && this.attachBindings(e, n, r);
+  applyStyleToElement(e, r, n) {
+    this.ensureStyleState(e, r) && this.attachBindings(e, r, n);
   }
-  ensureStyleState(e, n) {
-    let r = this.elementStates.get(e);
-    if (r || (r = /* @__PURE__ */ new Map(), this.elementStates.set(e, r)), r.has(n))
+  ensureStyleState(e, r) {
+    let n = this.elementStates.get(e);
+    if (n || (n = /* @__PURE__ */ new Map(), this.elementStates.set(e, n)), n.has(r))
       return !1;
-    r.set(n, /* @__PURE__ */ new Set());
-    let o = this.styleToElements.get(n);
-    return o || (o = /* @__PURE__ */ new Set(), this.styleToElements.set(n, o)), o.add(e), !0;
+    n.set(r, /* @__PURE__ */ new Set());
+    let o = this.styleToElements.get(r);
+    return o || (o = /* @__PURE__ */ new Set(), this.styleToElements.set(r, o)), o.add(e), !0;
   }
-  attachBindings(e, n, r) {
-    for (const o of r.bindings)
-      this.attachBinding(e, n, o);
+  attachBindings(e, r, n) {
+    for (const o of n.bindings)
+      this.attachBinding(e, r, o);
   }
-  attachBinding(e, n, r) {
-    switch (r.source) {
+  attachBinding(e, r, n) {
+    switch (n.source) {
       case "scrolly":
-        this.attachScrollBinding(e, n, r);
+        this.attachScrollBinding(e, r, n);
         break;
     }
   }
-  attachScrollBinding(e, n, r) {
-    const o = this.resolveScrollContainer(e, r);
+  attachScrollBinding(e, r, n) {
+    const o = this.resolveScrollContainer(e, n);
     if (!o)
       return;
     const s = () => {
-      this.applyBindingValues(e, r, o.scrollTop);
+      this.applyBindingValues(e, n, o.scrollTop);
     };
     s();
     const i = new AbortController();
-    o.addEventListener("scroll", s, { passive: !0, signal: i.signal }), this.registerCleanup(e, n, () => i.abort());
+    o.addEventListener("scroll", s, { passive: !0, signal: i.signal }), this.registerCleanup(e, r, () => i.abort());
     const a = () => s();
-    window.addEventListener("resize", a), this.registerCleanup(e, n, () => window.removeEventListener("resize", a));
+    window.addEventListener("resize", a), this.registerCleanup(e, r, () => window.removeEventListener("resize", a));
   }
-  resolveScrollContainer(e, n) {
-    if (n.targetId) {
-      const r = `[data-ikon-motion-source="${Qe(n.targetId)}"]`, o = typeof document < "u" ? document.querySelector(r) : null;
+  resolveScrollContainer(e, r) {
+    if (r.targetId) {
+      const n = `[data-ikon-motion-source="${et(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
     return e.closest('[data-ikon-view-type="scroll-view"]');
   }
-  applyBindingValues(e, n, r) {
-    const o = n.max - n.min, s = o === 0 ? r > n.min ? 1 : 0 : (r - n.min) / o;
-    let i = this.applyClamp(s, n.clamp);
-    n.reverse && (i = 1 - i);
-    const a = n.ease(i), c = Number.isFinite(a) ? a : 0, d = c * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${r}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${d}`), n.map) {
-      const l = this.applyMap(d, n.map);
+  applyBindingValues(e, r, n) {
+    const o = r.max - r.min, s = o === 0 ? n > r.min ? 1 : 0 : (n - r.min) / o;
+    let i = this.applyClamp(s, r.clamp);
+    r.reverse && (i = 1 - i);
+    const a = r.ease(i), c = Number.isFinite(a) ? a : 0, f = c * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${c}`), e.style.setProperty("--tw-motion-bind-progress", `${f}`), r.map) {
+      const l = this.applyMap(f, r.map);
       l !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${l}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
-  applyClamp(e, n) {
+  applyClamp(e, r) {
     if (!Number.isFinite(e))
       return 0;
-    switch (n) {
+    switch (r) {
       case "freeze-start":
         return e < 0 ? 0 : e;
       case "freeze-end":
@@ -1163,265 +1522,265 @@ class En {
       case "unclamped":
         return e;
       default:
-        return _(e);
+        return D(e);
     }
   }
-  applyMap(e, n) {
-    const r = n.inEnd - n.inStart;
-    if (r === 0)
-      return n.outEnd;
-    const o = (e - n.inStart) / r;
-    return n.outStart + o * (n.outEnd - n.outStart);
+  applyMap(e, r) {
+    const n = r.inEnd - r.inStart;
+    if (n === 0)
+      return r.outEnd;
+    const o = (e - r.inStart) / n;
+    return r.outStart + o * (r.outEnd - r.outStart);
   }
-  registerCleanup(e, n, r) {
-    const s = this.elementStates.get(e)?.get(n);
-    s && (s.add(r), this.globalCleanups.add(r));
+  registerCleanup(e, r, n) {
+    const s = this.elementStates.get(e)?.get(r);
+    s && (s.add(n), this.globalCleanups.add(n));
   }
   cleanupStyle(e) {
-    const n = this.styleToElements.get(e);
-    if (!n)
+    const r = this.styleToElements.get(e);
+    if (!r)
       return;
-    const r = Array.from(n);
-    for (const o of r)
+    const n = Array.from(r);
+    for (const o of n)
       this.cleanupElementStyle(o, e);
     this.styleToElements.delete(e);
   }
   cleanupElement(e) {
-    const n = this.elementStates.get(e);
-    if (!n)
+    const r = this.elementStates.get(e);
+    if (!r)
       return;
-    const r = Array.from(n.keys());
-    for (const o of r)
+    const n = Array.from(r.keys());
+    for (const o of n)
       this.cleanupElementStyle(e, o);
   }
-  cleanupElementStyle(e, n) {
-    const r = this.elementStates.get(e);
-    if (!r)
+  cleanupElementStyle(e, r) {
+    const n = this.elementStates.get(e);
+    if (!n)
       return;
-    const o = r.get(n);
+    const o = n.get(r);
     if (!o)
       return;
     for (const i of o) {
       try {
         i();
       } catch (a) {
-        ke.warn("Failed to cleanup listener", a);
+        Te.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
-    o.clear(), r.delete(n);
-    const s = this.styleToElements.get(n);
-    s && (s.delete(e), s.size === 0 && this.styleToElements.delete(n)), r.size === 0 && (this.elementStates.delete(e), this.clearBindingProperties(e));
+    o.clear(), n.delete(r);
+    const s = this.styleToElements.get(r);
+    s && (s.delete(e), s.size === 0 && this.styleToElements.delete(r)), n.size === 0 && (this.elementStates.delete(e), this.clearBindingProperties(e));
   }
   clearBindingProperties(e) {
     e.style.removeProperty("--tw-motion-bind-source-value"), e.style.removeProperty("--tw-motion-bind-progress"), e.style.removeProperty("--tw-motion-bind-progress-ratio"), e.style.removeProperty("--tw-motion-bind-value");
   }
   handleMutations(e) {
-    for (const n of e)
-      n.type === "childList" ? (n.addedNodes.forEach((r) => this.scanNode(r)), n.removedNodes.forEach((r) => this.cleanupNode(r))) : n.type === "attributes" && n.target instanceof HTMLElement && this.handleClassMutation(n.target);
+    for (const r of e)
+      r.type === "childList" ? (r.addedNodes.forEach((n) => this.scanNode(n)), r.removedNodes.forEach((n) => this.cleanupNode(n))) : r.type === "attributes" && r.target instanceof HTMLElement && this.handleClassMutation(r.target);
   }
   handleClassMutation(e) {
-    const n = this.elementStates.get(e);
-    if (!n) {
+    const r = this.elementStates.get(e);
+    if (!r) {
       this.processElement(e);
       return;
     }
-    for (const r of n.keys())
-      e.classList.contains(r) || this.cleanupElementStyle(e, r);
+    for (const n of r.keys())
+      e.classList.contains(n) || this.cleanupElementStyle(e, n);
     this.processElement(e);
   }
   scanNode(e) {
     if (!(e instanceof HTMLElement))
       return;
-    this.processElement(e), e.querySelectorAll("[class]").forEach((r) => this.processElement(r));
+    this.processElement(e), e.querySelectorAll("[class]").forEach((n) => this.processElement(n));
   }
   cleanupNode(e) {
     if (!(e instanceof HTMLElement))
       return;
-    this.cleanupElement(e), e.querySelectorAll("[class]").forEach((r) => this.cleanupElement(r));
+    this.cleanupElement(e), e.querySelectorAll("[class]").forEach((n) => this.cleanupElement(n));
   }
   processElement(e) {
     if (!e.classList || e.classList.length === 0)
       return;
-    const n = e.classList;
-    for (let r = 0; r < n.length; r++) {
-      const o = n[r], s = this.bindingsByStyle.get(o);
+    const r = e.classList;
+    for (let n = 0; n < r.length; n++) {
+      const o = r[n], s = this.bindingsByStyle.get(o);
       s && this.ensureStyleState(e, o) && this.attachBindings(e, o, s);
     }
   }
 }
-const Te = new En();
-function Rn(t) {
-  const e = A(/* @__PURE__ */ new Map()), n = F(({ styleId: s, css: i, common: a }) => {
+const Ce = new Lr();
+function xr(t) {
+  const e = w(/* @__PURE__ */ new Map()), r = B(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
         c || (c = document.createElement("style"), c.setAttribute("data-ikon-style-id", s), document.head.appendChild(c), e.current.set(s, c)), c.textContent = i;
       }
-      Te.registerStyle(s, a);
+      Ce.registerStyle(s, a);
     }
-  }, []), r = F((s) => {
+  }, []), n = B((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
-        a && (a.remove(), e.current.delete(i)), Te.unregisterStyle(i);
+        a && (a.remove(), e.current.delete(i)), Ce.unregisterStyle(i);
       }
-  }, []), o = F(() => {
+  }, []), o = B(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
       e.current.clear();
     }
-    Te.reset();
+    Ce.reset();
   }, []);
-  return B(() => {
+  return F(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
-      n(a);
-    const s = t.subscribeToStyles(n), i = t.subscribeToStyleDeletes?.(r);
+      r(a);
+    const s = t.subscribeToStyles(r), i = t.subscribeToStyleDeletes?.(n);
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, n, r]), B(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
+  }, [t, o, r, n]), F(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function vn(t) {
+function Dr(t) {
   const e = [];
-  for (const [n, r] of t) {
-    const o = r.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
-    e.push(`${n}:${s ? "1" : "0"}`);
+  for (const [r, n] of t) {
+    const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
+    e.push(`${r}:${s ? "1" : "0"}`);
   }
   return e.sort(), e.join(",");
 }
-function An(t) {
-  const [e, n] = Y(), r = A("");
-  return B(() => {
+function Fr(t) {
+  const [e, r] = ee(), n = w("");
+  return F(() => {
     if (!t) {
-      n(void 0), r.current = "";
+      r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = vn(s);
-      i !== r.current && (r.current = i, n(s));
+      const s = t.getStores(), i = Dr(s);
+      i !== n.current && (n.current = i, r(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var kn = typeof global == "object" && global && global.Object === Object && global, Tn = typeof self == "object" && self && self.Object === Object && self, In = kn || Tn || Function("return this")(), be = In.Symbol, ft = Object.prototype, Cn = ft.hasOwnProperty, Nn = ft.toString, se = be ? be.toStringTag : void 0;
-function On(t) {
-  var e = Cn.call(t, se), n = t[se];
+var $r = typeof global == "object" && global && global.Object === Object && global, Br = typeof self == "object" && self && self.Object === Object && self, Vr = $r || Br || Function("return this")(), we = Vr.Symbol, ht = Object.prototype, Kr = ht.hasOwnProperty, zr = ht.toString, le = we ? we.toStringTag : void 0;
+function Yr(t) {
+  var e = Kr.call(t, le), r = t[le];
   try {
-    t[se] = void 0;
-    var r = !0;
+    t[le] = void 0;
+    var n = !0;
   } catch {
   }
-  var o = Nn.call(t);
-  return r && (e ? t[se] = n : delete t[se]), o;
+  var o = zr.call(t);
+  return n && (e ? t[le] = r : delete t[le]), o;
 }
-var Pn = Object.prototype, _n = Pn.toString;
-function jn(t) {
-  return _n.call(t);
+var Wr = Object.prototype, qr = Wr.toString;
+function Jr(t) {
+  return qr.call(t);
 }
-var Mn = "[object Null]", Ln = "[object Undefined]", tt = be ? be.toStringTag : void 0;
-function Un(t) {
-  return t == null ? t === void 0 ? Ln : Mn : tt && tt in Object(t) ? On(t) : jn(t);
+var Gr = "[object Null]", Hr = "[object Undefined]", rt = we ? we.toStringTag : void 0;
+function Xr(t) {
+  return t == null ? t === void 0 ? Hr : Gr : rt && rt in Object(t) ? Yr(t) : Jr(t);
 }
-function xn(t) {
+function Zr(t) {
   return t != null && typeof t == "object";
 }
-var Dn = Array.isArray, $n = "[object String]";
-function Fn(t) {
-  return typeof t == "string" || !Dn(t) && xn(t) && Un(t) == $n;
+var Qr = Array.isArray, en = "[object String]";
+function tn(t) {
+  return typeof t == "string" || !Qr(t) && Zr(t) && Xr(t) == en;
 }
 const nt = "ikonUiModules";
-function Ue(t) {
+function xe(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function Bn(t) {
+function rn(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
-  for (const n of t) {
-    if (!Fn(n)) continue;
-    const r = n.trim();
-    r && (e.has(r) || e.add(r));
+  for (const r of t) {
+    if (!tn(r)) continue;
+    const n = r.trim();
+    n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function xr(t, e) {
+function Qn(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
     return !t && !e;
   if (t.length !== e.length)
     return !1;
-  for (let n = 0; n < t.length; n += 1)
-    if (t[n] !== e[n])
+  for (let r = 0; r < t.length; r += 1)
+    if (t[r] !== e[r])
       return !1;
   return !0;
 }
-function Vn(t) {
-  if (!(!Ue(t) || !Object.prototype.hasOwnProperty.call(t, nt)))
-    return Bn(t[nt]);
+function nn(t) {
+  if (!(!xe(t) || !Object.prototype.hasOwnProperty.call(t, nt)))
+    return rn(t[nt]);
 }
-function Dr(...t) {
+function eo(...t) {
   for (const e of t) {
-    const n = Vn(e);
-    if (n !== void 0)
-      return n;
+    const r = nn(e);
+    if (r !== void 0)
+      return r;
   }
 }
-function $r(t) {
-  if (!Ue(t))
+function to(t) {
+  if (!xe(t))
     return;
-  const e = t, n = Object.keys(e).find((c) => c.toLowerCase() === "modules");
-  if (!n)
+  const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
+  if (!r)
     return;
-  const r = e[n];
-  if (r === null)
+  const n = e[r];
+  if (n === null)
     return { resetToDefault: !0 };
-  if (!Array.isArray(r))
+  if (!Array.isArray(n))
     return;
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
-  for (const c of r) {
+  for (const c of n) {
     if (typeof c == "string") {
-      const R = c.trim();
-      if (!R || i.has(R))
+      const b = c.trim();
+      if (!b || i.has(b))
         continue;
-      o.push(R), i.add(R);
+      o.push(b), i.add(b);
       continue;
     }
-    if (!Ue(c))
+    if (!xe(c))
       continue;
-    const d = c, l = Object.keys(d).find((R) => R.toLowerCase() === "name");
+    const f = c, l = Object.keys(f).find((b) => b.toLowerCase() === "name");
     if (!l)
       continue;
-    const h = d[l];
+    const h = f[l];
     if (typeof h != "string")
       continue;
-    const f = h.trim();
-    if (!f)
+    const d = h.trim();
+    if (!d)
       continue;
-    const g = Object.keys(d).find((R) => R.toLowerCase() === "javascript"), S = g ? d[g] : void 0;
-    typeof S == "string" && s.set(f, S), i.has(f) || (o.push(f), i.add(f));
+    const y = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), S = y ? f[y] : void 0;
+    typeof S == "string" && s.set(d, S), i.has(d) || (o.push(d), i.add(d));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const a = Array.from(s.entries()).map(([c, d]) => ({
+  const a = Array.from(s.entries()).map(([c, f]) => ({
     name: c,
-    javascript: d
+    javascript: f
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const b = {
+const v = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, Kn = [
+}, on = [
   {
-    flag: b.Letter,
+    flag: v.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1430,7 +1789,7 @@ const b = {
     ]
   },
   {
-    flag: b.Word,
+    flag: v.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1439,7 +1798,7 @@ const b = {
     ]
   },
   {
-    flag: b.Line,
+    flag: v.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1448,7 +1807,7 @@ const b = {
     ]
   },
   {
-    flag: b.Paragraph,
+    flag: v.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1459,7 +1818,7 @@ const b = {
     ]
   },
   {
-    flag: b.Emoji,
+    flag: v.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1468,160 +1827,160 @@ const b = {
       "[data-emoji]"
     ]
   }
-], xe = b.Letter | b.Word | b.Line | b.Paragraph | b.Emoji, zn = b.Letter | b.Word | b.Line | b.Paragraph, rt = /* @__PURE__ */ new Map(), Wn = 16384;
-function Fr(t, e) {
-  if (!t || t.length > Wn)
+], De = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, sn = v.Letter | v.Word | v.Line | v.Paragraph, ot = /* @__PURE__ */ new Map(), an = 16384;
+function ro(t, e) {
+  if (!t || t.length > an)
     return t;
-  const n = cr(e), r = H(n, b.Emoji), o = n & zn;
-  if (o === b.None && !r)
+  const r = An(e), n = re(r, v.Emoji), o = r & sn;
+  if (o === v.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === b.None)
-    return at(s);
-  const i = ir(s);
+  if (o === v.None)
+    return ct(s);
+  const i = Rn(s);
   if (i.length === 0)
-    return r ? at(s) : t;
-  const a = ar(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
+    return n ? ct(s) : t;
+  const a = En(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
   for (const l of a) {
-    const h = qn(l, n, c);
-    d.push(...h);
+    const h = cn(l, r, c);
+    f.push(...h);
   }
-  return d;
+  return f;
 }
-function qn(t, e, n) {
-  const r = [];
+function cn(t, e, r) {
+  const n = [];
   for (const o of t) {
-    const s = Jn(o, e, n);
-    r.push(...s);
+    const s = un(o, e, r);
+    n.push(...s);
   }
-  if (H(e, b.Paragraph)) {
-    const o = n.paragraph++;
+  if (re(e, v.Paragraph)) {
+    const o = r.paragraph++;
     return [
-      /* @__PURE__ */ E.jsx(
+      /* @__PURE__ */ R.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: Re(o),
-          children: r
+          style: Ee(o),
+          children: n
         },
         `motion-paragraph-${o}`
       )
     ];
   }
-  return r;
+  return n;
 }
-function Jn(t, e, n) {
-  const r = Yn(t.text, e, n), o = [];
-  if (H(e, b.Line)) {
-    const s = n.line++;
+function un(t, e, r) {
+  const n = ln(t.text, e, r), o = [];
+  if (re(e, v.Line)) {
+    const s = r.line++;
     o.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-line": !0, style: Re(s), children: r }, `motion-line-${s}`)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: Ee(s), children: n }, `motion-line-${s}`)
     );
   } else
-    o.push(...r);
+    o.push(...n);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ E.jsx("br", {}, `motion-break-${n.br++}`));
+    o.push(/* @__PURE__ */ R.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function Yn(t, e, n) {
+function ln(t, e, r) {
   if (!t)
     return [];
-  const r = H(e, b.Word), o = [], s = /(\s+)/g;
+  const n = re(e, v.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
       const c = t.slice(i, a.index);
-      o.push(ot(c, n, e, r));
+      o.push(st(c, r, e, n));
     }
     o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < t.length) {
     const c = t.slice(i);
-    o.push(ot(c, n, e, r));
+    o.push(st(c, r, e, n));
   }
   return o;
 }
-function ot(t, e, n, r) {
-  const o = e.word++, s = Hn(t, n, e), i = `motion-word-${o}`, a = Gn(o, r);
-  return r ? /* @__PURE__ */ E.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ E.jsx("span", { style: a, children: s }, i);
+function st(t, e, r, n) {
+  const o = e.word++, s = fn(t, r, e), i = `motion-word-${o}`, a = dn(o, n);
+  return n ? /* @__PURE__ */ R.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ R.jsx("span", { style: a, children: s }, i);
 }
-function Gn(t, e) {
-  return e ? { ...Re(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function dn(t, e) {
+  return e ? { ...Ee(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function Hn(t, e, n) {
+function fn(t, e, r) {
   if (!t)
     return [];
-  const r = H(e, b.Letter), o = H(e, b.Emoji);
-  if (!r) {
+  const n = re(e, v.Letter), o = re(e, v.Emoji);
+  if (!n) {
     if (!o)
       return [t];
-    const a = De(t);
+    const a = Fe(t);
     if (a.length === 0)
       return [t];
-    const { nodes: c } = pt(a, n);
+    const { nodes: c } = pt(a, r);
     return c;
   }
-  const s = [], i = De(t);
+  const s = [], i = Fe(t);
   for (const a of i) {
-    const c = n.letter++, d = `motion-letter-${c}`, l = Re(c);
+    const c = r.letter++, f = `motion-letter-${c}`, l = Ee(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, children: /* @__PURE__ */ E.jsx("br", {}) }, d)
+        /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: l, children: /* @__PURE__ */ R.jsx("br", {}) }, f)
       );
       continue;
     }
-    const f = o && ht(a) ? { "data-motion-emoji": !0 } : void 0, g = a === " " ? " " : a;
+    const d = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, y = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, ...f, children: g }, d)
+      /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: l, ...d, children: y }, f)
     );
   }
   return s;
 }
-function De(t) {
+function Fe(t) {
   if (!t)
     return [];
-  const e = Xn();
-  return e ? Array.from(e.segment(t), (n) => n.segment) : Zn(t);
+  const e = hn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : mn(t);
 }
-let ie;
-function Xn() {
-  return ie !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? ie = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ie = null), ie;
+let de;
+function hn() {
+  return de !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? de = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : de = null), de;
 }
-function Zn(t) {
-  const e = [], n = Array.from(t);
-  let r = "";
-  for (let o = 0; o < n.length; o++) {
-    const s = n[o], i = n[o + 1];
-    r += s, !(i && Qn(s, i)) && (e.push(r), r = "");
+function mn(t) {
+  const e = [], r = Array.from(t);
+  let n = "";
+  for (let o = 0; o < r.length; o++) {
+    const s = r[o], i = r[o + 1];
+    n += s, !(i && pn(s, i)) && (e.push(n), n = "");
   }
-  return r && e.push(r), e;
+  return n && e.push(n), e;
 }
-function Qn(t, e) {
-  return e ? !!(st(t) || st(e) || nr(e) || er(e) || tr(e) || it(t) && it(e)) : !1;
+function pn(t, e) {
+  return e ? !!(it(t) || it(e) || Sn(e) || gn(e) || yn(e) || at(t) && at(e)) : !1;
 }
-function st(t) {
+function it(t) {
   return t.codePointAt(0) === 8205;
 }
-function er(t) {
+function gn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function tr(t) {
+function yn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function it(t) {
+function at(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
 let Ie;
-function nr(t) {
-  return t ? (Ie || (Ie = rr()), Ie(t)) : !1;
+function Sn(t) {
+  return t ? (Ie || (Ie = bn()), Ie(t)) : !1;
 }
-function rr() {
+function bn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -1632,55 +1991,55 @@ function rr() {
     };
   }
 }
-let Ce;
-function ht(t) {
-  return t ? (Ce || (Ce = or()), Ce(t)) : !1;
+let Ne;
+function mt(t) {
+  return t ? (Ne || (Ne = wn()), Ne(t)) : !1;
 }
-function or() {
+function wn() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return sr;
+    return vn;
   }
 }
-function sr(t) {
+function vn(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
-    const n = e.codePointAt(0);
-    if (n !== void 0 && (n >= 126976 && n <= 127231 || n >= 127232 && n <= 127487 || n >= 127488 && n <= 127743 || n >= 127744 && n <= 128511 || n >= 128512 && n <= 128591 || n >= 128640 && n <= 128767 || n >= 128768 && n <= 128895 || n >= 128896 && n <= 129023 || n >= 129024 && n <= 129279 || n >= 129280 && n <= 129535 || n >= 129536 && n <= 129791 || n >= 9728 && n <= 9983 || n >= 9984 && n <= 10175 || n === 8205 || n === 65039 || n === 8419))
+    const r = e.codePointAt(0);
+    if (r !== void 0 && (r >= 126976 && r <= 127231 || r >= 127232 && r <= 127487 || r >= 127488 && r <= 127743 || r >= 127744 && r <= 128511 || r >= 128512 && r <= 128591 || r >= 128640 && r <= 128767 || r >= 128768 && r <= 128895 || r >= 128896 && r <= 129023 || r >= 129024 && r <= 129279 || r >= 129280 && r <= 129535 || r >= 129536 && r <= 129791 || r >= 9728 && r <= 9983 || r >= 9984 && r <= 10175 || r === 8205 || r === 65039 || r === 8419))
       return !0;
   }
   return !1;
 }
-function ir(t) {
+function Rn(t) {
   const e = [];
-  let n = "", r = 0;
+  let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s === `
 `) {
-      r += 1;
+      n += 1;
       continue;
     }
-    r > 0 && (e.push({ text: n, breaks: r }), n = "", r = 0), n += s;
+    n > 0 && (e.push({ text: r, breaks: n }), r = "", n = 0), r += s;
   }
-  return (r > 0 || n.length > 0) && e.push({ text: n, breaks: r }), e;
+  return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function ar(t) {
+function En(t) {
   if (t.length === 0)
     return [];
   const e = [];
-  let n = [];
-  for (const r of t)
-    n.push(r), r.breaks >= 2 && (e.push(n), n = []);
-  return n.length > 0 && e.push(n), e;
+  let r = [];
+  for (const n of t)
+    r.push(n), n.breaks >= 2 && (e.push(r), r = []);
+  return r.length > 0 && e.push(r), e;
 }
-function H(t, e) {
+function re(t, e) {
   return (t & e) === e;
 }
-function Re(t) {
+function Ee(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -1697,123 +2056,123 @@ function Re(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function at(t) {
+function ct(t) {
   if (!t)
     return t;
-  const e = De(t);
+  const e = Fe(t);
   if (e.length === 0)
     return t;
-  const { nodes: n, sawEmoji: r } = pt(e);
-  return r ? n.length === 1 ? n[0] ?? t : n : t;
+  const { nodes: r, sawEmoji: n } = pt(e);
+  return n ? r.length === 1 ? r[0] ?? t : r : t;
 }
 function pt(t, e) {
-  const n = [];
-  let r = "", o = !1, s = e?.emoji ?? 0;
+  const r = [];
+  let n = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
-    r && (n.push(r), r = "");
+    n && (r.push(n), n = "");
   };
   for (const a of t) {
-    if (ht(a)) {
+    if (mt(a)) {
       o = !0, i();
-      const d = `motion-emoji-${e ? e.emoji++ : s++}`;
-      n.push(
-        /* @__PURE__ */ E.jsx("span", { "data-motion-emoji": !0, children: a }, d)
+      const f = `motion-emoji-${e ? e.emoji++ : s++}`;
+      r.push(
+        /* @__PURE__ */ R.jsx("span", { "data-motion-emoji": !0, children: a }, f)
       );
       continue;
     }
-    r += a;
+    n += a;
   }
-  return i(), o ? { nodes: n, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
+  return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function cr(t) {
+function An(t) {
   if (!t)
-    return b.None;
+    return v.None;
   const e = t.trim();
   if (!e)
-    return b.None;
-  const n = rt.get(e);
-  if (typeof n == "number")
-    return n;
+    return v.None;
+  const r = ot.get(e);
+  if (typeof r == "number")
+    return r;
   if (typeof document > "u")
-    return b.None;
-  const r = e.split(/\s+/).filter(Boolean);
-  if (r.length === 0)
-    return b.None;
-  const s = r.map((c) => `.${ur(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${lr(c)}(?![a-zA-Z0-9_-])`)
+    return v.None;
+  const n = e.split(/\s+/).filter(Boolean);
+  if (n.length === 0)
+    return v.None;
+  const s = n.map((c) => `.${kn(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Tn(c)}(?![a-zA-Z0-9_-])`)
   );
-  let i = b.None, a = !1;
+  let i = v.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
-    let d;
+    let f;
     try {
-      d = c.cssRules;
+      f = c.cssRules;
     } catch {
       continue;
     }
-    const l = mt(d, s);
-    if (l.mask && (i |= l.mask, i === xe))
+    const l = gt(f, s);
+    if (l.mask && (i |= l.mask, i === De))
       break;
     a ||= l.sawStyleRule;
   }
-  return (i !== b.None || a) && rt.set(e, i), i;
+  return (i !== v.None || a) && ot.set(e, i), i;
 }
-function mt(t, e) {
+function gt(t, e) {
   if (!t)
-    return { mask: b.None, sawStyleRule: !1 };
-  let n = b.None, r = !1;
+    return { mask: v.None, sawStyleRule: !1 };
+  let r = v.None, n = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
         const a = s.selectorText ?? "";
-        if (!a || !e.some((d) => d.test(a))) continue;
-        r = !0;
-        for (const d of Kn)
-          d.hints.some((l) => a.includes(l)) && (n |= d.flag);
-        if (n === xe)
-          return { mask: n, sawStyleRule: !0 };
+        if (!a || !e.some((f) => f.test(a))) continue;
+        n = !0;
+        for (const f of on)
+          f.hints.some((l) => a.includes(l)) && (r |= f.flag);
+        if (r === De)
+          return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = mt(s.cssRules, e);
-        if (i.mask && (n |= i.mask, n === xe))
-          return { mask: n, sawStyleRule: !0 };
-        r ||= i.sawStyleRule;
+        const i = gt(s.cssRules, e);
+        if (i.mask && (r |= i.mask, r === De))
+          return { mask: r, sawStyleRule: !0 };
+        n ||= i.sawStyleRule;
       }
     }
   }
-  return { mask: n, sawStyleRule: r };
+  return { mask: r, sawStyleRule: n };
 }
-function ur(t) {
+function kn(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function lr(t) {
+function Tn(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const Be = "ikon_auth_session", dr = 7 * 24 * 60 * 60 * 1e3;
-function ve(t) {
+const Ve = "ikon_auth_session", Cn = 7 * 24 * 60 * 60 * 1e3;
+function Ae(t) {
   try {
-    localStorage.setItem(Be, JSON.stringify(t));
+    localStorage.setItem(Ve, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function gt() {
+function yt() {
   try {
-    const t = localStorage.getItem(Be);
+    const t = localStorage.getItem(Ve);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > dr ? (yt(), null) : e;
+    return Date.now() - e.authenticatedAt > Cn ? (St(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function yt() {
+function St() {
   try {
-    localStorage.removeItem(Be);
+    localStorage.removeItem(Ve);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function ae(t) {
+function fe(t) {
   return {
     id: "",
     provider: t.provider,
@@ -1821,30 +2180,30 @@ function ae(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-async function St(t, e) {
-  const n = ye(), r = await fetch(`${e}/anonymous`, {
+async function bt(t, e) {
+  const r = Se(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ deviceId: n, space: t })
+    body: JSON.stringify({ deviceId: r, space: t })
   });
-  if (!r.ok) {
-    const i = await r.text().catch(() => "Unknown error");
-    throw new Error(`Anonymous auth failed: ${r.status} ${i}`);
+  if (!n.ok) {
+    const i = await n.text().catch(() => "Unknown error");
+    throw new Error(`Anonymous auth failed: ${n.status} ${i}`);
   }
-  const { token: o } = await r.json(), s = {
+  const { token: o } = await n.json(), s = {
     token: o,
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return ve(s), s;
+  return Ae(s), s;
 }
-async function Br(t) {
-  const { email: e, spaceId: n, authUrl: r, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${r}/email/send`, {
+async function no(t) {
+  const { email: e, spaceId: r, authUrl: n, returnUrl: o = window.location.origin + window.location.pathname } = t, s = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({
       email: e.trim(),
-      space: n,
+      space: r,
       return: o
     })
   });
@@ -1853,102 +2212,102 @@ async function Br(t) {
     throw new Error(i);
   }
 }
-function fr() {
-  const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), n = t.get("ikon_provider");
-  return e && n ? { token: e, provider: n } : null;
+function In() {
+  const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), r = t.get("ikon_provider");
+  return e && r ? { token: e, provider: r } : null;
 }
-function hr() {
+function Nn() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
-function ct() {
+function ut() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function pr(t, e, n, r) {
-  const o = r ?? window.location.origin + window.location.pathname + window.location.search;
-  return `${n}/oauth/${t}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
+function On(t, e, r, n) {
+  const o = n ?? window.location.origin + window.location.pathname + window.location.search;
+  return `${r}/oauth/${t}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
 }
-async function mr(t) {
+async function _n(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
   });
   if (!e.ok) {
-    const n = await e.text().catch(() => "Failed to get registration options");
-    throw new Error(n);
+    const r = await e.text().catch(() => "Failed to get registration options");
+    throw new Error(r);
   }
   return e.json();
 }
-async function gr(t, e, n) {
-  const r = await fetch(`${t}/passkey/registration/verify`, {
+async function Pn(t, e, r) {
+  const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ response: e, name: n })
+    body: JSON.stringify({ response: e, name: r })
   });
-  if (!r.ok) {
-    const i = await r.text().catch(() => "Registration verification failed");
+  if (!n.ok) {
+    const i = await n.text().catch(() => "Registration verification failed");
     throw new Error(i);
   }
-  const { token: o } = await r.json(), s = {
+  const { token: o } = await n.json(), s = {
     token: o,
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ve(s), s;
+  return Ae(s), s;
 }
-async function yr(t, e) {
-  const n = await fetch(`${t}/passkey/authentication/options`, {
+async function jn(t, e) {
+  const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ email: e })
   });
-  if (!n.ok) {
-    const r = await n.text().catch(() => "Failed to get authentication options");
-    throw new Error(r);
+  if (!r.ok) {
+    const n = await r.text().catch(() => "Failed to get authentication options");
+    throw new Error(n);
   }
-  return n.json();
+  return r.json();
 }
-async function Sr(t, e) {
-  const n = await fetch(`${t}/passkey/authentication/verify`, {
+async function Mn(t, e) {
+  const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ response: e })
   });
-  if (!n.ok) {
-    const s = await n.text().catch(() => "Authentication verification failed");
+  if (!r.ok) {
+    const s = await r.text().catch(() => "Authentication verification failed");
     throw new Error(s);
   }
-  const { token: r } = await n.json(), o = {
-    token: r,
+  const { token: n } = await r.json(), o = {
+    token: n,
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ve(o), o;
+  return Ae(o), o;
 }
-function $(t) {
+function q(t) {
   const e = new Uint8Array(t);
-  let n = "";
+  let r = "";
   for (const o of e)
-    n += String.fromCharCode(o);
-  return btoa(n).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+    r += String.fromCharCode(o);
+  return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function we(t) {
-  const e = t.replace(/-/g, "+").replace(/_/g, "/"), n = (4 - e.length % 4) % 4, r = e.padEnd(e.length + n, "="), o = atob(r), s = new ArrayBuffer(o.length), i = new Uint8Array(s);
+function ve(t) {
+  const e = t.replace(/-/g, "+").replace(/_/g, "/"), r = (4 - e.length % 4) % 4, n = e.padEnd(e.length + r, "="), o = atob(n), s = new ArrayBuffer(o.length), i = new Uint8Array(s);
   for (let a = 0; a < o.length; a++)
     i[a] = o.charCodeAt(a);
   return s;
 }
-function Ve() {
-  return br.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function Ke() {
+  return Un.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const br = {
+const Un = {
   stubThis: (t) => t
 };
-function bt(t) {
+function wt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: we(e),
+    id: ve(e),
     /**
      * `descriptor.transports` is an array of our `AuthenticatorTransportFuture` that includes newer
      * transports that TypeScript's DOM lib is ignorant of. Convince TS that our list of transports
@@ -1957,101 +2316,101 @@ function bt(t) {
     transports: t.transports
   };
 }
-function wt(t) {
+function vt(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     t === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(t)
   );
 }
-class C extends Error {
-  constructor({ message: e, code: n, cause: r, name: o }) {
-    super(e, { cause: r }), Object.defineProperty(this, "code", {
+class _ extends Error {
+  constructor({ message: e, code: r, cause: n, name: o }) {
+    super(e, { cause: n }), Object.defineProperty(this, "code", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
       value: void 0
-    }), this.name = o ?? r.name, this.code = n;
+    }), this.name = o ?? n.name, this.code = r;
   }
 }
-function wr({ error: t, options: e }) {
-  const { publicKey: n } = e;
-  if (!n)
+function Ln({ error: t, options: e }) {
+  const { publicKey: r } = e;
+  if (!r)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new C({
+      return new _({
         message: "Registration ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else if (t.name === "ConstraintError") {
-    if (n.authenticatorSelection?.requireResidentKey === !0)
-      return new C({
+    if (r.authenticatorSelection?.requireResidentKey === !0)
+      return new _({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
         cause: t
       });
     if (
       // @ts-ignore: `mediation` doesn't yet exist on CredentialCreationOptions but it's possible as of Sept 2024
-      e.mediation === "conditional" && n.authenticatorSelection?.userVerification === "required"
+      e.mediation === "conditional" && r.authenticatorSelection?.userVerification === "required"
     )
-      return new C({
+      return new _({
         message: "User verification was required during automatic registration but it could not be performed",
         code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
         cause: t
       });
-    if (n.authenticatorSelection?.userVerification === "required")
-      return new C({
+    if (r.authenticatorSelection?.userVerification === "required")
+      return new _({
         message: "User verification was required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
         cause: t
       });
   } else {
     if (t.name === "InvalidStateError")
-      return new C({
+      return new _({
         message: "The authenticator was previously registered",
         code: "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED",
         cause: t
       });
     if (t.name === "NotAllowedError")
-      return new C({
+      return new _({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "NotSupportedError")
-      return n.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new C({
+      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new _({
         message: 'No entry in pubKeyCredParams was of type "public-key"',
         code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
         cause: t
-      }) : new C({
+      }) : new _({
         message: "No available authenticator supported any of the specified pubKeyCredParams algorithms",
         code: "ERROR_AUTHENTICATOR_NO_SUPPORTED_PUBKEYCREDPARAMS_ALG",
         cause: t
       });
     if (t.name === "SecurityError") {
-      const r = globalThis.location.hostname;
-      if (wt(r)) {
-        if (n.rp.id !== r)
-          return new C({
-            message: `The RP ID "${n.rp.id}" is invalid for this domain`,
+      const n = globalThis.location.hostname;
+      if (vt(n)) {
+        if (r.rp.id !== n)
+          return new _({
+            message: `The RP ID "${r.rp.id}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new C({
+      } else return new _({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "TypeError") {
-      if (n.user.id.byteLength < 1 || n.user.id.byteLength > 64)
-        return new C({
+      if (r.user.id.byteLength < 1 || r.user.id.byteLength > 64)
+        return new _({
           message: "User ID was not between 1 and 64 characters",
           code: "ERROR_INVALID_USER_ID_LENGTH",
           cause: t
         });
     } else if (t.name === "UnknownError")
-      return new C({
+      return new _({
         message: "The authenticator was unable to process the specified options, or could not create a new credential",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2059,7 +2418,7 @@ function wr({ error: t, options: e }) {
   }
   return t;
 }
-class Er {
+class xn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2070,8 +2429,8 @@ class Er {
   }
   createNewAbortSignal() {
     if (this.controller) {
-      const n = new Error("Cancelling existing WebAuthn API call for new one");
-      n.name = "AbortError", this.controller.abort(n);
+      const r = new Error("Cancelling existing WebAuthn API call for new one");
+      r.name = "AbortError", this.controller.abort(r);
     }
     const e = new AbortController();
     return this.controller = e, e.signal;
@@ -2083,35 +2442,35 @@ class Er {
     }
   }
 }
-const Et = new Er(), Rr = ["cross-platform", "platform"];
-function Rt(t) {
-  if (t && !(Rr.indexOf(t) < 0))
+const Rt = new xn(), Dn = ["cross-platform", "platform"];
+function Et(t) {
+  if (t && !(Dn.indexOf(t) < 0))
     return t;
 }
-async function vr(t) {
+async function Fn(t) {
   !t.optionsJSON && t.challenge && (console.warn("startRegistration() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
-  const { optionsJSON: e, useAutoRegister: n = !1 } = t;
-  if (!Ve())
+  const { optionsJSON: e, useAutoRegister: r = !1 } = t;
+  if (!Ke())
     throw new Error("WebAuthn is not supported in this browser");
-  const r = {
+  const n = {
     ...e,
-    challenge: we(e.challenge),
+    challenge: ve(e.challenge),
     user: {
       ...e.user,
-      id: we(e.user.id)
+      id: ve(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(bt)
+    excludeCredentials: e.excludeCredentials?.map(wt)
   }, o = {};
-  n && (o.mediation = "conditional"), o.publicKey = r, o.signal = Et.createNewAbortSignal();
+  r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Rt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
   } catch (S) {
-    throw wr({ error: S, options: o });
+    throw Ln({ error: S, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: c, type: d } = s;
+  const { id: i, rawId: a, response: c, type: f } = s;
   let l;
   typeof c.getTransports == "function" && (l = c.getTransports());
   let h;
@@ -2119,86 +2478,86 @@ async function vr(t) {
     try {
       h = c.getPublicKeyAlgorithm();
     } catch (S) {
-      Ne("getPublicKeyAlgorithm()", S);
+      Oe("getPublicKeyAlgorithm()", S);
     }
-  let f;
+  let d;
   if (typeof c.getPublicKey == "function")
     try {
       const S = c.getPublicKey();
-      S !== null && (f = $(S));
+      S !== null && (d = q(S));
     } catch (S) {
-      Ne("getPublicKey()", S);
+      Oe("getPublicKey()", S);
     }
-  let g;
+  let y;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      g = $(c.getAuthenticatorData());
+      y = q(c.getAuthenticatorData());
     } catch (S) {
-      Ne("getAuthenticatorData()", S);
+      Oe("getAuthenticatorData()", S);
     }
   return {
     id: i,
-    rawId: $(a),
+    rawId: q(a),
     response: {
-      attestationObject: $(c.attestationObject),
-      clientDataJSON: $(c.clientDataJSON),
+      attestationObject: q(c.attestationObject),
+      clientDataJSON: q(c.clientDataJSON),
       transports: l,
       publicKeyAlgorithm: h,
-      publicKey: f,
-      authenticatorData: g
+      publicKey: d,
+      authenticatorData: y
     },
-    type: d,
+    type: f,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: Rt(s.authenticatorAttachment)
+    authenticatorAttachment: Et(s.authenticatorAttachment)
   };
 }
-function Ne(t, e) {
+function Oe(t, e) {
   console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${t}. You should report this error to them.
 `, e);
 }
-function Ar() {
-  if (!Ve())
-    return Oe.stubThis(new Promise((e) => e(!1)));
+function $n() {
+  if (!Ke())
+    return _e.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
-  return t?.isConditionalMediationAvailable === void 0 ? Oe.stubThis(new Promise((e) => e(!1))) : Oe.stubThis(t.isConditionalMediationAvailable());
+  return t?.isConditionalMediationAvailable === void 0 ? _e.stubThis(new Promise((e) => e(!1))) : _e.stubThis(t.isConditionalMediationAvailable());
 }
-const Oe = {
+const _e = {
   stubThis: (t) => t
 };
-function kr({ error: t, options: e }) {
-  const { publicKey: n } = e;
-  if (!n)
+function Bn({ error: t, options: e }) {
+  const { publicKey: r } = e;
+  if (!r)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new C({
+      return new _({
         message: "Authentication ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else {
     if (t.name === "NotAllowedError")
-      return new C({
+      return new _({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "SecurityError") {
-      const r = globalThis.location.hostname;
-      if (wt(r)) {
-        if (n.rpId !== r)
-          return new C({
-            message: `The RP ID "${n.rpId}" is invalid for this domain`,
+      const n = globalThis.location.hostname;
+      if (vt(n)) {
+        if (r.rpId !== n)
+          return new _({
+            message: `The RP ID "${r.rpId}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new C({
+      } else return new _({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "UnknownError")
-      return new C({
+      return new _({
         message: "The authenticator was unable to process the specified options, or could not create a new assertion signature",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2206,63 +2565,63 @@ function kr({ error: t, options: e }) {
   }
   return t;
 }
-async function Tr(t) {
+async function Vn(t) {
   !t.optionsJSON && t.challenge && (console.warn("startAuthentication() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), t = { optionsJSON: t });
-  const { optionsJSON: e, useBrowserAutofill: n = !1, verifyBrowserAutofillInput: r = !0 } = t;
-  if (!Ve())
+  const { optionsJSON: e, useBrowserAutofill: r = !1, verifyBrowserAutofillInput: n = !0 } = t;
+  if (!Ke())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(bt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(wt));
   const s = {
     ...e,
-    challenge: we(e.challenge),
+    challenge: ve(e.challenge),
     allowCredentials: o
   }, i = {};
-  if (n) {
-    if (!await Ar())
+  if (r) {
+    if (!await $n())
       throw Error("Browser does not support WebAuthn autofill");
-    if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && r)
+    if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && n)
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
     i.mediation = "conditional", s.allowCredentials = [];
   }
-  i.publicKey = s, i.signal = Et.createNewAbortSignal();
+  i.publicKey = s, i.signal = Rt.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (g) {
-    throw kr({ error: g, options: i });
+  } catch (y) {
+    throw Bn({ error: y, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: d, response: l, type: h } = a;
-  let f;
-  return l.userHandle && (f = $(l.userHandle)), {
+  const { id: c, rawId: f, response: l, type: h } = a;
+  let d;
+  return l.userHandle && (d = q(l.userHandle)), {
     id: c,
-    rawId: $(d),
+    rawId: q(f),
     response: {
-      authenticatorData: $(l.authenticatorData),
-      clientDataJSON: $(l.clientDataJSON),
-      signature: $(l.signature),
-      userHandle: f
+      authenticatorData: q(l.authenticatorData),
+      clientDataJSON: q(l.clientDataJSON),
+      signature: q(l.signature),
+      userHandle: d
     },
     type: h,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: Rt(a.authenticatorAttachment)
+    authenticatorAttachment: Et(a.authenticatorAttachment)
   };
 }
-const Ke = ut(null);
-function Vr({ children: t, config: e }) {
-  const [n, r] = Y({
+const ze = lt(null);
+function oo({ children: t, config: e }) {
+  const [r, n] = ee({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  B(() => {
+  F(() => {
     (() => {
-      const l = hr();
+      const l = Nn();
       if (l) {
-        ct(), r({
+        ut(), n({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
@@ -2270,32 +2629,32 @@ function Vr({ children: t, config: e }) {
         });
         return;
       }
-      const h = fr();
+      const h = In();
       if (h) {
-        const g = {
+        const y = {
           token: h.token,
           provider: h.provider,
           authenticatedAt: Date.now()
         };
-        ve(g), ct(), r({
+        Ae(y), ut(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ae(g),
+          user: fe(y),
           error: null
         });
         return;
       }
-      const f = gt();
-      if (f) {
-        r({
+      const d = yt();
+      if (d) {
+        n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ae(f),
+          user: fe(d),
           error: null
         });
         return;
       }
-      r({
+      n({
         isAuthenticated: !1,
         isLoading: !1,
         user: null,
@@ -2303,139 +2662,139 @@ function Vr({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = F(
-    async (d) => {
+  const o = B(
+    async (f) => {
       if (!e.spaceId) {
-        r((f) => ({
-          ...f,
+        n((d) => ({
+          ...d,
           error: "Space ID is not configured"
         }));
         return;
       }
-      const l = e.authUrl ?? _e();
-      if (d === "guest") {
-        r((f) => ({ ...f, isLoading: !0 }));
+      const l = e.authUrl ?? je();
+      if (f === "guest") {
+        n((d) => ({ ...d, isLoading: !0 }));
         try {
-          const f = await St(e.spaceId, l);
-          r({
+          const d = await bt(e.spaceId, l);
+          n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ae(f),
+            user: fe(d),
             error: null
           });
-        } catch (f) {
-          r((g) => ({
-            ...g,
+        } catch (d) {
+          n((y) => ({
+            ...y,
             isLoading: !1,
-            error: f instanceof Error ? f.message : "Guest login failed"
+            error: d instanceof Error ? d.message : "Guest login failed"
           }));
         }
         return;
       }
-      if (d === "passkey") {
-        r((f) => ({ ...f, isLoading: !0, error: null }));
+      if (f === "passkey") {
+        n((d) => ({ ...d, isLoading: !0, error: null }));
         try {
-          const f = await yr(l), g = await Tr({ optionsJSON: f }), S = await Sr(l, g);
-          r({
+          const d = await jn(l), y = await Vn({ optionsJSON: d }), S = await Mn(l, y);
+          n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ae(S),
+            user: fe(S),
             error: null
           });
-        } catch (f) {
-          r((g) => ({
-            ...g,
+        } catch (d) {
+          n((y) => ({
+            ...y,
             isLoading: !1,
-            error: f instanceof Error ? f.message : "Passkey login failed"
+            error: d instanceof Error ? d.message : "Passkey login failed"
           }));
         }
         return;
       }
-      const h = pr(d, e.spaceId, l);
+      const h = On(f, e.spaceId, l);
       window.location.href = h;
     },
     [e.authUrl, e.spaceId]
-  ), s = F(() => {
-    yt(), r({
+  ), s = B(() => {
+    St(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = F(
-    async (d) => {
-      const l = e.authUrl ?? _e();
-      r((h) => ({ ...h, isLoading: !0, error: null }));
+  }, []), i = B(
+    async (f) => {
+      const l = e.authUrl ?? je();
+      n((h) => ({ ...h, isLoading: !0, error: null }));
       try {
-        const h = await mr(l), f = await vr({ optionsJSON: h }), g = await gr(l, f, d);
-        r({
+        const h = await _n(l), d = await Fn({ optionsJSON: h }), y = await Pn(l, d, f);
+        n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ae(g),
+          user: fe(y),
           error: null
         });
       } catch (h) {
-        r((f) => ({
-          ...f,
+        n((d) => ({
+          ...d,
           isLoading: !1,
           error: h instanceof Error ? h.message : "Passkey registration failed"
         }));
       }
     },
     [e.authUrl]
-  ), a = F(() => n.user?.token ?? null, [n.user]), c = U(
+  ), a = B(() => r.user?.token ?? null, [r.user]), c = z(
     () => ({
-      state: n,
+      state: r,
       login: o,
       logout: s,
       getToken: a,
       registerPasskey: i
     }),
-    [n, o, s, a, i]
+    [r, o, s, a, i]
   );
-  return /* @__PURE__ */ E.jsx(Ke, { value: c, children: t });
+  return /* @__PURE__ */ R.jsx(ze, { value: c, children: t });
 }
-function Ir() {
-  const t = Fe(Ke);
+function Kn() {
+  const t = Be(ze);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function Kr() {
-  return Fe(Ke);
+function so() {
+  return Be(ze);
 }
-function zr(t) {
-  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = Ir(), s = A(!1);
-  return B(() => {
-    if (!n || r.isAuthenticated || r.isLoading || s.current || !e.methods.includes("guest"))
+function io(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Kn(), s = w(!1);
+  return F(() => {
+    if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
-    const i = new URLSearchParams(window.location.search), a = i.get(n);
+    const i = new URLSearchParams(window.location.search), a = i.get(r);
     if (a === "true" || a === "1" || a === "") {
-      i.delete(n);
-      const c = i.toString(), d = window.location.pathname + (c ? `?${c}` : "");
-      window.history.replaceState({}, "", d), s.current = !0, o("guest");
+      i.delete(r);
+      const c = i.toString(), f = window.location.pathname + (c ? `?${c}` : "");
+      window.history.replaceState({}, "", f), s.current = !0, o("guest");
     }
-  }, [n, r.isAuthenticated, r.isLoading, e.methods, o]), {
-    shouldRenderChildren: r.isAuthenticated,
-    isCheckingAuth: r.isLoading,
-    isAuthenticated: r.isAuthenticated,
-    error: r.error
+  }, [r, n.isAuthenticated, n.isLoading, e.methods, o]), {
+    shouldRenderChildren: n.isAuthenticated,
+    isCheckingAuth: n.isLoading,
+    isAuthenticated: n.isAuthenticated,
+    error: n.error
   };
 }
-function Wr({
+function ao({
   connectionState: t,
   error: e,
-  isReady: n,
-  stores: r,
+  isReady: r,
+  stores: n,
   registry: o,
   client: s,
   onAction: i,
   renderIdle: a,
   renderConnecting: c,
-  renderConnectingSlow: d,
+  renderConnectingSlow: f,
   renderConnected: l,
   renderOffline: h,
-  renderError: f
+  renderError: d
 }) {
   switch (t) {
     case "idle":
@@ -2443,11 +2802,11 @@ function Wr({
     case "connecting":
       return c();
     case "connectingSlow":
-      return d();
+      return f();
     case "connected":
     case "reconnecting":
-      return !n || !r || !o ? null : l({
-        stores: r,
+      return !r || !n || !o ? null : l({
+        stores: n,
         registry: o,
         client: s,
         onAction: i,
@@ -2456,223 +2815,228 @@ function Wr({
     case "offline":
       return h();
     case "offlineError":
-      return f(e ?? s?.lastError?.message ?? null);
+      return d(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
 }
-const Pe = Ee("useIkonApp");
-function qr(t) {
-  const { authConfig: e, localServer: n, modules: r, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, updateUrlOnJoin: c = !0, timeouts: d, audio: l, video: h, mediaSession: f, debug: g } = t, S = A(null), R = A(null), m = A(null), y = A(!1), v = A(l), j = A(h), O = A(f), D = A(g), W = A(d), le = A(i), Z = A(a), de = A(s), fe = A(c);
-  v.current = l, j.current = h, O.current = f, D.current = g, W.current = d, le.current = i, Z.current = a, de.current = s, fe.current = c;
-  const [q, he] = Y("idle"), [Ae, G] = Y(null), [Q, pe] = Y(null), [K, me] = Y(null), [ee, u] = Y(!1), p = U(() => {
+const Pe = Re("useIkonApp");
+function co(t) {
+  const { authConfig: e, localServer: r, modules: n, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, updateUrlOnJoin: c = !0, timeouts: f, audio: l, video: h, mediaSession: d, debug: y } = t, S = w(null), b = w(null), m = w(null), p = w(!1), A = w(l), P = w(h), j = w(d), V = w(y), G = w(f), Z = w(i), k = w(a), C = w(s), M = w(c);
+  A.current = l, P.current = h, j.current = d, V.current = y, G.current = f, Z.current = i, k.current = a, C.current = s, M.current = c;
+  const [I, L] = ee("idle"), [W, te] = ee(null), [oe, pe] = ee(null), [H, ge] = ee(null), [se, u] = ee(!1), g = z(() => {
     try {
-      return Ct();
+      return Nt();
     } catch {
       return { parameters: {} };
     }
-  }, []), w = U(() => e?.enabled ? gt() : null, [e?.enabled]), k = n?.enabled ?? !1, L = n?.host ?? "localhost", P = n?.httpsPort ?? 8443;
-  B(() => {
-    !k && ze() && e && !e.enabled && e.spaceId && !K && !ee && (u(!0), St(e.spaceId, e.authUrl ?? _e()).then((N) => {
-      me(N.token);
-    }).catch((N) => {
-      Pe.error("Anonymous auth failed:", N), G(N instanceof Error ? N.message : "Anonymous auth failed");
+  }, []), E = z(() => e?.enabled ? yt() : null, [e?.enabled]), T = r?.enabled ?? !1, K = r?.host ?? "localhost", x = r?.httpsPort ?? 8443;
+  F(() => {
+    !T && Ye() && e && !e.enabled && e.spaceId && !H && !se && (u(!0), bt(e.spaceId, e.authUrl ?? je()).then((U) => {
+      ge(U.token);
+    }).catch((U) => {
+      Pe.error("Anonymous auth failed:", U), te(U instanceof Error ? U.message : "Anonymous auth failed");
     }).finally(() => {
       u(!1);
     }));
-  }, [k, e, K, ee]);
-  const J = U(() => {
-    if (k) {
-      const I = w?.token ? Nt(w.token) ?? ye() : ye();
+  }, [T, e, H, se]);
+  const Q = z(() => {
+    if (T) {
+      const O = E?.token ? Ot(E.token) ?? Se() : Se();
       return {
         local: {
-          host: L,
-          httpsPort: P,
-          userId: I,
-          parameters: p.parameters
+          host: K,
+          httpsPort: x,
+          userId: O,
+          parameters: g.parameters
         }
       };
     }
-    return w?.token && e?.spaceId ? {
+    return E?.token && e?.spaceId ? {
       sessionToken: {
-        token: w.token,
+        token: E.token,
         spaceId: e.spaceId,
         backendType: We(),
-        sessionId: p.sessionId,
-        channelKey: p.channelKey,
-        parameters: p.parameters
+        sessionId: g.sessionId,
+        channelKey: g.channelKey,
+        parameters: g.parameters
       }
-    } : K && e?.spaceId ? {
+    } : H && e?.spaceId ? {
       sessionToken: {
-        token: K,
+        token: H,
         spaceId: e.spaceId,
         backendType: We(),
-        sessionId: p.sessionId,
-        channelKey: p.channelKey,
-        parameters: p.parameters
+        sessionId: g.sessionId,
+        channelKey: g.channelKey,
+        parameters: g.parameters
       }
-    } : ze() ? null : {
+    } : Ye() ? null : {
       local: {
-        host: L,
-        httpsPort: P,
-        userId: ye(),
-        parameters: p.parameters
+        host: K,
+        httpsPort: x,
+        userId: Se(),
+        parameters: g.parameters
       }
     };
-  }, [k, L, P, w?.token, e?.spaceId, K, p.sessionId, p.channelKey, p.parameters]);
-  Rn(Q);
-  const te = An(Q);
-  B(() => {
-    if (!y.current) {
-      if (y.current = !0, m.current = pn(), r)
-        for (const I of r)
-          I(m.current);
-      o?.(m.current), m.current.loadRegisteredModules().catch((I) => {
-        Pe.error("Failed to load UI modules", I);
+  }, [T, K, x, E?.token, e?.spaceId, H, g.sessionId, g.channelKey, g.parameters]);
+  xr(oe);
+  const ie = Fr(oe);
+  F(() => {
+    if (!p.current) {
+      if (p.current = !0, m.current = Nr(), n)
+        for (const O of n)
+          O(m.current);
+      o?.(m.current), m.current.loadRegisteredModules().catch((O) => {
+        Pe.error("Failed to load UI modules", O);
       });
     }
-  }, []), B(() => {
-    if (!J) return;
-    const I = new Ot({
-      ...J,
-      debug: D.current,
-      timeouts: W.current,
-      audio: v.current,
-      video: j.current,
-      mediaSession: O.current,
-      onConnectionStateChange: (M) => {
-        he(M), le.current?.(M);
+  }, []), F(() => {
+    if (!Q) return;
+    const O = new _t({
+      ...Q,
+      debug: V.current,
+      timeouts: G.current,
+      audio: A.current,
+      video: P.current,
+      mediaSession: j.current,
+      onConnectionStateChange: ($) => {
+        L($), Z.current?.($);
       },
-      onError: (M) => {
-        G(M.message), Z.current?.(M);
+      onError: ($) => {
+        te($.message), k.current?.($);
       },
       onJoined: () => {
-        const M = I.globalState?.SessionId;
-        fe.current && M && window.history.replaceState(null, "", `/s/${M}${window.location.search}`), de.current?.(M);
+        const $ = O.globalState?.SessionId;
+        M.current && $ && window.history.replaceState(null, "", `/s/${$}${window.location.search}`), C.current?.($);
       }
     });
-    S.current = I;
-    const N = new qt({ client: I });
-    return R.current = N, pe(N), I.connect().catch((M) => {
-      Pe.error("Connection failed:", M);
+    S.current = O;
+    const U = new qt({ client: O });
+    return b.current = U, pe(U), O.connect().catch(($) => {
+      Pe.error("Connection failed:", $);
     }), () => {
-      I.disconnect(), S.current = null, N.dispose(), R.current = null;
+      O.disconnect(), S.current = null, U.dispose(), b.current = null;
     };
-  }, [J]);
-  const T = F((I, N) => {
-    const M = typeof N == "string" ? N : JSON.stringify(N ?? {});
-    S.current?.sendActionCall(I, M);
-  }, []), z = q === "connected" || q === "reconnecting";
+  }, [Q]);
+  const N = B((O, U) => {
+    const $ = typeof U == "string" ? U : JSON.stringify(U ?? {});
+    S.current?.sendActionCall(O, $);
+  }, []), X = I === "connected" || I === "reconnecting";
   return {
-    connectionState: q,
-    error: Ae,
-    stores: te,
+    connectionState: I,
+    error: W,
+    stores: ie,
     client: S.current,
     registry: m.current,
     clientRef: S,
-    uiRef: R,
+    uiRef: b,
     registryRef: m,
-    onAction: T,
-    isReady: z
+    onAction: N,
+    isReady: X
   };
 }
-function Jr(t) {
-  const e = A(!1);
-  return F(() => {
+function uo(t) {
+  const e = w(!1);
+  return B(() => {
     if (e.current) return;
     e.current = !0;
-    const n = document.createElement("link");
-    n.rel = "stylesheet", n.href = t, document.head.appendChild(n);
+    const r = document.createElement("link");
+    r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-const vt = ut(null);
-function Cr(t, e) {
-  return e ? t.replace(/\{(\w+)\}/g, (n, r) => e[r] ?? `{${r}}`) : t;
+const At = lt(null);
+function zn(t, e) {
+  return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function Nr(t, e) {
-  const r = new URLSearchParams(window.location.search).get("lang");
-  if (r && t.includes(r))
-    return r;
+function Yn(t, e) {
+  const n = new URLSearchParams(window.location.search).get("lang");
+  if (n && t.includes(n))
+    return n;
   const o = navigator.language.split("-")[0];
   return t.includes(o) ? o : e && t.includes(e) ? e : "en";
 }
-function Or(t, e, n) {
-  return e ? Nr(t, n) : n && t.includes(n) ? n : "en";
+function Wn(t, e, r) {
+  return e ? Yn(t, r) : r && t.includes(r) ? r : "en";
 }
-function Yr({
+function lo({
   children: t,
   translations: e,
-  defaultLanguage: n,
-  detectLanguage: r = !1
+  defaultLanguage: r,
+  detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = Or(o, r, n), i = e[s] ?? e.en, a = U(
+  const o = Object.keys(e), s = Wn(o, n, r), i = e[s] ?? e.en, a = z(
     () => ({
-      t: (c, d) => {
+      t: (c, f) => {
         const l = i[c];
-        return Cr(l, d);
+        return zn(l, f);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ E.jsx(vt, { value: a, children: t });
+  return /* @__PURE__ */ R.jsx(At, { value: a, children: t });
 }
-function Gr() {
-  const t = Fe(vt);
+function fo() {
+  const t = Be(At);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  Vr as AuthProvider,
-  Wr as ConnectionStateRenderer,
-  Yr as I18nProvider,
-  tn as IKON_UI_BASE_MODULE,
-  ln as IKON_UI_MEDIA_MODULE,
-  Me as IKON_UI_STREAM_CATEGORY,
-  on as IKON_UI_VIDEO_CANVAS_TYPE,
-  sn as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  oo as AuthProvider,
+  ao as ConnectionStateRenderer,
+  lo as I18nProvider,
+  rr as IKON_UI_BASE_MODULE,
+  lr as IKON_UI_MEDIA_MODULE,
+  kr as IKON_UI_SHADER_MODULE,
+  Er as IKON_UI_SHADER_TYPE,
+  Ue as IKON_UI_STREAM_CATEGORY,
+  sr as IKON_UI_VIDEO_CANVAS_TYPE,
+  ir as IKON_UI_VIDEO_URL_PLAYER_TYPE,
   qt as IkonUi,
-  hn as IkonUiRegistry,
-  Ur as IkonUiSurface,
-  zt as UiComponentRegistry,
-  Kt as UiRenderer,
-  Zr as UiStreamStore,
-  xr as areIkonUiModuleListsEqual,
-  St as authenticateAnonymous,
-  pr as buildOAuthRedirectUrl,
-  yt as clearAuthSession,
-  ct as clearOAuthParams,
-  en as createBaseResolvers,
-  Mr as createComponentLibrary,
-  pn as createIkonUiRegistry,
-  cn as createMediaResolvers,
+  Ir as IkonUiRegistry,
+  Zn as IkonUiSurface,
+  Yt as UiComponentRegistry,
+  zt as UiRenderer,
+  po as UiStreamStore,
+  Qn as areIkonUiModuleListsEqual,
+  bt as authenticateAnonymous,
+  On as buildOAuthRedirectUrl,
+  St as clearAuthSession,
+  ut as clearOAuthParams,
+  tr as createBaseResolvers,
+  Hn as createComponentLibrary,
+  Nr as createIkonUiRegistry,
+  cr as createMediaResolvers,
+  Ar as createShaderRendererResolver,
   Wt as isIkonUiCategoryMatch,
-  gt as loadAuthSession,
-  nn as loadBaseModule,
-  dn as loadMediaModule,
-  Bn as normalizeIkonUiModuleList,
-  $r as parseIkonUiInitPayload,
-  fr as parseOAuthCallback,
-  hr as parseOAuthError,
-  Vn as readIkonUiModules,
-  Dr as readIkonUiModulesFromSources,
-  rn as registerBaseModule,
-  fn as registerMediaModule,
-  Bt as renderChildren,
-  Fr as renderMotionLetters,
-  ve as saveAuthSession,
-  Br as sendMagicLink,
-  ae as sessionToUser,
-  Ir as useAuth,
-  zr as useAuthGuard,
-  Kr as useAuthOptional,
-  Gr as useI18n,
-  qr as useIkonApp,
-  Rn as useIkonStyles,
-  An as useIkonUiStores,
-  Jr as useLazyFont,
-  V as useUiNode,
-  Lr as useUiStore
+  yt as loadAuthSession,
+  nr as loadBaseModule,
+  dr as loadMediaModule,
+  Tr as loadShaderModule,
+  rn as normalizeIkonUiModuleList,
+  to as parseIkonUiInitPayload,
+  In as parseOAuthCallback,
+  Nn as parseOAuthError,
+  nn as readIkonUiModules,
+  eo as readIkonUiModulesFromSources,
+  or as registerBaseModule,
+  fr as registerMediaModule,
+  Cr as registerShaderModule,
+  Vt as renderChildren,
+  ro as renderMotionLetters,
+  Ae as saveAuthSession,
+  no as sendMagicLink,
+  fe as sessionToUser,
+  Kn as useAuth,
+  io as useAuthGuard,
+  so as useAuthOptional,
+  fo as useI18n,
+  co as useIkonApp,
+  xr as useIkonStyles,
+  Fr as useIkonUiStores,
+  uo as useLazyFont,
+  J as useUiNode,
+  Xn as useUiStore
 };