@ikonai/sdk-react-ui 1.0.6 → 1.0.8

package/index.js

@@ -1,8 +1,8 @@
-import { IkonUiCore as kt, UiStreamStore as Tt } from "@ikonai/sdk-ui";
-import { UiStreamStore as ho } from "@ikonai/sdk-ui";
-import Ct, { useSyncExternalStore as De, useMemo as z, memo as q, useRef as w, useCallback as B, Fragment as It, useEffect as F, useState as ee, createContext as lt, use as Fe } from "react";
-import { createLogger as be, getOrCreateDeviceId as pe, deriveAuthUrl as _e, parseUrlParams as Ot, isCloudEnvironment as Ye, extractUserIdFromToken as Nt, deriveBackendType as We, IkonClient as _t } from "@ikonai/sdk";
-var me = { exports: {} }, ie = {};
+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 { 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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,10 +12,10 @@ var me = { exports: {} }, ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function Pt() {
-  if (qe) return ie;
-  qe = 1;
+var Ge;
+function Lt() {
+  if (Ge) return ie;
+  Ge = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function r(n, o, s) {
     var i = null;
@@ -44,26 +44,26 @@ var ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Je;
-function jt() {
-  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
+var He;
+function Ut() {
+  return He || (He = 1, process.env.NODE_ENV !== "production" && function() {
     function t(u) {
       if (u == null) return null;
       if (typeof u == "function")
-        return u.$$typeof === M ? null : u.displayName || u.name || null;
+        return u.$$typeof === L ? null : u.displayName || u.name || null;
       if (typeof u == "string") return u;
       switch (u) {
         case b:
           return "Fragment";
         case p:
           return "Profiler";
-        case m:
+        case g:
           return "StrictMode";
-        case V:
+        case j:
           return "Suspense";
-        case J:
+        case G:
           return "SuspenseList";
-        case C:
+        case O:
           return "Activity";
       }
       if (typeof u == "object")
@@ -72,19 +72,19 @@ function jt() {
         ), u.$$typeof) {
           case S:
             return "Portal";
-          case P:
+          case T:
             return (u.displayName || "Context") + ".Provider";
-          case A:
+          case w:
             return (u._context.displayName || "Context") + ".Consumer";
-          case j:
-            var g = u.render;
-            return u = u.displayName, u || (u = g.displayName || g.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
-          case Z:
-            return g = u.displayName || null, g !== null ? g : t(u.type) || "Memo";
+          case I:
+            var y = u.render;
+            return u = u.displayName, u || (u = y.displayName || y.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
+          case Q:
+            return y = u.displayName || null, y !== null ? y : t(u.type) || "Memo";
           case k:
-            g = u._payload, u = u._init;
+            y = u._payload, u = u._init;
             try {
-              return t(u(g));
+              return t(u(y));
             } catch {
             }
         }
@@ -96,17 +96,17 @@ function jt() {
     function r(u) {
       try {
         e(u);
-        var g = !1;
+        var y = !1;
       } catch {
-        g = !0;
+        y = !0;
       }
-      if (g) {
-        g = console;
-        var R = g.error, T = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
+      if (y) {
+        y = console;
+        var R = y.error, C = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
         return R.call(
-          g,
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          T
+          C
         ), e(u);
       }
     }
@@ -115,31 +115,31 @@ function jt() {
       if (typeof u == "object" && u !== null && u.$$typeof === k)
         return "<...>";
       try {
-        var g = t(u);
-        return g ? "<" + g + ">" : "<...>";
+        var y = t(u);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var u = I.A;
+      var u = _.A;
       return u === null ? null : u.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function i(u) {
-      if (L.call(u, "key")) {
-        var g = Object.getOwnPropertyDescriptor(u, "key").get;
-        if (g && g.isReactWarning) return !1;
+      if (D.call(u, "key")) {
+        var y = Object.getOwnPropertyDescriptor(u, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
       return u.key !== void 0;
     }
-    function a(u, g) {
+    function a(u, y) {
       function R() {
         ne || (ne = !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)",
-          g
+          y
         ));
       }
       R.isReactWarning = !0, Object.defineProperty(u, "key", {
@@ -149,16 +149,16 @@ function jt() {
     }
     function c() {
       var u = t(this.type);
-      return fe[u] || (fe[u] = !0, console.error(
+      return he[u] || (he[u] = !0, console.error(
         "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, g, R, T, K, x, Q, se) {
-      return R = x.ref, u = {
-        $$typeof: y,
+    function f(u, y, R, C, K, F, ee, se) {
+      return R = F.ref, u = {
+        $$typeof: h,
         type: u,
-        key: g,
-        props: x,
+        key: y,
+        props: F,
         _owner: K
       }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(u, "ref", {
         enumerable: !1,
@@ -177,7 +177,7 @@ function jt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
+        value: ee
       }), Object.defineProperty(u, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -185,104 +185,104 @@ function jt() {
         value: se
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    function l(u, g, R, T, K, x, Q, se) {
-      var O = g.children;
-      if (O !== void 0)
-        if (T)
-          if (Y(O)) {
-            for (T = 0; T < O.length; T++)
-              h(O[T]);
-            Object.freeze && Object.freeze(O);
+    function d(u, y, R, C, K, F, ee, se) {
+      var N = y.children;
+      if (N !== void 0)
+        if (C)
+          if (z(N)) {
+            for (C = 0; C < N.length; C++)
+              m(N[C]);
+            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(O);
-      if (L.call(g, "key")) {
-        O = t(u);
-        var H = Object.keys(g).filter(function(U) {
+        else m(N);
+      if (D.call(y, "key")) {
+        N = t(u);
+        var J = Object.keys(y).filter(function(U) {
           return U !== "key";
         });
-        T = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", oe[O + T] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", oe[N + C] || (J = 0 < J.length ? "{" + J.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} />`,
-          T,
-          O,
-          H,
-          O
-        ), oe[O + T] = !0);
+          C,
+          N,
+          J,
+          N
+        ), oe[N + C] = !0);
       }
-      if (O = null, R !== void 0 && (r(R), O = "" + R), i(g) && (r(g.key), O = "" + g.key), "key" in g) {
+      if (N = null, R !== void 0 && (r(R), N = "" + R), i(y) && (r(y.key), N = "" + y.key), "key" in y) {
         R = {};
-        for (var N in g)
-          N !== "key" && (R[N] = g[N]);
-      } else R = g;
-      return O && a(
+        for (var P in y)
+          P !== "key" && (R[P] = y[P]);
+      } else R = y;
+      return N && a(
         R,
         typeof u == "function" ? u.displayName || u.name || "Unknown" : u
       ), f(
         u,
-        O,
-        x,
+        N,
+        F,
         K,
         o(),
         R,
-        Q,
+        ee,
         se
       );
     }
-    function h(u) {
-      typeof u == "object" && u !== null && u.$$typeof === y && u._store && (u._store.validated = 1);
+    function m(u) {
+      typeof u == "object" && u !== null && u.$$typeof === h && u._store && (u._store.validated = 1);
     }
-    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"), J = 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, Y = 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, D = Object.prototype.hasOwnProperty, z = Array.isArray, te = console.createTask ? console.createTask : function() {
       return null;
     };
-    d = {
+    l = {
       "react-stack-bottom-frame": function(u) {
         return u();
       }
     };
-    var ne, fe = {}, G = d["react-stack-bottom-frame"].bind(
-      d,
+    var ne, he = {}, H = l["react-stack-bottom-frame"].bind(
+      l,
       s
-    )(), he = te(n(s)), oe = {};
-    ae.Fragment = b, ae.jsx = function(u, g, R, T, K) {
-      var x = 1e4 > I.recentlyCreatedOwnerStacks++;
-      return l(
+    )(), me = te(n(s)), oe = {};
+    ae.Fragment = b, ae.jsx = function(u, y, R, C, K) {
+      var F = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return d(
         u,
-        g,
+        y,
         R,
         !1,
-        T,
+        C,
         K,
-        x ? Error("react-stack-top-frame") : G,
-        x ? te(n(u)) : he
+        F ? Error("react-stack-top-frame") : H,
+        F ? te(n(u)) : me
       );
-    }, ae.jsxs = function(u, g, R, T, K) {
-      var x = 1e4 > I.recentlyCreatedOwnerStacks++;
-      return l(
+    }, ae.jsxs = function(u, y, R, C, K) {
+      var F = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return d(
         u,
-        g,
+        y,
         R,
         !0,
-        T,
+        C,
         K,
-        x ? Error("react-stack-top-frame") : G,
-        x ? te(n(u)) : he
+        F ? Error("react-stack-top-frame") : H,
+        F ? te(n(u)) : me
       );
     };
   }()), ae;
 }
-var Ge;
-function Mt() {
-  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? me.exports = Pt() : me.exports = jt()), me.exports;
+var Je;
+function xt() {
+  return Je || (Je = 1, process.env.NODE_ENV === "production" ? pe.exports = Lt() : pe.exports = Ut()), pe.exports;
 }
-var E = Mt();
-function Ut(t, e) {
+var A = xt();
+function Dt(t, e) {
   const r = De(
     (n) => t.subscribe(n),
     () => {
@@ -294,7 +294,7 @@ function Ut(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return z(() => {
+  return Y(() => {
     const [n, o] = r.split(":");
     return {
       rootViewId: n || void 0,
@@ -302,16 +302,16 @@ function Ut(t, e) {
     };
   }, [r]);
 }
-function X(t, e) {
+function Z(t, e) {
   const r = De(
     (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return z(() => t.getNode(e), [t, e, r]);
+  return Y(() => t.getNode(e), [t, e, r]);
 }
-const Lt = be("UIRenderer");
-function xt(t) {
+const Ft = we("UIRenderer");
+function Bt(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -322,18 +322,18 @@ function xt(t) {
     return "{}";
   }
 }
-function Dt(t) {
+function $t(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Ft(t) {
+function Vt(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function $t(t, e) {
+function Kt(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Bt(t) {
+function Yt(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -342,65 +342,65 @@ function Bt(t) {
   return e;
 }
 const Pe = q(function t({ nodeId: e, context: r }) {
-  const n = X(r.store, e), o = n ? Ft(n) : [], s = Bt(o), i = z(
-    () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ E.jsx(t, { nodeId: h.id, context: r }, h.id)),
+  const n = Z(r.store, e), o = n ? Vt(n) : [], s = Yt(o), i = Y(
+    () => o.length === 0 ? null : o.map((m) => /* @__PURE__ */ A.jsx(t, { nodeId: m.id, context: r }, m.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
   );
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ E.jsx(It, { children: i }, n.id);
+    return /* @__PURE__ */ A.jsx(Ot, { children: i }, n.id);
   const a = r.library.resolve(n);
   if (!a)
-    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__ */ E.jsx(l, { nodeId: e, context: r, className: f });
-}, $t);
-function Vt(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ E.jsx(Pe, { nodeId: r.id, context: e }, r.id));
+    return Ft.warn(`No renderer for node type ${n.type}`), null;
+  const c = $t(n), f = c.length > 0 ? c.join(" ") : void 0, d = a;
+  return /* @__PURE__ */ A.jsx(d, { nodeId: e, context: r, className: f });
+}, Kt);
+function zt(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ A.jsx(Pe, { nodeId: r.id, context: e }, r.id));
 }
-function Kt(t, e) {
+function Wt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const zt = q(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 = w(i);
-  h.current = i;
-  const d = w(a);
-  d.current = a;
-  const y = B((b, m) => {
+const qt = q(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: f } = Dt(e, n), d = v(s);
+  d.current = s;
+  const m = v(i);
+  m.current = i;
+  const l = v(a);
+  l.current = a;
+  const h = $((b, g) => {
     if (!b)
       return;
-    const p = xt(m);
-    l.current?.(b, p);
-  }, []), S = z(() => {
+    const p = Bt(g);
+    d.current?.(b, p);
+  }, []), S = Y(() => {
     const b = {
       store: e,
       library: r,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
-      getPayload: (m) => e.getSnapshot().payloads.get(m),
-      renderChildren: (m) => Vt(m, b),
-      renderView: (m) => {
-        const p = e.getSnapshot().views.get(m);
-        return p ? /* @__PURE__ */ E.jsx(Pe, { nodeId: p.id, context: b }) : null;
+      getPayload: (g) => e.getSnapshot().payloads.get(g),
+      renderChildren: (g) => zt(g, b),
+      renderView: (g) => {
+        const p = e.getSnapshot().views.get(g);
+        return p ? /* @__PURE__ */ A.jsx(Pe, { nodeId: p.id, context: b }) : null;
       },
-      dispatchAction: y,
+      dispatchAction: h,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return h.current;
+        return m.current;
       },
       get video() {
-        return d.current;
+        return l.current;
       }
     };
     return b;
-  }, [e, r, y]);
-  return !c || !f ? o : /* @__PURE__ */ E.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ E.jsx(Pe, { nodeId: f, context: S }) });
-}, Kt);
-class Yt {
+  }, [e, r, h]);
+  return !c || !f ? o : /* @__PURE__ */ A.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ A.jsx(Pe, { nodeId: f, context: S }) });
+}, Wt);
+class Gt {
   constructor(e, r) {
     if (this.fallback = r, e)
       for (const [n, o] of e)
@@ -417,41 +417,41 @@ class Yt {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Jn(t, e) {
+function eo(t, e) {
   const r = Object.entries(t);
-  return new Yt(r, e);
+  return new Gt(r, e);
 }
-function Gn(t) {
+function to(t) {
   return De(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-const je = "ikon-ui";
-function Wt(t, e) {
+const Me = "ikon-ui";
+function Ht(t, e) {
   return t === e;
 }
-const Hn = q(function({ stores: e, registry: r, category: n = je, onAction: o, client: s }) {
-  const i = z(() => Array.from(e.keys()).sort().join(","), [e]), a = w(o);
+const ro = 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 = w(s);
+  const c = v(s);
   c.current = s;
-  const f = z(
+  const f = Y(
     () => {
-      const l = [];
-      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 }));
+      const d = [];
+      for (const [m, l] of e) {
+        const h = l.store.getSnapshot();
+        Ht(l.category, n) && (!h.rootViewId || !h.views.has(h.rootViewId) || d.push({ key: m, store: l.store }));
       }
-      return l;
+      return d;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return f.length === 0 ? null : /* @__PURE__ */ E.jsx(E.Fragment, { children: f.map(({ key: l, store: h }) => /* @__PURE__ */ E.jsx(zt, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, l)) });
+  return f.length === 0 ? null : /* @__PURE__ */ A.jsx(A.Fragment, { children: f.map(({ key: d, store: m }) => /* @__PURE__ */ A.jsx(qt, { store: m, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, d)) });
 });
-class qt {
+class Jt {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -509,8 +509,8 @@ class qt {
     if (r)
       return r;
     const n = {
-      category: je,
-      store: new Tt()
+      category: Me,
+      store: new Ct()
     };
     return this.stores.set(e, n), n;
   }
@@ -518,7 +518,7 @@ class qt {
     const n = this.stores.get(e);
     if (!n)
       return !1;
-    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? je;
+    const o = r ?? this.core.uiStore.getSnapshot(e)?.category ?? Me;
     return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
@@ -526,7 +526,7 @@ class qt {
       r(e);
   }
 }
-function we(t) {
+function fe(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -536,7 +536,7 @@ function we(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function $e(...t) {
+function Be(...t) {
   let e = "";
   for (const r of t)
     if (r) {
@@ -545,41 +545,58 @@ function $e(...t) {
     }
   return e || void 0;
 }
-const He = /* @__PURE__ */ new WeakMap(), Jt = {};
-function Be(t) {
+const Xe = /* @__PURE__ */ new WeakMap(), Xt = {};
+function $e(t) {
   if (!t)
-    return Jt;
-  const e = He.get(t);
+    return Xt;
+  const e = Xe.get(t);
   if (e)
     return e;
   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;
+  return Xe.set(t, r), r;
 }
-function Gt() {
+function Zt() {
   const t = q(function({ nodeId: r, context: n }) {
-    const o = X(n.store, r), s = w(null), i = we(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0;
-    return F(() => {
+    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(() => {
       if (typeof document > "u")
         return;
       const l = s.current;
       if (!l || i && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
       const h = c !== !0;
-      if (h && typeof l.scrollIntoView == "function")
-        try {
-          l.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-        } catch {
-          l.scrollIntoView();
-        }
-      if (typeof l.focus == "function")
+      if (h) {
+        const p = ((w) => {
+          let T = w.parentElement;
+          for (; T; ) {
+            const j = window.getComputedStyle(T).overflowY;
+            if (j === "auto" || j === "scroll" || T.hasAttribute("data-radix-scroll-area-viewport"))
+              return T;
+            T = T.parentElement;
+          }
+          return null;
+        })(l);
+        p ? requestAnimationFrame(() => {
+          const w = p.getBoundingClientRect(), T = l.getBoundingClientRect(), I = p.scrollTop + (T.bottom - w.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? p.scrollTo({ top: I, behavior: "smooth" }) : p.scrollTop = I;
+        }) : typeof l.scrollIntoView == "function" && requestAnimationFrame(() => {
+          try {
+            l.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+          } catch {
+            l.scrollIntoView(!1);
+          }
+        });
+      }
+      const S = document.activeElement;
+      if (!(S instanceof HTMLInputElement || S instanceof HTMLTextAreaElement || S?.getAttribute("contenteditable") === "true") && typeof l.focus == "function")
         try {
           l.focus({ preventScroll: !h });
         } catch {
           l.focus();
         }
-    }, [c, i]), o ? /* @__PURE__ */ E.jsx(
+    }, [c, i, f, d]), o ? /* @__PURE__ */ A.jsx(
       "span",
       {
         ref: s,
@@ -596,58 +613,58 @@ function Gt() {
       return t;
   };
 }
-function Ht() {
+function Qt() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
-    const s = X(n.store, r);
+    const s = Z(n.store, r);
     if (!s)
       return null;
-    const i = Be(s.props), a = $e(we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    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 });
   });
   return ({ type: e }) => {
     if (e === "std.div")
       return t;
   };
 }
-function Xt() {
+function er() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
-    const s = X(n.store, r);
+    const s = Z(n.store, r);
     if (!s)
       return null;
-    const i = Be(s.props), a = $e("relative", we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = $e(s.props), a = Be("relative", 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 });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
       return t;
   };
 }
-function Zt() {
+function tr() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
-    const s = X(n.store, r);
+    const s = Z(n.store, r);
     if (!s)
       return null;
-    const i = Be(s.props), a = $e("absolute", we(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = $e(s.props), a = Be("absolute", 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 });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
       return t;
   };
 }
-function Qt() {
+function rr() {
   return [
-    Ht(),
-    Xt(),
-    Zt(),
-    Gt()
+    Qt(),
+    er(),
+    tr(),
+    Zt()
   ];
 }
-const er = "base", tr = async () => Qt();
-function rr(t) {
-  t.registerModule(er, tr);
+const nr = "base", or = async () => rr();
+function sr(t) {
+  t.registerModule(nr, or);
 }
-function dt(t) {
+function ft(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -657,13 +674,13 @@ function dt(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function ft(...t) {
+function ht(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function ge(t) {
+function ye(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -672,42 +689,42 @@ function ge(t) {
       return Math.floor(e);
   }
 }
-function Me(t) {
+function je(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const nr = "std.video-canvas", or = "std.video-url-player";
-function sr() {
+const ir = "std.video-canvas", ar = "std.video-url-player";
+function cr() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
-    const s = X(n.store, r), i = w(null), a = n.video, c = s ? Me(s.props?.streamId) : void 0, f = s ? ge(s.props?.width) : void 0, l = s ? ge(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), () => {
+    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(() => {
+      const l = i.current;
+      if (!(!a || !l || !c))
+        return a.attachCanvas(c, l), () => {
           a.detachCanvas(c);
         };
-    }, [a, c]), s ? /* @__PURE__ */ E.jsx(
+    }, [a, c]), s ? /* @__PURE__ */ A.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": c,
-        className: h,
+        className: m,
         ...f ? { width: f } : {},
-        ...l ? { height: l } : {}
+        ...d ? { height: d } : {}
       },
       c
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === nr)
+    if (e === ir)
       return t;
   };
 }
-function ir() {
-  return [sr(), ar()];
+function ur() {
+  return [cr(), lr()];
 }
 function ce(t) {
   if (typeof t == "boolean")
@@ -718,56 +735,56 @@ function ce(t) {
     if (e === "false") return !1;
   }
 }
-function ar() {
+function lr() {
   const t = q(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = X(n.store, r);
+    const s = Z(n.store, r);
     if (!s)
       return null;
-    const i = ft(dt(s.props?.className), o), a = Me(s.props?.src), c = Me(s.props?.poster), f = ce(s.props?.controls), l = ce(s.props?.autoplay), h = ce(s.props?.loop), d = ce(s.props?.muted), y = ce(s.props?.playsInline), S = ge(s.props?.width), b = ge(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ E.jsx(
+    const i = ht(ft(s.props?.className), o), a = je(s.props?.src), c = je(s.props?.poster), f = ce(s.props?.controls), d = ce(s.props?.autoplay), m = ce(s.props?.loop), l = ce(s.props?.muted), h = ce(s.props?.playsInline), S = ye(s.props?.width), b = ye(s.props?.height), g = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ A.jsx(
       "video",
       {
         src: a,
         poster: c,
         ...f !== void 0 ? { controls: f } : {},
-        ...l !== void 0 ? { autoPlay: l } : {},
-        ...h !== void 0 ? { loop: h } : {},
-        ...d !== void 0 ? { muted: d } : {},
-        ...y !== void 0 ? { playsInline: y } : {},
+        ...d !== void 0 ? { autoPlay: d } : {},
+        ...m !== void 0 ? { loop: m } : {},
+        ...l !== void 0 ? { muted: l } : {},
+        ...h !== void 0 ? { playsInline: h } : {},
         ...S ? { width: S } : {},
         ...b ? { height: b } : {},
         "data-ikon-node-id": s.id,
         className: i,
-        children: m
+        children: g
       }
     );
   });
   return ({ type: e }) => {
-    if (e === or)
+    if (e === ar)
       return t;
   };
 }
-const cr = "media", ur = async () => ir();
-function lr(t) {
-  t.registerModule(cr, ur);
+const dr = "media", fr = async () => ur();
+function hr(t) {
+  t.registerModule(dr, fr);
 }
-const dr = `#version 300 es
+const mr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `;
-function fr(t, e) {
+function pr(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function hr(t, e) {
+function gr(t, e) {
   const r = [];
   for (const [n, o] of Object.entries(e)) {
-    if (fr(t, n))
+    if (pr(t, n))
       continue;
     let s;
     switch (o.type) {
@@ -820,7 +837,7 @@ void main() {
 }
 `;
 }
-class mr {
+class yr {
   gl;
   program = null;
   positionBuffer = null;
@@ -856,10 +873,10 @@ class mr {
   }
   compile(e, r = {}) {
     this.lastError = null, this.customUniforms = r, this.currentShaderSource = e;
-    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, dr);
+    const n = this.gl, o = this.compileShader(n.VERTEX_SHADER, mr);
     if (!o)
       return !1;
-    const s = hr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
+    const s = gr(e, r), i = this.compileShader(n.FRAGMENT_SHADER, s);
     if (!i)
       return n.deleteShader(o), !1;
     const a = n.createProgram();
@@ -899,44 +916,44 @@ class mr {
     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 d = this.uniformLocations.get("iTimeDelta");
+    d && e.uniform1f(d, a);
+    const m = this.uniformLocations.get("iFrame");
+    m && e.uniform1i(m, this.frameCount);
+    const l = this.uniformLocations.get("iMouse");
+    l && e.uniform4f(l, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
+    const h = this.uniformLocations.get("iDate");
+    if (h) {
       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);
+      e.uniform4f(h, 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)
+      const g = this.uniformLocations.get(S);
+      if (g)
         switch (b.type) {
           case "float":
-            e.uniform1f(m, b.value);
+            e.uniform1f(g, b.value);
             break;
           case "vec2": {
             const p = b.value;
-            e.uniform2f(m, p[0], p[1]);
+            e.uniform2f(g, p[0], p[1]);
             break;
           }
           case "vec3": {
             const p = b.value;
-            e.uniform3f(m, p[0], p[1], p[2]);
+            e.uniform3f(g, p[0], p[1], p[2]);
             break;
           }
           case "vec4": {
             const p = b.value;
-            e.uniform4f(m, p[0], p[1], p[2], p[3]);
+            e.uniform4f(g, p[0], p[1], p[2], p[3]);
             break;
           }
           case "int":
-            e.uniform1i(m, b.value);
+            e.uniform1i(g, b.value);
             break;
           case "bool":
-            e.uniform1i(m, b.value ? 1 : 0);
+            e.uniform1i(g, b.value ? 1 : 0);
             break;
         }
     }
@@ -950,7 +967,7 @@ class mr {
     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 pr(t) {
+function Sr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -960,13 +977,13 @@ function pr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function gr(...t) {
+function br(...t) {
   const e = [];
   for (const r of t)
     r && r.trim() && e.push(r.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Ee(t) {
+function Re(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -975,10 +992,10 @@ function Ee(t) {
       return Math.floor(e);
   }
 }
-function yr(t) {
+function wr(t) {
   return typeof t == "string" ? t : "";
 }
-function Sr(t) {
+function vr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -987,7 +1004,7 @@ function Sr(t) {
     if (e === "false") return !1;
   }
 }
-function br(t) {
+function Er(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, r = t;
@@ -1002,7 +1019,7 @@ function br(t) {
   }
   return e;
 }
-function wr(t, e) {
+function Rr(t, e) {
   const r = Object.keys(t), n = Object.keys(e);
   if (r.length !== n.length)
     return !1;
@@ -1023,99 +1040,99 @@ function wr(t, e) {
   }
   return !0;
 }
-const vr = "std.shader-canvas";
-function Rr() {
+const Ar = "std.shader-canvas";
+function Tr() {
   const t = q(function({ nodeId: r, context: n, className: o }) {
-    const s = X(n.store, r), i = w(null), a = w(null), c = w(null), f = w(0), l = w(""), h = w({}), d = w({
+    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,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), y = s ? yr(s.props?.shaderSource) : "", S = s ? Ee(s.props?.fps) ?? 60 : 60, b = s?.props?.uniforms, m = z(() => br(b), [b]), p = s ? Sr(s.props?.enableMouse) ?? !0 : !0, A = s ? Ee(s.props?.width) : void 0, P = s ? Ee(s.props?.height) : void 0, j = s ? gr(pr(s.props?.className), o) : o;
-    F(() => {
+    }), 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(() => {
       const k = i.current;
       if (k) {
         try {
-          const C = new mr(k);
-          a.current = C;
-        } catch (C) {
-          console.error("[ShaderRenderer] Failed to create WebGL2 context:", C);
+          const O = new yr(k);
+          a.current = O;
+        } catch (O) {
+          console.error("[ShaderRenderer] Failed to create WebGL2 context:", O);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), F(() => {
+    }, []), x(() => {
       const k = a.current;
-      if (!(!k || !y) && l.current !== y)
-        if (k.compile(y, m))
-          l.current = y, h.current = m;
+      if (!(!k || !h) && d.current !== h)
+        if (k.compile(h, g))
+          d.current = h, m.current = g;
         else {
-          const M = k.getError();
-          console.error("[ShaderRenderer] Shader compilation failed:", M);
+          const L = k.getError();
+          console.error("[ShaderRenderer] Shader compilation failed:", L);
         }
-    }, [y, m]), F(() => {
+    }, [h, g]), x(() => {
       const k = a.current;
-      !k || !l.current || wr(h.current, m) || (k.setCustomUniforms(m), h.current = m);
-    }, [m]), F(() => {
+      !k || !d.current || Rr(m.current, g) || (k.setCustomUniforms(g), m.current = g);
+    }, [g]), x(() => {
       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);
+      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);
       };
-      return c.current = requestAnimationFrame(M), () => {
+      return c.current = requestAnimationFrame(L), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
     }, [S]);
-    const V = B(
+    const j = $(
       (k) => {
         if (!p) return;
-        const C = i.current, M = a.current;
-        if (!C || !M) return;
-        const I = C.getBoundingClientRect(), L = k.clientX - I.left, Y = I.height - (k.clientY - I.top);
-        d.current.x = L, d.current.y = Y, M.setMouse(L, Y, d.current.clickX, d.current.clickY);
+        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);
       },
       [p]
-    ), J = B(
+    ), G = $(
       (k) => {
         if (!p) return;
-        const C = i.current, M = a.current;
-        if (!C || !M) return;
-        const I = C.getBoundingClientRect(), L = k.clientX - I.left, Y = I.height - (k.clientY - I.top);
-        d.current.isDown = !0, d.current.clickX = L, d.current.clickY = Y, M.setMouse(L, Y, L, Y);
+        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);
       },
       [p]
-    ), Z = B(() => {
-      p && (d.current.isDown = !1, d.current.clickX = -Math.abs(d.current.clickX));
+    ), Q = $(() => {
+      p && (l.current.isDown = !1, l.current.clickX = -Math.abs(l.current.clickX));
     }, [p]);
-    return s ? /* @__PURE__ */ E.jsx(
+    return s ? /* @__PURE__ */ A.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        className: j,
-        ...A ? { width: A } : {},
-        ...P ? { height: P } : {},
-        onMouseMove: V,
-        onMouseDown: J,
-        onMouseUp: Z,
-        onMouseLeave: Z
+        className: I,
+        ...w ? { width: w } : {},
+        ...T ? { height: T } : {},
+        onMouseMove: j,
+        onMouseDown: G,
+        onMouseUp: Q,
+        onMouseLeave: Q
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === vr)
+    if (e === Ar)
       return t;
   };
 }
-const Er = "shader", Ar = async () => Rr();
-function kr(t) {
-  t.registerModule(Er, Ar);
+const kr = "shader", Cr = async () => Tr();
+function Ir(t) {
+  t.registerModule(kr, Cr);
 }
-const Xe = be("UIRegistry");
-class Tr {
+const Ze = we("UIRegistry");
+class Or {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1137,15 +1154,15 @@ class Tr {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = Or(s);
+          const s = await o(), i = Pr(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          Xe.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          Ze.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
         }
     const r = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && r.push(n);
-    return Nr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
+    return Mr(r, this.activeModuleOrder) || (this.activeModuleOrder = r, e = !0), e;
   }
   resolve(e) {
     for (const r of this.baseResolvers) {
@@ -1155,7 +1172,7 @@ class Tr {
     for (const r of this.activeModuleOrder) {
       const n = this.moduleResolvers.get(r);
       if (!n) {
-        Xe.warn(`Missing resolvers for module ${r}`);
+        Ze.warn(`Missing resolvers for module ${r}`);
         continue;
       }
       for (const o of n) {
@@ -1165,17 +1182,17 @@ class Tr {
     }
   }
 }
-function Cr() {
-  const t = new Tr();
-  return rr(t), lr(t), kr(t), t.loadRegisteredModules(), t;
+function _r() {
+  const t = new Or();
+  return sr(t), hr(t), Ir(t), t.loadRegisteredModules(), t;
 }
-function Ir(t) {
+function Nr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Or(t) {
-  return t ? Ir(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Pr(t) {
+  return t ? Nr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Nr(t, e) {
+function Mr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; r += 1)
@@ -1183,7 +1200,7 @@ function Nr(t, e) {
       return !1;
   return !0;
 }
-const Ae = be("MotionController"), Ze = {
+const Ae = we("MotionController"), Qe = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1213,88 +1230,88 @@ const Ae = be("MotionController"), Ze = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function D(t) {
+function B(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function Qe(t) {
+function et(t) {
   if (t == null) return;
   const e = `${t}`.trim();
   if (!e) return;
   const r = Number.parseFloat(e);
   return Number.isFinite(r) ? r : void 0;
 }
-function et(t) {
+function tt(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function tt(t, e, r, n) {
-  const l = new Float32Array(11);
-  function h(m, p, A) {
-    return ((3 * p - 3 * A + 1) * m + (3 * A - 6 * p)) * m * m + 3 * p * m;
+function rt(t, e, r, n) {
+  const d = new Float32Array(11);
+  function m(g, p, w) {
+    return ((3 * p - 3 * w + 1) * g + (3 * w - 6 * p)) * g * g + 3 * p * g;
   }
-  function d(m, p, A) {
-    return 3 * (3 * p - 3 * A + 1) * m * m + 2 * (3 * A - 6 * p) * m + 3 * p;
+  function l(g, p, w) {
+    return 3 * (3 * p - 3 * w + 1) * g * g + 2 * (3 * w - 6 * p) * g + 3 * p;
   }
-  function y(m, p) {
-    for (let A = 0; A < 4; A += 1) {
-      const P = d(p, t, r);
-      if (P === 0)
+  function h(g, p) {
+    for (let w = 0; w < 4; w += 1) {
+      const T = l(p, t, r);
+      if (T === 0)
         return p;
-      const j = h(p, t, r) - m;
-      p -= j / P;
+      const I = m(p, t, r) - g;
+      p -= I / T;
     }
     return p;
   }
-  function S(m, p, A) {
-    let P = 0, j = 0, V = 0;
+  function S(g, p, w) {
+    let T = 0, I = 0, j = 0;
     do
-      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)
+      I = p + (w - p) / 2, T = m(I, t, r) - g, T > 0 ? w = I : p = I;
+    while (Math.abs(T) > 1e-7 && ++j < 10);
+    return I;
+  }
+  function b(g) {
+    let p = 0, w = 1;
+    const T = 10;
+    for (; w !== T && d[w] <= g; w += 1)
       p += 0.1;
-    A -= 1;
-    const j = (m - l[A]) / (l[A + 1] - l[A]), V = p + j * 0.1, J = d(V, t, r);
-    return J >= 1e-3 ? y(m, V) : J === 0 ? V : S(m, p, p + 0.1);
+    w -= 1;
+    const I = (g - d[w]) / (d[w + 1] - d[w]), j = p + I * 0.1, G = l(j, t, r);
+    return G >= 1e-3 ? h(g, j) : G === 0 ? j : S(g, p, p + 0.1);
   }
-  for (let m = 0; m < 11; m += 1)
-    l[m] = h(m * 0.1, t, r);
-  return (m) => m <= 0 ? 0 : m >= 1 ? 1 : h(b(m), e, n);
+  for (let g = 0; g < 11; g += 1)
+    d[g] = m(g * 0.1, t, r);
+  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : m(b(g), e, n);
 }
-function _r(t) {
+function jr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => D(o);
+    return (o) => B(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);
+  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);
 }
-function Pr(t) {
+function Lr(t) {
   if (!t)
-    return (r) => D(r);
+    return (r) => B(r);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    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)));
+    return (r) => B(r);
+  if (Qe[e]) {
+    const [r, n, o, s] = Qe[e], i = rt(r, n, o, s);
+    return (a) => B(i(B(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 = tt(o, s, i, a);
-      return (f) => D(c(D(f)));
+      const [o, s, i, a] = n, c = rt(o, s, i, a);
+      return (f) => B(c(B(f)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const r = _r(e);
-    return (n) => r(D(n));
+    const r = jr(e);
+    return (n) => r(B(n));
   }
-  return (r) => D(r);
+  return (r) => B(r);
 }
-function jr(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);
@@ -1304,7 +1321,7 @@ function jr(t) {
   if (![r, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: r, inEnd: n, outStart: o, outEnd: s };
 }
-class Mr {
+class xr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1349,7 +1366,7 @@ class Mr {
     const r = e.source?.trim();
     if (!r)
       return;
-    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 = Pr(e.ease), f = jr(e.map), l = 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 = Lr(e.ease), f = Ur(e.map), d = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: r.toLowerCase(),
       min: n,
@@ -1358,7 +1375,7 @@ class Mr {
       reverse: a,
       ease: c,
       map: f,
-      targetId: l
+      targetId: d
     };
   }
   ensureObserver() {
@@ -1407,7 +1424,7 @@ class Mr {
     const r = this.bindingsByStyle.get(e);
     if (!r || typeof document > "u")
       return;
-    const n = `.${et(e)}`;
+    const n = `.${tt(e)}`;
     document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, r));
   }
   applyStyleToElement(e, r, n) {
@@ -1447,7 +1464,7 @@ class Mr {
   }
   resolveScrollContainer(e, r) {
     if (r.targetId) {
-      const n = `[data-ikon-motion-source="${et(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+      const n = `[data-ikon-motion-source="${tt(r.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
@@ -1459,8 +1476,8 @@ class Mr {
     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}`);
+      const d = this.applyMap(f, r.map);
+      d !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${d}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -1475,7 +1492,7 @@ class Mr {
       case "unclamped":
         return e;
       default:
-        return D(e);
+        return B(e);
     }
   }
   applyMap(e, r) {
@@ -1562,31 +1579,31 @@ class Mr {
     }
   }
 }
-const ke = new Mr();
-function Ur(t) {
-  const e = w(/* @__PURE__ */ new Map()), r = B(({ styleId: s, css: i, common: a }) => {
+const Te = new xr();
+function Dr(t) {
+  const e = v(/* @__PURE__ */ new Map()), r = $(({ 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;
       }
-      ke.registerStyle(s, a);
+      Te.registerStyle(s, a);
     }
-  }, []), n = B((s) => {
+  }, []), n = $((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
-        a && (a.remove(), e.current.delete(i)), ke.unregisterStyle(i);
+        a && (a.remove(), e.current.delete(i)), Te.unregisterStyle(i);
       }
-  }, []), o = B(() => {
+  }, []), o = $(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
       e.current.clear();
     }
-    ke.reset();
+    Te.reset();
   }, []);
-  return F(() => {
+  return x(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1594,9 +1611,9 @@ function Ur(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), F(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, r, n]), x(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
-function Lr(t) {
+function Fr(t) {
   const e = [];
   for (const [r, n] of t) {
     const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1604,62 +1621,62 @@ function Lr(t) {
   }
   return e.sort(), e.join(",");
 }
-function xr(t) {
-  const [e, r] = ee(), n = w("");
-  return F(() => {
+function Br(t) {
+  const [e, r] = X(), n = v("");
+  return x(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = Lr(s);
+      const s = t.getStores(), i = Fr(s);
       i !== n.current && (n.current = i, r(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var Dr = typeof global == "object" && global && global.Object === Object && global, Fr = typeof self == "object" && self && self.Object === Object && self, $r = Dr || Fr || Function("return this")(), ye = $r.Symbol, ht = Object.prototype, Br = ht.hasOwnProperty, Vr = ht.toString, ue = ye ? ye.toStringTag : void 0;
-function Kr(t) {
-  var e = Br.call(t, ue), r = t[ue];
+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];
   try {
     t[ue] = void 0;
     var n = !0;
   } catch {
   }
-  var o = Vr.call(t);
+  var o = zr.call(t);
   return n && (e ? t[ue] = r : delete t[ue]), o;
 }
-var zr = Object.prototype, Yr = zr.toString;
-function Wr(t) {
-  return Yr.call(t);
+var qr = Object.prototype, Gr = qr.toString;
+function Hr(t) {
+  return Gr.call(t);
 }
-var qr = "[object Null]", Jr = "[object Undefined]", rt = ye ? ye.toStringTag : void 0;
-function Gr(t) {
-  return t == null ? t === void 0 ? Jr : qr : rt && rt in Object(t) ? Kr(t) : Wr(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);
 }
-function Hr(t) {
+function Qr(t) {
   return t != null && typeof t == "object";
 }
-var Xr = Array.isArray, Zr = "[object String]";
-function Qr(t) {
-  return typeof t == "string" || !Xr(t) && Hr(t) && Gr(t) == Zr;
+var en = Array.isArray, tn = "[object String]";
+function rn(t) {
+  return typeof t == "string" || !en(t) && Qr(t) && Zr(t) == tn;
 }
-const nt = "ikonUiModules";
-function Ue(t) {
+const ot = "ikonUiModules";
+function Le(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function en(t) {
+function nn(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const r of t) {
-    if (!Qr(r)) continue;
+    if (!rn(r)) continue;
     const n = r.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function Xn(t, e) {
+function no(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -1671,19 +1688,19 @@ function Xn(t, e) {
       return !1;
   return !0;
 }
-function tn(t) {
-  if (!(!Ue(t) || !Object.prototype.hasOwnProperty.call(t, nt)))
-    return en(t[nt]);
+function on(t) {
+  if (!(!Le(t) || !Object.prototype.hasOwnProperty.call(t, ot)))
+    return nn(t[ot]);
 }
-function Zn(...t) {
+function oo(...t) {
   for (const e of t) {
-    const r = tn(e);
+    const r = on(e);
     if (r !== void 0)
       return r;
   }
 }
-function Qn(t) {
-  if (!Ue(t))
+function so(t) {
+  if (!Le(t))
     return;
   const e = t, r = Object.keys(e).find((c) => c.toLowerCase() === "modules");
   if (!r)
@@ -1702,19 +1719,19 @@ function Qn(t) {
       o.push(b), i.add(b);
       continue;
     }
-    if (!Ue(c))
+    if (!Le(c))
       continue;
-    const f = c, l = Object.keys(f).find((b) => b.toLowerCase() === "name");
-    if (!l)
+    const f = c, d = Object.keys(f).find((b) => b.toLowerCase() === "name");
+    if (!d)
       continue;
-    const h = f[l];
-    if (typeof h != "string")
+    const m = f[d];
+    if (typeof m != "string")
       continue;
-    const d = h.trim();
-    if (!d)
+    const l = m.trim();
+    if (!l)
       continue;
-    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));
+    const h = Object.keys(f).find((b) => b.toLowerCase() === "javascript"), S = h ? f[h] : void 0;
+    typeof S == "string" && s.set(l, S), i.has(l) || (o.push(l), i.add(l));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
@@ -1724,16 +1741,16 @@ function Qn(t) {
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const v = {
+const E = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, rn = [
+}, sn = [
   {
-    flag: v.Letter,
+    flag: E.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1742,7 +1759,7 @@ const v = {
     ]
   },
   {
-    flag: v.Word,
+    flag: E.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1751,7 +1768,7 @@ const v = {
     ]
   },
   {
-    flag: v.Line,
+    flag: E.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1760,7 +1777,7 @@ const v = {
     ]
   },
   {
-    flag: v.Paragraph,
+    flag: E.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1771,7 +1788,7 @@ const v = {
     ]
   },
   {
-    flag: v.Emoji,
+    flag: E.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1780,38 +1797,38 @@ const v = {
       "[data-emoji]"
     ]
   }
-], Le = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, nn = v.Letter | v.Word | v.Line | v.Paragraph, ot = /* @__PURE__ */ new Map(), on = 16384;
-function eo(t, e) {
-  if (!t || t.length > on)
+], 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)
     return t;
-  const r = Rn(e), n = re(r, v.Emoji), o = r & nn;
-  if (o === v.None && !n)
+  const r = Tn(e), n = re(r, E.Emoji), o = r & an;
+  if (o === E.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === v.None)
-    return ct(s);
-  const i = wn(s);
+  if (o === E.None)
+    return ut(s);
+  const i = Rn(s);
   if (i.length === 0)
-    return n ? ct(s) : t;
-  const a = vn(i), c = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
-  for (const l of a) {
-    const h = sn(l, r, c);
-    f.push(...h);
+    return n ? ut(s) : t;
+  const a = An(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);
+    f.push(...m);
   }
   return f;
 }
-function sn(t, e, r) {
+function un(t, e, r) {
   const n = [];
   for (const o of t) {
-    const s = an(o, e, r);
+    const s = ln(o, e, r);
     n.push(...s);
   }
-  if (re(e, v.Paragraph)) {
+  if (re(e, E.Paragraph)) {
     const o = r.paragraph++;
     return [
-      /* @__PURE__ */ E.jsx(
+      /* @__PURE__ */ A.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
@@ -1824,70 +1841,70 @@ function sn(t, e, r) {
   }
   return n;
 }
-function an(t, e, r) {
-  const n = cn(t.text, e, r), o = [];
-  if (re(e, v.Line)) {
+function ln(t, e, r) {
+  const n = dn(t.text, e, r), o = [];
+  if (re(e, E.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-line": !0, style: ve(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ A.jsx("span", { "data-motion-line": !0, style: ve(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ E.jsx("br", {}, `motion-break-${r.br++}`));
+    o.push(/* @__PURE__ */ A.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
-function cn(t, e, r) {
+function dn(t, e, r) {
   if (!t)
     return [];
-  const n = re(e, v.Word), o = [], s = /(\s+)/g;
+  const n = re(e, E.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(st(c, r, e, n));
+      o.push(it(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(st(c, r, e, n));
+    o.push(it(c, r, e, n));
   }
   return o;
 }
-function st(t, e, r, n) {
-  const o = e.word++, s = ln(t, r, e), i = `motion-word-${o}`, a = un(o, n);
-  return n ? /* @__PURE__ */ E.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ E.jsx("span", { style: a, children: s }, i);
+function it(t, e, r, n) {
+  const o = e.word++, s = hn(t, r, e), i = `motion-word-${o}`, a = fn(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 un(t, e) {
+function fn(t, e) {
   return e ? { ...ve(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function ln(t, e, r) {
+function hn(t, e, r) {
   if (!t)
     return [];
-  const n = re(e, v.Letter), o = re(e, v.Emoji);
+  const n = re(e, E.Letter), o = re(e, E.Emoji);
   if (!n) {
     if (!o)
       return [t];
     const a = xe(t);
     if (a.length === 0)
       return [t];
-    const { nodes: c } = pt(a, r);
+    const { nodes: c } = gt(a, r);
     return c;
   }
   const s = [], i = xe(t);
   for (const a of i) {
-    const c = r.letter++, f = `motion-letter-${c}`, l = ve(c);
+    const c = r.letter++, f = `motion-letter-${c}`, d = ve(c);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, children: /* @__PURE__ */ E.jsx("br", {}) }, f)
+        /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ A.jsx("br", {}) }, f)
       );
       continue;
     }
-    const d = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, y = a === " " ? " " : a;
+    const l = o && pt(a) ? { "data-motion-emoji": !0 } : void 0, h = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ E.jsx("span", { "data-motion-letter": !0, style: l, ...d, children: y }, f)
+      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: d, ...l, children: h }, f)
     );
   }
   return s;
@@ -1895,45 +1912,45 @@ function ln(t, e, r) {
 function xe(t) {
   if (!t)
     return [];
-  const e = dn();
-  return e ? Array.from(e.segment(t), (r) => r.segment) : fn(t);
+  const e = mn();
+  return e ? Array.from(e.segment(t), (r) => r.segment) : pn(t);
 }
 let le;
-function dn() {
+function mn() {
   return le !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? le = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : le = null), le;
 }
-function fn(t) {
+function pn(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 && hn(s, i)) && (e.push(n), n = "");
+    n += s, !(i && gn(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function hn(t, e) {
-  return e ? !!(it(t) || it(e) || gn(e) || mn(e) || pn(e) || at(t) && at(e)) : !1;
+function gn(t, e) {
+  return e ? !!(at(t) || at(e) || bn(e) || yn(e) || Sn(e) || ct(t) && ct(e)) : !1;
 }
-function it(t) {
+function at(t) {
   return t.codePointAt(0) === 8205;
 }
-function mn(t) {
+function yn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function pn(t) {
+function Sn(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function at(t) {
+function ct(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let Te;
-function gn(t) {
-  return t ? (Te || (Te = yn()), Te(t)) : !1;
+let ke;
+function bn(t) {
+  return t ? (ke || (ke = wn()), ke(t)) : !1;
 }
-function yn() {
+function wn() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -1945,18 +1962,18 @@ function yn() {
   }
 }
 let Ce;
-function mt(t) {
-  return t ? (Ce || (Ce = Sn()), Ce(t)) : !1;
+function pt(t) {
+  return t ? (Ce || (Ce = vn()), Ce(t)) : !1;
 }
-function Sn() {
+function vn() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return bn;
+    return En;
   }
 }
-function bn(t) {
+function En(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -1966,7 +1983,7 @@ function bn(t) {
   }
   return !1;
 }
-function wn(t) {
+function Rn(t) {
   const e = [];
   let r = "", n = 0;
   for (let o = 0; o < t.length; o++) {
@@ -1980,7 +1997,7 @@ function wn(t) {
   }
   return (n > 0 || r.length > 0) && e.push({ text: r, breaks: n }), e;
 }
-function vn(t) {
+function An(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2009,27 +2026,27 @@ function ve(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function ct(t) {
+function ut(t) {
   if (!t)
     return t;
   const e = xe(t);
   if (e.length === 0)
     return t;
-  const { nodes: r, sawEmoji: n } = pt(e);
+  const { nodes: r, sawEmoji: n } = gt(e);
   return n ? r.length === 1 ? r[0] ?? t : r : t;
 }
-function pt(t, e) {
+function gt(t, e) {
   const r = [];
   let n = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
     n && (r.push(n), n = "");
   };
   for (const a of t) {
-    if (mt(a)) {
+    if (pt(a)) {
       o = !0, i();
       const f = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
-        /* @__PURE__ */ E.jsx("span", { "data-motion-emoji": !0, children: a }, f)
+        /* @__PURE__ */ A.jsx("span", { "data-motion-emoji": !0, children: a }, f)
       );
       continue;
     }
@@ -2037,24 +2054,24 @@ function pt(t, e) {
   }
   return i(), o ? { nodes: r, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Rn(t) {
+function Tn(t) {
   if (!t)
-    return v.None;
+    return E.None;
   const e = t.trim();
   if (!e)
-    return v.None;
-  const r = ot.get(e);
+    return E.None;
+  const r = st.get(e);
   if (typeof r == "number")
     return r;
   if (typeof document > "u")
-    return v.None;
+    return E.None;
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
-    return v.None;
-  const s = n.map((c) => `.${En(c)}`).map(
-    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${An(c)}(?![a-zA-Z0-9_-])`)
+    return E.None;
+  const s = n.map((c) => `.${kn(c)}`).map(
+    (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Cn(c)}(?![a-zA-Z0-9_-])`)
   );
-  let i = v.None, a = !1;
+  let i = E.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
     let f;
     try {
@@ -2062,17 +2079,17 @@ function Rn(t) {
     } catch {
       continue;
     }
-    const l = gt(f, s);
-    if (l.mask && (i |= l.mask, i === Le))
+    const d = yt(f, s);
+    if (d.mask && (i |= d.mask, i === Ue))
       break;
-    a ||= l.sawStyleRule;
+    a ||= d.sawStyleRule;
   }
-  return (i !== v.None || a) && ot.set(e, i), i;
+  return (i !== E.None || a) && st.set(e, i), i;
 }
-function gt(t, e) {
+function yt(t, e) {
   if (!t)
-    return { mask: v.None, sawStyleRule: !1 };
-  let r = v.None, n = !1;
+    return { mask: E.None, sawStyleRule: !1 };
+  let r = E.None, n = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
@@ -2080,13 +2097,13 @@ function gt(t, e) {
         const a = s.selectorText ?? "";
         if (!a || !e.some((f) => f.test(a))) continue;
         n = !0;
-        for (const f of rn)
-          f.hints.some((l) => a.includes(l)) && (r |= f.flag);
-        if (r === Le)
+        for (const f of sn)
+          f.hints.some((d) => a.includes(d)) && (r |= f.flag);
+        if (r === Ue)
           return { mask: r, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = gt(s.cssRules, e);
-        if (i.mask && (r |= i.mask, r === Le))
+        const i = yt(s.cssRules, e);
+        if (i.mask && (r |= i.mask, r === Ue))
           return { mask: r, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
       }
@@ -2094,31 +2111,31 @@ function gt(t, e) {
   }
   return { mask: r, sawStyleRule: n };
 }
-function En(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 An(t) {
+function Cn(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const Ve = "ikon_auth_session", kn = 7 * 24 * 60 * 60 * 1e3;
-function Re(t) {
+const Ve = "ikon_auth_session", In = 7 * 24 * 60 * 60 * 1e3;
+function Ee(t) {
   try {
     localStorage.setItem(Ve, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function yt() {
+function St() {
   try {
     const t = localStorage.getItem(Ve);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > kn ? (St(), null) : e;
+    return Date.now() - e.authenticatedAt > In ? (bt(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function St() {
+function bt() {
   try {
     localStorage.removeItem(Ve);
   } catch {
@@ -2133,8 +2150,8 @@ function de(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-async function bt(t, e) {
-  const r = pe(), n = await fetch(`${e}/anonymous`, {
+async function wt(t, e) {
+  const r = ge(), n = await fetch(`${e}/anonymous`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: r, space: t })
@@ -2148,9 +2165,9 @@ async function bt(t, e) {
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return Re(s), s;
+  return Ee(s), s;
 }
-async function to(t) {
+async function ao(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" },
@@ -2165,22 +2182,22 @@ async function to(t) {
     throw new Error(i);
   }
 }
-function Tn() {
+function On() {
   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 Cn() {
+function _n() {
   const e = new URLSearchParams(window.location.search).get("error");
   return e ? decodeURIComponent(e) : null;
 }
-function ut() {
+function lt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function In(t, e, r, n) {
+function Nn(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 On(t) {
+async function Pn(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2191,7 +2208,7 @@ async function On(t) {
   }
   return e.json();
 }
-async function Nn(t, e, r) {
+async function Mn(t, e, r) {
   const n = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2206,9 +2223,9 @@ async function Nn(t, e, r) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return Re(s), s;
+  return Ee(s), s;
 }
-async function _n(t, e) {
+async function jn(t, e) {
   const r = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2220,7 +2237,7 @@ async function _n(t, e) {
   }
   return r.json();
 }
-async function Pn(t, e) {
+async function Ln(t, e) {
   const r = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2235,7 +2252,7 @@ async function Pn(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return Re(o), o;
+  return Ee(o), o;
 }
 function W(t) {
   const e = new Uint8Array(t);
@@ -2244,23 +2261,23 @@ function W(t) {
     r += String.fromCharCode(o);
   return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function Se(t) {
+function be(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 Ke() {
-  return jn.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+  return Un.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const jn = {
+const Un = {
   stubThis: (t) => t
 };
-function wt(t) {
+function vt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: Se(e),
+    id: be(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
@@ -2269,13 +2286,13 @@ function wt(t) {
     transports: t.transports
   };
 }
-function vt(t) {
+function Et(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 _ extends Error {
+class M extends Error {
   constructor({ message: e, code: r, cause: n, name: o }) {
     super(e, { cause: n }), Object.defineProperty(this, "code", {
       enumerable: !0,
@@ -2285,20 +2302,20 @@ class _ extends Error {
     }), this.name = o ?? n.name, this.code = r;
   }
 }
-function Mn({ error: t, options: e }) {
+function xn({ 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 _({
+      return new M({
         message: "Registration ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else if (t.name === "ConstraintError") {
     if (r.authenticatorSelection?.requireResidentKey === !0)
-      return new _({
+      return new M({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
         cause: t
@@ -2307,63 +2324,63 @@ function Mn({ error: t, options: e }) {
       // @ts-ignore: `mediation` doesn't yet exist on CredentialCreationOptions but it's possible as of Sept 2024
       e.mediation === "conditional" && r.authenticatorSelection?.userVerification === "required"
     )
-      return new _({
+      return new M({
         message: "User verification was required during automatic registration but it could not be performed",
         code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
         cause: t
       });
     if (r.authenticatorSelection?.userVerification === "required")
-      return new _({
+      return new M({
         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 _({
+      return new M({
         message: "The authenticator was previously registered",
         code: "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED",
         cause: t
       });
     if (t.name === "NotAllowedError")
-      return new _({
+      return new M({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "NotSupportedError")
-      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new _({
+      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new M({
         message: 'No entry in pubKeyCredParams was of type "public-key"',
         code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
         cause: t
-      }) : new _({
+      }) : new M({
         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 n = globalThis.location.hostname;
-      if (vt(n)) {
+      if (Et(n)) {
         if (r.rp.id !== n)
-          return new _({
+          return new M({
             message: `The RP ID "${r.rp.id}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new _({
+      } else return new M({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "TypeError") {
       if (r.user.id.byteLength < 1 || r.user.id.byteLength > 64)
-        return new _({
+        return new M({
           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 _({
+      return new M({
         message: "The authenticator was unable to process the specified options, or could not create a new credential",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2371,7 +2388,7 @@ function Mn({ error: t, options: e }) {
   }
   return t;
 }
-class Un {
+class Dn {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2395,56 +2412,56 @@ class Un {
     }
   }
 }
-const Rt = new Un(), Ln = ["cross-platform", "platform"];
-function Et(t) {
-  if (t && !(Ln.indexOf(t) < 0))
+const Rt = new Dn(), Fn = ["cross-platform", "platform"];
+function At(t) {
+  if (t && !(Fn.indexOf(t) < 0))
     return t;
 }
-async function xn(t) {
+async function Bn(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())
     throw new Error("WebAuthn is not supported in this browser");
   const n = {
     ...e,
-    challenge: Se(e.challenge),
+    challenge: be(e.challenge),
     user: {
       ...e.user,
-      id: Se(e.user.id)
+      id: be(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(wt)
+    excludeCredentials: e.excludeCredentials?.map(vt)
   }, o = {};
   r && (o.mediation = "conditional"), o.publicKey = n, o.signal = Rt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
   } catch (S) {
-    throw Mn({ error: S, options: o });
+    throw xn({ error: S, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
   const { id: i, rawId: a, response: c, type: f } = s;
-  let l;
-  typeof c.getTransports == "function" && (l = c.getTransports());
-  let h;
+  let d;
+  typeof c.getTransports == "function" && (d = c.getTransports());
+  let m;
   if (typeof c.getPublicKeyAlgorithm == "function")
     try {
-      h = c.getPublicKeyAlgorithm();
+      m = c.getPublicKeyAlgorithm();
     } catch (S) {
       Ie("getPublicKeyAlgorithm()", S);
     }
-  let d;
+  let l;
   if (typeof c.getPublicKey == "function")
     try {
       const S = c.getPublicKey();
-      S !== null && (d = W(S));
+      S !== null && (l = W(S));
     } catch (S) {
       Ie("getPublicKey()", S);
     }
-  let y;
+  let h;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      y = W(c.getAuthenticatorData());
+      h = W(c.getAuthenticatorData());
     } catch (S) {
       Ie("getAuthenticatorData()", S);
     }
@@ -2454,21 +2471,21 @@ async function xn(t) {
     response: {
       attestationObject: W(c.attestationObject),
       clientDataJSON: W(c.clientDataJSON),
-      transports: l,
-      publicKeyAlgorithm: h,
-      publicKey: d,
-      authenticatorData: y
+      transports: d,
+      publicKeyAlgorithm: m,
+      publicKey: l,
+      authenticatorData: h
     },
     type: f,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: Et(s.authenticatorAttachment)
+    authenticatorAttachment: At(s.authenticatorAttachment)
   };
 }
 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 Dn() {
+function $n() {
   if (!Ke())
     return Oe.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
@@ -2477,40 +2494,40 @@ function Dn() {
 const Oe = {
   stubThis: (t) => t
 };
-function Fn({ error: t, options: e }) {
+function Vn({ 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 _({
+      return new M({
         message: "Authentication ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else {
     if (t.name === "NotAllowedError")
-      return new _({
+      return new M({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "SecurityError") {
       const n = globalThis.location.hostname;
-      if (vt(n)) {
+      if (Et(n)) {
         if (r.rpId !== n)
-          return new _({
+          return new M({
             message: `The RP ID "${r.rpId}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new _({
+      } else return new M({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "UnknownError")
-      return new _({
+      return new M({
         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
@@ -2518,20 +2535,20 @@ function Fn({ error: t, options: e }) {
   }
   return t;
 }
-async function $n(t) {
+async function Kn(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())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(wt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(vt));
   const s = {
     ...e,
-    challenge: Se(e.challenge),
+    challenge: be(e.challenge),
     allowCredentials: o
   }, i = {};
   if (r) {
-    if (!await Dn())
+    if (!await $n())
       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');
@@ -2541,68 +2558,68 @@ async function $n(t) {
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (y) {
-    throw Fn({ error: y, options: i });
+  } catch (h) {
+    throw Vn({ error: h, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: c, rawId: f, response: l, type: h } = a;
-  let d;
-  return l.userHandle && (d = W(l.userHandle)), {
+  const { id: c, rawId: f, response: d, type: m } = a;
+  let l;
+  return d.userHandle && (l = W(d.userHandle)), {
     id: c,
     rawId: W(f),
     response: {
-      authenticatorData: W(l.authenticatorData),
-      clientDataJSON: W(l.clientDataJSON),
-      signature: W(l.signature),
-      userHandle: d
+      authenticatorData: W(d.authenticatorData),
+      clientDataJSON: W(d.clientDataJSON),
+      signature: W(d.signature),
+      userHandle: l
     },
-    type: h,
+    type: m,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: Et(a.authenticatorAttachment)
+    authenticatorAttachment: At(a.authenticatorAttachment)
   };
 }
-const ze = lt(null);
-function ro({ children: t, config: e }) {
-  const [r, n] = ee({
+const Ye = dt(null);
+function co({ children: t, config: e }) {
+  const [r, n] = X({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  F(() => {
+  x(() => {
     (() => {
-      const l = Cn();
-      if (l) {
-        ut(), n({
+      const d = _n();
+      if (d) {
+        lt(), n({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: l
+          error: d
         });
         return;
       }
-      const h = Tn();
-      if (h) {
-        const y = {
-          token: h.token,
-          provider: h.provider,
+      const m = On();
+      if (m) {
+        const h = {
+          token: m.token,
+          provider: m.provider,
           authenticatedAt: Date.now()
         };
-        Re(y), ut(), n({
+        Ee(h), lt(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(y),
+          user: de(h),
           error: null
         });
         return;
       }
-      const d = yt();
-      if (d) {
+      const l = St();
+      if (l) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(d),
+          user: de(l),
           error: null
         });
         return;
@@ -2615,87 +2632,87 @@ function ro({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = B(
+  const o = $(
     async (f) => {
       if (!e.spaceId) {
-        n((d) => ({
-          ...d,
+        n((l) => ({
+          ...l,
           error: "Space ID is not configured"
         }));
         return;
       }
-      const l = e.authUrl ?? _e();
+      const d = e.authUrl ?? Ne();
       if (f === "guest") {
-        n((d) => ({ ...d, isLoading: !0 }));
+        n((l) => ({ ...l, isLoading: !0 }));
         try {
-          const d = await bt(e.spaceId, l);
+          const l = await wt(e.spaceId, d);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: de(d),
+            user: de(l),
             error: null
           });
-        } catch (d) {
-          n((y) => ({
-            ...y,
+        } catch (l) {
+          n((h) => ({
+            ...h,
             isLoading: !1,
-            error: d instanceof Error ? d.message : "Guest login failed"
+            error: l instanceof Error ? l.message : "Guest login failed"
           }));
         }
         return;
       }
       if (f === "passkey") {
-        n((d) => ({ ...d, isLoading: !0, error: null }));
+        n((l) => ({ ...l, isLoading: !0, error: null }));
         try {
-          const d = await _n(l), y = await $n({ optionsJSON: d }), S = await Pn(l, y);
+          const l = await jn(d), h = await Kn({ optionsJSON: l }), S = await Ln(d, h);
           n({
             isAuthenticated: !0,
             isLoading: !1,
             user: de(S),
             error: null
           });
-        } catch (d) {
-          n((y) => ({
-            ...y,
+        } catch (l) {
+          n((h) => ({
+            ...h,
             isLoading: !1,
-            error: d instanceof Error ? d.message : "Passkey login failed"
+            error: l instanceof Error ? l.message : "Passkey login failed"
           }));
         }
         return;
       }
-      const h = In(f, e.spaceId, l);
-      window.location.href = h;
+      const m = Nn(f, e.spaceId, d);
+      window.location.href = m;
     },
     [e.authUrl, e.spaceId]
-  ), s = B(() => {
-    St(), n({
+  ), s = $(() => {
+    bt(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = B(
+  }, []), i = $(
     async (f) => {
-      const l = e.authUrl ?? _e();
-      n((h) => ({ ...h, isLoading: !0, error: null }));
+      const d = e.authUrl ?? Ne();
+      n((m) => ({ ...m, isLoading: !0, error: null }));
       try {
-        const h = await On(l), d = await xn({ optionsJSON: h }), y = await Nn(l, d, f);
+        const m = await Pn(d), l = await Bn({ optionsJSON: m }), h = await Mn(d, l, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: de(y),
+          user: de(h),
           error: null
         });
-      } catch (h) {
-        n((d) => ({
-          ...d,
+      } catch (m) {
+        n((l) => ({
+          ...l,
           isLoading: !1,
-          error: h instanceof Error ? h.message : "Passkey registration failed"
+          error: m instanceof Error ? m.message : "Passkey registration failed"
         }));
       }
     },
     [e.authUrl]
-  ), a = B(() => r.user?.token ?? null, [r.user]), c = z(
+  ), a = $(() => r.user?.token ?? null, [r.user]), c = Y(
     () => ({
       state: r,
       login: o,
@@ -2705,20 +2722,20 @@ function ro({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ E.jsx(ze, { value: c, children: t });
+  return /* @__PURE__ */ A.jsx(Ye, { value: c, children: t });
 }
-function Bn() {
-  const t = Fe(ze);
+function Yn() {
+  const t = Fe(Ye);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function no() {
-  return Fe(ze);
+function uo() {
+  return Fe(Ye);
 }
-function oo(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Bn(), s = w(!1);
-  return F(() => {
+function lo(t) {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Yn(), s = v(!1);
+  return x(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(r);
@@ -2734,7 +2751,7 @@ function oo(t) {
     error: n.error
   };
 }
-function so({
+function fo({
   connectionState: t,
   error: e,
   isReady: r,
@@ -2745,9 +2762,9 @@ function so({
   renderIdle: a,
   renderConnecting: c,
   renderConnectingSlow: f,
-  renderConnected: l,
-  renderOffline: h,
-  renderError: d
+  renderConnected: d,
+  renderOffline: m,
+  renderError: l
 }) {
   switch (t) {
     case "idle":
@@ -2758,7 +2775,7 @@ function so({
       return f();
     case "connected":
     case "reconnecting":
-      return !r || !n || !o ? null : l({
+      return !r || !n || !o ? null : d({
         stores: n,
         registry: o,
         client: s,
@@ -2766,230 +2783,271 @@ function so({
         isReconnecting: t === "reconnecting"
       });
     case "offline":
-      return h();
+      return m();
     case "offlineError":
-      return d(e ?? s?.lastError?.message ?? null);
+      return l(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
 }
-const Ne = be("useIkonApp");
-function io(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), J = 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, J.current = f, Z.current = i, k.current = a, C.current = s, M.current = c;
-  const [I, L] = ee("idle"), [Y, te] = ee(null), [ne, fe] = ee(null), [G, he] = ee(null), [oe, u] = ee(!1), g = z(() => {
+const _e = we("useIkonApp");
+function zn() {
+  if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
+    return window.__IKON_AUTH_CONFIG__;
+}
+function Wn() {
+  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);
+  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(() => {
     try {
-      return Ot();
+      return _t();
     } catch {
       return { parameters: {} };
     }
-  }, []), R = 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 && !G && !oe && (u(!0), bt(e.spaceId, e.authUrl ?? _e()).then((U) => {
-      he(U.token);
+  }, []), R = Y(() => h?.enabled ? St() : null, [h?.enabled]), C = S?.enabled ?? !1, K = S?.host ?? "localhost", F = S?.port ?? 8443;
+  x(() => {
+    !C && ze() && h && !h.enabled && h.spaceId && !H && !oe && (u(!0), wt(h.spaceId, h.authUrl ?? Ne()).then((U) => {
+      me(U.token);
     }).catch((U) => {
-      Ne.error("Anonymous auth failed:", U), te(U instanceof Error ? U.message : "Anonymous auth failed");
+      _e.error("Anonymous auth failed:", U), te(U instanceof Error ? U.message : "Anonymous auth failed");
     }).finally(() => {
       u(!1);
     }));
-  }, [T, e, G, oe]);
-  const Q = z(() => {
-    if (T) {
-      const N = R?.token ? Nt(R.token) ?? pe() : pe();
+  }, [C, h, H, oe]);
+  const ee = Y(() => {
+    if (C) {
+      const P = R?.token ? Nt(R.token) ?? ge() : ge();
       return {
         local: {
           host: K,
-          httpsPort: x,
-          userId: N,
-          parameters: g.parameters
+          httpsPort: F,
+          userId: P,
+          parameters: y.parameters
         }
       };
     }
-    return R?.token && e?.spaceId ? {
+    return R?.token && h?.spaceId ? {
       sessionToken: {
         token: R.token,
-        spaceId: e.spaceId,
+        spaceId: h.spaceId,
         backendType: We(),
-        sessionId: g.sessionId,
-        channelKey: g.channelKey,
-        parameters: g.parameters
+        sessionId: y.sessionId,
+        channelKey: y.channelKey,
+        parameters: y.parameters
       }
-    } : G && e?.spaceId ? {
+    } : H && h?.spaceId ? {
       sessionToken: {
-        token: G,
-        spaceId: e.spaceId,
+        token: H,
+        spaceId: h.spaceId,
         backendType: We(),
-        sessionId: g.sessionId,
-        channelKey: g.channelKey,
-        parameters: g.parameters
+        sessionId: y.sessionId,
+        channelKey: y.channelKey,
+        parameters: y.parameters
       }
-    } : Ye() ? null : {
+    } : ze() ? null : {
       local: {
         host: K,
-        httpsPort: x,
-        userId: pe(),
-        parameters: g.parameters
+        httpsPort: F,
+        userId: ge(),
+        parameters: y.parameters
       }
     };
-  }, [T, K, x, R?.token, e?.spaceId, G, g.sessionId, g.channelKey, g.parameters]);
-  Ur(ne);
-  const se = xr(ne);
-  F(() => {
-    if (!p.current) {
-      if (p.current = !0, m.current = Cr(), n)
-        for (const N of n)
-          N(m.current);
-      o?.(m.current), m.current.loadRegisteredModules().catch((N) => {
-        Ne.error("Failed to load UI modules", N);
+  }, [C, K, F, R?.token, h?.spaceId, H, y.sessionId, y.channelKey, y.parameters]);
+  Dr(ne);
+  const se = Br(ne);
+  x(() => {
+    if (!w.current) {
+      if (w.current = !0, p.current = _r(), 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);
       });
     }
-  }, []), F(() => {
-    if (!Q) return;
-    const N = new _t({
-      ...Q,
-      debug: V.current,
-      timeouts: J.current,
-      audio: A.current,
-      video: P.current,
+  }, []), x(() => {
+    if (!ee) return;
+    const P = new Pt({
+      ...ee,
+      timeouts: G.current,
+      audio: T.current,
+      video: I.current,
       mediaSession: j.current,
-      onConnectionStateChange: ($) => {
-        L($), Z.current?.($);
+      onConnectionStateChange: (V) => {
+        D(V), Q.current?.(V);
       },
-      onError: ($) => {
-        te($.message), k.current?.($);
+      onError: (V) => {
+        te(V.message), k.current?.(V);
       },
       onJoined: () => {
-        const $ = N.globalState?.SessionId;
-        M.current && $ && window.history.replaceState(null, "", `/s/${$}${window.location.search}`), C.current?.($);
+        const V = P.globalState?.SessionId;
+        L.current && V && window.history.replaceState(null, "", `/s/${V}${window.location.search}`), O.current?.(V);
       }
     });
-    S.current = N;
-    const U = new qt({ client: N });
-    return b.current = U, fe(U), N.connect().catch(($) => {
-      Ne.error("Connection failed:", $);
+    b.current = P;
+    const U = new Jt({ client: P });
+    return g.current = U, he(U), P.connect().catch((V) => {
+      _e.error("Connection failed:", V);
     }), () => {
-      N.disconnect(), S.current = null, U.dispose(), b.current = null;
+      P.disconnect(), b.current = null, U.dispose(), g.current = null;
     };
-  }, [Q]);
-  const O = B((N, U) => {
-    const $ = typeof U == "string" ? U : JSON.stringify(U ?? {});
-    S.current?.sendActionCall(N, $);
-  }, []), H = I === "connected" || I === "reconnecting";
+  }, [ee]);
+  const N = $((P, U) => {
+    const V = typeof U == "string" ? U : JSON.stringify(U ?? {});
+    b.current?.sendActionCall(P, V);
+  }, []), J = _ === "connected" || _ === "reconnecting";
   return {
-    connectionState: I,
-    error: Y,
+    connectionState: _,
+    error: z,
     stores: se,
-    client: S.current,
-    registry: m.current,
-    clientRef: S,
-    uiRef: b,
-    registryRef: m,
-    onAction: O,
-    isReady: H
+    client: b.current,
+    registry: p.current,
+    clientRef: b,
+    uiRef: g,
+    registryRef: p,
+    onAction: N,
+    isReady: J
   };
 }
-function ao(t) {
-  const e = w(!1);
-  return B(() => {
+function mo(t) {
+  const e = v(!1);
+  return $(() => {
     if (e.current) return;
     e.current = !0;
     const r = document.createElement("link");
     r.rel = "stylesheet", r.href = t, document.head.appendChild(r);
   }, [t]);
 }
-const At = lt(null);
-function Vn(t, e) {
+let qn = 0;
+function po(t = 5, e = 5e3) {
+  const [r, n] = X([]), o = v(/* @__PURE__ */ new Map()), s = $((i) => {
+    const a = o.current.get(i);
+    a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
+  }, []);
+  return x(() => {
+    const i = o.current, a = Mt(
+      (c) => {
+        if (!jt())
+          return;
+        const f = `toast-${++qn}`, d = c.level === qe.ERROR ? "error" : "warn", m = {
+          id: f,
+          level: d,
+          message: c.message,
+          component: c.component
+        };
+        n((h) => [...h, m].slice(-t));
+        const l = setTimeout(() => {
+          s(f);
+        }, e);
+        i.set(f, l);
+      },
+      { minLevel: qe.WARN }
+    );
+    return () => {
+      a();
+      for (const c of i.values())
+        clearTimeout(c);
+      i.clear();
+    };
+  }, [t, e, s]), { toasts: r, dismissToast: s };
+}
+const Tt = dt(null);
+function Gn(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (r, n) => e[n] ?? `{${n}}`) : t;
 }
-function Kn(t, e) {
+function Hn(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 zn(t, e, r) {
-  return e ? Kn(t, r) : r && t.includes(r) ? r : "en";
+function Jn(t, e, r) {
+  return e ? Hn(t, r) : r && t.includes(r) ? r : "en";
 }
-function co({
+function go({
   children: t,
   translations: e,
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = zn(o, n, r), i = e[s] ?? e.en, a = z(
+  const o = Object.keys(e), s = Jn(o, n, r), i = e[s] ?? e.en, a = Y(
     () => ({
       t: (c, f) => {
-        const l = i[c];
-        return Vn(l, f);
+        const d = i[c];
+        return Gn(d, f);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ E.jsx(At, { value: a, children: t });
+  return /* @__PURE__ */ A.jsx(Tt, { value: a, children: t });
 }
-function uo() {
-  const t = Fe(At);
+function yo() {
+  const t = Fe(Tt);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  ro as AuthProvider,
-  so as ConnectionStateRenderer,
-  co as I18nProvider,
-  er as IKON_UI_BASE_MODULE,
-  cr as IKON_UI_MEDIA_MODULE,
-  Er as IKON_UI_SHADER_MODULE,
-  vr as IKON_UI_SHADER_TYPE,
-  je as IKON_UI_STREAM_CATEGORY,
-  nr as IKON_UI_VIDEO_CANVAS_TYPE,
-  or as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  qt as IkonUi,
-  Tr as IkonUiRegistry,
-  Hn as IkonUiSurface,
-  Yt as UiComponentRegistry,
-  zt as UiRenderer,
-  ho as UiStreamStore,
-  Xn as areIkonUiModuleListsEqual,
-  bt as authenticateAnonymous,
-  In as buildOAuthRedirectUrl,
-  St as clearAuthSession,
-  ut as clearOAuthParams,
-  Qt as createBaseResolvers,
-  Jn as createComponentLibrary,
-  Cr as createIkonUiRegistry,
-  ir as createMediaResolvers,
-  Rr as createShaderRendererResolver,
-  Wt as isIkonUiCategoryMatch,
-  yt as loadAuthSession,
-  tr as loadBaseModule,
-  ur as loadMediaModule,
-  Ar as loadShaderModule,
-  en as normalizeIkonUiModuleList,
-  Qn as parseIkonUiInitPayload,
-  Tn as parseOAuthCallback,
-  Cn as parseOAuthError,
-  tn as readIkonUiModules,
-  Zn as readIkonUiModulesFromSources,
-  rr as registerBaseModule,
-  lr as registerMediaModule,
-  kr as registerShaderModule,
-  Vt as renderChildren,
-  eo as renderMotionLetters,
-  Re as saveAuthSession,
-  to as sendMagicLink,
+  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,
+  Me as IKON_UI_STREAM_CATEGORY,
+  ir as IKON_UI_VIDEO_CANVAS_TYPE,
+  ar as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  Jt as IkonUi,
+  Or as IkonUiRegistry,
+  ro as IkonUiSurface,
+  Gt as UiComponentRegistry,
+  qt as UiRenderer,
+  wo as UiStreamStore,
+  no as areIkonUiModuleListsEqual,
+  wt as authenticateAnonymous,
+  Nn as buildOAuthRedirectUrl,
+  bt as clearAuthSession,
+  lt as clearOAuthParams,
+  rr as createBaseResolvers,
+  eo as createComponentLibrary,
+  _r as createIkonUiRegistry,
+  ur as createMediaResolvers,
+  Tr 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,
+  zt as renderChildren,
+  io as renderMotionLetters,
+  Ee as saveAuthSession,
+  ao as sendMagicLink,
   de as sessionToUser,
-  Bn as useAuth,
-  oo as useAuthGuard,
-  no as useAuthOptional,
-  uo as useI18n,
-  io as useIkonApp,
-  Ur as useIkonStyles,
-  xr as useIkonUiStores,
-  ao as useLazyFont,
-  X as useUiNode,
-  Gn as useUiStore
+  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,
+  Z as useUiNode,
+  to as useUiStore
 };