@ikonai/sdk-react-ui 0.0.28 → 0.0.31

package/index.js

@@ -1,8 +1,8 @@
-import { IkonUICore as Xe, UiStreamStore as He } from "@ikonai/sdk-ui";
-import { UiStreamStore as zr } from "@ikonai/sdk-ui";
-import Je, { useSyncExternalStore as Ke, Fragment as Ze, useMemo as Qe, memo as _, useRef as Le, useEffect as Y, useCallback as Se } from "react";
-import { createLogger as ue } from "@ikonai/sdk";
-var q = { exports: {} }, x = {};
+import { IkonUICore as Je, UiStreamStore as Ze } from "@ikonai/sdk-ui";
+import { UiStreamStore as Gr } from "@ikonai/sdk-ui";
+import Qe, { useSyncExternalStore as pe, useMemo as x, memo as j, useRef as I, useCallback as ae, Fragment as et, useEffect as q, useState as tt } from "react";
+import { createLogger as he } from "@ikonai/sdk";
+var K = { exports: {} }, F = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,10 +12,10 @@ var q = { exports: {} }, x = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var be;
-function et() {
-  if (be) return x;
-  be = 1;
+var Re;
+function rt() {
+  if (Re) return F;
+  Re = 1;
   var r = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function t(n, o, s) {
     var i = null;
@@ -32,9 +32,9 @@ function et() {
       props: s
     };
   }
-  return x.Fragment = e, x.jsx = t, x.jsxs = t, x;
+  return F.Fragment = e, F.jsx = t, F.jsxs = t, F;
 }
-var U = {};
+var V = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,47 +44,47 @@ var U = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ve;
-function tt() {
-  return ve || (ve = 1, process.env.NODE_ENV !== "production" && function() {
+var ke;
+function nt() {
+  return ke || (ke = 1, process.env.NODE_ENV !== "production" && function() {
     function r(a) {
       if (a == null) return null;
       if (typeof a == "function")
-        return a.$$typeof === qe ? null : a.displayName || a.name || null;
+        return a.$$typeof === Ke ? null : a.displayName || a.name || null;
       if (typeof a == "string") return a;
       switch (a) {
-        case E:
+        case S:
           return "Fragment";
         case y:
           return "Profiler";
-        case h:
+        case f:
           return "StrictMode";
-        case M:
+        case P:
           return "Suspense";
-        case W:
+        case G:
           return "SuspenseList";
-        case We:
+        case Ge:
           return "Activity";
       }
       if (typeof a == "object")
         switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), a.$$typeof) {
-          case A:
+          case N:
             return "Portal";
-          case C:
+          case A:
             return (a.displayName || "Context") + ".Provider";
-          case v:
+          case E:
             return (a._context.displayName || "Context") + ".Consumer";
-          case T:
-            var f = a.render;
-            return a = a.displayName, a || (a = f.displayName || f.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
-          case De:
-            return f = a.displayName || null, f !== null ? f : r(a.type) || "Memo";
-          case de:
-            f = a._payload, a = a._init;
+          case C:
+            var m = a.render;
+            return a = a.displayName, a || (a = m.displayName || m.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case Ye:
+            return m = a.displayName || null, m !== null ? m : r(a.type) || "Memo";
+          case ge:
+            m = a._payload, a = a._init;
             try {
-              return r(a(f));
+              return r(a(m));
             } catch {
             }
         }
@@ -96,73 +96,73 @@ function tt() {
     function t(a) {
       try {
         e(a);
-        var f = !1;
+        var m = !1;
       } catch {
-        f = !0;
+        m = !0;
       }
-      if (f) {
-        f = console;
-        var b = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return b.call(
-          f,
+      if (m) {
+        m = console;
+        var v = m.error, R = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return v.call(
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          w
+          R
         ), e(a);
       }
     }
     function n(a) {
-      if (a === E) return "<>";
-      if (typeof a == "object" && a !== null && a.$$typeof === de)
+      if (a === S) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === ge)
         return "<...>";
       try {
-        var f = r(a);
-        return f ? "<" + f + ">" : "<...>";
+        var m = r(a);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var a = J.A;
+      var a = Z.A;
       return a === null ? null : a.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function i(a) {
-      if (fe.call(a, "key")) {
-        var f = Object.getOwnPropertyDescriptor(a, "key").get;
-        if (f && f.isReactWarning) return !1;
+      if (ye.call(a, "key")) {
+        var m = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
       return a.key !== void 0;
     }
-    function c(a, f) {
-      function b() {
-        me || (me = !0, console.error(
+    function c(a, m) {
+      function v() {
+        Se || (Se = !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)",
-          f
+          m
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(a, "key", {
-        get: b,
+      v.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: v,
         configurable: !0
       });
     }
-    function l() {
+    function u() {
       var a = r(this.type);
-      return pe[a] || (pe[a] = !0, console.error(
+      return be[a] || (be[a] = !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."
       )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    function u(a, f, b, w, O, j, Z, Q) {
-      return b = j.ref, a = {
-        $$typeof: k,
+    function d(a, m, v, R, _, O, ee, te) {
+      return v = O.ref, a = {
+        $$typeof: w,
         type: a,
-        key: f,
-        props: j,
-        _owner: O
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(a, "ref", {
+        key: m,
+        props: O,
+        _owner: _
+      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
-        get: l
+        get: u
       }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -177,120 +177,141 @@ function tt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
+        value: ee
       }), Object.defineProperty(a, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
+        value: te
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function d(a, f, b, w, O, j, Z, Q) {
-      var R = f.children;
-      if (R !== void 0)
-        if (w)
-          if (Ye(R)) {
-            for (w = 0; w < R.length; w++)
-              m(R[w]);
-            Object.freeze && Object.freeze(R);
+    function l(a, m, v, R, _, O, ee, te) {
+      var k = m.children;
+      if (k !== void 0)
+        if (R)
+          if (Xe(k)) {
+            for (R = 0; R < k.length; R++)
+              p(k[R]);
+            Object.freeze && Object.freeze(k);
           } 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 m(R);
-      if (fe.call(f, "key")) {
-        R = r(a);
-        var I = Object.keys(f).filter(function(Ge) {
-          return Ge !== "key";
+        else p(k);
+      if (ye.call(m, "key")) {
+        k = r(a);
+        var L = Object.keys(m).filter(function(He) {
+          return He !== "key";
         });
-        w = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", ye[R + w] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", we[k + R] || (L = 0 < L.length ? "{" + L.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} />`,
-          w,
           R,
-          I,
-          R
-        ), ye[R + w] = !0);
+          k,
+          L,
+          k
+        ), we[k + R] = !0);
       }
-      if (R = null, b !== void 0 && (t(b), R = "" + b), i(f) && (t(f.key), R = "" + f.key), "key" in f) {
-        b = {};
-        for (var ee in f)
-          ee !== "key" && (b[ee] = f[ee]);
-      } else b = f;
-      return R && c(
-        b,
+      if (k = null, v !== void 0 && (t(v), k = "" + v), i(m) && (t(m.key), k = "" + m.key), "key" in m) {
+        v = {};
+        for (var re in m)
+          re !== "key" && (v[re] = m[re]);
+      } else v = m;
+      return k && c(
+        v,
         typeof a == "function" ? a.displayName || a.name || "Unknown" : a
-      ), u(
+      ), d(
         a,
-        R,
-        j,
+        k,
         O,
+        _,
         o(),
-        b,
-        Z,
-        Q
+        v,
+        ee,
+        te
       );
     }
-    function m(a) {
-      typeof a == "object" && a !== null && a.$$typeof === k && a._store && (a._store.validated = 1);
+    function p(a) {
+      typeof a == "object" && a !== null && a.$$typeof === w && a._store && (a._store.validated = 1);
     }
-    var g = Je, k = Symbol.for("react.transitional.element"), A = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), C = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), De = Symbol.for("react.memo"), de = Symbol.for("react.lazy"), We = Symbol.for("react.activity"), qe = Symbol.for("react.client.reference"), J = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, fe = Object.prototype.hasOwnProperty, Ye = Array.isArray, K = console.createTask ? console.createTask : function() {
+    var h = Qe, w = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), A = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Ye = Symbol.for("react.memo"), ge = Symbol.for("react.lazy"), Ge = Symbol.for("react.activity"), Ke = Symbol.for("react.client.reference"), Z = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ye = Object.prototype.hasOwnProperty, Xe = Array.isArray, Q = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    h = {
       "react-stack-bottom-frame": function(a) {
         return a();
       }
     };
-    var me, pe = {}, he = g["react-stack-bottom-frame"].bind(
-      g,
+    var Se, be = {}, ve = h["react-stack-bottom-frame"].bind(
+      h,
       s
-    )(), ge = K(n(s)), ye = {};
-    U.Fragment = E, U.jsx = function(a, f, b, w, O) {
-      var j = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return d(
+    )(), Ee = Q(n(s)), we = {};
+    V.Fragment = S, V.jsx = function(a, m, v, R, _) {
+      var O = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return l(
         a,
-        f,
-        b,
+        m,
+        v,
         !1,
-        w,
-        O,
-        j ? Error("react-stack-top-frame") : he,
-        j ? K(n(a)) : ge
+        R,
+        _,
+        O ? Error("react-stack-top-frame") : ve,
+        O ? Q(n(a)) : Ee
       );
-    }, U.jsxs = function(a, f, b, w, O) {
-      var j = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return d(
+    }, V.jsxs = function(a, m, v, R, _) {
+      var O = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return l(
         a,
-        f,
-        b,
+        m,
+        v,
         !0,
-        w,
-        O,
-        j ? Error("react-stack-top-frame") : he,
-        j ? K(n(a)) : ge
+        R,
+        _,
+        O ? Error("react-stack-top-frame") : ve,
+        O ? Q(n(a)) : Ee
       );
     };
-  }()), U;
-}
-var Ee;
-function rt() {
-  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? q.exports = et() : q.exports = tt()), q.exports;
+  }()), V;
+}
+var Ne;
+function ot() {
+  return Ne || (Ne = 1, process.env.NODE_ENV === "production" ? K.exports = rt() : K.exports = nt()), K.exports;
+}
+var b = ot();
+function st(r, e) {
+  const t = pe(
+    (n) => r.subscribe(n),
+    () => {
+      const n = r.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
+      return `${o ?? ""}:${s?.id ?? ""}`;
+    },
+    () => {
+      const n = r.getSnapshot(), o = e ?? n.rootViewId, s = o ? n.views.get(o) : void 0;
+      return `${o ?? ""}:${s?.id ?? ""}`;
+    }
+  );
+  return x(() => {
+    const [n, o] = t.split(":");
+    return {
+      rootViewId: n || void 0,
+      rootNodeId: o || void 0
+    };
+  }, [t]);
 }
-var S = rt();
-function nt(r) {
-  return Ke(
-    (e) => r.subscribe(e),
-    () => r.getSnapshot(),
-    () => r.getSnapshot()
+function M(r, e) {
+  const t = pe(
+    (n) => r.subscribeNode(e, n),
+    () => r.getNodeVersion(e),
+    () => r.getNodeVersion(e)
   );
+  return x(() => r.getNode(e), [r, e, t]);
 }
-const ot = ue("UIRenderer");
-function st(r) {
+const it = he("UIRenderer");
+function at(r) {
   if (r === void 0)
     return "{}";
   if (typeof r == "string")
@@ -301,79 +322,85 @@ function st(r) {
     return "{}";
   }
 }
-function xe(r) {
-  const e = at(r), t = it(r);
-  return e === r.children && t === r.styleIds ? r : {
-    ...r,
-    ...e !== r.children ? { children: e } : {},
-    ...t !== r.styleIds ? { styleIds: t } : {}
-  };
-}
-function it(r) {
+function ct(r) {
   const e = r.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function at(r) {
+function ut(r) {
   const e = r.children;
   return Array.isArray(e) ? e : [];
 }
-function ct({ node: r, renderer: e, library: t, context: n, className: o }) {
-  const s = xe(r), i = s.children.map((l) => $(l, t, n)), c = e;
-  return /* @__PURE__ */ S.jsx(
-    c,
-    {
-      node: s,
-      context: n,
-      children: i,
-      className: o,
-      styleIds: s.styleIds
-    }
-  );
+function lt(r, e) {
+  return r.nodeId === e.nodeId && r.context === e.context;
 }
-function $(r, e, t) {
-  const n = xe(r), o = n.children;
-  if (n.type === "root")
-    return /* @__PURE__ */ S.jsx(Ze, { children: o.map((l) => $(l, e, t)) }, n.id);
-  const s = e.resolve(n);
-  if (!s)
-    return ot.warn(`No renderer for node type ${n.type}`), null;
-  const i = n.styleIds, c = i.length > 0 ? i.join(" ") : void 0;
-  return /* @__PURE__ */ S.jsx(
-    ct,
-    {
-      node: n,
-      renderer: s,
-      library: e,
-      context: t,
-      className: c
-    },
-    n.id
-  );
-}
-function lt({ store: r, library: e, viewId: t, emptyFallback: n = null, onAction: o, client: s, video: i }) {
-  const c = nt(r), l = t ?? c.rootViewId;
-  if (!l) return n;
-  const u = c.views.get(l);
-  if (!u) return n;
-  const d = {
-    getPayload: (m) => c.payloads.get(m),
-    renderChildren: (m) => Array.isArray(m) ? m.map((g) => $(g, e, d)) : [],
-    renderView: (m) => {
-      const g = c.views.get(m);
-      return g ? $(g, e, d) : null;
-    },
-    dispatchAction: (m, g) => {
-      if (!m)
-        return;
-      const k = st(g);
-      o?.(m, k);
-    },
-    client: s,
-    video: i
-  };
-  return /* @__PURE__ */ S.jsx("div", { "data-ikon-view-id": l, style: { display: "contents" }, children: $(u, e, d) });
+function dt(r) {
+  if (r.length === 0) return "";
+  if (r.length === 1) return r[0].id;
+  let e = r[0].id;
+  for (let t = 1; t < r.length; t++)
+    e += "," + r[t].id;
+  return e;
 }
-class ut {
+const ce = j(function r({ nodeId: e, context: t }) {
+  const n = M(t.store, e), o = n ? ut(n) : [], s = dt(o), i = x(
+    () => o.length === 0 ? null : o.map((p) => /* @__PURE__ */ b.jsx(r, { nodeId: p.id, context: t }, p.id)),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s, t]
+  );
+  if (!n)
+    return null;
+  if (n.type === "root")
+    return /* @__PURE__ */ b.jsx(et, { children: i }, n.id);
+  const c = t.library.resolve(n);
+  if (!c)
+    return it.warn(`No renderer for node type ${n.type}`), null;
+  const u = ct(n), d = u.length > 0 ? u.join(" ") : void 0, l = c;
+  return /* @__PURE__ */ b.jsx(l, { nodeId: e, context: t, className: d });
+}, lt);
+function ft(r, e) {
+  return !Array.isArray(r) || r.length === 0 ? null : r.map((t) => /* @__PURE__ */ b.jsx(ce, { nodeId: t.id, context: e }, t.id));
+}
+function mt(r, e) {
+  return r.store === e.store && r.library === e.library && r.viewId === e.viewId && r.emptyFallback === e.emptyFallback;
+}
+const pt = j(function({ store: e, library: t, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: c }) {
+  const { rootViewId: u, rootNodeId: d } = st(e, n), l = I(s);
+  l.current = s;
+  const p = I(i);
+  p.current = i;
+  const h = I(c);
+  h.current = c;
+  const w = ae((S, f) => {
+    if (!S)
+      return;
+    const y = at(f);
+    l.current?.(S, y);
+  }, []), N = x(() => {
+    const S = {
+      store: e,
+      library: t,
+      handlerCache: e.handlerCache,
+      // Access payloads from store at call time, not captured snapshot
+      getPayload: (f) => e.getSnapshot().payloads.get(f),
+      renderChildren: (f) => ft(f, S),
+      renderView: (f) => {
+        const y = e.getSnapshot().views.get(f);
+        return y ? /* @__PURE__ */ b.jsx(ce, { nodeId: y.id, context: S }) : null;
+      },
+      dispatchAction: w,
+      // Access client/video via refs to avoid context recreation
+      get client() {
+        return p.current;
+      },
+      get video() {
+        return h.current;
+      }
+    };
+    return S;
+  }, [e, t, w]);
+  return !u || !d ? o : /* @__PURE__ */ b.jsx("div", { "data-ikon-view-id": u, style: { display: "contents" }, children: /* @__PURE__ */ b.jsx(ce, { nodeId: d, context: N }) });
+}, mt);
+class ht {
   constructor(e, t) {
     if (this.fallback = t, e)
       for (const [n, o] of e)
@@ -390,28 +417,60 @@ class ut {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Cr(r, e) {
+function Pr(r, e) {
   const t = Object.entries(r);
-  return new ut(t, e);
+  return new ht(t, e);
 }
-const se = "ikon-ui";
-function dt(r, e) {
-  return r === e;
+function Lr(r) {
+  return pe(
+    (e) => r.subscribe(e),
+    () => r.getSnapshot(),
+    () => r.getSnapshot()
+  );
 }
-function jr({ stores: r, library: e, category: t = se, version: n, onAction: o, client: s, video: i }) {
-  const c = Qe(() => {
-    const l = [];
-    for (const [u, d] of r) {
-      if (!dt(d.category, t))
-        continue;
-      const m = d.store.getSnapshot();
-      !m.rootViewId || !m.views.has(m.rootViewId) || l.push({ key: u, store: d.store });
-    }
-    return l;
-  }, [r, t, n]);
-  return c.length === 0 ? null : /* @__PURE__ */ S.jsx(S.Fragment, { children: c.map(({ key: l, store: u }) => /* @__PURE__ */ S.jsx(lt, { store: u, library: e, onAction: o, client: s, video: i }, l)) });
+const ue = "ikon-ui";
+function gt(r, e) {
+  return r === e;
 }
-class Ar {
+const xr = j(function({
+  stores: e,
+  library: t,
+  category: n = ue,
+  onAction: o,
+  client: s,
+  video: i
+}) {
+  const c = x(() => Array.from(e.keys()).sort().join(","), [e]), u = I(o);
+  u.current = o;
+  const d = I(s);
+  d.current = s;
+  const l = I(i);
+  l.current = i;
+  const p = x(
+    () => {
+      const h = [];
+      for (const [w, N] of e) {
+        const S = N.store.getSnapshot();
+        gt(N.category, n) && (!S.rootViewId || !S.views.has(S.rootViewId) || h.push({ key: w, store: N.store }));
+      }
+      return h;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e, n, c]
+  );
+  return p.length === 0 ? null : /* @__PURE__ */ b.jsx(b.Fragment, { children: p.map(({ key: h, store: w }) => /* @__PURE__ */ b.jsx(
+    pt,
+    {
+      store: w,
+      library: t,
+      onAction: u.current,
+      client: d.current,
+      video: l.current
+    },
+    h
+  )) });
+});
+class Ur {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -419,13 +478,13 @@ class Ar {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new Xe({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    this.core = e?.core ?? new Je({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
   }
   dispose() {
     this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
   }
   getStores() {
-    return this.stores;
+    return new Map(this.stores);
   }
   getUiStyles() {
     return this.core.getUiStyles();
@@ -466,8 +525,8 @@ class Ar {
     if (t)
       return t;
     const n = {
-      category: se,
-      store: new He()
+      category: ue,
+      store: new Ze()
     };
     return this.stores.set(e, n), n;
   }
@@ -475,7 +534,7 @@ class Ar {
     const n = this.stores.get(e);
     if (!n)
       return !1;
-    const o = t ?? this.core.uiStore.getSnapshot(e)?.category ?? se;
+    const o = t ?? this.core.uiStore.getSnapshot(e)?.category ?? ue;
     return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
@@ -483,7 +542,7 @@ class Ar {
       t(e);
   }
 }
-function L(r) {
+function $(r) {
   if (typeof r == "string") {
     const e = r.trim();
     return e.length > 0 ? e : void 0;
@@ -493,31 +552,38 @@ function L(r) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function V(...r) {
-  const e = [];
+function W(...r) {
+  let e = "";
   for (const t of r)
-    t && t.trim() && e.push(t.trim());
-  return e.length > 0 ? e.join(" ") : void 0;
+    if (t) {
+      const n = t.trim();
+      n && (e = e ? e + " " + n : n);
+    }
+  return e || void 0;
 }
-function D(r) {
+const Te = /* @__PURE__ */ new WeakMap(), yt = {};
+function Y(r) {
   if (!r)
-    return {};
-  const e = {};
-  for (const [t, n] of Object.entries(r))
-    n != null && (typeof n == "string" || typeof n == "number" || typeof n == "boolean") && (e[t] = n);
-  return e;
+    return yt;
+  const e = Te.get(r);
+  if (e)
+    return e;
+  const t = {};
+  for (const [n, o] of Object.entries(r))
+    o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (t[n] = o);
+  return Te.set(r, t), t;
 }
-function ft() {
-  const r = _(function({ node: t }) {
-    const n = L(t.props?.targetViewId), o = t.props?.focusOnly, s = typeof o == "boolean" ? o : void 0, i = Le(null);
-    return Y(() => {
+function St() {
+  const r = j(function({ nodeId: t, context: n }) {
+    const o = M(n.store, t), s = I(null), i = $(o?.props?.targetViewId), c = o?.props?.focusOnly, u = typeof c == "boolean" ? c : void 0;
+    return q(() => {
       if (typeof document > "u")
         return;
-      const l = i.current;
-      if (!l || n && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== n)
+      const l = s.current;
+      if (!l || i && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      const u = s !== !0;
-      if (u && typeof l.scrollIntoView == "function")
+      const p = u !== !0;
+      if (p && typeof l.scrollIntoView == "function")
         try {
           l.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
         } catch {
@@ -525,48 +591,54 @@ function ft() {
         }
       if (typeof l.focus == "function")
         try {
-          l.focus({ preventScroll: !u });
+          l.focus({ preventScroll: !p });
         } catch {
           l.focus();
         }
-    }, [s, n]), /* @__PURE__ */ S.jsx(
+    }, [u, i]), o ? /* @__PURE__ */ b.jsx(
       "span",
       {
-        ref: i,
+        ref: s,
         "aria-hidden": "true",
-        "data-ikon-node-id": t.id,
+        "data-ikon-node-id": o.id,
         "data-ikon-focus-hint": "true",
         tabIndex: -1,
         style: { display: "block", width: 0, height: 0, overflow: "hidden" }
       }
-    );
+    ) : null;
   });
   return ({ type: e }) => {
     if (e === "common.focus-hint")
       return r;
   };
 }
-function mt() {
-  const r = _(function({ node: t, context: n, className: o }) {
-    const s = D(t.props), i = V(L(t.props?.className), o), c = t.children?.length ? n.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ S.jsx("div", { ...s, "data-ikon-node-id": t.id, className: i, children: c });
+function bt() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
+    if (!s)
+      return null;
+    const i = Y(s.props), c = W($(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: c, children: u });
   });
   return ({ type: e }) => {
     if (e === "common.div")
       return r;
   };
 }
-function pt() {
-  const r = _(function({ node: t, context: n, className: o }) {
-    const s = D(t.props), i = V(L(t.props?.className), o), c = t.children?.length ? n.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ S.jsx(
+function vt() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
+    if (!s)
+      return null;
+    const i = Y(s.props), c = W($(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx(
       "form",
       {
-        ...s,
-        "data-ikon-node-id": t.id,
-        className: i,
-        onSubmit: (l) => l.preventDefault(),
-        children: c
+        ...i,
+        "data-ikon-node-id": s.id,
+        className: c,
+        onSubmit: (d) => d.preventDefault(),
+        children: u
       }
     );
   });
@@ -575,18 +647,21 @@ function pt() {
       return r;
   };
 }
-function ht() {
-  const r = _(function({ node: t, context: n, className: o }) {
-    const s = D(t.props), i = V(L(t.props?.className), o), c = t.children?.length ? n.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ S.jsx(
+function Et() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
+    if (!s)
+      return null;
+    const i = Y(s.props), c = W($(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx(
       "div",
       {
-        ...s,
-        "data-ikon-node-id": t.id,
+        ...i,
+        "data-ikon-node-id": s.id,
         "data-ikon-view-type": "scroll-view",
         "data-ikon-scroll-container": "true",
-        className: i,
-        children: c
+        className: c,
+        children: u
       }
     );
   });
@@ -595,41 +670,47 @@ function ht() {
       return r;
   };
 }
-function gt() {
-  const r = _(function({ node: t, context: n, className: o }) {
-    const s = D(t.props), i = V("relative", L(t.props?.className), o), c = t.children?.length ? n.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ S.jsx("div", { ...s, "data-ikon-node-id": t.id, className: i, children: c });
+function wt() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
+    if (!s)
+      return null;
+    const i = Y(s.props), c = W("relative", $(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: c, children: u });
   });
   return ({ type: e }) => {
     if (e === "common.stack")
       return r;
   };
 }
-function yt() {
-  const r = _(function({ node: t, context: n, className: o }) {
-    const s = D(t.props), i = V("absolute", L(t.props?.className), o), c = t.children?.length ? n.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ S.jsx("div", { ...s, "data-ikon-node-id": t.id, className: i, children: c });
+function Rt() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t);
+    if (!s)
+      return null;
+    const i = Y(s.props), c = W("absolute", $(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx("div", { ...i, "data-ikon-node-id": s.id, className: c, children: u });
   });
   return ({ type: e }) => {
     if (e === "common.layer")
       return r;
   };
 }
-function St() {
+function kt() {
   return [
-    mt(),
-    pt(),
-    ht(),
-    gt(),
-    yt(),
-    ft()
+    bt(),
+    vt(),
+    Et(),
+    wt(),
+    Rt(),
+    St()
   ];
 }
-const bt = "base", vt = async () => St();
-function Et(r) {
-  r.registerModule(bt, vt);
+const Nt = "base", Tt = async () => kt();
+function Ct(r) {
+  r.registerModule(Nt, Tt);
 }
-function Ue(r) {
+function Ve(r) {
   if (typeof r == "string") {
     const e = r.trim();
     return e.length > 0 ? e : void 0;
@@ -639,13 +720,13 @@ function Ue(r) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function ze(...r) {
+function Be(...r) {
   const e = [];
   for (const t of r)
     t && t.trim() && e.push(t.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function G(r) {
+function X(r) {
   if (typeof r == "number" && Number.isFinite(r))
     return Math.floor(r);
   if (typeof r == "string" && r.trim().length > 0) {
@@ -654,43 +735,43 @@ function G(r) {
       return Math.floor(e);
   }
 }
-function ie(r) {
+function le(r) {
   if (typeof r != "string")
     return;
   const e = r.trim();
   return e.length > 0 ? e : void 0;
 }
-const wt = "media.video-canvas", Rt = "media.video-url-player";
-function kt() {
-  const r = _(function({ node: t, context: n, className: o }) {
-    const s = ie(t.props?.streamId), i = G(t.props?.width), c = G(t.props?.height), l = ze(Ue(t.props?.className), o), u = Le(null), d = n.video;
-    return Y(() => {
-      const m = u.current;
-      if (!(!d || !m || !s))
-        return d.attachCanvas(s, m), () => {
-          d.detachCanvas(s);
+const jt = "media.video-canvas", At = "media.video-url-player";
+function Ot() {
+  const r = j(function({ nodeId: t, context: n, className: o }) {
+    const s = M(n.store, t), i = I(null), c = n.video, u = s ? le(s.props?.streamId) : void 0, d = s ? X(s.props?.width) : void 0, l = s ? X(s.props?.height) : void 0, p = s ? Be(Ve(s.props?.className), o) : o;
+    return q(() => {
+      const h = i.current;
+      if (!(!c || !h || !u))
+        return c.attachCanvas(u, h), () => {
+          c.detachCanvas(u);
         };
-    }, [d, s]), /* @__PURE__ */ S.jsx(
+    }, [c, u]), s ? /* @__PURE__ */ b.jsx(
       "canvas",
       {
-        ref: u,
-        "data-ikon-node-id": t.id,
-        "data-ikon-video-stream-id": s,
-        className: l,
-        ...i ? { width: i } : {},
-        ...c ? { height: c } : {}
+        ref: i,
+        "data-ikon-node-id": s.id,
+        "data-ikon-video-stream-id": u,
+        className: p,
+        ...d ? { width: d } : {},
+        ...l ? { height: l } : {}
       }
-    );
+    ) : null;
   });
   return ({ type: e }) => {
-    if (e === wt)
+    if (e === jt)
       return r;
   };
 }
-function Nt() {
-  return [kt(), Tt()];
+function It() {
+  return [Ot(), Mt()];
 }
-function z(r) {
+function B(r) {
   if (typeof r == "boolean")
     return r;
   if (typeof r == "string") {
@@ -699,42 +780,45 @@ function z(r) {
     if (e === "false") return !1;
   }
 }
-function Tt() {
-  const r = _(function({
-    node: t,
+function Mt() {
+  const r = j(function({
+    nodeId: t,
     context: n,
     className: o
   }) {
-    const s = ze(Ue(t.props?.className), o), i = ie(t.props?.src), c = ie(t.props?.poster), l = z(t.props?.controls), u = z(t.props?.autoplay), d = z(t.props?.loop), m = z(t.props?.muted), g = z(t.props?.playsInline), k = G(t.props?.width), A = G(t.props?.height), E = t.children?.length ? n.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ S.jsx(
+    const s = M(n.store, t);
+    if (!s)
+      return null;
+    const i = Be(Ve(s.props?.className), o), c = le(s.props?.src), u = le(s.props?.poster), d = B(s.props?.controls), l = B(s.props?.autoplay), p = B(s.props?.loop), h = B(s.props?.muted), w = B(s.props?.playsInline), N = X(s.props?.width), S = X(s.props?.height), f = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ b.jsx(
       "video",
       {
-        src: i,
-        poster: c,
-        ...l !== void 0 ? { controls: l } : {},
-        ...u !== void 0 ? { autoPlay: u } : {},
-        ...d !== void 0 ? { loop: d } : {},
-        ...m !== void 0 ? { muted: m } : {},
-        ...g !== void 0 ? { playsInline: g } : {},
-        ...k ? { width: k } : {},
-        ...A ? { height: A } : {},
-        "data-ikon-node-id": t.id,
-        className: s,
-        children: E
+        src: c,
+        poster: u,
+        ...d !== void 0 ? { controls: d } : {},
+        ...l !== void 0 ? { autoPlay: l } : {},
+        ...p !== void 0 ? { loop: p } : {},
+        ...h !== void 0 ? { muted: h } : {},
+        ...w !== void 0 ? { playsInline: w } : {},
+        ...N ? { width: N } : {},
+        ...S ? { height: S } : {},
+        "data-ikon-node-id": s.id,
+        className: i,
+        children: f
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Rt)
+    if (e === At)
       return r;
   };
 }
-const Ct = "media", jt = async () => Nt();
-function At(r) {
-  r.registerModule(Ct, jt);
+const _t = "media", Pt = async () => It();
+function Lt(r) {
+  r.registerModule(_t, Pt);
 }
-const we = ue("UIRegistry");
-class Ot {
+const Ce = he("UIRegistry");
+class xt {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -756,15 +840,15 @@ class Ot {
     for (const [n, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(n))
         try {
-          const s = await o(), i = Mt(s);
+          const s = await o(), i = $t(s);
           this.moduleResolvers.set(n, i), e = !0;
         } catch (s) {
-          we.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
+          Ce.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
         }
     const t = [];
     for (const n of this.moduleLoaders.keys())
       this.moduleResolvers.has(n) && t.push(n);
-    return It(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e;
+    return Ft(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e;
   }
   resolve(e) {
     for (const t of this.baseResolvers) {
@@ -774,7 +858,7 @@ class Ot {
     for (const t of this.activeModuleOrder) {
       const n = this.moduleResolvers.get(t);
       if (!n) {
-        we.warn(`Missing resolvers for module ${t}`);
+        Ce.warn(`Missing resolvers for module ${t}`);
         continue;
       }
       for (const o of n) {
@@ -784,17 +868,17 @@ class Ot {
     }
   }
 }
-function Or() {
-  const r = new Ot();
-  return Et(r), At(r), r.loadRegisteredModules(), r;
+function $r() {
+  const r = new xt();
+  return Ct(r), Lt(r), r.loadRegisteredModules(), r;
 }
-function _t(r) {
+function Ut(r) {
   return Array.isArray(r) ? r : [r];
 }
-function Mt(r) {
-  return r ? _t(r).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function $t(r) {
+  return r ? Ut(r).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function It(r, e) {
+function Ft(r, e) {
   if (r.length !== e.length)
     return !1;
   for (let t = 0; t < r.length; t += 1)
@@ -802,7 +886,7 @@ function It(r, e) {
       return !1;
   return !0;
 }
-const te = ue("MotionController"), Re = {
+const ne = he("MotionController"), je = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -832,88 +916,88 @@ const te = ue("MotionController"), Re = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function N(r) {
+function T(r) {
   return r <= 0 ? 0 : r >= 1 ? 1 : r;
 }
-function ke(r) {
+function Ae(r) {
   if (r == null) return;
   const e = `${r}`.trim();
   if (!e) return;
   const t = Number.parseFloat(e);
   return Number.isFinite(t) ? t : void 0;
 }
-function Ne(r) {
+function Oe(r) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Te(r, e, t, n) {
-  const d = new Float32Array(11);
-  function m(h, y, v) {
-    return ((3 * y - 3 * v + 1) * h + (3 * v - 6 * y)) * h * h + 3 * y * h;
+function Ie(r, e, t, n) {
+  const l = new Float32Array(11);
+  function p(f, y, E) {
+    return ((3 * y - 3 * E + 1) * f + (3 * E - 6 * y)) * f * f + 3 * y * f;
   }
-  function g(h, y, v) {
-    return 3 * (3 * y - 3 * v + 1) * h * h + 2 * (3 * v - 6 * y) * h + 3 * y;
+  function h(f, y, E) {
+    return 3 * (3 * y - 3 * E + 1) * f * f + 2 * (3 * E - 6 * y) * f + 3 * y;
   }
-  function k(h, y) {
-    for (let v = 0; v < 4; v += 1) {
-      const C = g(y, r, t);
-      if (C === 0)
+  function w(f, y) {
+    for (let E = 0; E < 4; E += 1) {
+      const A = h(y, r, t);
+      if (A === 0)
         return y;
-      const T = m(y, r, t) - h;
-      y -= T / C;
+      const C = p(y, r, t) - f;
+      y -= C / A;
     }
     return y;
   }
-  function A(h, y, v) {
-    let C = 0, T = 0, M = 0;
+  function N(f, y, E) {
+    let A = 0, C = 0, P = 0;
     do
-      T = y + (v - y) / 2, C = m(T, r, t) - h, C > 0 ? v = T : y = T;
-    while (Math.abs(C) > 1e-7 && ++M < 10);
-    return T;
-  }
-  function E(h) {
-    let y = 0, v = 1;
-    const C = 10;
-    for (; v !== C && d[v] <= h; v += 1)
+      C = y + (E - y) / 2, A = p(C, r, t) - f, A > 0 ? E = C : y = C;
+    while (Math.abs(A) > 1e-7 && ++P < 10);
+    return C;
+  }
+  function S(f) {
+    let y = 0, E = 1;
+    const A = 10;
+    for (; E !== A && l[E] <= f; E += 1)
       y += 0.1;
-    v -= 1;
-    const T = (h - d[v]) / (d[v + 1] - d[v]), M = y + T * 0.1, W = g(M, r, t);
-    return W >= 1e-3 ? k(h, M) : W === 0 ? M : A(h, y, y + 0.1);
+    E -= 1;
+    const C = (f - l[E]) / (l[E + 1] - l[E]), P = y + C * 0.1, G = h(P, r, t);
+    return G >= 1e-3 ? w(f, P) : G === 0 ? P : N(f, y, y + 0.1);
   }
-  for (let h = 0; h < 11; h += 1)
-    d[h] = m(h * 0.1, r, t);
-  return (h) => h <= 0 ? 0 : h >= 1 ? 1 : m(E(h), e, n);
+  for (let f = 0; f < 11; f += 1)
+    l[f] = p(f * 0.1, r, t);
+  return (f) => f <= 0 ? 0 : f >= 1 ? 1 : p(S(f), e, n);
 }
-function Pt(r) {
+function Vt(r) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(r);
   if (!e)
-    return (o) => N(o);
+    return (o) => T(o);
   const t = Math.max(1, parseInt(e[1], 10)), n = (e[2] ?? "end").toLowerCase();
-  return n === "start" || n === "jump-start" ? (o) => N(Math.ceil(o * t) / t) : n === "none" || n === "jump-none" ? (o) => N(Math.round(o * t) / t) : n === "both" || n === "jump-both" ? (o) => N((Math.floor(o * t) + 0.5) / t) : (o) => N(Math.floor(o * t) / t);
+  return n === "start" || n === "jump-start" ? (o) => T(Math.ceil(o * t) / t) : n === "none" || n === "jump-none" ? (o) => T(Math.round(o * t) / t) : n === "both" || n === "jump-both" ? (o) => T((Math.floor(o * t) + 0.5) / t) : (o) => T(Math.floor(o * t) / t);
 }
-function Lt(r) {
+function Bt(r) {
   if (!r)
-    return (t) => N(t);
+    return (t) => T(t);
   const e = r.trim().toLowerCase();
   if (!e || e === "linear")
-    return (t) => N(t);
-  if (Re[e]) {
-    const [t, n, o, s] = Re[e], i = Te(t, n, o, s);
-    return (c) => N(i(N(c)));
+    return (t) => T(t);
+  if (je[e]) {
+    const [t, n, o, s] = je[e], i = Ie(t, n, o, s);
+    return (c) => T(i(T(c)));
   }
   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, c] = n, l = Te(o, s, i, c);
-      return (u) => N(l(N(u)));
+      const [o, s, i, c] = n, u = Ie(o, s, i, c);
+      return (d) => T(u(T(d)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const t = Pt(e);
-    return (n) => t(N(n));
+    const t = Vt(e);
+    return (n) => t(T(n));
   }
-  return (t) => N(t);
+  return (t) => T(t);
 }
-function xt(r) {
+function zt(r) {
   if (!r)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(r);
@@ -923,7 +1007,7 @@ function xt(r) {
   if (![t, n, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: t, inEnd: n, outStart: o, outEnd: s };
 }
-class Ut {
+class Dt {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -947,7 +1031,7 @@ class Ut {
       try {
         e();
       } catch (t) {
-        te.warn("Failed to cleanup binding listener", t);
+        ne.warn("Failed to cleanup binding listener", t);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
@@ -957,7 +1041,7 @@ class Ut {
         const n = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
         return n.length === 0 ? void 0 : { bindings: n };
       } catch (t) {
-        te.warn("Failed to parse motion metadata", t);
+        ne.warn("Failed to parse motion metadata", t);
         return;
       }
   }
@@ -965,16 +1049,16 @@ class Ut {
     const t = e.source?.trim();
     if (!t)
       return;
-    const n = ke(e.min) ?? 0, o = ke(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), c = !!e.reverse, l = Lt(e.ease), u = xt(e.map), d = e.targetId?.trim() || void 0;
+    const n = Ae(e.min) ?? 0, o = Ae(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), c = !!e.reverse, u = Bt(e.ease), d = zt(e.map), l = e.targetId?.trim() || void 0;
     return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: t.toLowerCase(),
       min: n,
       max: s,
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: c,
-      ease: l,
-      map: u,
-      targetId: d
+      ease: u,
+      map: d,
+      targetId: l
     };
   }
   ensureObserver() {
@@ -1023,7 +1107,7 @@ class Ut {
     const t = this.bindingsByStyle.get(e);
     if (!t || typeof document > "u")
       return;
-    const n = `.${Ne(e)}`;
+    const n = `.${Oe(e)}`;
     document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, t));
   }
   applyStyleToElement(e, t, n) {
@@ -1063,7 +1147,7 @@ class Ut {
   }
   resolveScrollContainer(e, t) {
     if (t.targetId) {
-      const n = `[data-ikon-motion-source="${Ne(t.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+      const n = `[data-ikon-motion-source="${Oe(t.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
       if (o)
         return o;
     }
@@ -1073,10 +1157,10 @@ class Ut {
     const o = t.max - t.min, s = o === 0 ? n > t.min ? 1 : 0 : (n - t.min) / o;
     let i = this.applyClamp(s, t.clamp);
     t.reverse && (i = 1 - i);
-    const c = t.ease(i), l = Number.isFinite(c) ? c : 0, u = l * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${l}`), e.style.setProperty("--tw-motion-bind-progress", `${u}`), t.map) {
-      const d = this.applyMap(u, t.map);
-      d !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${d}`);
+    const c = t.ease(i), u = Number.isFinite(c) ? c : 0, d = u * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${n}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${u}`), e.style.setProperty("--tw-motion-bind-progress", `${d}`), t.map) {
+      const l = this.applyMap(d, t.map);
+      l !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${l}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -1091,7 +1175,7 @@ class Ut {
       case "unclamped":
         return e;
       default:
-        return N(e);
+        return T(e);
     }
   }
   applyMap(e, t) {
@@ -1133,7 +1217,7 @@ class Ut {
       try {
         i();
       } catch (c) {
-        te.warn("Failed to cleanup listener", c);
+        ne.warn("Failed to cleanup listener", c);
       }
       this.globalCleanups.delete(i);
     }
@@ -1177,16 +1261,16 @@ class Ut {
       }
   }
 }
-const Ce = new Ut(), re = "ikon-ds";
-function _r(r) {
-  const e = Se(({ styleId: n, css: o, common: s }) => {
+const Me = new Dt(), oe = "ikon-ds";
+function Fr(r) {
+  const e = ae(({ styleId: n, css: o, common: s }) => {
     if (!n || typeof document > "u") return;
-    let i = document.getElementById(re);
-    i || (i = document.createElement("style"), i.id = re, document.head.appendChild(i)), o && (i.innerHTML += o), Ce.registerStyle(n, s);
-  }, []), t = Se(() => {
-    typeof document < "u" && document.getElementById(re)?.remove(), Ce.reset();
+    let i = document.getElementById(oe);
+    i || (i = document.createElement("style"), i.id = oe, document.head.appendChild(i)), o && (i.innerHTML += o), Me.registerStyle(n, s);
+  }, []), t = ae(() => {
+    typeof document < "u" && document.getElementById(oe)?.remove(), Me.reset();
   }, []);
-  return Y(() => {
+  return q(() => {
     if (!r) return;
     for (const o of r.getUiStyles())
       e(o);
@@ -1194,50 +1278,72 @@ function _r(r) {
     return () => {
       n?.(), t();
     };
-  }, [r, t, e]), Y(() => () => t(), [t]), { setStyle: e, reset: t };
+  }, [r, t, e]), q(() => () => t(), [t]), { setStyle: e, reset: t };
+}
+function qt(r) {
+  const e = [];
+  for (const [t, n] of r) {
+    const o = n.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
+    e.push(`${t}:${s ? "1" : "0"}`);
+  }
+  return e.sort(), e.join(",");
+}
+function Vr(r) {
+  const [e, t] = tt(), n = I("");
+  return q(() => {
+    if (!r) {
+      t(void 0), n.current = "";
+      return;
+    }
+    const o = () => {
+      const s = r.getStores(), i = qt(s);
+      i !== n.current && (n.current = i, t(s));
+    };
+    return o(), r.subscribe(o);
+  }, [r]), e;
 }
-var zt = typeof global == "object" && global && global.Object === Object && global, Bt = typeof self == "object" && self && self.Object === Object && self, Ft = zt || Bt || Function("return this")(), X = Ft.Symbol, Be = Object.prototype, $t = Be.hasOwnProperty, Vt = Be.toString, B = X ? X.toStringTag : void 0;
-function Dt(r) {
-  var e = $t.call(r, B), t = r[B];
+var Wt = typeof global == "object" && global && global.Object === Object && global, Yt = typeof self == "object" && self && self.Object === Object && self, Gt = Wt || Yt || Function("return this")(), H = Gt.Symbol, ze = Object.prototype, Kt = ze.hasOwnProperty, Xt = ze.toString, z = H ? H.toStringTag : void 0;
+function Ht(r) {
+  var e = Kt.call(r, z), t = r[z];
   try {
-    r[B] = void 0;
+    r[z] = void 0;
     var n = !0;
   } catch {
   }
-  var o = Vt.call(r);
-  return n && (e ? r[B] = t : delete r[B]), o;
+  var o = Xt.call(r);
+  return n && (e ? r[z] = t : delete r[z]), o;
 }
-var Wt = Object.prototype, qt = Wt.toString;
-function Yt(r) {
-  return qt.call(r);
+var Jt = Object.prototype, Zt = Jt.toString;
+function Qt(r) {
+  return Zt.call(r);
 }
-var Gt = "[object Null]", Xt = "[object Undefined]", je = X ? X.toStringTag : void 0;
-function Ht(r) {
-  return r == null ? r === void 0 ? Xt : Gt : je && je in Object(r) ? Dt(r) : Yt(r);
+var er = "[object Null]", tr = "[object Undefined]", _e = H ? H.toStringTag : void 0;
+function rr(r) {
+  return r == null ? r === void 0 ? tr : er : _e && _e in Object(r) ? Ht(r) : Qt(r);
 }
-function Jt(r) {
+function nr(r) {
   return r != null && typeof r == "object";
 }
-var Kt = Array.isArray, Zt = "[object String]";
-function Qt(r) {
-  return typeof r == "string" || !Kt(r) && Jt(r) && Ht(r) == Zt;
+var or = Array.isArray, sr = "[object String]";
+function ir(r) {
+  return typeof r == "string" || !or(r) && nr(r) && rr(r) == sr;
 }
-const Ae = "ikonUiModules";
-function ae(r) {
+const Pe = "ikonUiModules";
+function de(r) {
   return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function er(r) {
+function ar(r) {
   if (!Array.isArray(r))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const t of r) {
-    if (!Qt(t)) continue;
+    if (!ir(t)) continue;
     const n = t.trim();
     n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function Mr(r, e) {
+function Br(r, e) {
   if (r === e)
     return !0;
   if (!r || !e)
@@ -1249,21 +1355,21 @@ function Mr(r, e) {
       return !1;
   return !0;
 }
-function tr(r) {
-  if (!(!ae(r) || !Object.prototype.hasOwnProperty.call(r, Ae)))
-    return er(r[Ae]);
+function cr(r) {
+  if (!(!de(r) || !Object.prototype.hasOwnProperty.call(r, Pe)))
+    return ar(r[Pe]);
 }
-function Ir(...r) {
+function zr(...r) {
   for (const e of r) {
-    const t = tr(e);
+    const t = cr(e);
     if (t !== void 0)
       return t;
   }
 }
-function Pr(r) {
-  if (!ae(r))
+function Dr(r) {
+  if (!de(r))
     return;
-  const e = r, t = Object.keys(e).find((l) => l.toLowerCase() === "modules");
+  const e = r, t = Object.keys(e).find((u) => u.toLowerCase() === "modules");
   if (!t)
     return;
   const n = e[t];
@@ -1272,46 +1378,46 @@ function Pr(r) {
   if (!Array.isArray(n))
     return;
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
-  for (const l of n) {
-    if (typeof l == "string") {
-      const E = l.trim();
-      if (!E || i.has(E))
+  for (const u of n) {
+    if (typeof u == "string") {
+      const S = u.trim();
+      if (!S || i.has(S))
         continue;
-      o.push(E), i.add(E);
+      o.push(S), i.add(S);
       continue;
     }
-    if (!ae(l))
+    if (!de(u))
       continue;
-    const u = l, d = Object.keys(u).find((E) => E.toLowerCase() === "name");
-    if (!d)
+    const d = u, l = Object.keys(d).find((S) => S.toLowerCase() === "name");
+    if (!l)
       continue;
-    const m = u[d];
-    if (typeof m != "string")
+    const p = d[l];
+    if (typeof p != "string")
       continue;
-    const g = m.trim();
-    if (!g)
+    const h = p.trim();
+    if (!h)
       continue;
-    const k = Object.keys(u).find((E) => E.toLowerCase() === "javascript"), A = k ? u[k] : void 0;
-    typeof A == "string" && s.set(g, A), i.has(g) || (o.push(g), i.add(g));
+    const w = Object.keys(d).find((S) => S.toLowerCase() === "javascript"), N = w ? d[w] : void 0;
+    typeof N == "string" && s.set(h, N), i.has(h) || (o.push(h), i.add(h));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const c = Array.from(s.entries()).map(([l, u]) => ({
-    name: l,
-    javascript: u
+  const c = Array.from(s.entries()).map(([u, d]) => ({
+    name: u,
+    javascript: d
   }));
   return c.length > 0 ? { modules: o, inlineModules: c } : { modules: o };
 }
-const p = {
+const g = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, rr = [
+}, ur = [
   {
-    flag: p.Letter,
+    flag: g.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1320,7 +1426,7 @@ const p = {
     ]
   },
   {
-    flag: p.Word,
+    flag: g.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1329,7 +1435,7 @@ const p = {
     ]
   },
   {
-    flag: p.Line,
+    flag: g.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1338,7 +1444,7 @@ const p = {
     ]
   },
   {
-    flag: p.Paragraph,
+    flag: g.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1349,7 +1455,7 @@ const p = {
     ]
   },
   {
-    flag: p.Emoji,
+    flag: g.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1358,42 +1464,42 @@ const p = {
       "[data-emoji]"
     ]
   }
-], ce = p.Letter | p.Word | p.Line | p.Paragraph | p.Emoji, nr = p.Letter | p.Word | p.Line | p.Paragraph, Oe = /* @__PURE__ */ new Map(), or = 16384;
-function Lr(r, e) {
-  if (!r || r.length > or)
+], fe = g.Letter | g.Word | g.Line | g.Paragraph | g.Emoji, lr = g.Letter | g.Word | g.Line | g.Paragraph, Le = /* @__PURE__ */ new Map(), dr = 16384;
+function qr(r, e) {
+  if (!r || r.length > dr)
     return r;
-  const t = Er(e), n = P(t, p.Emoji), o = t & nr;
-  if (o === p.None && !n)
+  const t = jr(e), n = U(t, g.Emoji), o = t & lr;
+  if (o === g.None && !n)
     return r;
   const s = r.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === p.None)
-    return Pe(s);
-  const i = br(s);
+  if (o === g.None)
+    return Fe(s);
+  const i = Tr(s);
   if (i.length === 0)
-    return n ? Pe(s) : r;
-  const c = vr(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, u = [];
-  for (const d of c) {
-    const m = sr(d, t, l);
-    u.push(...m);
+    return n ? Fe(s) : r;
+  const c = Cr(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
+  for (const l of c) {
+    const p = fr(l, t, u);
+    d.push(...p);
   }
-  return u;
+  return d;
 }
-function sr(r, e, t) {
+function fr(r, e, t) {
   const n = [];
   for (const o of r) {
-    const s = ir(o, e, t);
+    const s = mr(o, e, t);
     n.push(...s);
   }
-  if (P(e, p.Paragraph)) {
+  if (U(e, g.Paragraph)) {
     const o = t.paragraph++;
     return [
-      /* @__PURE__ */ S.jsx(
+      /* @__PURE__ */ b.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: H(o),
+          style: J(o),
           children: n
         },
         `motion-paragraph-${o}`
@@ -1402,116 +1508,116 @@ function sr(r, e, t) {
   }
   return n;
 }
-function ir(r, e, t) {
-  const n = ar(r.text, e, t), o = [];
-  if (P(e, p.Line)) {
+function mr(r, e, t) {
+  const n = pr(r.text, e, t), o = [];
+  if (U(e, g.Line)) {
     const s = t.line++;
     o.push(
-      /* @__PURE__ */ S.jsx("span", { "data-motion-line": !0, style: H(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ b.jsx("span", { "data-motion-line": !0, style: J(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
   for (let s = 0; s < r.breaks; s++)
-    o.push(/* @__PURE__ */ S.jsx("br", {}, `motion-break-${t.br++}`));
+    o.push(/* @__PURE__ */ b.jsx("br", {}, `motion-break-${t.br++}`));
   return o;
 }
-function ar(r, e, t) {
+function pr(r, e, t) {
   if (!r)
     return [];
-  const n = P(e, p.Word), o = [], s = /(\s+)/g;
+  const n = U(e, g.Word), o = [], s = /(\s+)/g;
   let i = 0, c;
   for (; (c = s.exec(r)) !== null; ) {
     if (c.index > i) {
-      const l = r.slice(i, c.index);
-      o.push(_e(l, t, e, n));
+      const u = r.slice(i, c.index);
+      o.push(xe(u, t, e, n));
     }
     o.push(c[0]), i = c.index + c[0].length;
   }
   if (i < r.length) {
-    const l = r.slice(i);
-    o.push(_e(l, t, e, n));
+    const u = r.slice(i);
+    o.push(xe(u, t, e, n));
   }
   return o;
 }
-function _e(r, e, t, n) {
-  const o = e.word++, s = lr(r, t, e), i = `motion-word-${o}`, c = cr(o, n);
-  return n ? /* @__PURE__ */ S.jsx("span", { "data-motion-word": !0, style: c, children: s }, i) : /* @__PURE__ */ S.jsx("span", { style: c, children: s }, i);
+function xe(r, e, t, n) {
+  const o = e.word++, s = gr(r, t, e), i = `motion-word-${o}`, c = hr(o, n);
+  return n ? /* @__PURE__ */ b.jsx("span", { "data-motion-word": !0, style: c, children: s }, i) : /* @__PURE__ */ b.jsx("span", { style: c, children: s }, i);
 }
-function cr(r, e) {
-  return e ? { ...H(r), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function hr(r, e) {
+  return e ? { ...J(r), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function lr(r, e, t) {
+function gr(r, e, t) {
   if (!r)
     return [];
-  const n = P(e, p.Letter), o = P(e, p.Emoji);
+  const n = U(e, g.Letter), o = U(e, g.Emoji);
   if (!n) {
     if (!o)
       return [r];
-    const c = le(r);
+    const c = me(r);
     if (c.length === 0)
       return [r];
-    const { nodes: l } = $e(c, t);
-    return l;
+    const { nodes: u } = qe(c, t);
+    return u;
   }
-  const s = [], i = le(r);
+  const s = [], i = me(r);
   for (const c of i) {
-    const l = t.letter++, u = `motion-letter-${l}`, d = H(l);
+    const u = t.letter++, d = `motion-letter-${u}`, l = J(u);
     if (c === `
 `) {
       s.push(
-        /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ S.jsx("br", {}) }, u)
+        /* @__PURE__ */ b.jsx("span", { "data-motion-letter": !0, style: l, children: /* @__PURE__ */ b.jsx("br", {}) }, d)
       );
       continue;
     }
-    const g = o && Fe(c) ? { "data-motion-emoji": !0 } : void 0, k = c === " " ? " " : c;
+    const h = o && De(c) ? { "data-motion-emoji": !0 } : void 0, w = c === " " ? " " : c;
     s.push(
-      /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: d, ...g, children: k }, u)
+      /* @__PURE__ */ b.jsx("span", { "data-motion-letter": !0, style: l, ...h, children: w }, d)
     );
   }
   return s;
 }
-function le(r) {
+function me(r) {
   if (!r)
     return [];
-  const e = ur();
-  return e ? Array.from(e.segment(r), (t) => t.segment) : dr(r);
+  const e = yr();
+  return e ? Array.from(e.segment(r), (t) => t.segment) : Sr(r);
 }
-let F;
-function ur() {
-  return F !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? F = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : F = null), F;
+let D;
+function yr() {
+  return D !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? D = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : D = null), D;
 }
-function dr(r) {
+function Sr(r) {
   const e = [], t = Array.from(r);
   let n = "";
   for (let o = 0; o < t.length; o++) {
     const s = t[o], i = t[o + 1];
-    n += s, !(i && fr(s, i)) && (e.push(n), n = "");
+    n += s, !(i && br(s, i)) && (e.push(n), n = "");
   }
   return n && e.push(n), e;
 }
-function fr(r, e) {
-  return e ? !!(Me(r) || Me(e) || hr(e) || mr(e) || pr(e) || Ie(r) && Ie(e)) : !1;
+function br(r, e) {
+  return e ? !!(Ue(r) || Ue(e) || wr(e) || vr(e) || Er(e) || $e(r) && $e(e)) : !1;
 }
-function Me(r) {
+function Ue(r) {
   return r.codePointAt(0) === 8205;
 }
-function mr(r) {
+function vr(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function pr(r) {
+function Er(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function Ie(r) {
+function $e(r) {
   const e = r.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let ne;
-function hr(r) {
-  return r ? (ne || (ne = gr()), ne(r)) : !1;
+let se;
+function wr(r) {
+  return r ? (se || (se = Rr()), se(r)) : !1;
 }
-function gr() {
+function Rr() {
   try {
     const r = new RegExp("\\p{Mark}", "u");
     return (e) => r.test(e);
@@ -1522,19 +1628,19 @@ function gr() {
     };
   }
 }
-let oe;
-function Fe(r) {
-  return r ? (oe || (oe = yr()), oe(r)) : !1;
+let ie;
+function De(r) {
+  return r ? (ie || (ie = kr()), ie(r)) : !1;
 }
-function yr() {
+function kr() {
   try {
     const r = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => r.test(e);
   } catch {
-    return Sr;
+    return Nr;
   }
 }
-function Sr(r) {
+function Nr(r) {
   if (!r)
     return !1;
   for (const e of Array.from(r)) {
@@ -1544,7 +1650,7 @@ function Sr(r) {
   }
   return !1;
 }
-function br(r) {
+function Tr(r) {
   const e = [];
   let t = "", n = 0;
   for (let o = 0; o < r.length; o++) {
@@ -1558,7 +1664,7 @@ function br(r) {
   }
   return (n > 0 || t.length > 0) && e.push({ text: t, breaks: n }), e;
 }
-function vr(r) {
+function Cr(r) {
   if (r.length === 0)
     return [];
   const e = [];
@@ -1567,10 +1673,10 @@ function vr(r) {
     t.push(n), n.breaks >= 2 && (e.push(t), t = []);
   return t.length > 0 && e.push(t), e;
 }
-function P(r, e) {
+function U(r, e) {
   return (r & e) === e;
 }
-function H(r) {
+function J(r) {
   return {
     "--tw-motion-seq-index": r.toString(),
     backgroundColor: "inherit",
@@ -1587,27 +1693,27 @@ function H(r) {
     WebkitTextFillColor: "inherit"
   };
 }
-function Pe(r) {
+function Fe(r) {
   if (!r)
     return r;
-  const e = le(r);
+  const e = me(r);
   if (e.length === 0)
     return r;
-  const { nodes: t, sawEmoji: n } = $e(e);
+  const { nodes: t, sawEmoji: n } = qe(e);
   return n ? t.length === 1 ? t[0] ?? r : t : r;
 }
-function $e(r, e) {
+function qe(r, e) {
   const t = [];
   let n = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
     n && (t.push(n), n = "");
   };
   for (const c of r) {
-    if (Fe(c)) {
+    if (De(c)) {
       o = !0, i();
-      const u = `motion-emoji-${e ? e.emoji++ : s++}`;
+      const d = `motion-emoji-${e ? e.emoji++ : s++}`;
       t.push(
-        /* @__PURE__ */ S.jsx("span", { "data-motion-emoji": !0, children: c }, u)
+        /* @__PURE__ */ b.jsx("span", { "data-motion-emoji": !0, children: c }, d)
       );
       continue;
     }
@@ -1615,56 +1721,56 @@ function $e(r, e) {
   }
   return i(), o ? { nodes: t, sawEmoji: !0 } : { nodes: [r.join("")], sawEmoji: !1 };
 }
-function Er(r) {
+function jr(r) {
   if (!r)
-    return p.None;
+    return g.None;
   const e = r.trim();
   if (!e)
-    return p.None;
-  const t = Oe.get(e);
+    return g.None;
+  const t = Le.get(e);
   if (typeof t == "number")
     return t;
   if (typeof document > "u")
-    return p.None;
+    return g.None;
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
-    return p.None;
-  const s = n.map((l) => `.${wr(l)}`).map(
-    (l) => new RegExp(`(^|[^a-zA-Z0-9_-])${Rr(l)}(?![a-zA-Z0-9_-])`)
+    return g.None;
+  const s = n.map((u) => `.${Ar(u)}`).map(
+    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${Or(u)}(?![a-zA-Z0-9_-])`)
   );
-  let i = p.None, c = !1;
-  for (const l of Array.from(document.styleSheets)) {
-    let u;
+  let i = g.None, c = !1;
+  for (const u of Array.from(document.styleSheets)) {
+    let d;
     try {
-      u = l.cssRules;
+      d = u.cssRules;
     } catch {
       continue;
     }
-    const d = Ve(u, s);
-    if (d.mask && (i |= d.mask, i === ce))
+    const l = We(d, s);
+    if (l.mask && (i |= l.mask, i === fe))
       break;
-    c ||= d.sawStyleRule;
+    c ||= l.sawStyleRule;
   }
-  return (i !== p.None || c) && Oe.set(e, i), i;
+  return (i !== g.None || c) && Le.set(e, i), i;
 }
-function Ve(r, e) {
+function We(r, e) {
   if (!r)
-    return { mask: p.None, sawStyleRule: !1 };
-  let t = p.None, n = !1;
+    return { mask: g.None, sawStyleRule: !1 };
+  let t = g.None, n = !1;
   for (let o = 0; o < r.length; o++) {
     const s = r[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
         const c = s.selectorText ?? "";
-        if (!c || !e.some((u) => u.test(c))) continue;
+        if (!c || !e.some((d) => d.test(c))) continue;
         n = !0;
-        for (const u of rr)
-          u.hints.some((d) => c.includes(d)) && (t |= u.flag);
-        if (t === ce)
+        for (const d of ur)
+          d.hints.some((l) => c.includes(l)) && (t |= d.flag);
+        if (t === fe)
           return { mask: t, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = Ve(s.cssRules, e);
-        if (i.mask && (t |= i.mask, t === ce))
+        const i = We(s.cssRules, e);
+        if (i.mask && (t |= i.mask, t === fe))
           return { mask: t, sawStyleRule: !0 };
         n ||= i.sawStyleRule;
       }
@@ -1672,39 +1778,42 @@ function Ve(r, e) {
   }
   return { mask: t, sawStyleRule: n };
 }
-function wr(r) {
+function Ar(r) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Rr(r) {
+function Or(r) {
   return r.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
 export {
-  bt as IKON_UI_BASE_MODULE,
-  Ct as IKON_UI_MEDIA_MODULE,
-  se as IKON_UI_STREAM_CATEGORY,
-  wt as IKON_UI_VIDEO_CANVAS_TYPE,
-  Rt as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Ar as IkonUi,
-  Ot as IkonUiRegistry,
-  jr as IkonUiSurface,
-  ut as UiComponentRegistry,
-  lt as UiRenderer,
-  zr as UiStreamStore,
-  Mr as areIkonUiModuleListsEqual,
-  St as createBaseResolvers,
-  Cr as createComponentLibrary,
-  Or as createIkonUiRegistry,
-  Nt as createMediaResolvers,
-  dt as isIkonUiCategoryMatch,
-  vt as loadBaseModule,
-  jt as loadMediaModule,
-  er as normalizeIkonUiModuleList,
-  Pr as parseIkonUiInitPayload,
-  tr as readIkonUiModules,
-  Ir as readIkonUiModulesFromSources,
-  Et as registerBaseModule,
-  At as registerMediaModule,
-  Lr as renderMotionLetters,
-  _r as useIkonStyles,
-  nt as useUiStore
+  Nt as IKON_UI_BASE_MODULE,
+  _t as IKON_UI_MEDIA_MODULE,
+  ue as IKON_UI_STREAM_CATEGORY,
+  jt as IKON_UI_VIDEO_CANVAS_TYPE,
+  At as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  Ur as IkonUi,
+  xt as IkonUiRegistry,
+  xr as IkonUiSurface,
+  ht as UiComponentRegistry,
+  pt as UiRenderer,
+  Gr as UiStreamStore,
+  Br as areIkonUiModuleListsEqual,
+  kt as createBaseResolvers,
+  Pr as createComponentLibrary,
+  $r as createIkonUiRegistry,
+  It as createMediaResolvers,
+  gt as isIkonUiCategoryMatch,
+  Tt as loadBaseModule,
+  Pt as loadMediaModule,
+  ar as normalizeIkonUiModuleList,
+  Dr as parseIkonUiInitPayload,
+  cr as readIkonUiModules,
+  zr as readIkonUiModulesFromSources,
+  Ct as registerBaseModule,
+  Lt as registerMediaModule,
+  ft as renderChildren,
+  qr as renderMotionLetters,
+  Fr as useIkonStyles,
+  Vr as useIkonUiStores,
+  M as useUiNode,
+  Lr as useUiStore
 };