@ikonai/sdk-react-ui-rive 0.0.27 → 0.0.29

package/index.js

@@ -1,6 +1,7 @@
-import me, { useMemo as B, useRef as oe, useEffect as V, useCallback as Y } from "react";
-import { Fit as T, Alignment as O, Layout as ge, useRive as be, EventType as G } from "@rive-app/react-canvas";
-var q = { exports: {} }, D = {};
+import me, { memo as ge, useMemo as V, useRef as se, useEffect as Y, useCallback as q } from "react";
+import { Fit as _, Alignment as O, Layout as be, useRive as ve, EventType as Z } from "@rive-app/react-canvas";
+import { useUiNode as he } from "@ikonai/sdk-react-ui";
+var U = { exports: {} }, z = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +11,29 @@ var q = { exports: {} }, D = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ie;
-function he() {
-  if (ie) return D;
-  ie = 1;
-  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function o(a, i, r) {
-    var l = null;
-    if (r !== void 0 && (l = "" + r), i.key !== void 0 && (l = "" + i.key), "key" in i) {
-      r = {};
-      for (var p in i)
-        p !== "key" && (r[p] = i[p]);
-    } else r = i;
-    return i = r.ref, {
+var ae;
+function pe() {
+  if (ae) return z;
+  ae = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function o(a, i, n) {
+    var f = null;
+    if (n !== void 0 && (f = "" + n), i.key !== void 0 && (f = "" + i.key), "key" in i) {
+      n = {};
+      for (var E in i)
+        E !== "key" && (n[E] = i[E]);
+    } else n = i;
+    return i = n.ref, {
       $$typeof: e,
       type: a,
-      key: l,
+      key: f,
       ref: i !== void 0 ? i : null,
-      props: r
+      props: n
     };
   }
-  return D.Fragment = n, D.jsx = o, D.jsxs = o, D;
+  return z.Fragment = r, z.jsx = o, z.jsxs = o, z;
 }
-var z = {};
+var B = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,26 +43,26 @@ var z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var se;
-function ve() {
-  return se || (se = 1, process.env.NODE_ENV !== "production" && function() {
+var ce;
+function ye() {
+  return ce || (ce = 1, process.env.NODE_ENV !== "production" && function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === le ? null : t.displayName || t.name || null;
+        return t.$$typeof === W ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case M:
+        case x:
           return "Fragment";
         case S:
           return "Profiler";
         case P:
           return "StrictMode";
-        case g:
-          return "Suspense";
         case b:
+          return "Suspense";
+        case v:
           return "SuspenseList";
-        case ue:
+        case K:
           return "Activity";
       }
       if (typeof t == "object")
@@ -74,10 +75,10 @@ function ve() {
             return (t.displayName || "Context") + ".Provider";
           case u:
             return (t._context.displayName || "Context") + ".Consumer";
-          case f:
+          case d:
             var s = t.render;
             return t = t.displayName, t || (t = s.displayName || s.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case d:
+          case m:
             return s = t.displayName || null, s !== null ? s : e(t.type) || "Memo";
           case h:
             s = t._payload, t = t._init;
@@ -88,28 +89,28 @@ function ve() {
         }
       return null;
     }
-    function n(t) {
+    function r(t) {
       return "" + t;
     }
     function o(t) {
       try {
-        n(t);
+        r(t);
         var s = !1;
       } catch {
         s = !0;
       }
       if (s) {
         s = console;
-        var m = s.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return m.call(
+        var g = s.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return g.call(
           s,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           y
-        ), n(t);
+        ), r(t);
       }
     }
     function a(t) {
-      if (t === M) return "<>";
+      if (t === x) return "<>";
       if (typeof t == "object" && t !== null && t.$$typeof === h)
         return "<...>";
       try {
@@ -120,47 +121,47 @@ function ve() {
       }
     }
     function i() {
-      var t = $.A;
+      var t = D.A;
       return t === null ? null : t.getOwner();
     }
-    function r() {
+    function n() {
       return Error("react-stack-top-frame");
     }
-    function l(t) {
-      if (Z.call(t, "key")) {
+    function f(t) {
+      if (ee.call(t, "key")) {
         var s = Object.getOwnPropertyDescriptor(t, "key").get;
         if (s && s.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function p(t, s) {
-      function m() {
-        Q || (Q = !0, console.error(
+    function E(t, s) {
+      function g() {
+        te || (te = !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)",
           s
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: m,
+      g.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: g,
         configurable: !0
       });
     }
-    function _() {
+    function l() {
       var t = e(this.type);
-      return ee[t] || (ee[t] = !0, console.error(
+      return re[t] || (re[t] = !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."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function k(t, s, m, y, N, A, W, H) {
-      return m = A.ref, t = {
+    function T(t, s, g, y, N, A, J, G) {
+      return g = A.ref, t = {
         $$typeof: I,
         type: t,
         key: s,
         props: A,
         _owner: N
-      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(t, "ref", {
+      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: _
+        get: l
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -175,33 +176,33 @@ function ve() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
+        value: J
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: G
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function v(t, s, m, y, N, A, W, H) {
+    function p(t, s, g, y, N, A, J, G) {
       var R = s.children;
       if (R !== void 0)
         if (y)
           if (fe(R)) {
             for (y = 0; y < R.length; y++)
-              E(R[y]);
+              w(R[y]);
             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(R);
-      if (Z.call(s, "key")) {
+        else w(R);
+      if (ee.call(s, "key")) {
         R = e(t);
         var F = Object.keys(s).filter(function(de) {
           return de !== "key";
         });
-        y = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", ne[R + y] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", ie[R + y] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -212,31 +213,31 @@ React keys must be passed directly to JSX without using spread:
           R,
           F,
           R
-        ), ne[R + y] = !0);
+        ), ie[R + y] = !0);
       }
-      if (R = null, m !== void 0 && (o(m), R = "" + m), l(s) && (o(s.key), R = "" + s.key), "key" in s) {
-        m = {};
-        for (var J in s)
-          J !== "key" && (m[J] = s[J]);
-      } else m = s;
-      return R && p(
-        m,
+      if (R = null, g !== void 0 && (o(g), R = "" + g), f(s) && (o(s.key), R = "" + s.key), "key" in s) {
+        g = {};
+        for (var X in s)
+          X !== "key" && (g[X] = s[X]);
+      } else g = s;
+      return R && E(
+        g,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), k(
+      ), T(
         t,
         R,
         A,
         N,
         i(),
-        m,
-        W,
-        H
+        g,
+        J,
+        G
       );
     }
-    function E(t) {
+    function w(t) {
       typeof t == "object" && t !== null && t.$$typeof === I && t._store && (t._store.validated = 1);
     }
-    var j = me, I = Symbol.for("react.transitional.element"), L = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), u = Symbol.for("react.consumer"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), ue = Symbol.for("react.activity"), le = Symbol.for("react.client.reference"), $ = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, fe = Array.isArray, K = console.createTask ? console.createTask : function() {
+    var j = me, I = Symbol.for("react.transitional.element"), L = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), u = Symbol.for("react.consumer"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), W = Symbol.for("react.client.reference"), D = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, fe = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
@@ -244,52 +245,52 @@ React keys must be passed directly to JSX without using spread:
         return t();
       }
     };
-    var Q, ee = {}, te = j["react-stack-bottom-frame"].bind(
+    var te, re = {}, ne = j["react-stack-bottom-frame"].bind(
       j,
-      r
-    )(), re = K(a(r)), ne = {};
-    z.Fragment = M, z.jsx = function(t, s, m, y, N) {
-      var A = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return v(
+      n
+    )(), oe = H(a(n)), ie = {};
+    B.Fragment = x, B.jsx = function(t, s, g, y, N) {
+      var A = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return p(
         t,
         s,
-        m,
+        g,
         !1,
         y,
         N,
-        A ? Error("react-stack-top-frame") : te,
-        A ? K(a(t)) : re
+        A ? Error("react-stack-top-frame") : ne,
+        A ? H(a(t)) : oe
       );
-    }, z.jsxs = function(t, s, m, y, N) {
-      var A = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return v(
+    }, B.jsxs = function(t, s, g, y, N) {
+      var A = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return p(
         t,
         s,
-        m,
+        g,
         !0,
         y,
         N,
-        A ? Error("react-stack-top-frame") : te,
-        A ? K(a(t)) : re
+        A ? Error("react-stack-top-frame") : ne,
+        A ? H(a(t)) : oe
       );
     };
-  }()), z;
+  }()), B;
 }
-var ae;
-function pe() {
-  return ae || (ae = 1, process.env.NODE_ENV === "production" ? q.exports = he() : q.exports = ve()), q.exports;
+var ue;
+function Re() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? U.exports = pe() : U.exports = ye()), U.exports;
 }
-var X = pe();
+var Q = Re();
 function C(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function w(e) {
+function k(e) {
   if (typeof e == "string") {
-    const n = e.trim();
-    return n.length > 0 ? n : void 0;
+    const r = e.trim();
+    return r.length > 0 ? r : void 0;
   }
 }
-function x(e) {
+function M(e) {
   if (typeof e == "boolean")
     return e;
   if (typeof e == "string") {
@@ -299,31 +300,31 @@ function x(e) {
       return !1;
   }
 }
-function U(e) {
+function $(e) {
   if (typeof e == "number" && Number.isFinite(e))
     return e;
   if (typeof e == "string") {
-    const n = Number(e.trim());
-    return Number.isFinite(n) ? n : void 0;
+    const r = Number(e.trim());
+    return Number.isFinite(r) ? r : void 0;
   }
 }
-function ce(e) {
+function le(e) {
   if (typeof e == "number" && Number.isFinite(e))
     return `${e}px`;
   if (typeof e == "string") {
-    const n = e.trim();
-    return n.length > 0 ? n : void 0;
+    const r = e.trim();
+    return r.length > 0 ? r : void 0;
   }
 }
-function ye(e, n, o) {
+function Ee(e, r, o) {
   const a = [];
   for (const i of e)
     if (typeof i == "string") {
-      const r = i.trim();
-      r.length > 0 && a.push(r);
+      const n = i.trim();
+      n.length > 0 && a.push(n);
     }
-  if (typeof n == "string") {
-    const i = n.trim();
+  if (typeof r == "string") {
+    const i = r.trim();
     i.length > 0 && a.push(i);
   }
   if (typeof o == "string") {
@@ -332,36 +333,36 @@ function ye(e, n, o) {
   }
   return a.length > 0 ? a.join(" ") : void 0;
 }
-function Re(e) {
+function we(e) {
   if (typeof e == "string") {
-    const n = e.trim();
-    return n.length > 0 ? [n] : void 0;
+    const r = e.trim();
+    return r.length > 0 ? [r] : void 0;
   }
   if (Array.isArray(e)) {
-    const n = e.map((o) => typeof o == "string" ? o.trim() : "").filter((o) => o.length > 0);
-    return n.length > 0 ? Array.from(new Set(n)) : void 0;
+    const r = e.map((o) => typeof o == "string" ? o.trim() : "").filter((o) => o.length > 0);
+    return r.length > 0 ? Array.from(new Set(r)) : void 0;
   }
 }
-const Ee = {
-  contain: T.Contain,
-  cover: T.Cover,
-  fill: T.Fill,
-  fitwidth: T.FitWidth,
-  fitheight: T.FitHeight,
-  width: T.FitWidth,
-  height: T.FitHeight,
-  scaledown: T.ScaleDown,
-  layout: T.Layout,
-  stretch: T.Fill,
-  none: T.None
+const ke = {
+  contain: _.Contain,
+  cover: _.Cover,
+  fill: _.Fill,
+  fitwidth: _.FitWidth,
+  fitheight: _.FitHeight,
+  width: _.FitWidth,
+  height: _.FitHeight,
+  scaledown: _.ScaleDown,
+  layout: _.Layout,
+  stretch: _.Fill,
+  none: _.None
 };
-function we(e) {
+function Te(e) {
   if (typeof e != "string")
     return;
-  const n = e.replace(/[-_\s]/g, "").toLowerCase();
-  return Ee[n];
+  const r = e.replace(/[-_\s]/g, "").toLowerCase();
+  return ke[r];
 }
-const ke = {
+const _e = {
   center: O.Center,
   topleft: O.TopLeft,
   topcenter: O.TopCenter,
@@ -372,185 +373,185 @@ const ke = {
   bottomcenter: O.BottomCenter,
   bottomright: O.BottomRight
 };
-function Te(e) {
+function Ae(e) {
   if (typeof e != "string")
     return;
-  const n = e.replace(/[-_\s]/g, "").toLowerCase();
-  return ke[n];
+  const r = e.replace(/[-_\s]/g, "").toLowerCase();
+  return _e[r];
 }
-function _e(e) {
+function Oe(e) {
   if (!C(e))
     return;
-  const n = {};
+  const r = {};
   let o = !1;
   for (const [a, i] of Object.entries(e)) {
-    const r = a.trim();
-    if (!r)
+    const n = a.trim();
+    if (!n)
       continue;
-    const l = x(i);
-    l !== void 0 && (n[r] = l, o = !0);
+    const f = M(i);
+    f !== void 0 && (r[n] = f, o = !0);
   }
-  return o ? n : void 0;
+  return o ? r : void 0;
 }
-function Ae(e) {
+function Se(e) {
   if (!C(e))
     return;
-  const n = {};
+  const r = {};
   let o = !1;
   for (const [a, i] of Object.entries(e)) {
-    const r = a.trim();
-    if (!r)
+    const n = a.trim();
+    if (!n)
       continue;
-    const l = U(i);
-    l !== void 0 && (n[r] = l, o = !0);
+    const f = $(i);
+    f !== void 0 && (r[n] = f, o = !0);
   }
-  return o ? n : void 0;
+  return o ? r : void 0;
 }
-function Oe(e) {
+function Ce(e) {
   if (!C(e))
     return;
-  const n = {};
+  const r = {};
   let o = !1;
   for (const [a, i] of Object.entries(e)) {
-    const r = a.trim();
-    if (!r)
+    const n = a.trim();
+    if (!n)
       continue;
-    const l = w(i);
-    l && (n[r] = l, o = !0);
+    const f = k(i);
+    f && (r[n] = f, o = !0);
   }
-  return o ? n : void 0;
+  return o ? r : void 0;
 }
-function Se(e) {
+function je(e) {
   if (!C(e))
     return;
-  const n = _e(e.booleans), o = Ae(e.numbers), a = Oe(e.strings);
-  if (!(!n && !o && !a))
-    return { booleans: n, numbers: o, strings: a };
+  const r = Oe(e.booleans), o = Se(e.numbers), a = Ce(e.strings);
+  if (!(!r && !o && !a))
+    return { booleans: r, numbers: o, strings: a };
 }
-function Ce(e) {
+function Pe(e) {
   if (!Array.isArray(e))
     return;
-  const n = [];
+  const r = [];
   for (const o of e) {
     if (!C(o))
       continue;
-    const a = w(o.name), i = U(o.sequence);
-    !a || i === void 0 || n.push({ name: a, sequence: i });
+    const a = k(o.name), i = $(o.sequence);
+    !a || i === void 0 || r.push({ name: a, sequence: i });
   }
-  if (n.length !== 0)
-    return n;
+  if (r.length !== 0)
+    return r;
 }
-function je(e) {
+function Ne(e) {
   if (!C(e))
     return;
-  const n = {};
+  const r = {};
   let o = !1;
   for (const [a, i] of Object.entries(e)) {
-    const r = a.trim();
-    if (r) {
+    const n = a.trim();
+    if (n) {
       if (typeof i == "boolean") {
-        n[r] = i, o = !0;
+        r[n] = i, o = !0;
         continue;
       }
       if (typeof i == "number" && Number.isFinite(i)) {
-        n[r] = i, o = !0;
+        r[n] = i, o = !0;
         continue;
       }
       if (typeof i == "string") {
-        const l = i.trim();
-        if (!l)
+        const f = i.trim();
+        if (!f)
           continue;
-        n[r] = l, o = !0;
+        r[n] = f, o = !0;
       }
     }
   }
-  return o ? n : void 0;
+  return o ? r : void 0;
 }
-function Pe(e) {
+function Me(e) {
   if (!C(e))
     return;
-  const n = w(e.name);
-  if (!n)
+  const r = k(e.name);
+  if (!r)
     return;
-  const o = U(e.type), a = U(e.delay), i = w(e.url), r = w(e.target), l = je(e.properties);
+  const o = $(e.type), a = $(e.delay), i = k(e.url), n = k(e.target), f = Ne(e.properties);
   return {
-    name: n,
+    name: r,
     type: o === void 0 ? void 0 : Math.trunc(o),
     delay: a,
     url: i,
-    target: r,
-    properties: l
+    target: n,
+    properties: f
   };
 }
-function Ne(e) {
+function xe(e) {
   if (!C(e))
     return;
-  const n = {};
+  const r = {};
   let o = !1;
   for (const [a, i] of Object.entries(e)) {
-    const r = a.trim();
-    if (!r)
+    const n = a.trim();
+    if (!n)
       continue;
-    const l = w(i);
-    l && (n[r] = l, o = !0);
+    const f = k(i);
+    f && (r[n] = f, o = !0);
   }
-  return o ? n : void 0;
+  return o ? r : void 0;
 }
-function xe(e) {
+function Ie(e) {
   if (!Array.isArray(e))
     return;
-  const n = [];
+  const r = [];
   for (const o of e) {
     if (!C(o))
       continue;
-    const a = w(o.key), i = w(o.input), r = w(o.kind);
-    if (!a || !i || !r)
+    const a = k(o.key), i = k(o.input), n = k(o.kind);
+    if (!a || !i || !n)
       continue;
-    const l = a.replace(/[-_\s]+/g, "").toLowerCase();
-    let p;
-    switch (l) {
+    const f = a.replace(/[-_\s]+/g, "").toLowerCase();
+    let E;
+    switch (f) {
       case "arrowup":
       case "up":
-        p = "ArrowUp";
+        E = "ArrowUp";
         break;
       case "arrowdown":
       case "down":
-        p = "ArrowDown";
+        E = "ArrowDown";
         break;
       case "arrowleft":
       case "left":
-        p = "ArrowLeft";
+        E = "ArrowLeft";
         break;
       case "arrowright":
       case "right":
-        p = "ArrowRight";
+        E = "ArrowRight";
         break;
       default:
         continue;
     }
-    const _ = r.replace(/[-_\s]+/g, "").toLowerCase();
-    let k;
-    _ === "boolean" ? k = "boolean" : _ === "trigger" && (k = "trigger"), k && n.push({ key: p, input: i, kind: k });
+    const l = n.replace(/[-_\s]+/g, "").toLowerCase();
+    let T;
+    l === "boolean" ? T = "boolean" : l === "trigger" && (T = "trigger"), T && r.push({ key: E, input: i, kind: T });
   }
-  return n.length > 0 ? n : void 0;
+  return r.length > 0 ? r : void 0;
 }
-function Me(e, n) {
-  return n.byteLength > 0 ? (e.decode(n), !0) : !1;
+function Fe(e, r) {
+  return r.byteLength > 0 ? (e.decode(r), !0) : !1;
 }
-function Ie() {
+function Le() {
   if (typeof globalThis > "u")
     return !1;
-  const e = globalThis, n = typeof e.OffscreenCanvas < "u", o = typeof e.crossOriginIsolated == "boolean" ? e.crossOriginIsolated : !1;
-  return n && o;
+  const e = globalThis, r = typeof e.OffscreenCanvas < "u", o = typeof e.crossOriginIsolated == "boolean" ? e.crossOriginIsolated : !1;
+  return r && o;
 }
-function Fe(e) {
-  const n = B(
-    () => new ge({
-      fit: e.layoutFit ?? T.Contain,
+function De(e) {
+  const r = V(
+    () => new be({
+      fit: e.layoutFit ?? _.Contain,
       alignment: e.layoutAlignment ?? O.Center
     }),
     [e.layoutFit, e.layoutAlignment]
-  ), o = B(() => Ie(), []), a = (e.useOffscreenRenderer ?? !0) && o, i = {
+  ), o = V(() => Le(), []), a = (e.useOffscreenRenderer ?? !0) && o, i = {
     src: e.src,
     stateMachines: e.stateMachines,
     autoplay: e.autoplay ?? !0,
@@ -560,220 +561,219 @@ function Fe(e) {
     dispatchPointerExit: e.dispatchPointerExit,
     isTouchScrollEnabled: e.isTouchScrollEnabled,
     shouldDisableRiveListeners: e.shouldDisableRiveListeners,
-    layout: n,
-    assetLoader: Me
-  }, { rive: r, RiveComponent: l } = be(i), p = oe(/* @__PURE__ */ new Map()), { dispatchAction: _ } = e, k = B(() => {
+    layout: r,
+    assetLoader: Fe
+  }, { rive: n, RiveComponent: f } = ve(i), E = se(/* @__PURE__ */ new Map()), { dispatchAction: l } = e, T = V(() => {
     if (!e.eventHandlers)
       return;
     const u = Object.entries(e.eventHandlers);
     if (u.length === 0)
       return;
     const c = /* @__PURE__ */ new Map();
-    for (const [f, g] of u) {
-      const b = f.trim();
-      if (!b)
+    for (const [d, b] of u) {
+      const v = d.trim();
+      if (!v)
         continue;
-      const d = g.trim();
-      d && c.set(b, d);
+      const m = b.trim();
+      m && c.set(v, m);
     }
     return c.size > 0 ? c : void 0;
-  }, [e.eventHandlers]), v = B(() => {
+  }, [e.eventHandlers]), p = V(() => {
     if (!e.keyboardBindings || e.keyboardBindings.length === 0)
       return;
     const u = /* @__PURE__ */ new Map();
     for (const c of e.keyboardBindings) {
-      const f = u.get(c.key);
-      f ? f.push(c) : u.set(c.key, [c]);
+      const d = u.get(c.key);
+      d ? d.push(c) : u.set(c.key, [c]);
     }
     return u;
-  }, [e.keyboardBindings]), E = oe(/* @__PURE__ */ new Set());
-  V(() => {
-    E.current.clear();
-  }, [v]), V(() => {
-    const u = r?.viewModelInstance;
+  }, [e.keyboardBindings]), w = se(/* @__PURE__ */ new Set());
+  Y(() => {
+    w.current.clear();
+  }, [p]), Y(() => {
+    const u = n?.viewModelInstance;
     if (!u)
       return;
     const c = e.viewModel?.booleans;
     if (c)
-      for (const [b, d] of Object.entries(c)) {
-        const h = u.boolean(b);
-        h && (h.value = d);
+      for (const [v, m] of Object.entries(c)) {
+        const h = u.boolean(v);
+        h && (h.value = m);
       }
-    const f = e.viewModel?.numbers;
-    if (f)
-      for (const [b, d] of Object.entries(f)) {
-        const h = u.number(b);
-        h && (h.value = d);
+    const d = e.viewModel?.numbers;
+    if (d)
+      for (const [v, m] of Object.entries(d)) {
+        const h = u.number(v);
+        h && (h.value = m);
       }
-    const g = e.viewModel?.strings;
-    if (g)
-      for (const [b, d] of Object.entries(g)) {
-        const h = u.string(b);
-        h && (h.value = d);
+    const b = e.viewModel?.strings;
+    if (b)
+      for (const [v, m] of Object.entries(b)) {
+        const h = u.string(v);
+        h && (h.value = m);
       }
-  }, [e.viewModel, r]), V(() => {
-    const u = r?.viewModelInstance;
+  }, [e.viewModel, n]), Y(() => {
+    const u = n?.viewModelInstance;
     if (!(!u || !e.triggerRequests))
       for (const c of e.triggerRequests) {
-        const f = p.current.get(c.name);
-        if (f !== void 0 && c.sequence <= f)
+        const d = E.current.get(c.name);
+        if (d !== void 0 && c.sequence <= d)
           continue;
-        p.current.set(c.name, c.sequence), u.trigger(c.name)?.trigger();
+        E.current.set(c.name, c.sequence), u.trigger(c.name)?.trigger();
       }
-  }, [e.triggerRequests, r]), V(() => {
-    if (!r || !k || !_)
+  }, [e.triggerRequests, n]), Y(() => {
+    if (!n || !T || !l)
       return;
     const u = (c) => {
-      if (c.type !== G.RiveEvent)
+      if (c.type !== Z.RiveEvent)
         return;
-      const f = Pe(c.data);
-      if (!f)
+      const d = Me(c.data);
+      if (!d)
         return;
-      const g = k.get(f.name);
-      g && _(g, f);
+      const b = T.get(d.name);
+      b && l(b, d);
     };
-    return r.on?.(G.RiveEvent, u), () => {
-      r.off?.(G.RiveEvent, u);
+    return n.on?.(Z.RiveEvent, u), () => {
+      n.off?.(Z.RiveEvent, u);
     };
-  }, [r, k, _]);
-  const j = Y(
+  }, [n, T, l]);
+  const j = q(
     (u) => {
-      v && u.currentTarget.focus();
+      p && u.currentTarget.focus();
     },
-    [v]
-  ), I = Y(
+    [p]
+  ), I = q(
     (u) => {
-      if (!v)
+      if (!p)
         return;
-      const c = u.key, f = v.get(c);
-      if (!f || f.length === 0)
+      const c = u.key, d = p.get(c);
+      if (!d || d.length === 0)
         return;
-      if (E.current.has(c)) {
+      if (w.current.has(c)) {
         u.preventDefault();
         return;
       }
-      const g = r?.viewModelInstance;
-      if (!g)
+      const b = n?.viewModelInstance;
+      if (!b)
         return;
-      let b = !1;
-      for (const d of f)
-        if (d.kind === "boolean") {
-          const h = g.boolean(d.input);
-          h && (h.value = !0, b = !0);
-        } else if (d.kind === "trigger") {
-          const h = g.trigger(d.input);
-          h && (h.trigger(), b = !0);
+      let v = !1;
+      for (const m of d)
+        if (m.kind === "boolean") {
+          const h = b.boolean(m.input);
+          h && (h.value = !0, v = !0);
+        } else if (m.kind === "trigger") {
+          const h = b.trigger(m.input);
+          h && (h.trigger(), v = !0);
         }
-      b && (E.current.add(c), u.preventDefault());
+      v && (w.current.add(c), u.preventDefault());
     },
-    [v, r]
-  ), L = Y(
+    [p, n]
+  ), L = q(
     (u) => {
-      if (!v)
+      if (!p)
         return;
-      const c = u.key, f = v.get(c);
-      if (!f || f.length === 0)
+      const c = u.key, d = p.get(c);
+      if (!d || d.length === 0)
         return;
-      const g = r?.viewModelInstance;
-      if (!g) {
-        E.current.delete(c);
+      const b = n?.viewModelInstance;
+      if (!b) {
+        w.current.delete(c);
         return;
       }
-      E.current.delete(c);
-      let b = !1;
-      for (const d of f) {
-        if (d.kind !== "boolean")
+      w.current.delete(c);
+      let v = !1;
+      for (const m of d) {
+        if (m.kind !== "boolean")
           continue;
-        const h = g.boolean(d.input);
-        h && (h.value = !1, b = !0);
+        const h = b.boolean(m.input);
+        h && (h.value = !1, v = !0);
       }
-      b && u.preventDefault();
+      v && u.preventDefault();
     },
-    [v, r]
-  ), M = Y(() => {
-    if (!v || v.size === 0) {
-      E.current.clear();
+    [p, n]
+  ), x = q(() => {
+    if (!p || p.size === 0) {
+      w.current.clear();
       return;
     }
-    const u = r?.viewModelInstance, c = Array.from(E.current);
-    if (E.current.clear(), !!u)
-      for (const f of c) {
-        const g = v.get(f);
-        if (g)
-          for (const b of g) {
-            if (b.kind !== "boolean")
+    const u = n?.viewModelInstance, c = Array.from(w.current);
+    if (w.current.clear(), !!u)
+      for (const d of c) {
+        const b = p.get(d);
+        if (b)
+          for (const v of b) {
+            if (v.kind !== "boolean")
               continue;
-            const d = u.boolean(b.input);
-            d && (d.value = !1);
+            const m = u.boolean(v.input);
+            m && (m.value = !1);
           }
       }
-  }, [v, r]), P = {};
+  }, [p, n]), P = {};
   e.backgroundColor && (P.backgroundColor = e.backgroundColor), e.width && (P.width = e.width), e.height && (P.height = e.height);
-  const S = !!v;
-  return /* @__PURE__ */ X.jsx("div", { className: e.className, style: P, children: /* @__PURE__ */ X.jsx(
-    l,
+  const S = !!p;
+  return /* @__PURE__ */ Q.jsx("div", { className: e.className, style: P, children: /* @__PURE__ */ Q.jsx(
+    f,
     {
       style: { width: "100%", height: "100%", backgroundColor: "transparent" },
       tabIndex: S ? 0 : void 0,
       onPointerDown: S ? j : void 0,
       onKeyDown: S ? I : void 0,
       onKeyUp: S ? L : void 0,
-      onBlur: S ? M : void 0
+      onBlur: S ? x : void 0
     }
   ) });
 }
-function Le() {
+function ze() {
   return (e) => {
     if (e.type !== "rive-canvas")
       return;
-    const n = w(e.props.src);
-    if (n)
-      return ({ node: o, context: a, className: i }) => {
-        const r = o ?? e, l = w(r.props.src) ?? n, p = Re(r.props.stateMachines), _ = x(r.props.autoplay), k = x(r.props.autoBind), v = x(r.props.useOffscreenRenderer), E = x(r.props.enableMultiTouch), j = x(r.props.dispatchPointerExit), I = x(r.props.isTouchScrollEnabled), L = x(r.props.shouldDisableRiveListeners), M = xe(r.props.keyboardBindings), P = we(r.props.layoutFit), S = Te(r.props.layoutAlignment), u = w(r.props.backgroundColor), c = ce(r.props.width), f = ce(r.props.height), g = Se(r.props.viewModel), b = Ce(r.props.triggerRequests), d = Ne(r.props.eventHandlers), h = ye(
-          r.styleIds,
-          i,
-          w(r.props.style)
-        );
-        return /* @__PURE__ */ X.jsx(
-          Fe,
-          {
-            src: l,
-            stateMachines: p,
-            autoplay: _,
-            autoBind: k,
-            useOffscreenRenderer: v,
-            enableMultiTouch: E,
-            dispatchPointerExit: j,
-            isTouchScrollEnabled: I,
-            shouldDisableRiveListeners: L,
-            keyboardBindings: M,
-            layoutFit: P,
-            layoutAlignment: S,
-            backgroundColor: u,
-            width: c,
-            height: f,
-            viewModel: g,
-            triggerRequests: b,
-            eventHandlers: d,
-            dispatchAction: a.dispatchAction,
-            className: h
-          }
-        );
-      };
+    const r = k(e.props.src);
+    return r ? ge(function({ nodeId: i, context: n, className: f }) {
+      const l = he(n.store, i) ?? e, T = k(l.props.src) ?? r, p = we(l.props.stateMachines), w = M(l.props.autoplay), j = M(l.props.autoBind), I = M(l.props.useOffscreenRenderer), L = M(l.props.enableMultiTouch), x = M(l.props.dispatchPointerExit), P = M(l.props.isTouchScrollEnabled), S = M(l.props.shouldDisableRiveListeners), u = Ie(l.props.keyboardBindings), c = Te(l.props.layoutFit), d = Ae(l.props.layoutAlignment), b = k(l.props.backgroundColor), v = le(l.props.width), m = le(l.props.height), h = je(l.props.viewModel), K = Pe(l.props.triggerRequests), W = xe(l.props.eventHandlers), D = Ee(
+        l.styleIds,
+        f,
+        k(l.props.style)
+      );
+      return /* @__PURE__ */ Q.jsx(
+        De,
+        {
+          src: T,
+          stateMachines: p,
+          autoplay: w,
+          autoBind: j,
+          useOffscreenRenderer: I,
+          enableMultiTouch: L,
+          dispatchPointerExit: x,
+          isTouchScrollEnabled: P,
+          shouldDisableRiveListeners: S,
+          keyboardBindings: u,
+          layoutFit: c,
+          layoutAlignment: d,
+          backgroundColor: b,
+          width: v,
+          height: m,
+          viewModel: h,
+          triggerRequests: K,
+          eventHandlers: W,
+          dispatchAction: n.dispatchAction,
+          className: D
+        }
+      );
+    }) : void 0;
   };
 }
-const De = "rive";
-function ze() {
-  return [Le()];
+const Be = "rive";
+function Ve() {
+  return [ze()];
 }
-const Be = () => ze();
-function qe(e) {
-  e.registerModule(De, Be);
+const Ye = () => Ve();
+function Ke(e) {
+  e.registerModule(Be, Ye);
 }
 export {
-  De as IKON_UI_RIVE_MODULE,
-  Le as createRiveCanvasResolver,
-  ze as createRiveResolvers,
-  Be as loadRiveModule,
-  qe as registerRiveModule
+  Be as IKON_UI_RIVE_MODULE,
+  ze as createRiveCanvasResolver,
+  Ve as createRiveResolvers,
+  Ye as loadRiveModule,
+  Ke as registerRiveModule
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonai/sdk-react-ui-rive",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",