@ikonai/sdk-react-ui-rive 1.0.2 → 1.0.3

package/index.js

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

package/package.json

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