@ikonai/sdk-react-ui 1.0.10 → 1.0.11

package/index.js

@@ -1,6 +1,6 @@
 import { IkonUiCore as kt, UiStreamStore as Ct } from "@ikonai/sdk-ui";
-import { UiStreamStore as wo } from "@ikonai/sdk-ui";
-import It, { useSyncExternalStore as De, useMemo as Y, memo as q, useRef as v, useCallback as $, Fragment as Ot, useEffect as x, useState as X, createContext as dt, use as Fe } from "react";
+import { UiStreamStore as vo } from "@ikonai/sdk-ui";
+import It, { useSyncExternalStore as De, useMemo as Y, memo as q, useRef as v, useCallback as x, Fragment as Ot, useEffect as D, useState as X, createContext as dt, use as Fe } from "react";
 import { createLogger as we, getOrCreateDeviceId as ge, deriveAuthUrl as Ne, parseUrlParams as _t, isCloudEnvironment as ze, extractUserIdFromToken as Nt, deriveBackendType as We, IkonClient as Pt, subscribeToLogEvents as Mt, isDebugModeEnabled as jt, LogLevel as qe } from "@ikonai/sdk";
 var pe = { exports: {} }, ie = {};
 /**
@@ -129,7 +129,7 @@ function Ut() {
       return Error("react-stack-top-frame");
     }
     function i(u) {
-      if (D.call(u, "key")) {
+      if (F.call(u, "key")) {
         var y = Object.getOwnPropertyDescriptor(u, "key").get;
         if (y && y.isReactWarning) return !1;
       }
@@ -153,12 +153,12 @@ function Ut() {
         "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 f(u, y, R, C, K, F, ee, se) {
-      return R = F.ref, u = {
+    function f(u, y, R, C, K, B, ee, se) {
+      return R = B.ref, u = {
         $$typeof: h,
         type: u,
         key: y,
-        props: F,
+        props: B,
         _owner: K
       }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(u, "ref", {
         enumerable: !1,
@@ -185,7 +185,7 @@ function Ut() {
         value: se
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    function d(u, y, R, C, K, F, ee, se) {
+    function d(u, y, R, C, K, B, ee, se) {
       var N = y.children;
       if (N !== void 0)
         if (C)
@@ -198,7 +198,7 @@ function Ut() {
               "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 m(N);
-      if (D.call(y, "key")) {
+      if (F.call(y, "key")) {
         N = t(u);
         var J = Object.keys(y).filter(function(U) {
           return U !== "key";
@@ -227,7 +227,7 @@ React keys must be passed directly to JSX without using spread:
       ), f(
         u,
         N,
-        F,
+        B,
         K,
         o(),
         R,
@@ -238,7 +238,7 @@ React keys must be passed directly to JSX without using spread:
     function m(u) {
       typeof u == "object" && u !== null && u.$$typeof === h && u._store && (u._store.validated = 1);
     }
-    var l = It, h = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), _ = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, z = Array.isArray, te = console.createTask ? console.createTask : function() {
+    var l = It, h = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), _ = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, z = Array.isArray, te = console.createTask ? console.createTask : function() {
       return null;
     };
     l = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
       s
     )(), me = te(n(s)), oe = {};
     ae.Fragment = b, ae.jsx = function(u, y, R, C, K) {
-      var F = 1e4 > _.recentlyCreatedOwnerStacks++;
+      var B = 1e4 > _.recentlyCreatedOwnerStacks++;
       return d(
         u,
         y,
@@ -259,11 +259,11 @@ React keys must be passed directly to JSX without using spread:
         !1,
         C,
         K,
-        F ? Error("react-stack-top-frame") : H,
-        F ? te(n(u)) : me
+        B ? Error("react-stack-top-frame") : H,
+        B ? te(n(u)) : me
       );
     }, ae.jsxs = function(u, y, R, C, K) {
-      var F = 1e4 > _.recentlyCreatedOwnerStacks++;
+      var B = 1e4 > _.recentlyCreatedOwnerStacks++;
       return d(
         u,
         y,
@@ -271,8 +271,8 @@ React keys must be passed directly to JSX without using spread:
         !0,
         C,
         K,
-        F ? Error("react-stack-top-frame") : H,
-        F ? te(n(u)) : me
+        B ? Error("react-stack-top-frame") : H,
+        B ? te(n(u)) : me
       );
     };
   }()), ae;
@@ -370,7 +370,7 @@ const qt = q(function({ store: e, library: r, viewId: n, emptyFallback: o = null
   m.current = i;
   const l = v(a);
   l.current = a;
-  const h = $((b, g) => {
+  const h = x((b, g) => {
     if (!b)
       return;
     const p = Bt(g);
@@ -417,11 +417,11 @@ class Gt {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function eo(t, e) {
+function to(t, e) {
   const r = Object.entries(t);
   return new Gt(r, e);
 }
-function to(t) {
+function ro(t) {
   return De(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
@@ -432,7 +432,7 @@ const Me = "ikon-ui";
 function Ht(t, e) {
   return t === e;
 }
-const ro = q(function({ stores: e, registry: r, category: n = Me, onAction: o, client: s }) {
+const no = q(function({ stores: e, registry: r, category: n = Me, onAction: o, client: s }) {
   const i = Y(() => Array.from(e.keys()).sort().join(","), [e]), a = v(o);
   a.current = o;
   const c = v(s);
@@ -526,6 +526,12 @@ class Jt {
       r(e);
   }
 }
+function Xt(t) {
+  if (typeof t == "string") {
+    const e = t.trim();
+    return e.length > 0 ? e : void 0;
+  }
+}
 function fe(t) {
   if (typeof t == "string") {
     const e = t.trim();
@@ -545,10 +551,10 @@ function Be(...t) {
     }
   return e || void 0;
 }
-const Xe = /* @__PURE__ */ new WeakMap(), Xt = {};
+const Xe = /* @__PURE__ */ new WeakMap(), Zt = {};
 function $e(t) {
   if (!t)
-    return Xt;
+    return Zt;
   const e = Xe.get(t);
   if (e)
     return e;
@@ -557,10 +563,10 @@ function $e(t) {
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (r[n] = o);
   return Xe.set(t, r), r;
 }
-function Zt() {
+function Qt() {
   const t = q(function({ nodeId: r, context: n }) {
     const o = Z(n.store, r), s = v(null), i = fe(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = fe(o?.props?.key), d = o?.props?.preciseGeneratedAt;
-    return x(() => {
+    return D(() => {
       if (typeof document > "u")
         return;
       const l = s.current;
@@ -613,20 +619,34 @@ function Zt() {
       return t;
   };
 }
-function Qt() {
+function er() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
-    const s = Z(n.store, r);
+    const s = Z(n.store, r), i = Xt(s?.props?.onInvokeId), a = x(() => {
+      i && n.dispatchAction(i);
+    }, [i, n]);
     if (!s)
       return null;
-    const i = $e(s.props), a = Be(fe(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ A.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const c = $e(s.props);
+    delete c.onInvokeId;
+    const f = Be(fe(s.props?.className), o), d = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ A.jsx(
+      "div",
+      {
+        ...c,
+        "data-ikon-node-id": s.id,
+        className: f,
+        onClick: i ? a : void 0,
+        style: i ? { cursor: "pointer" } : void 0,
+        children: d
+      }
+    );
   });
   return ({ type: e }) => {
     if (e === "std.div")
       return t;
   };
 }
-function er() {
+function tr() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
     const s = Z(n.store, r);
     if (!s)
@@ -639,7 +659,7 @@ function er() {
       return t;
   };
 }
-function tr() {
+function rr() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
     const s = Z(n.store, r);
     if (!s)
@@ -652,17 +672,17 @@ function tr() {
       return t;
   };
 }
-function rr() {
+function nr() {
   return [
-    Qt(),
     er(),
     tr(),
-    Zt()
+    rr(),
+    Qt()
   ];
 }
-const nr = "base", or = async () => rr();
-function sr(t) {
-  t.registerModule(nr, or);
+const or = "base", sr = async () => nr();
+function ir(t) {
+  t.registerModule(or, sr);
 }
 function ft(t) {
   if (typeof t == "string") {
@@ -695,11 +715,11 @@ function je(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const ir = "std.video-canvas", ar = "std.video-url-player";
-function cr() {
+const ar = "std.video-canvas", cr = "std.video-url-player";
+function ur() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
     const s = Z(n.store, r), i = v(null), a = n.video, c = s ? je(s.props?.streamId) : void 0, f = s ? ye(s.props?.width) : void 0, d = s ? ye(s.props?.height) : void 0, m = s ? ht(ft(s.props?.className), o) : o;
-    return x(() => {
+    return D(() => {
       const l = i.current;
       if (!(!a || !l || !c))
         return a.attachCanvas(c, l), () => {
@@ -719,12 +739,12 @@ function cr() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === ir)
+    if (e === ar)
       return t;
   };
 }
-function ur() {
-  return [cr(), lr()];
+function lr() {
+  return [ur(), dr()];
 }
 function ce(t) {
   if (typeof t == "boolean")
@@ -735,7 +755,7 @@ function ce(t) {
     if (e === "false") return !1;
   }
 }
-function lr() {
+function dr() {
   const t = q(function({
     nodeId: r,
     context: n,
@@ -764,27 +784,27 @@ function lr() {
     );
   });
   return ({ type: e }) => {
-    if (e === ar)
+    if (e === cr)
       return t;
   };
 }
-const dr = "media", fr = async () => ur();
-function hr(t) {
-  t.registerModule(dr, fr);
+const fr = "media", hr = async () => lr();
+function mr(t) {
+  t.registerModule(fr, hr);
 }
-const mr = `#version 300 es
+const pr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function pr(t, e) {
+function gr(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function gr(t, e) {
+function yr(t, e) {
   const r = [];
   for (const [n, o] of Object.entries(e)) {
-    if (pr(t, n))
+    if (gr(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -837,7 +857,7 @@ void main() {
 }
 `;
 }
-class yr {
+class Sr {
   gl;
   program = null;
   positionBuffer = null;
@@ -873,10 +893,10 @@ class yr {
   }
   compile(e, r = {}) {
     this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, mr);
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, pr);
     if (!o)
       return !1;
-    const s = gr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = yr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
     if (!i)
       return n.deleteShader(o), !1;
     const a = n.createProgram();
@@ -967,7 +987,7 @@ class yr {
     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 Sr(t) {
+function br(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -977,7 +997,7 @@ function Sr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function br(...t) {
+function wr(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
@@ -992,10 +1012,10 @@ function Re(t) {
       return Math.floor(e);
   }
 }
-function wr(t) {
+function vr(t) {
   return typeof t == "string" ? t : "";
 }
-function vr(t) {
+function Er(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1004,7 +1024,7 @@ function vr(t) {
     if (e === "false") return !1;
   }
 }
-function Er(t) {
+function Rr(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1019,7 +1039,7 @@ function Er(t) {
   }
   return e;
 }
-function Rr(t, e) {
+function Ar(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1040,8 +1060,8 @@ function Rr(t, e) {
   }
   return !0;
 }
-const Ar = "std.shader-canvas";
-function Tr() {
+const Tr = "std.shader-canvas";
+function kr() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
     const s = Z(n.store, r), i = v(null), a = v(null), c = v(null), f = v(0), d = v(""), m = v({}), l = v({
       x: 0,
@@ -1049,12 +1069,12 @@ function Tr() {
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), h = s ? wr(s.props?.shaderSource) : "", S = s ? Re(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, g = Y(() => Er(b), [b]), p = s ? vr(s.props?.enableMouse) ?? !0 : !0, w = s ? Re(s.props?.width) : void 0, T = s ? Re(s.props?.height) : void 0, I = s ? br(Sr(s.props?.className), o) : o;
-    x(() => {
+    }), h = s ? vr(s.props?.shaderSource) : "", S = s ? Re(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, g = Y(() => Rr(b), [b]), p = s ? Er(s.props?.enableMouse) ?? !0 : !0, w = s ? Re(s.props?.width) : void 0, T = s ? Re(s.props?.height) : void 0, I = s ? wr(br(s.props?.className), o) : o;
+    D(() => {
       const k = i.current;
       if (k) {
         try {
-          const O = new yr(k);
+          const O = new Sr(k);
           a.current = O;
         } catch (O) {
           console.error("[ShaderRenderer] Failed to create WebGL2 context:", O);
@@ -1063,7 +1083,7 @@ function Tr() {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), x(() => {
+    }, []), D(() => {
       const k = a.current;
       if (!(!k || !h) && d.current !== h)
         if (k.compile(h, g))
@@ -1072,39 +1092,39 @@ function Tr() {
           const L = k.getError();
           console.error("[ShaderRenderer] Shader compilation failed:", L);
         }
-    }, [h, g]), x(() => {
+    }, [h, g]), D(() => {
       const k = a.current;
-      !k || !d.current || Rr(m.current, g) || (k.setCustomUniforms(g), m.current = g);
-    }, [g]), x(() => {
+      !k || !d.current || Ar(m.current, g) || (k.setCustomUniforms(g), m.current = g);
+    }, [g]), D(() => {
       const k = a.current;
       if (!k || !d.current) return;
       const O = 1e3 / S, L = (_) => {
-        const D = _ - f.current;
-        D >= O && (f.current = _ - D % O, k.draw()), c.current = requestAnimationFrame(L);
+        const F = _ - f.current;
+        F >= O && (f.current = _ - F % O, k.draw()), c.current = requestAnimationFrame(L);
       };
       return c.current = requestAnimationFrame(L), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
     }, [S]);
-    const j = $(
+    const j = x(
       (k) => {
         if (!p) return;
         const O = i.current, L = a.current;
         if (!O || !L) return;
-        const _ = O.getBoundingClientRect(), D = k.clientX - _.left, z = _.height - (k.clientY - _.top);
-        l.current.x = D, l.current.y = z, L.setMouse(D, z, l.current.clickX, l.current.clickY);
+        const _ = O.getBoundingClientRect(), F = k.clientX - _.left, z = _.height - (k.clientY - _.top);
+        l.current.x = F, l.current.y = z, L.setMouse(F, z, l.current.clickX, l.current.clickY);
       },
       [p]
-    ), G = $(
+    ), G = x(
       (k) => {
         if (!p) return;
         const O = i.current, L = a.current;
         if (!O || !L) return;
-        const _ = O.getBoundingClientRect(), D = k.clientX - _.left, z = _.height - (k.clientY - _.top);
-        l.current.isDown = !0, l.current.clickX = D, l.current.clickY = z, L.setMouse(D, z, D, z);
+        const _ = O.getBoundingClientRect(), F = k.clientX - _.left, z = _.height - (k.clientY - _.top);
+        l.current.isDown = !0, l.current.clickX = F, l.current.clickY = z, L.setMouse(F, z, F, z);
       },
       [p]
-    ), Q = $(() => {
+    ), Q = x(() => {
       p && (l.current.isDown = !1, l.current.clickX = -Math.abs(l.current.clickX));
     }, [p]);
     return s ? /* @__PURE__ */ A.jsx(
@@ -1123,16 +1143,16 @@ function Tr() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Ar)
+    if (e === Tr)
       return t;
   };
 }
-const kr = "shader", Cr = async () => Tr();
-function Ir(t) {
-  t.registerModule(kr, Cr);
+const Cr = "shader", Ir = async () => kr();
+function Or(t) {
+  t.registerModule(Cr, Ir);
 }
 const Ze = we("UIRegistry");
-class Or {
+class _r {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1154,7 +1174,7 @@ class Or {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = Pr(s);
+          const s = await o(), i = Mr(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
           Ze.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
@@ -1162,7 +1182,7 @@ class Or {
     const r = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && r.push(n);
-    return Mr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    return jr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1182,17 +1202,17 @@ class Or {
     }
   }
 }
-function _r() {
-  const t = new Or();
-  return sr(t), hr(t), Ir(t), t.loadRegisteredModules(), t;
+function Nr() {
+  const t = new _r();
+  return ir(t), mr(t), Or(t), t.loadRegisteredModules(), t;
 }
-function Nr(t) {
+function Pr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Pr(t) {
-  return t ? Nr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Mr(t) {
+  return t ? Pr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Mr(t, e) {
+function jr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1230,7 +1250,7 @@ const Ae = we("MotionController"), Qe = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function B(t) {
+function $(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
 function et(t) {
@@ -1281,37 +1301,37 @@ function rt(t, e, r, n) {
     d[g] = m(g * 0.1, t, r);
   return (g) => g <= 0 ? 0 : g >= 1 ? 1 : m(b(g), e, n);
 }
-function jr(t) {
+function Lr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => B(o);
+    return (o) => $(o);
   const r = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
-  return n === "start" || n === "jump-start" ? (o) => B(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => B(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => B((Math.floor(o * r) + 0.5) / r) : (o) => B(Math.floor(o * r) / r);
+  return n === "start" || n === "jump-start" ? (o) => $(Math.ceil(o * r) / r) : n === "none" || n === "jump-none" ? (o) => $(Math.round(o * r) / r) : n === "both" || n === "jump-both" ? (o) => $((Math.floor(o * r) + 0.5) / r) : (o) => $(Math.floor(o * r) / r);
 }
-function Lr(t) {
+function Ur(t) {
   if (!t)
-    return (r) => B(r);
+    return (r) => $(r);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    return (r) => B(r);
+    return (r) => $(r);
   if (Qe[e]) {
     const [r, n, o, s] = Qe[e], i = rt(r, n, o, s);
-    return (a) => B(i(B(a)));
+    return (a) => $(i($(a)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
     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 = rt(o, s, i, a);
-      return (f) => B(c(B(f)));
+      return (f) => $(c($(f)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = jr(e);
-    return (n) => r(B(n));
+    const r = Lr(e);
+    return (n) => r($(n));
   }
-  return (r) => B(r);
+  return (r) => $(r);
 }
-function Ur(t) {
+function xr(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1321,7 +1341,7 @@ function Ur(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class xr {
+class Dr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1366,7 +1386,7 @@ class xr {
     const r = e.source?.trim();
     if (!r)
       return;
-    const n = et(e.min) ?? 0, o = et(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Lr(e.ease), f = Ur(e.map), d = e.targetId?.trim() || void 0;
+    const n = et(e.min) ?? 0, o = et(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, c = Ur(e.ease), f = xr(e.map), d = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1492,7 +1512,7 @@ class xr {
       case "unclamped":
         return e;
       default:
-        return B(e);
+        return $(e);
     }
   }
   applyMap(e, r) {
@@ -1579,9 +1599,9 @@ class xr {
     }
   }
 }
-const Te = new xr();
-function Dr(t) {
-  const e = v(/* @__PURE__ */ new Map()), r = $(({ styleId: s, css: i, common: a }) => {
+const Te = new Dr();
+function Fr(t) {
+  const e = v(/* @__PURE__ */ new Map()), r = x(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
@@ -1589,13 +1609,13 @@ function Dr(t) {
       }
       Te.registerStyle(s, a);
     }
-  }, []), n = $((s) => {
+  }, []), n = x((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);
       }
-  }, []), o = $(() => {
+  }, []), o = x(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
@@ -1603,7 +1623,7 @@ function Dr(t) {
     }
     Te.reset();
   }, []);
-  return x(() => {
+  return D(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1611,9 +1631,9 @@ function Dr(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), x(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, r, n]), D(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function Fr(t) {
+function Br(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1621,62 +1641,62 @@ function Fr(t) {
   }
   return e.sort(), e.join(",");
 }
-function Br(t) {
+function $r(t) {
   const [e, r] = X(), n = v("");
-  return x(() => {
+  return D(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = Fr(s);
+      const s = t.getStores(), i = Br(s);
       i !== n.current && (n.current = i, r(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var $r = typeof global == "object" && global && global.Object === Object && global, Vr = typeof self == "object" && self && self.Object === Object && self, Kr = $r || Vr || Function("return this")(), Se = Kr.Symbol, mt = Object.prototype, Yr = mt.hasOwnProperty, zr = mt.toString, ue = Se ? Se.toStringTag : void 0;
-function Wr(t) {
-  var e = Yr.call(t, ue), r = t[ue];
+var Vr = typeof global == "object" && global && global.Object === Object && global, Kr = typeof self == "object" && self && self.Object === Object && self, Yr = Vr || Kr || Function("return this")(), Se = Yr.Symbol, mt = Object.prototype, zr = mt.hasOwnProperty, Wr = mt.toString, ue = Se ? Se.toStringTag : void 0;
+function qr(t) {
+  var e = zr.call(t, ue), r = t[ue];
   try {
     t[ue] = void 0;
     var n = !0;
   } catch {
   }
-  var o = zr.call(t);
+  var o = Wr.call(t);
   return n && (e ? t[ue] = r : delete t[ue]), o;
 }
-var qr = Object.prototype, Gr = qr.toString;
-function Hr(t) {
-  return Gr.call(t);
-}
-var Jr = "[object Null]", Xr = "[object Undefined]", nt = Se ? Se.toStringTag : void 0;
-function Zr(t) {
-  return t == null ? t === void 0 ? Xr : Jr : nt && nt in Object(t) ? Wr(t) : Hr(t);
+var Gr = Object.prototype, Hr = Gr.toString;
+function Jr(t) {
+  return Hr.call(t);
 }
+var Xr = "[object Null]", Zr = "[object Undefined]", nt = Se ? Se.toStringTag : void 0;
 function Qr(t) {
+  return t == null ? t === void 0 ? Zr : Xr : nt && nt in Object(t) ? qr(t) : Jr(t);
+}
+function en(t) {
   return t != null && typeof t == "object";
 }
-var en = Array.isArray, tn = "[object String]";
-function rn(t) {
-  return typeof t == "string" || !en(t) && Qr(t) && Zr(t) == tn;
+var tn = Array.isArray, rn = "[object String]";
+function nn(t) {
+  return typeof t == "string" || !tn(t) && en(t) && Qr(t) == rn;
 }
 const ot = "ikonUiModules";
 function Le(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function nn(t) {
+function on(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!rn(r)) continue;
+    if (!nn(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function no(t, e) {
+function oo(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -1688,18 +1708,18 @@ function no(t, e) {
       return !1;
   return !0;
 }
-function on(t) {
+function sn(t) {
   if (!(!Le(t) || !Object.prototype.hasOwnProperty.call(t, ot)))
-    return nn(t[ot]);
+    return on(t[ot]);
 }
-function oo(...t) {
+function so(...t) {
   for (const e of t) {
-    const r = on(e);
+    const r = sn(e);
     if (r !== void 0)
       return r;
   }
 }
-function so(t) {
+function io(t) {
   if (!Le(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
@@ -1748,7 +1768,7 @@ const E = {
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, sn = [
+}, an = [
   {
     flag: E.Letter,
     hints: [
@@ -1797,11 +1817,11 @@ const E = {
       "[data-emoji]"
     ]
   }
-], Ue = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, an = E.Letter | E.Word | E.Line | E.Paragraph, st = /* @__PURE__ */ new Map(), cn = 16384;
-function io(t, e) {
-  if (!t || t.length > cn)
+], Ue = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, cn = E.Letter | E.Word | E.Line | E.Paragraph, st = /* @__PURE__ */ new Map(), un = 16384;
+function ao(t, e) {
+  if (!t || t.length > un)
     return t;
-  const r = Tn(e), n = re(r, E.Emoji), o = r & an;
+  const r = kn(e), n = re(r, E.Emoji), o = r & cn;
   if (o === E.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
@@ -1809,20 +1829,20 @@ function io(t, e) {
 `);
   if (o === E.None)
     return ut(s);
-  const i = Rn(s);
+  const i = An(s);
   if (i.length === 0)
     return n ? ut(s) : t;
-  const a = An(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
+  const a = Tn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
   for (const d of a) {
-    const m = un(d, r, c);
+    const m = ln(d, r, c);
     f.push(...m);
   }
   return f;
 }
-function un(t, e, r) {
+function ln(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = ln(o, e, r);
+    const s = dn(o, e, r);
     n.push(...s);
   }
   if (re(e, E.Paragraph)) {
@@ -1841,8 +1861,8 @@ function un(t, e, r) {
   }
   return n;
 }
-function ln(t, e, r) {
-  const n = dn(t.text, e, r), o = [];
+function dn(t, e, r) {
+  const n = fn(t.text, e, r), o = [];
   if (re(e, E.Line)) {
     const s = r.line++;
     o.push(
@@ -1854,7 +1874,7 @@ function ln(t, e, r) {
     o.push(/* @__PURE__ */ A.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function dn(t, e, r) {
+function fn(t, e, r) {
   if (!t)
     return [];
   const n = re(e, E.Word), o = [], s = /(\s+)/g;
@@ -1873,13 +1893,13 @@ function dn(t, e, r) {
   return o;
 }
 function it(t, e, r, n) {
-  const o = e.word++, s = hn(t, r, e), i = `motion-word-${o}`, a = fn(o, n);
+  const o = e.word++, s = mn(t, r, e), i = `motion-word-${o}`, a = hn(o, n);
   return n ? /* @__PURE__ */ A.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ A.jsx("span", { style: a, children: s }, i);
 }
-function fn(t, e) {
+function hn(t, e) {
   return e ? { ...ve(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function hn(t, e, r) {
+function mn(t, e, r) {
   if (!t)
     return [];
   const n = re(e, E.Letter), o = re(e, E.Emoji);
@@ -1912,33 +1932,33 @@ function hn(t, e, r) {
 function xe(t) {
   if (!t)
     return [];
-  const e = mn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : pn(t);
+  const e = pn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : gn(t);
 }
 let le;
-function mn() {
+function pn() {
   return le !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? le = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : le = null), le;
 }
-function pn(t) {
+function gn(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 && gn(s, i)) && (e.push(n), n = "");
+    n += s, !(i && yn(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function gn(t, e) {
-  return e ? !!(at(t) || at(e) || bn(e) || yn(e) || Sn(e) || ct(t) && ct(e)) : !1;
+function yn(t, e) {
+  return e ? !!(at(t) || at(e) || wn(e) || Sn(e) || bn(e) || ct(t) && ct(e)) : !1;
 }
 function at(t) {
   return t.codePointAt(0) === 8205;
 }
-function yn(t) {
+function Sn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Sn(t) {
+function bn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
@@ -1947,10 +1967,10 @@ function ct(t) {
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
 let ke;
-function bn(t) {
-  return t ? (ke || (ke = wn()), ke(t)) : !1;
+function wn(t) {
+  return t ? (ke || (ke = vn()), ke(t)) : !1;
 }
-function wn() {
+function vn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -1963,17 +1983,17 @@ function wn() {
 }
 let Ce;
 function pt(t) {
-  return t ? (Ce || (Ce = vn()), Ce(t)) : !1;
+  return t ? (Ce || (Ce = En()), Ce(t)) : !1;
 }
-function vn() {
+function En() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return En;
+    return Rn;
   }
 }
-function En(t) {
+function Rn(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -1983,7 +2003,7 @@ function En(t) {
   }
   return !1;
 }
-function Rn(t) {
+function An(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -1997,7 +2017,7 @@ function Rn(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function An(t) {
+function Tn(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2054,7 +2074,7 @@ function gt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Tn(t) {
+function kn(t) {
   if (!t)
     return E.None;
   const e = t.trim();
@@ -2068,8 +2088,8 @@ function Tn(t) {
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
     return E.None;
-  const s = n.map((c) => `.${kn(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Cn(c)}(?![a-zA-Z0-9_-])`)
+  const s = n.map((c) => `.${Cn(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${In(c)}(?![a-zA-Z0-9_-])`)
   );
   let i = E.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
@@ -2097,7 +2117,7 @@ function yt(t, e) {
         const a = s.selectorText ?? "";
         if (!a || !e.some((f) => f.test(a))) continue;
         n = !0;
-        for (const f of sn)
+        for (const f of an)
           f.hints.some((d) => a.includes(d)) && (r |= f.flag);
         if (r === Ue)
           return { mask: r, sawStyleRule: !0 };
@@ -2111,13 +2131,13 @@ function yt(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function kn(t) {
+function Cn(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Cn(t) {
+function In(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const Ve = "ikon_auth_session", In = 7 * 24 * 60 * 60 * 1e3;
+const Ve = "ikon_auth_session", On = 7 * 24 * 60 * 60 * 1e3;
 function Ee(t) {
   try {
     localStorage.setItem(Ve, JSON.stringify(t));
@@ -2130,7 +2150,7 @@ function St() {
     const t = localStorage.getItem(Ve);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > In ? (bt(), null) : e;
+    return Date.now() - e.authenticatedAt > On ? (bt(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2167,7 +2187,7 @@ async function wt(t, e) {
   };
   return Ee(s), s;
 }
-async function ao(t) {
+async function co(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" },
@@ -2182,22 +2202,22 @@ async function ao(t) {
     throw new Error(i);
   }
 }
-function On() {
+function _n() {
   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 _n() {
+function Nn() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
 function lt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Nn(t, e, r, n) {
+function Pn(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 Pn(t) {
+async function Mn(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2208,7 +2228,7 @@ async function Pn(t) {
   }
   return e.json();
 }
-async function Mn(t, e, r) {
+async function jn(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2225,7 +2245,7 @@ async function Mn(t, e, r) {
   };
   return Ee(s), s;
 }
-async function jn(t, e) {
+async function Ln(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2237,7 +2257,7 @@ async function jn(t, e) {
   }
   return r.json();
 }
-async function Ln(t, e) {
+async function Un(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2268,9 +2288,9 @@ function be(t) {
   return s;
 }
 function Ke() {
-  return Un.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+  return xn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const Un = {
+const xn = {
   stubThis: (t) => t
 };
 function vt(t) {
@@ -2302,7 +2322,7 @@ class M extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function xn({ error: t, options: e }) {
+function Dn({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2388,7 +2408,7 @@ function xn({ error: t, options: e }) {
   }
   return t;
 }
-class Dn {
+class Fn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2412,12 +2432,12 @@ class Dn {
     }
   }
 }
-const Rt = new Dn(), Fn = ["cross-platform", "platform"];
+const Rt = new Fn(), Bn = ["cross-platform", "platform"];
 function At(t) {
-  if (t && !(Fn.indexOf(t) < 0))
+  if (t && !(Bn.indexOf(t) < 0))
     return t;
 }
-async function Bn(t) {
+async function $n(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: r = !1 } = t;
   if (!Ke())
@@ -2436,7 +2456,7 @@ async function Bn(t) {
   try {
     s = await navigator.credentials.create(o);
   } catch (S) {
-    throw xn({ error: S, options: o });
+    throw Dn({ error: S, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
@@ -2485,7 +2505,7 @@ function Ie(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 $n() {
+function Vn() {
   if (!Ke())
     return Oe.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
@@ -2494,7 +2514,7 @@ function $n() {
 const Oe = {
   stubThis: (t) => t
 };
-function Vn({ error: t, options: e }) {
+function Kn({ error: t, options: e }) {
   const { publicKey: r } = e;
   if (!r)
     throw Error("options was missing required publicKey property");
@@ -2535,7 +2555,7 @@ function Vn({ error: t, options: e }) {
   }
   return t;
 }
-async function Kn(t) {
+async function Yn(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: r = !1, verifyBrowserAutofillInput: n = !0 } = t;
   if (!Ke())
@@ -2548,7 +2568,7 @@ async function Kn(t) {
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await $n())
+    if (!await Vn())
       throw Error("Browser does not support WebAuthn autofill");
     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');
@@ -2559,7 +2579,7 @@ async function Kn(t) {
   try {
     a = await navigator.credentials.get(i);
   } catch (h) {
-    throw Vn({ error: h, options: i });
+    throw Kn({ error: h, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
@@ -2580,16 +2600,16 @@ async function Kn(t) {
   };
 }
 const Ye = dt(null);
-function co({ children: t, config: e }) {
+function uo({ children: t, config: e }) {
   const [r, n] = X({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  x(() => {
+  D(() => {
     (() => {
-      const d = _n();
+      const d = Nn();
       if (d) {
         lt(), n({
           isAuthenticated: !1,
@@ -2599,7 +2619,7 @@ function co({ children: t, config: e }) {
         });
         return;
       }
-      const m = On();
+      const m = _n();
       if (m) {
         const h = {
           token: m.token,
@@ -2632,7 +2652,7 @@ function co({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = $(
+  const o = x(
     async (f) => {
       if (!e.spaceId) {
         n((l) => ({
@@ -2664,7 +2684,7 @@ function co({ children: t, config: e }) {
       if (f === "passkey") {
         n((l) => ({ ...l, isLoading: !0, error: null }));
         try {
-          const l = await jn(d), h = await Kn({ optionsJSON: l }), S = await Ln(d, h);
+          const l = await Ln(d), h = await Yn({ optionsJSON: l }), S = await Un(d, h);
           n({
             isAuthenticated: !0,
             isLoading: !1,
@@ -2680,23 +2700,23 @@ function co({ children: t, config: e }) {
         }
         return;
       }
-      const m = Nn(f, e.spaceId, d);
+      const m = Pn(f, e.spaceId, d);
       window.location.href = m;
     },
     [e.authUrl, e.spaceId]
-  ), s = $(() => {
+  ), s = x(() => {
     bt(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = $(
+  }, []), i = x(
     async (f) => {
       const d = e.authUrl ?? Ne();
       n((m) => ({ ...m, isLoading: !0, error: null }));
       try {
-        const m = await Pn(d), l = await Bn({ optionsJSON: m }), h = await Mn(d, l, f);
+        const m = await Mn(d), l = await $n({ optionsJSON: m }), h = await jn(d, l, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
@@ -2712,7 +2732,7 @@ function co({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), a = $(() => r.user?.token ?? null, [r.user]), c = Y(
+  ), a = x(() => r.user?.token ?? null, [r.user]), c = Y(
     () => ({
       state: r,
       login: o,
@@ -2724,18 +2744,18 @@ function co({ children: t, config: e }) {
   );
   return /* @__PURE__ */ A.jsx(Ye, { value: c, children: t });
 }
-function Yn() {
+function zn() {
   const t = Fe(Ye);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function uo() {
+function lo() {
   return Fe(Ye);
 }
-function lo(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Yn(), s = v(!1);
-  return x(() => {
+function fo(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = zn(), s = v(!1);
+  return D(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(r);
@@ -2751,7 +2771,7 @@ function lo(t) {
     error: n.error
   };
 }
-function fo({
+function ho({
   connectionState: t,
   error: e,
   isReady: r,
@@ -2791,25 +2811,25 @@ function fo({
   }
 }
 const _e = we("useIkonApp");
-function zn() {
+function Wn() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Wn() {
+function qn() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function ho(t) {
-  const { authConfig: e, localServer: r, modules: n, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, updateUrlOnJoin: c = !0, timeouts: f, audio: d, video: m, mediaSession: l } = t, h = e === void 0 ? zn() ?? null : e, S = r ?? Wn(), b = v(null), g = v(null), p = v(null), w = v(!1), T = v(d), I = v(m), j = v(l), G = v(f), Q = v(i), k = v(a), O = v(s), L = v(c);
+function mo(t) {
+  const { authConfig: e, localServer: r, modules: n, registerModules: o, onJoined: s, onConnectionStateChange: i, onError: a, updateUrlOnJoin: c = !1, timeouts: f, audio: d, video: m, mediaSession: l } = t, h = e === void 0 ? Wn() ?? null : e, S = r ?? qn(), b = v(null), g = v(null), p = v(null), w = v(!1), T = v(d), I = v(m), j = v(l), G = v(f), Q = v(i), k = v(a), O = v(s), L = v(c);
   T.current = d, I.current = m, j.current = l, G.current = f, Q.current = i, k.current = a, O.current = s, L.current = c;
-  const [_, D] = X("idle"), [z, te] = X(null), [ne, he] = X(null), [H, me] = X(null), [oe, u] = X(!1), y = Y(() => {
+  const [_, F] = X("idle"), [z, te] = X(null), [ne, he] = X(null), [H, me] = X(null), [oe, u] = X(!1), y = Y(() => {
     try {
       return _t();
     } catch {
       return { parameters: {} };
     }
-  }, []), R = Y(() => h?.enabled ? St() : null, [h?.enabled]), C = S?.enabled ?? !1, K = S?.host ?? "localhost", F = S?.port ?? 8443;
-  x(() => {
+  }, []), R = Y(() => h?.enabled ? St() : null, [h?.enabled]), C = S?.enabled ?? !1, K = S?.host ?? "localhost", B = S?.port ?? 8443;
+  D(() => {
     !C && ze() && h && !h.enabled && h.spaceId && !H && !oe && (u(!0), wt(h.spaceId, h.authUrl ?? Ne()).then((U) => {
       me(U.token);
     }).catch((U) => {
@@ -2824,7 +2844,7 @@ function ho(t) {
       return {
         local: {
           host: K,
-          httpsPort: F,
+          httpsPort: B,
           userId: P,
           parameters: y.parameters
         }
@@ -2851,24 +2871,24 @@ function ho(t) {
     } : ze() ? null : {
       local: {
         host: K,
-        httpsPort: F,
+        httpsPort: B,
         userId: ge(),
         parameters: y.parameters
       }
     };
-  }, [C, K, F, R?.token, h?.spaceId, H, y.sessionId, y.channelKey, y.parameters]);
-  Dr(ne);
-  const se = Br(ne);
-  x(() => {
+  }, [C, K, B, R?.token, h?.spaceId, H, y.sessionId, y.channelKey, y.parameters]);
+  Fr(ne);
+  const se = $r(ne);
+  D(() => {
     if (!w.current) {
-      if (w.current = !0, p.current = _r(), n)
+      if (w.current = !0, p.current = Nr(), n)
         for (const P of n)
           P(p.current);
       o?.(p.current), p.current.loadRegisteredModules().catch((P) => {
         _e.error("Failed to load UI modules", P);
       });
     }
-  }, []), x(() => {
+  }, []), D(() => {
     if (!ee) return;
     const P = new Pt({
       ...ee,
@@ -2877,7 +2897,7 @@ function ho(t) {
       video: I.current,
       mediaSession: j.current,
       onConnectionStateChange: (V) => {
-        D(V), Q.current?.(V);
+        F(V), Q.current?.(V);
       },
       onError: (V) => {
         te(V.message), k.current?.(V);
@@ -2895,7 +2915,7 @@ function ho(t) {
       P.disconnect(), b.current = null, U.dispose(), g.current = null;
     };
   }, [ee]);
-  const N = $((P, U) => {
+  const N = x((P, U) => {
     const V = typeof U == "string" ? U : JSON.stringify(U ?? {});
     b.current?.sendActionCall(P, V);
   }, []), J = _ === "connected" || _ === "reconnecting";
@@ -2912,27 +2932,27 @@ function ho(t) {
     isReady: J
   };
 }
-function mo(t) {
+function po(t) {
   const e = v(!1);
-  return $(() => {
+  return x(() => {
     if (e.current) return;
     e.current = !0;
     const r = document.createElement("link");
     r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-let qn = 0;
-function po(t = 5, e = 5e3) {
-  const [r, n] = X([]), o = v(/* @__PURE__ */ new Map()), s = $((i) => {
+let Gn = 0;
+function go(t = 5, e = 5e3) {
+  const [r, n] = X([]), o = v(/* @__PURE__ */ new Map()), s = x((i) => {
     const a = o.current.get(i);
     a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
   }, []);
-  return x(() => {
+  return D(() => {
     const i = o.current, a = Mt(
       (c) => {
         if (!jt())
           return;
-        const f = `toast-${++qn}`, d = c.level === qe.ERROR ? "error" : "warn", m = {
+        const f = `toast-${++Gn}`, d = c.level === qe.ERROR ? "error" : "warn", m = {
           id: f,
           level: d,
           message: c.message,
@@ -2955,30 +2975,30 @@ function po(t = 5, e = 5e3) {
   }, [t, e, s]), { toasts: r, dismissToast: s };
 }
 const Tt = dt(null);
-function Gn(t, e) {
+function Hn(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function Hn(t, e) {
+function Jn(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 Jn(t, e, r) {
-  return e ? Hn(t, r) : r && t.includes(r) ? r : "en";
+function Xn(t, e, r) {
+  return e ? Jn(t, r) : r && t.includes(r) ? r : "en";
 }
-function go({
+function yo({
   children: t,
   translations: e,
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = Jn(o, n, r), i = e[s] ?? e.en, a = Y(
+  const o = Object.keys(e), s = Xn(o, n, r), i = e[s] ?? e.en, a = Y(
     () => ({
       t: (c, f) => {
         const d = i[c];
-        return Gn(d, f);
+        return Hn(d, f);
       },
       locale: s,
       translations: i
@@ -2987,67 +3007,67 @@ function go({
   );
   return /* @__PURE__ */ A.jsx(Tt, { value: a, children: t });
 }
-function yo() {
+function So() {
   const t = Fe(Tt);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  co as AuthProvider,
-  fo as ConnectionStateRenderer,
-  go as I18nProvider,
-  nr as IKON_UI_BASE_MODULE,
-  dr as IKON_UI_MEDIA_MODULE,
-  kr as IKON_UI_SHADER_MODULE,
-  Ar as IKON_UI_SHADER_TYPE,
+  uo as AuthProvider,
+  ho as ConnectionStateRenderer,
+  yo as I18nProvider,
+  or as IKON_UI_BASE_MODULE,
+  fr as IKON_UI_MEDIA_MODULE,
+  Cr as IKON_UI_SHADER_MODULE,
+  Tr as IKON_UI_SHADER_TYPE,
   Me as IKON_UI_STREAM_CATEGORY,
-  ir as IKON_UI_VIDEO_CANVAS_TYPE,
-  ar as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  ar as IKON_UI_VIDEO_CANVAS_TYPE,
+  cr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
   Jt as IkonUi,
-  Or as IkonUiRegistry,
-  ro as IkonUiSurface,
+  _r as IkonUiRegistry,
+  no as IkonUiSurface,
   Gt as UiComponentRegistry,
   qt as UiRenderer,
-  wo as UiStreamStore,
-  no as areIkonUiModuleListsEqual,
+  vo as UiStreamStore,
+  oo as areIkonUiModuleListsEqual,
   wt as authenticateAnonymous,
-  Nn as buildOAuthRedirectUrl,
+  Pn as buildOAuthRedirectUrl,
   bt as clearAuthSession,
   lt as clearOAuthParams,
-  rr as createBaseResolvers,
-  eo as createComponentLibrary,
-  _r as createIkonUiRegistry,
-  ur as createMediaResolvers,
-  Tr as createShaderRendererResolver,
+  nr as createBaseResolvers,
+  to as createComponentLibrary,
+  Nr as createIkonUiRegistry,
+  lr as createMediaResolvers,
+  kr as createShaderRendererResolver,
   Ht as isIkonUiCategoryMatch,
   St as loadAuthSession,
-  or as loadBaseModule,
-  fr as loadMediaModule,
-  Cr as loadShaderModule,
-  nn as normalizeIkonUiModuleList,
-  so as parseIkonUiInitPayload,
-  On as parseOAuthCallback,
-  _n as parseOAuthError,
-  on as readIkonUiModules,
-  oo as readIkonUiModulesFromSources,
-  sr as registerBaseModule,
-  hr as registerMediaModule,
-  Ir as registerShaderModule,
+  sr as loadBaseModule,
+  hr as loadMediaModule,
+  Ir as loadShaderModule,
+  on as normalizeIkonUiModuleList,
+  io as parseIkonUiInitPayload,
+  _n as parseOAuthCallback,
+  Nn as parseOAuthError,
+  sn as readIkonUiModules,
+  so as readIkonUiModulesFromSources,
+  ir as registerBaseModule,
+  mr as registerMediaModule,
+  Or as registerShaderModule,
   zt as renderChildren,
-  io as renderMotionLetters,
+  ao as renderMotionLetters,
   Ee as saveAuthSession,
-  ao as sendMagicLink,
+  co as sendMagicLink,
   de as sessionToUser,
-  Yn as useAuth,
-  lo as useAuthGuard,
-  uo as useAuthOptional,
-  yo as useI18n,
-  ho as useIkonApp,
-  Dr as useIkonStyles,
-  Br as useIkonUiStores,
-  mo as useLazyFont,
-  po as useToasts,
+  zn as useAuth,
+  fo as useAuthGuard,
+  lo as useAuthOptional,
+  So as useI18n,
+  mo as useIkonApp,
+  Fr as useIkonStyles,
+  $r as useIkonUiStores,
+  po as useLazyFont,
+  go as useToasts,
   Z as useUiNode,
-  to as useUiStore
+  ro as useUiStore
 };