@ikonai/sdk-react-ui-rive 0.0.11

package/components/rive-canvas.d.ts

@@ -0,0 +1,2 @@
+import { IkonUiComponentResolver } from '../../../sdk-react-ui/src/index.ts';
+export declare function createRiveCanvasResolver(): IkonUiComponentResolver;

package/index.d.ts

@@ -0,0 +1,2 @@
+export { IKON_UI_RIVE_MODULE, createRiveResolvers, loadRiveModule, registerRiveModule } from './rive-module';
+export { createRiveCanvasResolver } from './components/rive-canvas';

package/index.js

@@ -0,0 +1,779 @@
+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 = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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, {
+      $$typeof: e,
+      type: a,
+      key: l,
+      ref: i !== void 0 ? i : null,
+      props: r
+    };
+  }
+  return D.Fragment = n, D.jsx = o, D.jsxs = o, D;
+}
+var z = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === le ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case M:
+          return "Fragment";
+        case S:
+          return "Profiler";
+        case P:
+          return "StrictMode";
+        case g:
+          return "Suspense";
+        case b:
+          return "SuspenseList";
+        case ue:
+          return "Activity";
+      }
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), t.$$typeof) {
+          case L:
+            return "Portal";
+          case c:
+            return (t.displayName || "Context") + ".Provider";
+          case u:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case f:
+            var s = t.render;
+            return t = t.displayName, t || (t = s.displayName || s.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case d:
+            return s = t.displayName || null, s !== null ? s : e(t.type) || "Memo";
+          case h:
+            s = t._payload, t = t._init;
+            try {
+              return e(t(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(t) {
+      return "" + t;
+    }
+    function o(t) {
+      try {
+        n(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(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          y
+        ), n(t);
+      }
+    }
+    function a(t) {
+      if (t === M) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === h)
+        return "<...>";
+      try {
+        var s = e(t);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var t = $.A;
+      return t === null ? null : t.getOwner();
+    }
+    function r() {
+      return Error("react-stack-top-frame");
+    }
+    function l(t) {
+      if (Z.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(
+          "%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,
+        configurable: !0
+      });
+    }
+    function _() {
+      var t = e(this.type);
+      return ee[t] || (ee[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 = {
+        $$typeof: I,
+        type: t,
+        key: s,
+        props: A,
+        _owner: N
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: _
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: W
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: H
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function v(t, s, m, y, N, A, W, H) {
+      var R = s.children;
+      if (R !== void 0)
+        if (y)
+          if (fe(R)) {
+            for (y = 0; y < R.length; 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 E(R);
+      if (Z.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(
+          `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} />`,
+          y,
+          R,
+          F,
+          R
+        ), ne[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,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), k(
+        t,
+        R,
+        A,
+        N,
+        i(),
+        m,
+        W,
+        H
+      );
+    }
+    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"), 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() {
+      return null;
+    };
+    j = {
+      "react-stack-bottom-frame": function(t) {
+        return t();
+      }
+    };
+    var Q, ee = {}, te = 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(
+        t,
+        s,
+        m,
+        !1,
+        y,
+        N,
+        A ? Error("react-stack-top-frame") : te,
+        A ? K(a(t)) : re
+      );
+    }, z.jsxs = function(t, s, m, y, N) {
+      var A = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return v(
+        t,
+        s,
+        m,
+        !0,
+        y,
+        N,
+        A ? Error("react-stack-top-frame") : te,
+        A ? K(a(t)) : re
+      );
+    };
+  }()), z;
+}
+var ae;
+function pe() {
+  return ae || (ae = 1, process.env.NODE_ENV === "production" ? q.exports = he() : q.exports = ve()), q.exports;
+}
+var X = pe();
+function C(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function w(e) {
+  if (typeof e == "string") {
+    const n = e.trim();
+    return n.length > 0 ? n : void 0;
+  }
+}
+function x(e) {
+  if (typeof e == "boolean")
+    return e;
+  if (typeof e == "string") {
+    if (e === "true")
+      return !0;
+    if (e === "false")
+      return !1;
+  }
+}
+function U(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;
+  }
+}
+function ce(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;
+  }
+}
+function ye(e, n, o) {
+  const a = [];
+  for (const i of e)
+    if (typeof i == "string") {
+      const r = i.trim();
+      r.length > 0 && a.push(r);
+    }
+  if (typeof n == "string") {
+    const i = n.trim();
+    i.length > 0 && a.push(i);
+  }
+  if (typeof o == "string") {
+    const i = o.trim();
+    i.length > 0 && a.push(i);
+  }
+  return a.length > 0 ? a.join(" ") : void 0;
+}
+function Re(e) {
+  if (typeof e == "string") {
+    const n = e.trim();
+    return n.length > 0 ? [n] : 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 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
+};
+function we(e) {
+  if (typeof e != "string")
+    return;
+  const n = e.replace(/[-_\s]/g, "").toLowerCase();
+  return Ee[n];
+}
+const ke = {
+  center: O.Center,
+  topleft: O.TopLeft,
+  topcenter: O.TopCenter,
+  topright: O.TopRight,
+  centerleft: O.CenterLeft,
+  centerright: O.CenterRight,
+  bottomleft: O.BottomLeft,
+  bottomcenter: O.BottomCenter,
+  bottomright: O.BottomRight
+};
+function Te(e) {
+  if (typeof e != "string")
+    return;
+  const n = e.replace(/[-_\s]/g, "").toLowerCase();
+  return ke[n];
+}
+function _e(e) {
+  if (!C(e))
+    return;
+  const n = {};
+  let o = !1;
+  for (const [a, i] of Object.entries(e)) {
+    const r = a.trim();
+    if (!r)
+      continue;
+    const l = x(i);
+    l !== void 0 && (n[r] = l, o = !0);
+  }
+  return o ? n : void 0;
+}
+function Ae(e) {
+  if (!C(e))
+    return;
+  const n = {};
+  let o = !1;
+  for (const [a, i] of Object.entries(e)) {
+    const r = a.trim();
+    if (!r)
+      continue;
+    const l = U(i);
+    l !== void 0 && (n[r] = l, o = !0);
+  }
+  return o ? n : void 0;
+}
+function Oe(e) {
+  if (!C(e))
+    return;
+  const n = {};
+  let o = !1;
+  for (const [a, i] of Object.entries(e)) {
+    const r = a.trim();
+    if (!r)
+      continue;
+    const l = w(i);
+    l && (n[r] = l, o = !0);
+  }
+  return o ? n : void 0;
+}
+function Se(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 };
+}
+function Ce(e) {
+  if (!Array.isArray(e))
+    return;
+  const n = [];
+  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 });
+  }
+  if (n.length !== 0)
+    return n;
+}
+function je(e) {
+  if (!C(e))
+    return;
+  const n = {};
+  let o = !1;
+  for (const [a, i] of Object.entries(e)) {
+    const r = a.trim();
+    if (r) {
+      if (typeof i == "boolean") {
+        n[r] = i, o = !0;
+        continue;
+      }
+      if (typeof i == "number" && Number.isFinite(i)) {
+        n[r] = i, o = !0;
+        continue;
+      }
+      if (typeof i == "string") {
+        const l = i.trim();
+        if (!l)
+          continue;
+        n[r] = l, o = !0;
+      }
+    }
+  }
+  return o ? n : void 0;
+}
+function Pe(e) {
+  if (!C(e))
+    return;
+  const n = w(e.name);
+  if (!n)
+    return;
+  const o = U(e.type), a = U(e.delay), i = w(e.url), r = w(e.target), l = je(e.properties);
+  return {
+    name: n,
+    type: o === void 0 ? void 0 : Math.trunc(o),
+    delay: a,
+    url: i,
+    target: r,
+    properties: l
+  };
+}
+function Ne(e) {
+  if (!C(e))
+    return;
+  const n = {};
+  let o = !1;
+  for (const [a, i] of Object.entries(e)) {
+    const r = a.trim();
+    if (!r)
+      continue;
+    const l = w(i);
+    l && (n[r] = l, o = !0);
+  }
+  return o ? n : void 0;
+}
+function xe(e) {
+  if (!Array.isArray(e))
+    return;
+  const n = [];
+  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)
+      continue;
+    const l = a.replace(/[-_\s]+/g, "").toLowerCase();
+    let p;
+    switch (l) {
+      case "arrowup":
+      case "up":
+        p = "ArrowUp";
+        break;
+      case "arrowdown":
+      case "down":
+        p = "ArrowDown";
+        break;
+      case "arrowleft":
+      case "left":
+        p = "ArrowLeft";
+        break;
+      case "arrowright":
+      case "right":
+        p = "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 });
+  }
+  return n.length > 0 ? n : void 0;
+}
+function Me(e, n) {
+  return n.byteLength > 0 ? (e.decode(n), !0) : !1;
+}
+function Ie() {
+  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;
+}
+function Fe(e) {
+  const n = B(
+    () => new ge({
+      fit: e.layoutFit ?? T.Contain,
+      alignment: e.layoutAlignment ?? O.Center
+    }),
+    [e.layoutFit, e.layoutAlignment]
+  ), o = B(() => Ie(), []), a = (e.useOffscreenRenderer ?? !0) && o, i = {
+    src: e.src,
+    stateMachines: e.stateMachines,
+    autoplay: e.autoplay ?? !0,
+    useOffscreenRenderer: a,
+    autoBind: e.autoBind ?? !0,
+    enableMultiTouch: e.enableMultiTouch,
+    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(() => {
+    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)
+        continue;
+      const d = g.trim();
+      d && c.set(b, d);
+    }
+    return c.size > 0 ? c : void 0;
+  }, [e.eventHandlers]), v = B(() => {
+    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]);
+    }
+    return u;
+  }, [e.keyboardBindings]), E = oe(/* @__PURE__ */ new Set());
+  V(() => {
+    E.current.clear();
+  }, [v]), V(() => {
+    const u = r?.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);
+      }
+    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 g = e.viewModel?.strings;
+    if (g)
+      for (const [b, d] of Object.entries(g)) {
+        const h = u.string(b);
+        h && (h.value = d);
+      }
+  }, [e.viewModel, r]), V(() => {
+    const u = r?.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)
+          continue;
+        p.current.set(c.name, c.sequence), u.trigger(c.name)?.trigger();
+      }
+  }, [e.triggerRequests, r]), V(() => {
+    if (!r || !k || !_)
+      return;
+    const u = (c) => {
+      if (c.type !== G.RiveEvent)
+        return;
+      const f = Pe(c.data);
+      if (!f)
+        return;
+      const g = k.get(f.name);
+      g && _(g, f);
+    };
+    return r.on?.(G.RiveEvent, u), () => {
+      r.off?.(G.RiveEvent, u);
+    };
+  }, [r, k, _]);
+  const j = Y(
+    (u) => {
+      v && u.currentTarget.focus();
+    },
+    [v]
+  ), I = Y(
+    (u) => {
+      if (!v)
+        return;
+      const c = u.key, f = v.get(c);
+      if (!f || f.length === 0)
+        return;
+      if (E.current.has(c)) {
+        u.preventDefault();
+        return;
+      }
+      const g = r?.viewModelInstance;
+      if (!g)
+        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);
+        }
+      b && (E.current.add(c), u.preventDefault());
+    },
+    [v, r]
+  ), L = Y(
+    (u) => {
+      if (!v)
+        return;
+      const c = u.key, f = v.get(c);
+      if (!f || f.length === 0)
+        return;
+      const g = r?.viewModelInstance;
+      if (!g) {
+        E.current.delete(c);
+        return;
+      }
+      E.current.delete(c);
+      let b = !1;
+      for (const d of f) {
+        if (d.kind !== "boolean")
+          continue;
+        const h = g.boolean(d.input);
+        h && (h.value = !1, b = !0);
+      }
+      b && u.preventDefault();
+    },
+    [v, r]
+  ), M = Y(() => {
+    if (!v || v.size === 0) {
+      E.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")
+              continue;
+            const d = u.boolean(b.input);
+            d && (d.value = !1);
+          }
+      }
+  }, [v, r]), 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,
+    {
+      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
+    }
+  ) });
+}
+function Le() {
+  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 De = "rive";
+function ze() {
+  return [Le()];
+}
+const Be = () => ze();
+function qe(e) {
+  e.registerModule(De, Be);
+}
+export {
+  De as IKON_UI_RIVE_MODULE,
+  Le as createRiveCanvasResolver,
+  ze as createRiveResolvers,
+  Be as loadRiveModule,
+  qe as registerRiveModule
+};

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@ikonai/sdk-react-ui-rive",
+  "version": "0.0.11",
+  "type": "module",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "types": "./index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "@ikonai/sdk-react-ui": "*",
+    "@rive-app/canvas": "*",
+    "@rive-app/react-canvas": "*",
+    "react": "*",
+    "react-dom": "*"
+  }
+}

package/rive-module.d.ts

@@ -0,0 +1,5 @@
+import { IkonUiComponentResolver, IkonUiModuleLoader, IkonUiRegistry } from '../../sdk-react-ui/src/index.ts';
+export declare const IKON_UI_RIVE_MODULE = "rive";
+export declare function createRiveResolvers(): IkonUiComponentResolver[];
+export declare const loadRiveModule: IkonUiModuleLoader;
+export declare function registerRiveModule(registry: IkonUiRegistry): void;