@ikonai/sdk-react-ui 0.0.11 → 0.0.12

package/index.js

@@ -1,8 +1,8 @@
-import { IkonUICore as Ne, UiStreamStore as we } from "@ikonai/sdk-ui";
-import { UiStreamStore as Lt } from "@ikonai/sdk-ui";
-import Oe, { useSyncExternalStore as Ae, Fragment as _e, useMemo as Me, memo as B, useEffect as G, useCallback as ae } from "react";
-import { createLogger as K } from "@ikonai/sdk";
-var z = { exports: {} }, j = {};
+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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,29 +12,29 @@ var z = { exports: {} }, j = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ce;
-function je() {
-  if (ce) return j;
-  ce = 1;
-  var n = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function t(r, s, i) {
-    var a = null;
-    if (i !== void 0 && (a = "" + i), s.key !== void 0 && (a = "" + s.key), "key" in s) {
-      i = {};
-      for (var c in s)
-        c !== "key" && (i[c] = s[c]);
-    } else i = s;
-    return s = i.ref, {
-      $$typeof: n,
-      type: r,
-      key: a,
-      ref: s !== void 0 ? s : null,
-      props: i
+var be;
+function et() {
+  if (be) return x;
+  be = 1;
+  var r = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function t(n, o, s) {
+    var i = null;
+    if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+      s = {};
+      for (var c in o)
+        c !== "key" && (s[c] = o[c]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: r,
+      type: n,
+      key: i,
+      ref: o !== void 0 ? o : null,
+      props: s
     };
   }
-  return j.Fragment = e, j.jsx = t, j.jsxs = t, j;
+  return x.Fragment = e, x.jsx = t, x.jsxs = t, x;
 }
-var I = {};
+var U = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,338 +44,340 @@ var I = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var le;
-function Ie() {
-  return le || (le = 1, process.env.NODE_ENV !== "production" && function() {
-    function n(o) {
-      if (o == null) return null;
-      if (typeof o == "function")
-        return o.$$typeof === Te ? null : o.displayName || o.name || null;
-      if (typeof o == "string") return o;
-      switch (o) {
-        case b:
+var ve;
+function tt() {
+  return ve || (ve = 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;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case E:
           return "Fragment";
-        case p:
+        case y:
           return "Profiler";
-        case f:
+        case h:
           return "StrictMode";
-        case A:
+        case M:
           return "Suspense";
-        case L:
+        case W:
           return "SuspenseList";
-        case Re:
+        case We:
           return "Activity";
       }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
+      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."
-        ), o.$$typeof) {
-          case _:
+        ), a.$$typeof) {
+          case A:
             return "Portal";
           case C:
-            return (o.displayName || "Context") + ".Provider";
-          case y:
-            return (o._context.displayName || "Context") + ".Consumer";
+            return (a.displayName || "Context") + ".Provider";
+          case v:
+            return (a._context.displayName || "Context") + ".Consumer";
           case T:
-            var u = o.render;
-            return o = o.displayName, o || (o = u.displayName || u.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case Ee:
-            return u = o.displayName || null, u !== null ? u : n(o.type) || "Memo";
-          case ee:
-            u = o._payload, o = o._init;
+            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;
             try {
-              return n(o(u));
+              return r(a(f));
             } catch {
             }
         }
       return null;
     }
-    function e(o) {
-      return "" + o;
+    function e(a) {
+      return "" + a;
     }
-    function t(o) {
+    function t(a) {
       try {
-        e(o);
-        var u = !1;
+        e(a);
+        var f = !1;
       } catch {
-        u = !0;
+        f = !0;
       }
-      if (u) {
-        u = console;
-        var h = u.error, S = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return h.call(
-          u,
+      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,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          S
-        ), e(o);
+          w
+        ), e(a);
       }
     }
-    function r(o) {
-      if (o === b) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === ee)
+    function n(a) {
+      if (a === E) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === de)
         return "<...>";
       try {
-        var u = n(o);
-        return u ? "<" + u + ">" : "<...>";
+        var f = r(a);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var o = $.A;
-      return o === null ? null : o.getOwner();
+    function o() {
+      var a = J.A;
+      return a === null ? null : a.getOwner();
     }
-    function i() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function a(o) {
-      if (te.call(o, "key")) {
-        var u = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (u && u.isReactWarning) return !1;
+    function i(a) {
+      if (fe.call(a, "key")) {
+        var f = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return o.key !== void 0;
+      return a.key !== void 0;
     }
-    function c(o, u) {
-      function h() {
-        re || (re = !0, console.error(
+    function c(a, f) {
+      function b() {
+        me || (me = !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)",
-          u
+          f
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: h,
+      b.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: b,
         configurable: !0
       });
     }
     function l() {
-      var o = n(this.type);
-      return ne[o] || (ne[o] = !0, console.error(
+      var a = r(this.type);
+      return pe[a] || (pe[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."
-      )), o = this.props.ref, o !== void 0 ? o : null;
+      )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    function d(o, u, h, S, w, k, q, Y) {
-      return h = k.ref, o = {
-        $$typeof: O,
-        type: o,
-        key: u,
-        props: k,
-        _owner: w
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(o, "ref", {
+    function u(a, f, b, w, O, j, Z, Q) {
+      return b = j.ref, a = {
+        $$typeof: k,
+        type: a,
+        key: f,
+        props: j,
+        _owner: O
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
         get: l
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
+      }), Object.defineProperty(a, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(o, "_debugStack", {
+      }), Object.defineProperty(a, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
-      }), Object.defineProperty(o, "_debugTask", {
+        value: Z
+      }), Object.defineProperty(a, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+        value: Q
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function m(o, u, h, S, w, k, q, Y) {
-      var g = u.children;
-      if (g !== void 0)
-        if (S)
-          if (Ce(g)) {
-            for (S = 0; S < g.length; S++)
-              E(g[S]);
-            Object.freeze && Object.freeze(g);
+    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);
           } 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 E(g);
-      if (te.call(u, "key")) {
-        g = n(o);
-        var M = Object.keys(u).filter(function(ke) {
-          return ke !== "key";
+        else m(R);
+      if (fe.call(f, "key")) {
+        R = r(a);
+        var I = Object.keys(f).filter(function(Ge) {
+          return Ge !== "key";
         });
-        S = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", ie[g + S] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", ye[R + w] || (I = 0 < I.length ? "{" + I.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} />`,
-          S,
-          g,
-          M,
-          g
-        ), ie[g + S] = !0);
+          w,
+          R,
+          I,
+          R
+        ), ye[R + w] = !0);
       }
-      if (g = null, h !== void 0 && (t(h), g = "" + h), a(u) && (t(u.key), g = "" + u.key), "key" in u) {
-        h = {};
-        for (var W in u)
-          W !== "key" && (h[W] = u[W]);
-      } else h = u;
-      return g && c(
-        h,
-        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), d(
-        o,
-        g,
-        k,
-        w,
-        s(),
-        h,
-        q,
-        Y
+      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,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), u(
+        a,
+        R,
+        j,
+        O,
+        o(),
+        b,
+        Z,
+        Q
       );
     }
-    function E(o) {
-      typeof o == "object" && o !== null && o.$$typeof === O && o._store && (o._store.validated = 1);
+    function m(a) {
+      typeof a == "object" && a !== null && a.$$typeof === k && a._store && (a._store.validated = 1);
     }
-    var R = Oe, O = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), C = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), Ee = Symbol.for("react.memo"), ee = Symbol.for("react.lazy"), Re = Symbol.for("react.activity"), Te = Symbol.for("react.client.reference"), $ = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, Ce = Array.isArray, D = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    R = {
-      "react-stack-bottom-frame": function(o) {
-        return o();
+    g = {
+      "react-stack-bottom-frame": function(a) {
+        return a();
       }
     };
-    var re, ne = {}, se = R["react-stack-bottom-frame"].bind(
-      R,
-      i
-    )(), oe = D(r(i)), ie = {};
-    I.Fragment = b, I.jsx = function(o, u, h, S, w) {
-      var k = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return m(
-        o,
-        u,
-        h,
+    var me, pe = {}, he = g["react-stack-bottom-frame"].bind(
+      g,
+      s
+    )(), ge = K(n(s)), ye = {};
+    U.Fragment = E, U.jsx = function(a, f, b, w, O) {
+      var j = 1e4 > J.recentlyCreatedOwnerStacks++;
+      return d(
+        a,
+        f,
+        b,
         !1,
-        S,
         w,
-        k ? Error("react-stack-top-frame") : se,
-        k ? D(r(o)) : oe
+        O,
+        j ? Error("react-stack-top-frame") : he,
+        j ? K(n(a)) : ge
       );
-    }, I.jsxs = function(o, u, h, S, w) {
-      var k = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return m(
-        o,
-        u,
-        h,
+    }, U.jsxs = function(a, f, b, w, O) {
+      var j = 1e4 > J.recentlyCreatedOwnerStacks++;
+      return d(
+        a,
+        f,
+        b,
         !0,
-        S,
         w,
-        k ? Error("react-stack-top-frame") : se,
-        k ? D(r(o)) : oe
+        O,
+        j ? Error("react-stack-top-frame") : he,
+        j ? K(n(a)) : ge
       );
     };
-  }()), I;
-}
-var ue;
-function Pe() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? z.exports = je() : z.exports = Ie()), z.exports;
-}
-var N = Pe();
-function Ue(n) {
-  return Ae(
-    (e) => n.subscribe(e),
-    () => n.getSnapshot(),
-    () => n.getSnapshot()
+  }()), U;
+}
+var Ee;
+function rt() {
+  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? q.exports = et() : q.exports = tt()), q.exports;
+}
+var S = rt();
+function nt(r) {
+  return Ke(
+    (e) => r.subscribe(e),
+    () => r.getSnapshot(),
+    () => r.getSnapshot()
   );
 }
-const xe = K("UIRenderer");
-function Le(n) {
-  if (n === void 0)
+const ot = ue("UIRenderer");
+function st(r) {
+  if (r === void 0)
     return "{}";
-  if (typeof n == "string")
-    return n;
+  if (typeof r == "string")
+    return r;
   try {
-    return JSON.stringify(n);
+    return JSON.stringify(r);
   } catch {
     return "{}";
   }
 }
-function be(n) {
-  const e = Fe(n), t = ze(n);
-  return e === n.children && t === n.styleIds ? n : {
-    ...n,
-    ...e !== n.children ? { children: e } : {},
-    ...t !== n.styleIds ? { styleIds: t } : {}
+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 ze(n) {
-  const e = n.styleIds;
+function it(r) {
+  const e = r.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Fe(n) {
-  const e = n.children;
+function at(r) {
+  const e = r.children;
   return Array.isArray(e) ? e : [];
 }
-function Be({ node: n, renderer: e, library: t, context: r, className: s }) {
-  const i = be(n), a = i.children.map((l) => U(l, t, r)), c = e;
-  return /* @__PURE__ */ N.jsx(
+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: i,
-      context: r,
-      children: a,
-      className: s,
-      styleIds: i.styleIds
+      node: s,
+      context: n,
+      children: i,
+      className: o,
+      styleIds: s.styleIds
     }
   );
 }
-function U(n, e, t) {
-  const r = be(n), s = r.children;
-  if (r.type === "root")
-    return /* @__PURE__ */ N.jsx(_e, { children: s.map((l) => U(l, e, t)) }, r.id);
-  const i = e.resolve(r);
-  if (!i)
-    return xe.warn(`No renderer for node type ${r.type}`), null;
-  const a = r.styleIds, c = a.length > 0 ? a.join(" ") : void 0;
-  return /* @__PURE__ */ N.jsx(
-    Be,
+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: r,
-      renderer: i,
+      node: n,
+      renderer: s,
       library: e,
       context: t,
       className: c
     },
-    r.id
+    n.id
   );
 }
-function $e({ store: n, library: e, containerId: t, emptyFallback: r = null, onAction: s }) {
-  const i = Ue(n), a = t ?? i.rootContainerId;
-  if (!a) return r;
-  const c = i.containers.get(a);
-  if (!c) return r;
-  const l = {
-    getPayload: (d) => i.payloads.get(d),
-    renderChildren: (d) => Array.isArray(d) ? d.map((m) => U(m, e, l)) : [],
-    renderContainer: (d) => {
-      const m = i.containers.get(d);
-      return m ? U(m, e, l) : null;
+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: (d, m) => {
-      if (!d)
+    dispatchAction: (m, g) => {
+      if (!m)
         return;
-      const E = Le(m);
-      s?.(d, E);
-    }
+      const k = st(g);
+      o?.(m, k);
+    },
+    client: s,
+    video: i
   };
-  return U(c, e, l);
+  return /* @__PURE__ */ S.jsx("div", { "data-ikon-view-id": l, style: { display: "contents" }, children: $(u, e, d) });
 }
-class De {
+class ut {
   constructor(e, t) {
     if (this.fallback = t, e)
-      for (const [r, s] of e)
-        this.renderers.set(r, s);
+      for (const [n, o] of e)
+        this.renderers.set(n, o);
   }
   renderers = /* @__PURE__ */ new Map();
   register(e, t) {
@@ -388,40 +390,39 @@ class De {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function wt(n, e) {
-  const t = Object.entries(n);
-  return new De(t, e);
+function Cr(r, e) {
+  const t = Object.entries(r);
+  return new ut(t, e);
 }
-const H = "ikon-ui";
-function qe(n, e) {
-  return n === e;
+const se = "ikon-ui";
+function dt(r, e) {
+  return r === e;
 }
-function Ot({ stores: n, library: e, category: t = H, version: r, onAction: s }) {
-  const i = Me(() => {
-    const a = [];
-    for (const [c, l] of n) {
-      if (!qe(l.category, t))
+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 d = l.store.getSnapshot();
-      !d.rootContainerId || !d.containers.has(d.rootContainerId) || a.push({ key: c, store: l.store });
+      const m = d.store.getSnapshot();
+      !m.rootViewId || !m.views.has(m.rootViewId) || l.push({ key: u, store: d.store });
     }
-    return a;
-  }, [n, t, r]);
-  return i.length === 0 ? null : /* @__PURE__ */ N.jsx(N.Fragment, { children: i.map(({ key: a, store: c }) => /* @__PURE__ */ N.jsx($e, { store: c, library: e, onAction: s }, a)) });
+    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)) });
 }
-class At {
+class Ar {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
   listeners = /* @__PURE__ */ new Set();
-  unsubscribeUpdates;
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new Ne({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeUpdates = this.core.subscribeToUiUpdates(this.handleUiUpdate), this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    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();
   }
   dispose() {
-    this.unsubscribeUpdates(), this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
+    this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
   }
   getStores() {
     return this.stores;
@@ -437,137 +438,133 @@ class At {
   subscribeToStyles(e) {
     return this.core.subscribeToUiStyles(e);
   }
-  handleUiUpdate = (e, t) => {
-    const s = this.ensureStoreEntry(e).store.apply(t), i = this.updateCategory(e);
-    (s || i) && this.notify(e);
-  };
   handleUiStreamCleared = (e) => {
     this.stores.delete(e) && this.notify(e);
   };
   syncStreamSnapshot = (e) => {
     const t = this.core.uiStore.getSnapshot(e);
-    if (!t || !t.rootContainerId) {
+    if (!t || !t.rootViewId) {
       this.handleUiStreamCleared(e);
       return;
     }
-    const r = t.containers.get(t.rootContainerId);
-    if (!r) {
+    if (!t.views.get(t.rootViewId)) {
       this.handleUiStreamCleared(e);
       return;
     }
-    const s = this.ensureStoreEntry(e), i = {
-      snapshot: {
-        type: "full",
-        version: t.version ?? 0,
-        metadata: { containerId: t.rootContainerId },
-        root: r
-      },
-      payloads: t.payloads
-    }, a = s.store.apply(i), c = this.updateCategory(e, t.category);
-    (a || c) && this.notify(e);
+    const s = this.ensureStoreEntry(e).store.replaceSnapshot(t), i = this.updateCategory(e, t.category);
+    (s || i) && this.notify(e);
   };
   syncAllStreams() {
     const e = this.core.uiStore.getSnapshots(), t = /* @__PURE__ */ new Set();
-    for (const r of e)
-      this.syncStreamSnapshot(r.streamId), t.add(r.streamId);
-    for (const r of this.stores.keys())
-      t.has(r) || (this.stores.delete(r), this.notify(r));
+    for (const n of e)
+      this.syncStreamSnapshot(n.streamId), t.add(n.streamId);
+    for (const n of this.stores.keys())
+      t.has(n) || (this.stores.delete(n), this.notify(n));
   }
   ensureStoreEntry(e) {
     const t = this.stores.get(e);
     if (t)
       return t;
-    const r = {
-      category: H,
-      store: new we()
+    const n = {
+      category: se,
+      store: new He()
     };
-    return this.stores.set(e, r), r;
+    return this.stores.set(e, n), n;
   }
   updateCategory(e, t) {
-    const r = this.stores.get(e);
-    if (!r)
+    const n = this.stores.get(e);
+    if (!n)
       return !1;
-    const s = t ?? this.core.uiStore.getSnapshot(e)?.category ?? H;
-    return r.category === s ? !1 : (this.stores.set(e, { ...r, category: s }), !0);
+    const o = t ?? this.core.uiStore.getSnapshot(e)?.category ?? se;
+    return n.category === o ? !1 : (this.stores.set(e, { ...n, category: o }), !0);
   }
   notify(e) {
     for (const t of this.listeners)
       t(e);
   }
 }
-function x(n) {
-  if (typeof n == "string") {
-    const e = n.trim();
+function L(r) {
+  if (typeof r == "string") {
+    const e = r.trim();
     return e.length > 0 ? e : void 0;
   }
-  if (Array.isArray(n)) {
-    const e = n.filter((t) => typeof t == "string").map((t) => t.trim()).filter(Boolean);
+  if (Array.isArray(r)) {
+    const e = r.filter((t) => typeof t == "string").map((t) => t.trim()).filter(Boolean);
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Z(...n) {
+function V(...r) {
   const e = [];
-  for (const t of n)
+  for (const t of r)
     t && t.trim() && e.push(t.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Q(n) {
-  if (!n)
+function D(r) {
+  if (!r)
     return {};
   const e = {};
-  for (const [t, r] of Object.entries(n))
-    r != null && (typeof r == "string" || typeof r == "number" || typeof r == "boolean") && (e[t] = r);
+  for (const [t, n] of Object.entries(r))
+    n != null && (typeof n == "string" || typeof n == "number" || typeof n == "boolean") && (e[t] = n);
   return e;
 }
-function Ye() {
-  const n = B(function({ node: t }) {
-    const r = x(t.props?.targetElementId ?? t.props?.TargetElementId), s = x(t.props?.targetContainerId ?? t.props?.TargetContainerId), i = t.props?.focusOnly ?? t.props?.FocusOnly, a = typeof i == "boolean" ? i : void 0;
-    return G(() => {
+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(() => {
       if (typeof document > "u")
         return;
-      const c = (r ? document.querySelector(`[data-ikon-element-id="${r}"]`) : null) ?? (r ? document.getElementById(r) : null);
-      if (!c)
+      const l = i.current;
+      if (!l || n && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== n)
         return;
-      const l = (s ? document.querySelector(`[data-ikon-container-id="${s}"]`) : null) ?? c.closest("[data-ikon-container-id]") ?? c.closest('[data-ikon-container-type="scroll-view"]') ?? c;
-      if (l && l !== c && typeof l.scrollIntoView == "function")
+      const u = s !== !0;
+      if (u && typeof l.scrollIntoView == "function")
         try {
-          l.scrollIntoView({ behavior: "smooth", block: "nearest" });
+          l.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
         } catch {
           l.scrollIntoView();
         }
-      if (typeof c.focus == "function")
+      if (typeof l.focus == "function")
         try {
-          c.focus({ preventScroll: a !== !1 });
+          l.focus({ preventScroll: !u });
         } catch {
-          c.focus();
+          l.focus();
         }
-    }, [a, s, r]), null;
+    }, [s, n]), /* @__PURE__ */ S.jsx(
+      "span",
+      {
+        ref: i,
+        "aria-hidden": "true",
+        "data-ikon-node-id": t.id,
+        "data-ikon-focus-hint": "true",
+        tabIndex: -1,
+        style: { display: "block", width: 0, height: 0, overflow: "hidden" }
+      }
+    );
   });
   return ({ type: e }) => {
     if (e === "common.focus-hint")
-      return n;
+      return r;
   };
 }
-function We() {
-  const n = B(function({ node: t, context: r, className: s }) {
-    const i = Q(t.props), a = Z(x(t.props?.className), s), c = t.children?.length ? r.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ N.jsx("div", { ...i, "data-ikon-element-id": t.id, className: a, children: c });
+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 });
   });
   return ({ type: e }) => {
     if (e === "common.div")
-      return n;
+      return r;
   };
 }
-function Ve() {
-  const n = B(function({ node: t, context: r, className: s }) {
-    const i = Q(t.props), a = Z(x(t.props?.className), s), c = t.children?.length ? r.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ N.jsx(
+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(
       "form",
       {
-        ...i,
-        "data-ikon-element-id": t.id,
-        "data-ikon-container-id": t.id,
-        className: a,
+        ...s,
+        "data-ikon-node-id": t.id,
+        className: i,
         onSubmit: (l) => l.preventDefault(),
         children: c
       }
@@ -575,38 +572,169 @@ function Ve() {
   });
   return ({ type: e }) => {
     if (e === "common.form")
-      return n;
+      return r;
   };
 }
-function Je() {
-  const n = B(function({ node: t, context: r, className: s }) {
-    const i = Q(t.props), a = Z(x(t.props?.className), s), c = t.children?.length ? r.renderChildren(t.children) : void 0;
-    return /* @__PURE__ */ N.jsx(
+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(
       "div",
       {
-        ...i,
-        "data-ikon-element-id": t.id,
-        "data-ikon-container-id": t.id,
-        "data-ikon-container-type": "scroll-view",
-        className: a,
+        ...s,
+        "data-ikon-node-id": t.id,
+        "data-ikon-view-type": "scroll-view",
+        "data-ikon-scroll-container": "true",
+        className: i,
         children: c
       }
     );
   });
   return ({ type: e }) => {
     if (e === "common.scroll-view")
-      return n;
+      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 });
+  });
+  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 });
+  });
+  return ({ type: e }) => {
+    if (e === "common.layer")
+      return r;
   };
 }
-function Ge() {
-  return [We(), Ve(), Je(), Ye()];
+function St() {
+  return [
+    mt(),
+    pt(),
+    ht(),
+    gt(),
+    yt(),
+    ft()
+  ];
 }
-const He = "base", Xe = async () => Ge();
-function Ke(n) {
-  n.registerModule(He, Xe);
+const bt = "base", vt = async () => St();
+function Et(r) {
+  r.registerModule(bt, vt);
 }
-const de = K("UIRegistry");
-class Ze {
+function Ue(r) {
+  if (typeof r == "string") {
+    const e = r.trim();
+    return e.length > 0 ? e : void 0;
+  }
+  if (Array.isArray(r)) {
+    const e = r.filter((t) => typeof t == "string").map((t) => t.trim()).filter(Boolean);
+    return e.length > 0 ? e.join(" ") : void 0;
+  }
+}
+function ze(...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) {
+  if (typeof r == "number" && Number.isFinite(r))
+    return Math.floor(r);
+  if (typeof r == "string" && r.trim().length > 0) {
+    const e = Number(r);
+    if (Number.isFinite(e))
+      return Math.floor(e);
+  }
+}
+function ie(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);
+        };
+    }, [d, s]), /* @__PURE__ */ S.jsx(
+      "canvas",
+      {
+        ref: u,
+        "data-ikon-node-id": t.id,
+        "data-ikon-video-stream-id": s,
+        className: l,
+        ...i ? { width: i } : {},
+        ...c ? { height: c } : {}
+      }
+    );
+  });
+  return ({ type: e }) => {
+    if (e === wt)
+      return r;
+  };
+}
+function Nt() {
+  return [kt(), Tt()];
+}
+function z(r) {
+  if (typeof r == "boolean")
+    return r;
+  if (typeof r == "string") {
+    const e = r.trim().toLowerCase();
+    if (e === "true") return !0;
+    if (e === "false") return !1;
+  }
+}
+function Tt() {
+  const r = _(function({
+    node: 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(
+      "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
+      }
+    );
+  });
+  return ({ type: e }) => {
+    if (e === Rt)
+      return r;
+  };
+}
+const Ct = "media", jt = async () => Nt();
+function At(r) {
+  r.registerModule(Ct, jt);
+}
+const we = ue("UIRegistry");
+class Ot {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -616,65 +744,65 @@ class Ze {
     this.baseResolvers.push(...t.filter(Boolean));
   }
   registerModule(e, t) {
-    const r = this.moduleLoaders.get(e);
-    if (!r) {
+    const n = this.moduleLoaders.get(e);
+    if (!n) {
       this.moduleLoaders.set(e, t);
       return;
     }
-    r !== t && (this.moduleLoaders.set(e, t), this.moduleResolvers.delete(e));
+    n !== t && (this.moduleLoaders.set(e, t), this.moduleResolvers.delete(e));
   }
   async loadRegisteredModules() {
     let e = !1;
-    for (const [r, s] of this.moduleLoaders.entries())
-      if (!this.moduleResolvers.has(r))
+    for (const [n, o] of this.moduleLoaders.entries())
+      if (!this.moduleResolvers.has(n))
         try {
-          const i = await s(), a = et(i);
-          this.moduleResolvers.set(r, a), e = !0;
-        } catch (i) {
-          de.error(`[IkonUiRegistry] Failed to load module '${r}'.`, i);
+          const s = await o(), i = Mt(s);
+          this.moduleResolvers.set(n, i), e = !0;
+        } catch (s) {
+          we.error(`[IkonUiRegistry] Failed to load module '${n}'.`, s);
         }
     const t = [];
-    for (const r of this.moduleLoaders.keys())
-      this.moduleResolvers.has(r) && t.push(r);
-    return tt(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e;
+    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;
   }
   resolve(e) {
     for (const t of this.baseResolvers) {
-      const r = t(e);
-      if (r) return r;
+      const n = t(e);
+      if (n) return n;
     }
     for (const t of this.activeModuleOrder) {
-      const r = this.moduleResolvers.get(t);
-      if (!r) {
-        de.warn(`Missing resolvers for module ${t}`);
+      const n = this.moduleResolvers.get(t);
+      if (!n) {
+        we.warn(`Missing resolvers for module ${t}`);
         continue;
       }
-      for (const s of r) {
-        const i = s(e);
-        if (i) return i;
+      for (const o of n) {
+        const s = o(e);
+        if (s) return s;
       }
     }
   }
 }
-function _t() {
-  const n = new Ze();
-  return Ke(n), n.loadRegisteredModules(), n;
+function Or() {
+  const r = new Ot();
+  return Et(r), At(r), r.loadRegisteredModules(), r;
 }
-function Qe(n) {
-  return Array.isArray(n) ? n : [n];
+function _t(r) {
+  return Array.isArray(r) ? r : [r];
 }
-function et(n) {
-  return n ? Qe(n).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Mt(r) {
+  return r ? _t(r).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function tt(n, e) {
-  if (n.length !== e.length)
+function It(r, e) {
+  if (r.length !== e.length)
     return !1;
-  for (let t = 0; t < n.length; t += 1)
-    if (n[t] !== e[t])
+  for (let t = 0; t < r.length; t += 1)
+    if (r[t] !== e[t])
       return !1;
   return !0;
 }
-const V = K("MotionController"), fe = {
+const te = ue("MotionController"), Re = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -704,98 +832,98 @@ const V = K("MotionController"), fe = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function v(n) {
-  return n <= 0 ? 0 : n >= 1 ? 1 : n;
+function N(r) {
+  return r <= 0 ? 0 : r >= 1 ? 1 : r;
 }
-function pe(n) {
-  if (n == null) return;
-  const e = `${n}`.trim();
+function ke(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 me(n) {
-  return typeof CSS < "u" && CSS.escape ? CSS.escape(n) : n.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
+function Ne(r) {
+  return typeof CSS < "u" && CSS.escape ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function he(n, e, t, r) {
-  const m = new Float32Array(11);
-  function E(f, p, y) {
-    return ((3 * p - 3 * y + 1) * f + (3 * y - 6 * p)) * f * f + 3 * p * f;
+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 R(f, p, y) {
-    return 3 * (3 * p - 3 * y + 1) * f * f + 2 * (3 * y - 6 * p) * f + 3 * p;
+  function g(h, y, v) {
+    return 3 * (3 * y - 3 * v + 1) * h * h + 2 * (3 * v - 6 * y) * h + 3 * y;
   }
-  function O(f, p) {
-    for (let y = 0; y < 4; y += 1) {
-      const C = R(p, n, t);
+  function k(h, y) {
+    for (let v = 0; v < 4; v += 1) {
+      const C = g(y, r, t);
       if (C === 0)
-        return p;
-      const T = E(p, n, t) - f;
-      p -= T / C;
+        return y;
+      const T = m(y, r, t) - h;
+      y -= T / C;
     }
-    return p;
+    return y;
   }
-  function _(f, p, y) {
-    let C = 0, T = 0, A = 0;
+  function A(h, y, v) {
+    let C = 0, T = 0, M = 0;
     do
-      T = p + (y - p) / 2, C = E(T, n, t) - f, C > 0 ? y = T : p = T;
-    while (Math.abs(C) > 1e-7 && ++A < 10);
+      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 b(f) {
-    let p = 0, y = 1;
+  function E(h) {
+    let y = 0, v = 1;
     const C = 10;
-    for (; y !== C && m[y] <= f; y += 1)
-      p += 0.1;
-    y -= 1;
-    const T = (f - m[y]) / (m[y + 1] - m[y]), A = p + T * 0.1, L = R(A, n, t);
-    return L >= 1e-3 ? O(f, A) : L === 0 ? A : _(f, p, p + 0.1);
-  }
-  for (let f = 0; f < 11; f += 1)
-    m[f] = E(f * 0.1, n, t);
-  return (f) => f <= 0 ? 0 : f >= 1 ? 1 : E(b(f), e, r);
-}
-function rt(n) {
-  const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(n);
+    for (; v !== C && d[v] <= h; v += 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);
+  }
+  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);
+}
+function Pt(r) {
+  const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(r);
   if (!e)
-    return (s) => v(s);
-  const t = Math.max(1, parseInt(e[1], 10)), r = (e[2] ?? "end").toLowerCase();
-  return r === "start" || r === "jump-start" ? (s) => v(Math.ceil(s * t) / t) : r === "none" || r === "jump-none" ? (s) => v(Math.round(s * t) / t) : r === "both" || r === "jump-both" ? (s) => v((Math.floor(s * t) + 0.5) / t) : (s) => v(Math.floor(s * t) / t);
-}
-function nt(n) {
-  if (!n)
-    return (t) => v(t);
-  const e = n.trim().toLowerCase();
+    return (o) => N(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);
+}
+function Lt(r) {
+  if (!r)
+    return (t) => N(t);
+  const e = r.trim().toLowerCase();
   if (!e || e === "linear")
-    return (t) => v(t);
-  if (fe[e]) {
-    const [t, r, s, i] = fe[e], a = he(t, r, s, i);
-    return (c) => v(a(v(c)));
+    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)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
-    const r = e.slice(13, -1).split(",").map((s) => Number.parseFloat(s.trim()));
-    if (r.length === 4 && r.every((s) => Number.isFinite(s))) {
-      const [s, i, a, c] = r, l = he(s, i, a, c);
-      return (d) => v(l(v(d)));
+    const n = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
+    if (n.length === 4 && n.every((o) => Number.isFinite(o))) {
+      const [o, s, i, c] = n, l = Te(o, s, i, c);
+      return (u) => N(l(N(u)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const t = rt(e);
-    return (r) => t(v(r));
+    const t = Pt(e);
+    return (n) => t(N(n));
   }
-  return (t) => v(t);
+  return (t) => N(t);
 }
-function st(n) {
-  if (!n)
+function xt(r) {
+  if (!r)
     return;
-  const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(n);
+  const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(r);
   if (!e)
     return;
-  const [t, r, s, i] = e.slice(1).map((a) => Number.parseFloat(a));
-  if (![t, r, s, i].some((a) => !Number.isFinite(a)))
-    return { inStart: t, inEnd: r, outStart: s, outEnd: i };
+  const [t, n, o, s] = e.slice(1).map((i) => Number.parseFloat(i));
+  if (![t, n, o, s].some((i) => !Number.isFinite(i)))
+    return { inStart: t, inEnd: n, outStart: o, outEnd: s };
 }
-class ot {
+class Ut {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -807,29 +935,29 @@ class ot {
   registerStyle(e, t) {
     if (!e)
       return;
-    const r = this.parseMetadata(t);
-    if (!r) {
+    const n = this.parseMetadata(t);
+    if (!n) {
       this.bindingsByStyle.delete(e), this.cleanupStyle(e);
       return;
     }
-    this.bindingsByStyle.set(e, r), this.cleanupStyle(e), this.ensureObserver(), this.scheduleScan(e);
+    this.bindingsByStyle.set(e, n), this.cleanupStyle(e), this.ensureObserver(), this.scheduleScan(e);
   }
   reset() {
     for (const e of Array.from(this.globalCleanups))
       try {
         e();
       } catch (t) {
-        V.warn("Failed to cleanup binding listener", t);
+        te.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);
   }
   parseMetadata(e) {
     if (e)
       try {
-        const r = (JSON.parse(e).motionBindings ?? []).map((s) => this.parseBinding(s)).filter((s) => s !== void 0);
-        return r.length === 0 ? void 0 : { bindings: r };
+        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) {
-        V.warn("Failed to parse motion metadata", t);
+        te.warn("Failed to parse motion metadata", t);
         return;
       }
   }
@@ -837,16 +965,16 @@ class ot {
     const t = e.source?.trim();
     if (!t)
       return;
-    const r = pe(e.min) ?? 0, s = pe(e.max), i = s === void 0 ? r + 100 : s, a = (e.clamp ?? "clamp").trim().toLowerCase(), c = !!e.reverse, l = nt(e.ease), d = st(e.map), m = e.targetId?.trim() || void 0;
-    return Number.isNaN(r) || Number.isNaN(i) ? void 0 : {
+    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;
+    return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
       source: t.toLowerCase(),
-      min: r,
-      max: i,
-      clamp: a === "freeze-start" || a === "freeze-end" || a === "unclamped" ? a : "clamp",
+      min: n,
+      max: s,
+      clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: c,
       ease: l,
-      map: d,
-      targetId: m
+      map: u,
+      targetId: d
     };
   }
   ensureObserver() {
@@ -876,79 +1004,79 @@ class ot {
         this.scanScheduled = !1;
         return;
       }
-      const s = Array.from(this.pendingScanStyles);
+      const o = Array.from(this.pendingScanStyles);
       this.pendingScanStyles.clear(), this.scanScheduled = !1;
-      for (const i of s)
-        this.scanExistingNodes(i);
-    }, r = () => {
+      for (const s of o)
+        this.scanExistingNodes(s);
+    }, n = () => {
       this.scanScheduled = !0, typeof queueMicrotask == "function" ? queueMicrotask(t) : setTimeout(t, 0);
     };
     document.readyState === "loading" ? document.addEventListener(
       "DOMContentLoaded",
       () => {
-        r();
+        n();
       },
       { once: !0 }
-    ) : r();
+    ) : n();
   }
   scanExistingNodes(e) {
     const t = this.bindingsByStyle.get(e);
     if (!t || typeof document > "u")
       return;
-    const r = `.${me(e)}`;
-    document.querySelectorAll(r).forEach((i) => this.applyStyleToElement(i, e, t));
+    const n = `.${Ne(e)}`;
+    document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, t));
   }
-  applyStyleToElement(e, t, r) {
-    this.ensureStyleState(e, t) && this.attachBindings(e, t, r);
+  applyStyleToElement(e, t, n) {
+    this.ensureStyleState(e, t) && this.attachBindings(e, t, n);
   }
   ensureStyleState(e, t) {
-    let r = this.elementStates.get(e);
-    if (r || (r = /* @__PURE__ */ new Map(), this.elementStates.set(e, r)), r.has(t))
+    let n = this.elementStates.get(e);
+    if (n || (n = /* @__PURE__ */ new Map(), this.elementStates.set(e, n)), n.has(t))
       return !1;
-    r.set(t, /* @__PURE__ */ new Set());
-    let s = this.styleToElements.get(t);
-    return s || (s = /* @__PURE__ */ new Set(), this.styleToElements.set(t, s)), s.add(e), !0;
+    n.set(t, /* @__PURE__ */ new Set());
+    let o = this.styleToElements.get(t);
+    return o || (o = /* @__PURE__ */ new Set(), this.styleToElements.set(t, o)), o.add(e), !0;
   }
-  attachBindings(e, t, r) {
-    for (const s of r.bindings)
-      this.attachBinding(e, t, s);
+  attachBindings(e, t, n) {
+    for (const o of n.bindings)
+      this.attachBinding(e, t, o);
   }
-  attachBinding(e, t, r) {
-    switch (r.source) {
+  attachBinding(e, t, n) {
+    switch (n.source) {
       case "scrolly":
-        this.attachScrollBinding(e, t, r);
+        this.attachScrollBinding(e, t, n);
         break;
     }
   }
-  attachScrollBinding(e, t, r) {
-    const s = this.resolveScrollContainer(e, r);
-    if (!s)
+  attachScrollBinding(e, t, n) {
+    const o = this.resolveScrollContainer(e, n);
+    if (!o)
       return;
-    const i = () => {
-      this.applyBindingValues(e, r, s.scrollTop);
+    const s = () => {
+      this.applyBindingValues(e, n, o.scrollTop);
     };
-    i();
-    const a = new AbortController();
-    s.addEventListener("scroll", i, { passive: !0, signal: a.signal }), this.registerCleanup(e, t, () => a.abort());
-    const c = () => i();
+    s();
+    const i = new AbortController();
+    o.addEventListener("scroll", s, { passive: !0, signal: i.signal }), this.registerCleanup(e, t, () => i.abort());
+    const c = () => s();
     window.addEventListener("resize", c), this.registerCleanup(e, t, () => window.removeEventListener("resize", c));
   }
   resolveScrollContainer(e, t) {
     if (t.targetId) {
-      const r = `[data-ikon-motion-source="${me(t.targetId)}"]`, s = typeof document < "u" ? document.querySelector(r) : null;
-      if (s)
-        return s;
+      const n = `[data-ikon-motion-source="${Ne(t.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
+      if (o)
+        return o;
     }
-    return e.closest('[data-ikon-container-type="scroll-view"]');
-  }
-  applyBindingValues(e, t, r) {
-    const s = t.max - t.min, i = s === 0 ? r > t.min ? 1 : 0 : (r - t.min) / s;
-    let a = this.applyClamp(i, t.clamp);
-    t.reverse && (a = 1 - a);
-    const c = t.ease(a), l = Number.isFinite(c) ? c : 0, d = l * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${r}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${l}`), e.style.setProperty("--tw-motion-bind-progress", `${d}`), t.map) {
-      const m = this.applyMap(d, t.map);
-      m !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${m}`);
+    return e.closest('[data-ikon-view-type="scroll-view"]');
+  }
+  applyBindingValues(e, t, n) {
+    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}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -963,62 +1091,62 @@ class ot {
       case "unclamped":
         return e;
       default:
-        return v(e);
+        return N(e);
     }
   }
   applyMap(e, t) {
-    const r = t.inEnd - t.inStart;
-    if (r === 0)
+    const n = t.inEnd - t.inStart;
+    if (n === 0)
       return t.outEnd;
-    const s = (e - t.inStart) / r;
-    return t.outStart + s * (t.outEnd - t.outStart);
+    const o = (e - t.inStart) / n;
+    return t.outStart + o * (t.outEnd - t.outStart);
   }
-  registerCleanup(e, t, r) {
-    const i = this.elementStates.get(e)?.get(t);
-    i && (i.add(r), this.globalCleanups.add(r));
+  registerCleanup(e, t, n) {
+    const s = this.elementStates.get(e)?.get(t);
+    s && (s.add(n), this.globalCleanups.add(n));
   }
   cleanupStyle(e) {
     const t = this.styleToElements.get(e);
     if (!t)
       return;
-    const r = Array.from(t);
-    for (const s of r)
-      this.cleanupElementStyle(s, e);
+    const n = Array.from(t);
+    for (const o of n)
+      this.cleanupElementStyle(o, e);
     this.styleToElements.delete(e);
   }
   cleanupElement(e) {
     const t = this.elementStates.get(e);
     if (!t)
       return;
-    const r = Array.from(t.keys());
-    for (const s of r)
-      this.cleanupElementStyle(e, s);
+    const n = Array.from(t.keys());
+    for (const o of n)
+      this.cleanupElementStyle(e, o);
   }
   cleanupElementStyle(e, t) {
-    const r = this.elementStates.get(e);
-    if (!r)
+    const n = this.elementStates.get(e);
+    if (!n)
       return;
-    const s = r.get(t);
-    if (!s)
+    const o = n.get(t);
+    if (!o)
       return;
-    for (const a of s) {
+    for (const i of o) {
       try {
-        a();
+        i();
       } catch (c) {
-        V.warn("Failed to cleanup listener", c);
+        te.warn("Failed to cleanup listener", c);
       }
-      this.globalCleanups.delete(a);
+      this.globalCleanups.delete(i);
     }
-    s.clear(), r.delete(t);
-    const i = this.styleToElements.get(t);
-    i && (i.delete(e), i.size === 0 && this.styleToElements.delete(t)), r.size === 0 && (this.elementStates.delete(e), this.clearBindingProperties(e));
+    o.clear(), n.delete(t);
+    const s = this.styleToElements.get(t);
+    s && (s.delete(e), s.size === 0 && this.styleToElements.delete(t)), n.size === 0 && (this.elementStates.delete(e), this.clearBindingProperties(e));
   }
   clearBindingProperties(e) {
     e.style.removeProperty("--tw-motion-bind-source-value"), e.style.removeProperty("--tw-motion-bind-progress"), e.style.removeProperty("--tw-motion-bind-progress-ratio"), e.style.removeProperty("--tw-motion-bind-value");
   }
   handleMutations(e) {
     for (const t of e)
-      t.type === "childList" ? (t.addedNodes.forEach((r) => this.scanNode(r)), t.removedNodes.forEach((r) => this.cleanupNode(r))) : t.type === "attributes" && t.target instanceof HTMLElement && this.handleClassMutation(t.target);
+      t.type === "childList" ? (t.addedNodes.forEach((n) => this.scanNode(n)), t.removedNodes.forEach((n) => this.cleanupNode(n))) : t.type === "attributes" && t.target instanceof HTMLElement && this.handleClassMutation(t.target);
   }
   handleClassMutation(e) {
     const t = this.elementStates.get(e);
@@ -1026,174 +1154,557 @@ class ot {
       this.processElement(e);
       return;
     }
-    const r = new Set(Array.from(e.classList)), s = Array.from(t.keys());
-    for (const i of s)
-      r.has(i) || this.cleanupElementStyle(e, i);
+    const n = new Set(Array.from(e.classList)), o = Array.from(t.keys());
+    for (const s of o)
+      n.has(s) || this.cleanupElementStyle(e, s);
     this.processElement(e);
   }
   scanNode(e) {
     if (!(e instanceof HTMLElement))
       return;
-    this.processElement(e), e.querySelectorAll("[class]").forEach((r) => this.processElement(r));
+    this.processElement(e), e.querySelectorAll("[class]").forEach((n) => this.processElement(n));
   }
   cleanupNode(e) {
     if (!(e instanceof HTMLElement))
       return;
-    this.cleanupElement(e), e.querySelectorAll("[class]").forEach((r) => this.cleanupElement(r));
+    this.cleanupElement(e), e.querySelectorAll("[class]").forEach((n) => this.cleanupElement(n));
   }
   processElement(e) {
     if (!(!e.classList || e.classList.length === 0))
       for (const t of Array.from(e.classList)) {
-        const r = this.bindingsByStyle.get(t);
-        r && this.ensureStyleState(e, t) && this.attachBindings(e, t, r);
+        const n = this.bindingsByStyle.get(t);
+        n && this.ensureStyleState(e, t) && this.attachBindings(e, t, n);
       }
   }
 }
-const ye = new ot(), J = "ikon-ds";
-function Mt(n) {
-  const e = ae(({ styleId: r, css: s, common: i }) => {
-    if (!r || typeof document > "u") return;
-    let a = document.getElementById(J);
-    a || (a = document.createElement("style"), a.id = J, document.head.appendChild(a)), s && (a.innerHTML += s), ye.registerStyle(r, i);
-  }, []), t = ae(() => {
-    typeof document < "u" && document.getElementById(J)?.remove(), ye.reset();
+const Ce = new Ut(), re = "ikon-ds";
+function _r(r) {
+  const e = Se(({ 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();
   }, []);
-  return G(() => {
-    if (!n) return;
-    for (const s of n.getUiStyles())
-      e(s);
-    const r = n.subscribeToStyles(e);
+  return Y(() => {
+    if (!r) return;
+    for (const o of r.getUiStyles())
+      e(o);
+    const n = r.subscribeToStyles(e);
     return () => {
-      r?.(), t();
+      n?.(), t();
     };
-  }, [n, t, e]), G(() => () => t(), [t]), { setStyle: e, reset: t };
+  }, [r, t, e]), Y(() => () => t(), [t]), { setStyle: e, reset: t };
 }
-var it = typeof global == "object" && global && global.Object === Object && global, at = typeof self == "object" && self && self.Object === Object && self, ct = it || at || Function("return this")(), F = ct.Symbol, ve = Object.prototype, lt = ve.hasOwnProperty, ut = ve.toString, P = F ? F.toStringTag : void 0;
-function dt(n) {
-  var e = lt.call(n, P), t = n[P];
+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];
   try {
-    n[P] = void 0;
-    var r = !0;
+    r[B] = void 0;
+    var n = !0;
   } catch {
   }
-  var s = ut.call(n);
-  return r && (e ? n[P] = t : delete n[P]), s;
+  var o = Vt.call(r);
+  return n && (e ? r[B] = t : delete r[B]), o;
 }
-var ft = Object.prototype, pt = ft.toString;
-function mt(n) {
-  return pt.call(n);
+var Wt = Object.prototype, qt = Wt.toString;
+function Yt(r) {
+  return qt.call(r);
 }
-var ht = "[object Null]", yt = "[object Undefined]", Se = F ? F.toStringTag : void 0;
-function St(n) {
-  return n == null ? n === void 0 ? yt : ht : Se && Se in Object(n) ? dt(n) : mt(n);
+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);
 }
-function gt(n) {
-  return n != null && typeof n == "object";
+function Jt(r) {
+  return r != null && typeof r == "object";
 }
-var bt = Array.isArray, vt = "[object String]";
-function Et(n) {
-  return typeof n == "string" || !bt(n) && gt(n) && St(n) == vt;
+var Kt = Array.isArray, Zt = "[object String]";
+function Qt(r) {
+  return typeof r == "string" || !Kt(r) && Jt(r) && Ht(r) == Zt;
 }
-const ge = "ikonUiModules";
-function X(n) {
-  return typeof n == "object" && n !== null && !Array.isArray(n);
+const Ae = "ikonUiModules";
+function ae(r) {
+  return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function Rt(n) {
-  if (!Array.isArray(n))
+function er(r) {
+  if (!Array.isArray(r))
     return;
   const e = /* @__PURE__ */ new Set();
-  for (const t of n) {
-    if (!Et(t)) continue;
-    const r = t.trim();
-    r && (e.has(r) || e.add(r));
+  for (const t of r) {
+    if (!Qt(t)) continue;
+    const n = t.trim();
+    n && (e.has(n) || e.add(n));
   }
   return Array.from(e);
 }
-function jt(n, e) {
-  if (n === e)
+function Mr(r, e) {
+  if (r === e)
     return !0;
-  if (!n || !e)
-    return !n && !e;
-  if (n.length !== e.length)
+  if (!r || !e)
+    return !r && !e;
+  if (r.length !== e.length)
     return !1;
-  for (let t = 0; t < n.length; t += 1)
-    if (n[t] !== e[t])
+  for (let t = 0; t < r.length; t += 1)
+    if (r[t] !== e[t])
       return !1;
   return !0;
 }
-function Tt(n) {
-  if (!(!X(n) || !Object.prototype.hasOwnProperty.call(n, ge)))
-    return Rt(n[ge]);
+function tr(r) {
+  if (!(!ae(r) || !Object.prototype.hasOwnProperty.call(r, Ae)))
+    return er(r[Ae]);
 }
-function It(...n) {
-  for (const e of n) {
-    const t = Tt(e);
+function Ir(...r) {
+  for (const e of r) {
+    const t = tr(e);
     if (t !== void 0)
       return t;
   }
 }
-function Pt(n) {
-  if (!X(n))
+function Pr(r) {
+  if (!ae(r))
     return;
-  const e = n, t = Object.keys(e).find((l) => l.toLowerCase() === "modules");
+  const e = r, t = Object.keys(e).find((l) => l.toLowerCase() === "modules");
   if (!t)
     return;
-  const r = e[t];
-  if (r === null)
+  const n = e[t];
+  if (n === null)
     return { resetToDefault: !0 };
-  if (!Array.isArray(r))
+  if (!Array.isArray(n))
     return;
-  const s = [], i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-  for (const l of r) {
+  const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
+  for (const l of n) {
     if (typeof l == "string") {
-      const b = l.trim();
-      if (!b || a.has(b))
+      const E = l.trim();
+      if (!E || i.has(E))
         continue;
-      s.push(b), a.add(b);
+      o.push(E), i.add(E);
       continue;
     }
-    if (!X(l))
+    if (!ae(l))
       continue;
-    const d = l, m = Object.keys(d).find((b) => b.toLowerCase() === "name");
-    if (!m)
+    const u = l, d = Object.keys(u).find((E) => E.toLowerCase() === "name");
+    if (!d)
       continue;
-    const E = d[m];
-    if (typeof E != "string")
+    const m = u[d];
+    if (typeof m != "string")
       continue;
-    const R = E.trim();
-    if (!R)
+    const g = m.trim();
+    if (!g)
       continue;
-    const O = Object.keys(d).find((b) => b.toLowerCase() === "javascript"), _ = O ? d[O] : void 0;
-    typeof _ == "string" && i.set(R, _), a.has(R) || (s.push(R), a.add(R));
+    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));
   }
-  if (!s.length && i.size === 0)
+  if (!o.length && s.size === 0)
     return { modules: [] };
-  const c = Array.from(i.entries()).map(([l, d]) => ({
+  const c = Array.from(s.entries()).map(([l, u]) => ({
     name: l,
-    javascript: d
+    javascript: u
   }));
-  return c.length > 0 ? { modules: s, inlineModules: c } : { modules: s };
+  return c.length > 0 ? { modules: o, inlineModules: c } : { modules: o };
+}
+const p = {
+  None: 0,
+  Letter: 1,
+  Word: 2,
+  Line: 4,
+  Paragraph: 8,
+  Emoji: 16
+}, rr = [
+  {
+    flag: p.Letter,
+    hints: [
+      "[data-motion-letter]",
+      "[data-letter]",
+      ".tw-motion-letter",
+      ":is(span,[data-motion-letter],[data-letter],.tw-motion-letter)"
+    ]
+  },
+  {
+    flag: p.Word,
+    hints: [
+      "[data-motion-word]",
+      "[data-word]",
+      ".tw-motion-word",
+      ":is(span,[data-motion-word],[data-word],.tw-motion-word)"
+    ]
+  },
+  {
+    flag: p.Line,
+    hints: [
+      "[data-motion-line]",
+      "[data-line]",
+      ".tw-motion-line",
+      ":is(span,[data-motion-line],[data-line],.tw-motion-line)"
+    ]
+  },
+  {
+    flag: p.Paragraph,
+    hints: [
+      "[data-motion-paragraph]",
+      "[data-paragraph]",
+      ".tw-motion-paragraph",
+      ":is(span,[data-motion-paragraph],[data-paragraph],.tw-motion-paragraph)",
+      ":is(p,[data-motion-paragraph],[data-paragraph],.tw-motion-paragraph)",
+      ":is(div,[data-motion-paragraph],[data-paragraph],.tw-motion-paragraph)"
+    ]
+  },
+  {
+    flag: p.Emoji,
+    hints: [
+      ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
+      "[data-motion-emoji]",
+      ".tw-motion-emoji",
+      ".tw-emoji",
+      "[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)
+    return r;
+  const t = Er(e), n = P(t, p.Emoji), o = t & nr;
+  if (o === p.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 (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 u;
+}
+function sr(r, e, t) {
+  const n = [];
+  for (const o of r) {
+    const s = ir(o, e, t);
+    n.push(...s);
+  }
+  if (P(e, p.Paragraph)) {
+    const o = t.paragraph++;
+    return [
+      /* @__PURE__ */ S.jsx(
+        "span",
+        {
+          "data-motion-paragraph": !0,
+          style: H(o),
+          children: n
+        },
+        `motion-paragraph-${o}`
+      )
+    ];
+  }
+  return n;
+}
+function ir(r, e, t) {
+  const n = ar(r.text, e, t), o = [];
+  if (P(e, p.Line)) {
+    const s = t.line++;
+    o.push(
+      /* @__PURE__ */ S.jsx("span", { "data-motion-line": !0, style: H(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++}`));
+  return o;
+}
+function ar(r, e, t) {
+  if (!r)
+    return [];
+  const n = P(e, p.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));
+    }
+    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));
+  }
+  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 cr(r, e) {
+  return e ? { ...H(r), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+}
+function lr(r, e, t) {
+  if (!r)
+    return [];
+  const n = P(e, p.Letter), o = P(e, p.Emoji);
+  if (!n) {
+    if (!o)
+      return [r];
+    const c = le(r);
+    if (c.length === 0)
+      return [r];
+    const { nodes: l } = $e(c, t);
+    return l;
+  }
+  const s = [], i = le(r);
+  for (const c of i) {
+    const l = t.letter++, u = `motion-letter-${l}`, d = H(l);
+    if (c === `
+`) {
+      s.push(
+        /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: d, children: /* @__PURE__ */ S.jsx("br", {}) }, u)
+      );
+      continue;
+    }
+    const g = o && Fe(c) ? { "data-motion-emoji": !0 } : void 0, k = c === " " ? " " : c;
+    s.push(
+      /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: d, ...g, children: k }, u)
+    );
+  }
+  return s;
+}
+function le(r) {
+  if (!r)
+    return [];
+  const e = ur();
+  return e ? Array.from(e.segment(r), (t) => t.segment) : dr(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;
+}
+function dr(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 = "");
+  }
+  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 Me(r) {
+  return r.codePointAt(0) === 8205;
+}
+function mr(r) {
+  const e = r.codePointAt(0);
+  return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
+}
+function pr(r) {
+  const e = r.codePointAt(0);
+  return e === void 0 ? !1 : e >= 127995 && e <= 127999;
+}
+function Ie(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;
+}
+function gr() {
+  try {
+    const r = new RegExp("\\p{Mark}", "u");
+    return (e) => r.test(e);
+  } catch {
+    return (r) => {
+      const e = r.codePointAt(0);
+      return e === void 0 ? !1 : e >= 768 && e <= 879 || e >= 6832 && e <= 6911 || e >= 7616 && e <= 7679 || e >= 8400 && e <= 8447 || e >= 12441 && e <= 12442 || e >= 65056 && e <= 65071;
+    };
+  }
+}
+let oe;
+function Fe(r) {
+  return r ? (oe || (oe = yr()), oe(r)) : !1;
+}
+function yr() {
+  try {
+    const r = new RegExp("\\p{Extended_Pictographic}", "u");
+    return (e) => r.test(e);
+  } catch {
+    return Sr;
+  }
+}
+function Sr(r) {
+  if (!r)
+    return !1;
+  for (const e of Array.from(r)) {
+    const t = e.codePointAt(0);
+    if (t !== void 0 && (t >= 126976 && t <= 127231 || t >= 127232 && t <= 127487 || t >= 127488 && t <= 127743 || t >= 127744 && t <= 128511 || t >= 128512 && t <= 128591 || t >= 128640 && t <= 128767 || t >= 128768 && t <= 128895 || t >= 128896 && t <= 129023 || t >= 129024 && t <= 129279 || t >= 129280 && t <= 129535 || t >= 129536 && t <= 129791 || t >= 9728 && t <= 9983 || t >= 9984 && t <= 10175 || t === 8205 || t === 65039 || t === 8419))
+      return !0;
+  }
+  return !1;
+}
+function br(r) {
+  const e = [];
+  let t = "", n = 0;
+  for (let o = 0; o < r.length; o++) {
+    const s = r[o];
+    if (s === `
+`) {
+      n += 1;
+      continue;
+    }
+    n > 0 && (e.push({ text: t, breaks: n }), t = "", n = 0), t += s;
+  }
+  return (n > 0 || t.length > 0) && e.push({ text: t, breaks: n }), e;
+}
+function vr(r) {
+  if (r.length === 0)
+    return [];
+  const e = [];
+  let t = [];
+  for (const n of r)
+    t.push(n), n.breaks >= 2 && (e.push(t), t = []);
+  return t.length > 0 && e.push(t), e;
+}
+function P(r, e) {
+  return (r & e) === e;
+}
+function H(r) {
+  return {
+    "--tw-motion-seq-index": r.toString(),
+    backgroundColor: "inherit",
+    backgroundImage: "inherit",
+    backgroundClip: "inherit",
+    WebkitBackgroundClip: "inherit",
+    backgroundAttachment: "inherit",
+    backgroundPosition: "inherit",
+    backgroundRepeat: "inherit",
+    backgroundSize: "inherit",
+    backgroundOrigin: "inherit",
+    backgroundBlendMode: "inherit",
+    color: "inherit",
+    WebkitTextFillColor: "inherit"
+  };
+}
+function Pe(r) {
+  if (!r)
+    return r;
+  const e = le(r);
+  if (e.length === 0)
+    return r;
+  const { nodes: t, sawEmoji: n } = $e(e);
+  return n ? t.length === 1 ? t[0] ?? r : t : r;
+}
+function $e(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)) {
+      o = !0, i();
+      const u = `motion-emoji-${e ? e.emoji++ : s++}`;
+      t.push(
+        /* @__PURE__ */ S.jsx("span", { "data-motion-emoji": !0, children: c }, u)
+      );
+      continue;
+    }
+    n += c;
+  }
+  return i(), o ? { nodes: t, sawEmoji: !0 } : { nodes: [r.join("")], sawEmoji: !1 };
+}
+function Er(r) {
+  if (!r)
+    return p.None;
+  const e = r.trim();
+  if (!e)
+    return p.None;
+  const t = Oe.get(e);
+  if (typeof t == "number")
+    return t;
+  if (typeof document > "u")
+    return p.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_-])`)
+  );
+  let i = p.None, c = !1;
+  for (const l of Array.from(document.styleSheets)) {
+    let u;
+    try {
+      u = l.cssRules;
+    } catch {
+      continue;
+    }
+    const d = Ve(u, s);
+    if (d.mask && (i |= d.mask, i === ce))
+      break;
+    c ||= d.sawStyleRule;
+  }
+  return (i !== p.None || c) && Oe.set(e, i), i;
+}
+function Ve(r, e) {
+  if (!r)
+    return { mask: p.None, sawStyleRule: !1 };
+  let t = p.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;
+        n = !0;
+        for (const u of rr)
+          u.hints.some((d) => c.includes(d)) && (t |= u.flag);
+        if (t === ce)
+          return { mask: t, sawStyleRule: !0 };
+      } else if ("cssRules" in s) {
+        const i = Ve(s.cssRules, e);
+        if (i.mask && (t |= i.mask, t === ce))
+          return { mask: t, sawStyleRule: !0 };
+        n ||= i.sawStyleRule;
+      }
+    }
+  }
+  return { mask: t, sawStyleRule: n };
+}
+function wr(r) {
+  return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
+}
+function Rr(r) {
+  return r.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
 export {
-  He as IKON_UI_BASE_MODULE,
-  H as IKON_UI_STREAM_CATEGORY,
-  At as IkonUi,
-  Ze as IkonUiRegistry,
-  Ot as IkonUiSurface,
-  De as UiComponentRegistry,
-  $e as UiRenderer,
-  Lt as UiStreamStore,
-  jt as areIkonUiModuleListsEqual,
-  Ge as createBaseResolvers,
-  wt as createComponentLibrary,
-  _t as createIkonUiRegistry,
-  qe as isIkonUiCategoryMatch,
-  Xe as loadBaseModule,
-  Rt as normalizeIkonUiModuleList,
-  Pt as parseIkonUiInitPayload,
-  Tt as readIkonUiModules,
-  It as readIkonUiModulesFromSources,
-  Ke as registerBaseModule,
-  Mt as useIkonStyles,
-  Ue as useUiStore
+  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
 };