kanvaso 0.1.0

package/README.md

@@ -0,0 +1,2 @@
+![The Canvaso Logo](https://qzeffagkkeckyyfxpcbp.supabase.co/storage/v1/object/public/images/kanvaso-banner.png)
+A javascript library that simplifying the use of canvas in HTML, React, and other frameworks.

package/dist/PenCanvas-DtR-EviW.js

@@ -0,0 +1,305 @@
+import ee, { useRef as $, useEffect as re } from "react";
+class te {
+  constructor(s) {
+    this.drawing = !1, this.enabled = !0, this.ctx = s;
+  }
+  setEnabled(s) {
+    this.enabled = s;
+  }
+  down(s, i) {
+    this.enabled && (this.drawing = !0, this.ctx.beginPath(), this.ctx.moveTo(s, i));
+  }
+  move(s, i) {
+    !this.enabled || !this.drawing || (this.ctx.lineTo(s, i), this.ctx.stroke());
+  }
+  up() {
+    this.drawing = !1, this.ctx.closePath();
+  }
+}
+function ne() {
+  const u = $(null), s = $(null);
+  return re(() => {
+    if (!u.current) return;
+    const i = u.current.getContext("2d");
+    if (!i) return;
+    const l = new te(i);
+    s.current = l;
+    const n = u.current, c = (m) => {
+      n.setPointerCapture(m.pointerId), l.down(m.offsetX, m.offsetY);
+    }, d = (m) => {
+      l.move(m.offsetX, m.offsetY);
+    }, f = () => l.up();
+    return n.addEventListener("pointerdown", c), n.addEventListener("pointermove", d), n.addEventListener("pointerup", f), n.addEventListener("pointercancel", f), () => {
+      n.removeEventListener("pointerdown", c), n.removeEventListener("pointermove", d), n.removeEventListener("pointerup", f), n.removeEventListener("pointercancel", f);
+    };
+  }, []), { canvasRef: u, pen: s };
+}
+var b = { exports: {} }, E = {};
+var I;
+function oe() {
+  if (I) return E;
+  I = 1;
+  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
+  function i(l, n, c) {
+    var d = null;
+    if (c !== void 0 && (d = "" + c), n.key !== void 0 && (d = "" + n.key), "key" in n) {
+      c = {};
+      for (var f in n)
+        f !== "key" && (c[f] = n[f]);
+    } else c = n;
+    return n = c.ref, {
+      $$typeof: u,
+      type: l,
+      key: d,
+      ref: n !== void 0 ? n : null,
+      props: c
+    };
+  }
+  return E.Fragment = s, E.jsx = i, E.jsxs = i, E;
+}
+var p = {};
+var F;
+function ae() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Z ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case T:
+          return "Fragment";
+        case q:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case X:
+          return "Suspense";
+        case G:
+          return "SuspenseList";
+        case H:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case W:
+            return "Portal";
+          case V:
+            return e.displayName || "Context";
+          case J:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case z:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case B:
+            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
+          case h:
+            r = e._payload, e = e._init;
+            try {
+              return u(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        s(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          o
+        ), s(e);
+      }
+    }
+    function l(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === h)
+        return "<...>";
+      try {
+        var r = u(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function n() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (y.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function f(e, r) {
+      function t() {
+        j || (j = !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)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function m() {
+      var e = u(this.type);
+      return N[e] || (N[e] = !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."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function M(e, r, t, o, R, x) {
+      var a = t.ref;
+      return e = {
+        $$typeof: S,
+        type: e,
+        key: r,
+        props: t,
+        _owner: o
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: m
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: R
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: x
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function O(e, r, t, o, R, x) {
+      var a = r.children;
+      if (a !== void 0)
+        if (o)
+          if (Q(a)) {
+            for (o = 0; o < a.length; o++)
+              A(a[o]);
+            Object.freeze && Object.freeze(a);
+          } 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 A(a);
+      if (y.call(r, "key")) {
+        a = u(e);
+        var v = Object.keys(r).filter(function(K) {
+          return K !== "key";
+        });
+        o = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", L[a + o] || (v = 0 < v.length ? "{" + v.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} />`,
+          o,
+          a,
+          v,
+          a
+        ), L[a + o] = !0);
+      }
+      if (a = null, t !== void 0 && (i(t), a = "" + t), d(r) && (i(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var P in r)
+          P !== "key" && (t[P] = r[P]);
+      } else t = r;
+      return a && f(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), M(
+        e,
+        a,
+        t,
+        n(),
+        R,
+        x
+      );
+    }
+    function A(e) {
+      g(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === h && (e._payload.status === "fulfilled" ? g(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function g(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === S;
+    }
+    var _ = ee, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), q = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), z = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), G = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), H = /* @__PURE__ */ Symbol.for("react.activity"), Z = /* @__PURE__ */ Symbol.for("react.client.reference"), k = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, Q = Array.isArray, w = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    _ = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var j, N = {}, C = _.react_stack_bottom_frame.bind(
+      _,
+      c
+    )(), Y = w(l(c)), L = {};
+    p.Fragment = T, p.jsx = function(e, r, t) {
+      var o = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        r,
+        t,
+        !1,
+        o ? Error("react-stack-top-frame") : C,
+        o ? w(l(e)) : Y
+      );
+    }, p.jsxs = function(e, r, t) {
+      var o = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        r,
+        t,
+        !0,
+        o ? Error("react-stack-top-frame") : C,
+        o ? w(l(e)) : Y
+      );
+    };
+  })()), p;
+}
+var D;
+function se() {
+  return D || (D = 1, process.env.NODE_ENV === "production" ? b.exports = oe() : b.exports = ae()), b.exports;
+}
+var ue = se();
+function ie(u) {
+  const { canvasRef: s } = ne();
+  return /* @__PURE__ */ ue.jsx("canvas", { ref: s, ...u });
+}
+export {
+  ie as P,
+  ne as u
+};
+//# sourceMappingURL=PenCanvas-DtR-EviW.js.map

package/dist/PenCanvas-DtR-EviW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PenCanvas-DtR-EviW.js","sources":["kanvaso-pen.es.js","../src/pen-react/usePen.ts","../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/pen-react/PenCanvas.tsx"],"sourcesContent":["class s {\n  constructor(t) {\n    this.drawing = !1, this.enabled = !0, this.ctx = t;\n  }\n  setEnabled(t) {\n    this.enabled = t;\n  }\n  down(t, e) {\n    this.enabled && (this.drawing = !0, this.ctx.beginPath(), this.ctx.moveTo(t, e));\n  }\n  move(t, e) {\n    !this.enabled || !this.drawing || (this.ctx.lineTo(t, e), this.ctx.stroke());\n  }\n  up() {\n    this.drawing = !1, this.ctx.closePath();\n  }\n}\nexport {\n  s as Pen\n};\n//# sourceMappingURL=kanvaso-pen.es.js.map\n","import { useEffect, useRef } from \"react\";\r\nimport { Pen } from \"kanvaso/pen\";\r\n\r\nexport function usePen() {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n  const penRef = useRef<Pen>(null);\r\n\r\n  useEffect(() => {\r\n    if (!canvasRef.current) return;\r\n\r\n    const ctx = canvasRef.current.getContext(\"2d\");\r\n    if (!ctx) return;\r\n\r\n    const pen = new Pen(ctx);\r\n    penRef.current = pen;\r\n\r\n    const canvas = canvasRef.current;\r\n\r\n    const down = (e: PointerEvent) => {\r\n      canvas.setPointerCapture(e.pointerId);\r\n      pen.down(e.offsetX, e.offsetY);\r\n    };\r\n\r\n    const move = (e: PointerEvent) => {\r\n      pen.move(e.offsetX, e.offsetY);\r\n    };\r\n\r\n    const up = () => pen.up();\r\n\r\n    canvas.addEventListener(\"pointerdown\", down);\r\n    canvas.addEventListener(\"pointermove\", move);\r\n    canvas.addEventListener(\"pointerup\", up);\r\n    canvas.addEventListener(\"pointercancel\", up);\r\n\r\n    return () => {\r\n      canvas.removeEventListener(\"pointerdown\", down);\r\n      canvas.removeEventListener(\"pointermove\", move);\r\n      canvas.removeEventListener(\"pointerup\", up);\r\n      canvas.removeEventListener(\"pointercancel\", up);\r\n    };\r\n  }, []);\r\n\r\n  return { canvasRef, pen: penRef };\r\n}\r\n","/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%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)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"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.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import React from \"react\";\r\nimport { usePen } from \"./usePen\";\r\n\r\nexport function PenCanvas(\r\n  props: React.CanvasHTMLAttributes<HTMLCanvasElement>,\r\n) {\r\n  const { canvasRef } = usePen();\r\n\r\n  return <canvas ref={canvasRef} {...props} />;\r\n}\r\n"],"names":["s","t","e","usePen","canvasRef","useRef","penRef","useEffect","ctx","pen","Pen","canvas","down","move","up","REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","PenCanvas","jsx"],"mappings":"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","x_google_ignoreList":[2,3,4]}

package/dist/PenCanvas-l4KDPNmK.cjs

@@ -0,0 +1,7 @@
+"use strict";const T=require("react");class re{constructor(s){this.drawing=!1,this.enabled=!0,this.ctx=s}setEnabled(s){this.enabled=s}down(s,i){this.enabled&&(this.drawing=!0,this.ctx.beginPath(),this.ctx.moveTo(s,i))}move(s,i){!this.enabled||!this.drawing||(this.ctx.lineTo(s,i),this.ctx.stroke())}up(){this.drawing=!1,this.ctx.closePath()}}function M(){const u=T.useRef(null),s=T.useRef(null);return T.useEffect(()=>{if(!u.current)return;const i=u.current.getContext("2d");if(!i)return;const l=new re(i);s.current=l;const n=u.current,c=m=>{n.setPointerCapture(m.pointerId),l.down(m.offsetX,m.offsetY)},d=m=>{l.move(m.offsetX,m.offsetY)},f=()=>l.up();return n.addEventListener("pointerdown",c),n.addEventListener("pointermove",d),n.addEventListener("pointerup",f),n.addEventListener("pointercancel",f),()=>{n.removeEventListener("pointerdown",c),n.removeEventListener("pointermove",d),n.removeEventListener("pointerup",f),n.removeEventListener("pointercancel",f)}},[]),{canvasRef:u,pen:s}}var b={exports:{}},E={};var I;function te(){if(I)return E;I=1;var u=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function i(l,n,c){var d=null;if(c!==void 0&&(d=""+c),n.key!==void 0&&(d=""+n.key),"key"in n){c={};for(var f in n)f!=="key"&&(c[f]=n[f])}else c=n;return n=c.ref,{$$typeof:u,type:l,key:d,ref:n!==void 0?n:null,props:c}}return E.Fragment=s,E.jsx=i,E.jsxs=i,E}var p={};var F;function ne(){return F||(F=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case J:return"Profiler";case q:return"StrictMode";case G:return"Suspense";case B:return"SuspenseList";case Z:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case z:return e.displayName||"Context";case V:return(e._context.displayName||"Context")+".Consumer";case X:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case H:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case k:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function s(e){return""+e}function i(e){try{s(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),s(e)}}function l(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===k)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function n(){var e=w.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function d(e){if(j.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function f(e,r){function t(){N||(N=!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)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function m(){var e=u(this.type);return C[e]||(C[e]=!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.")),e=this.props.ref,e!==void 0?e:null}function W(e,r,t,o,R,x){var a=t.ref;return e={$$typeof:y,type:e,key:r,props:t,_owner:o},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:m}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:R}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:x}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function A(e,r,t,o,R,x){var a=r.children;if(a!==void 0)if(o)if(K(a)){for(o=0;o<a.length;o++)g(a[o]);Object.freeze&&Object.freeze(a)}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 g(a);if(j.call(r,"key")){a=u(e);var v=Object.keys(r).filter(function(ee){return ee!=="key"});o=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",$[a+o]||(v=0<v.length?"{"+v.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} />`,o,a,v,a),$[a+o]=!0)}if(a=null,t!==void 0&&(i(t),a=""+t),d(r)&&(i(r.key),a=""+r.key),"key"in r){t={};for(var O in r)O!=="key"&&(t[O]=r[O])}else t=r;return a&&f(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),W(e,a,t,n(),R,x)}function g(e){S(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===k&&(e._payload.status==="fulfilled"?S(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function S(e){return typeof e=="object"&&e!==null&&e.$$typeof===y}var _=T,y=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),J=Symbol.for("react.profiler"),V=Symbol.for("react.consumer"),z=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),H=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),Z=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),w=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,j=Object.prototype.hasOwnProperty,K=Array.isArray,P=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(e){return e()}};var N,C={},Y=_.react_stack_bottom_frame.bind(_,c)(),L=P(l(c)),$={};p.Fragment=h,p.jsx=function(e,r,t){var o=1e4>w.recentlyCreatedOwnerStacks++;return A(e,r,t,!1,o?Error("react-stack-top-frame"):Y,o?P(l(e)):L)},p.jsxs=function(e,r,t){var o=1e4>w.recentlyCreatedOwnerStacks++;return A(e,r,t,!0,o?Error("react-stack-top-frame"):Y,o?P(l(e)):L)}})()),p}var D;function oe(){return D||(D=1,process.env.NODE_ENV==="production"?b.exports=te():b.exports=ne()),b.exports}var ae=oe();function se(u){const{canvasRef:s}=M();return ae.jsx("canvas",{ref:s,...u})}exports.PenCanvas=se;exports.usePen=M;
+//# sourceMappingURL=PenCanvas-l4KDPNmK.cjs.map

package/dist/PenCanvas-l4KDPNmK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PenCanvas-l4KDPNmK.cjs","sources":["kanvaso-pen.es.js","../src/pen-react/usePen.ts","../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/pen-react/PenCanvas.tsx"],"sourcesContent":["class s {\n  constructor(t) {\n    this.drawing = !1, this.enabled = !0, this.ctx = t;\n  }\n  setEnabled(t) {\n    this.enabled = t;\n  }\n  down(t, e) {\n    this.enabled && (this.drawing = !0, this.ctx.beginPath(), this.ctx.moveTo(t, e));\n  }\n  move(t, e) {\n    !this.enabled || !this.drawing || (this.ctx.lineTo(t, e), this.ctx.stroke());\n  }\n  up() {\n    this.drawing = !1, this.ctx.closePath();\n  }\n}\nexport {\n  s as Pen\n};\n//# sourceMappingURL=kanvaso-pen.es.js.map\n","import { useEffect, useRef } from \"react\";\r\nimport { Pen } from \"kanvaso/pen\";\r\n\r\nexport function usePen() {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n  const penRef = useRef<Pen>(null);\r\n\r\n  useEffect(() => {\r\n    if (!canvasRef.current) return;\r\n\r\n    const ctx = canvasRef.current.getContext(\"2d\");\r\n    if (!ctx) return;\r\n\r\n    const pen = new Pen(ctx);\r\n    penRef.current = pen;\r\n\r\n    const canvas = canvasRef.current;\r\n\r\n    const down = (e: PointerEvent) => {\r\n      canvas.setPointerCapture(e.pointerId);\r\n      pen.down(e.offsetX, e.offsetY);\r\n    };\r\n\r\n    const move = (e: PointerEvent) => {\r\n      pen.move(e.offsetX, e.offsetY);\r\n    };\r\n\r\n    const up = () => pen.up();\r\n\r\n    canvas.addEventListener(\"pointerdown\", down);\r\n    canvas.addEventListener(\"pointermove\", move);\r\n    canvas.addEventListener(\"pointerup\", up);\r\n    canvas.addEventListener(\"pointercancel\", up);\r\n\r\n    return () => {\r\n      canvas.removeEventListener(\"pointerdown\", down);\r\n      canvas.removeEventListener(\"pointermove\", move);\r\n      canvas.removeEventListener(\"pointerup\", up);\r\n      canvas.removeEventListener(\"pointercancel\", up);\r\n    };\r\n  }, []);\r\n\r\n  return { canvasRef, pen: penRef };\r\n}\r\n","/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%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)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"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.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import React from \"react\";\r\nimport { usePen } from \"./usePen\";\r\n\r\nexport function PenCanvas(\r\n  props: React.CanvasHTMLAttributes<HTMLCanvasElement>,\r\n) {\r\n  const { canvasRef } = usePen();\r\n\r\n  return <canvas ref={canvasRef} {...props} />;\r\n}\r\n"],"names":["s","t","e","usePen","canvasRef","useRef","penRef","useEffect","ctx","pen","Pen","canvas","down","move","up","REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","PenCanvas","jsx"],"mappings":"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","x_google_ignoreList":[2,3,4]}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export declare const version: "0.1.0";
+export * from "./pen";
+export * from "./pen-react";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAG,OAAgB,CAAC;AACxC,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export const version = "0.1.0";
+export * from "./pen";
+export * from "./pen-react";

package/dist/kanvaso-index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./kanvaso-pen.cjs.js"),e=require("./PenCanvas-l4KDPNmK.cjs"),s="0.1.0";exports.Pen=n.Pen;exports.PenCanvas=e.PenCanvas;exports.usePen=e.usePen;exports.version=s;
+//# sourceMappingURL=kanvaso-index.cjs.js.map

package/dist/kanvaso-index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanvaso-index.cjs.js","sources":["../src/index.ts"],"sourcesContent":["export const version = \"0.1.0\" as const;\r\nexport * from \"./pen\";\r\nexport * from \"./pen-react\";\r\n"],"names":["version"],"mappings":"8JAAaA,EAAU"}

package/dist/kanvaso-index.es.js

@@ -0,0 +1,10 @@
+import { Pen as r } from "./kanvaso-pen.es.js";
+import { P as a, u as t } from "./PenCanvas-DtR-EviW.js";
+const e = "0.1.0";
+export {
+  r as Pen,
+  a as PenCanvas,
+  t as usePen,
+  e as version
+};
+//# sourceMappingURL=kanvaso-index.es.js.map

package/dist/kanvaso-index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanvaso-index.es.js","sources":["../src/index.ts"],"sourcesContent":["export const version = \"0.1.0\" as const;\r\nexport * from \"./pen\";\r\nexport * from \"./pen-react\";\r\n"],"names":["version"],"mappings":";;AAAO,MAAMA,IAAU;"}

package/dist/kanvaso-pen-react.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./PenCanvas-l4KDPNmK.cjs");exports.PenCanvas=e.PenCanvas;exports.usePen=e.usePen;
+//# sourceMappingURL=kanvaso-pen-react.cjs.js.map

package/dist/kanvaso-pen-react.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanvaso-pen-react.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kanvaso-pen-react.es.js

@@ -0,0 +1,6 @@
+import { P as s, u as n } from "./PenCanvas-DtR-EviW.js";
+export {
+  s as PenCanvas,
+  n as usePen
+};
+//# sourceMappingURL=kanvaso-pen-react.es.js.map

package/dist/kanvaso-pen-react.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanvaso-pen-react.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/kanvaso-pen.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class i{constructor(t){this.drawing=!1,this.enabled=!0,this.ctx=t}setEnabled(t){this.enabled=t}down(t,e){this.enabled&&(this.drawing=!0,this.ctx.beginPath(),this.ctx.moveTo(t,e))}move(t,e){!this.enabled||!this.drawing||(this.ctx.lineTo(t,e),this.ctx.stroke())}up(){this.drawing=!1,this.ctx.closePath()}}exports.Pen=i;
+//# sourceMappingURL=kanvaso-pen.cjs.js.map

package/dist/kanvaso-pen.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanvaso-pen.cjs.js","sources":["../src/pen/Pen.ts"],"sourcesContent":["export class Pen {\r\n  private ctx: CanvasRenderingContext2D;\r\n  private drawing: boolean = false;\r\n  private enabled: boolean = true;\r\n\r\n  constructor(ctx: CanvasRenderingContext2D) {\r\n    this.ctx = ctx;\r\n  }\r\n\r\n  setEnabled(value: boolean) {\r\n    this.enabled = value;\r\n  }\r\n\r\n  down(x: number, y: number) {\r\n    if (!this.enabled) return;\r\n    this.drawing = true;\r\n    this.ctx.beginPath();\r\n    this.ctx.moveTo(x, y);\r\n  }\r\n\r\n  move(x: number, y: number) {\r\n    if (!this.enabled || !this.drawing) return;\r\n    this.ctx.lineTo(x, y);\r\n    this.ctx.stroke();\r\n  }\r\n\r\n  up() {\r\n    this.drawing = false;\r\n    this.ctx.closePath();\r\n  }\r\n}\r\n"],"names":["Pen","ctx","value","x","y"],"mappings":"gFAAO,MAAMA,CAAI,CAKf,YAAYC,EAA+B,CAH3C,KAAQ,QAAmB,GAC3B,KAAQ,QAAmB,GAGzB,KAAK,IAAMA,CACb,CAEA,WAAWC,EAAgB,CACzB,KAAK,QAAUA,CACjB,CAEA,KAAKC,EAAWC,EAAW,CACpB,KAAK,UACV,KAAK,QAAU,GACf,KAAK,IAAI,UAAA,EACT,KAAK,IAAI,OAAOD,EAAGC,CAAC,EACtB,CAEA,KAAKD,EAAWC,EAAW,CACrB,CAAC,KAAK,SAAW,CAAC,KAAK,UAC3B,KAAK,IAAI,OAAOD,EAAGC,CAAC,EACpB,KAAK,IAAI,OAAA,EACX,CAEA,IAAK,CACH,KAAK,QAAU,GACf,KAAK,IAAI,UAAA,CACX,CACF"}

package/dist/kanvaso-pen.es.js

@@ -0,0 +1,21 @@
+class s {
+  constructor(t) {
+    this.drawing = !1, this.enabled = !0, this.ctx = t;
+  }
+  setEnabled(t) {
+    this.enabled = t;
+  }
+  down(t, e) {
+    this.enabled && (this.drawing = !0, this.ctx.beginPath(), this.ctx.moveTo(t, e));
+  }
+  move(t, e) {
+    !this.enabled || !this.drawing || (this.ctx.lineTo(t, e), this.ctx.stroke());
+  }
+  up() {
+    this.drawing = !1, this.ctx.closePath();
+  }
+}
+export {
+  s as Pen
+};
+//# sourceMappingURL=kanvaso-pen.es.js.map

package/dist/kanvaso-pen.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanvaso-pen.es.js","sources":["../src/pen/Pen.ts"],"sourcesContent":["export class Pen {\r\n  private ctx: CanvasRenderingContext2D;\r\n  private drawing: boolean = false;\r\n  private enabled: boolean = true;\r\n\r\n  constructor(ctx: CanvasRenderingContext2D) {\r\n    this.ctx = ctx;\r\n  }\r\n\r\n  setEnabled(value: boolean) {\r\n    this.enabled = value;\r\n  }\r\n\r\n  down(x: number, y: number) {\r\n    if (!this.enabled) return;\r\n    this.drawing = true;\r\n    this.ctx.beginPath();\r\n    this.ctx.moveTo(x, y);\r\n  }\r\n\r\n  move(x: number, y: number) {\r\n    if (!this.enabled || !this.drawing) return;\r\n    this.ctx.lineTo(x, y);\r\n    this.ctx.stroke();\r\n  }\r\n\r\n  up() {\r\n    this.drawing = false;\r\n    this.ctx.closePath();\r\n  }\r\n}\r\n"],"names":["Pen","ctx","value","x","y"],"mappings":"AAAO,MAAMA,EAAI;AAAA,EAKf,YAAYC,GAA+B;AAH3C,SAAQ,UAAmB,IAC3B,KAAQ,UAAmB,IAGzB,KAAK,MAAMA;AAAA,EACb;AAAA,EAEA,WAAWC,GAAgB;AACzB,SAAK,UAAUA;AAAA,EACjB;AAAA,EAEA,KAAKC,GAAWC,GAAW;AACzB,IAAK,KAAK,YACV,KAAK,UAAU,IACf,KAAK,IAAI,UAAA,GACT,KAAK,IAAI,OAAOD,GAAGC,CAAC;AAAA,EACtB;AAAA,EAEA,KAAKD,GAAWC,GAAW;AACzB,IAAI,CAAC,KAAK,WAAW,CAAC,KAAK,YAC3B,KAAK,IAAI,OAAOD,GAAGC,CAAC,GACpB,KAAK,IAAI,OAAA;AAAA,EACX;AAAA,EAEA,KAAK;AACH,SAAK,UAAU,IACf,KAAK,IAAI,UAAA;AAAA,EACX;AACF;"}

package/dist/pen/Pen.d.ts

@@ -0,0 +1,11 @@
+export declare class Pen {
+    private ctx;
+    private drawing;
+    private enabled;
+    constructor(ctx: CanvasRenderingContext2D);
+    setEnabled(value: boolean): void;
+    down(x: number, y: number): void;
+    move(x: number, y: number): void;
+    up(): void;
+}
+//# sourceMappingURL=Pen.d.ts.map

package/dist/pen/Pen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pen.d.ts","sourceRoot":"","sources":["../../src/pen/Pen.ts"],"names":[],"mappings":"AAAA,qBAAa,GAAG;IACd,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,OAAO,CAAiB;gBAEpB,GAAG,EAAE,wBAAwB;IAIzC,UAAU,CAAC,KAAK,EAAE,OAAO;IAIzB,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAOzB,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAMzB,EAAE;CAIH"}

package/dist/pen/Pen.js

@@ -0,0 +1,27 @@
+export class Pen {
+    constructor(ctx) {
+        this.drawing = false;
+        this.enabled = true;
+        this.ctx = ctx;
+    }
+    setEnabled(value) {
+        this.enabled = value;
+    }
+    down(x, y) {
+        if (!this.enabled)
+            return;
+        this.drawing = true;
+        this.ctx.beginPath();
+        this.ctx.moveTo(x, y);
+    }
+    move(x, y) {
+        if (!this.enabled || !this.drawing)
+            return;
+        this.ctx.lineTo(x, y);
+        this.ctx.stroke();
+    }
+    up() {
+        this.drawing = false;
+        this.ctx.closePath();
+    }
+}

package/dist/pen/index.d.ts

@@ -0,0 +1,2 @@
+export { Pen } from "./Pen";
+//# sourceMappingURL=index.d.ts.map

package/dist/pen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}

package/dist/pen/index.js

@@ -0,0 +1 @@
+export { Pen } from "./Pen";

package/dist/pen-react/PenCanvas.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function PenCanvas(props: React.CanvasHTMLAttributes<HTMLCanvasElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PenCanvas.d.ts.map

package/dist/pen-react/PenCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PenCanvas.d.ts","sourceRoot":"","sources":["../../src/pen-react/PenCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,SAAS,CACvB,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAKrD"}

package/dist/pen-react/PenCanvas.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePen } from "./usePen";
+export function PenCanvas(props) {
+    const { canvasRef } = usePen();
+    return _jsx("canvas", { ref: canvasRef, ...props });
+}

package/dist/pen-react/index.d.ts

@@ -0,0 +1,3 @@
+export { usePen } from "./usePen";
+export { PenCanvas } from "./PenCanvas";
+//# sourceMappingURL=index.d.ts.map

package/dist/pen-react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pen-react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/pen-react/index.js

@@ -0,0 +1,2 @@
+export { usePen } from "./usePen";
+export { PenCanvas } from "./PenCanvas";

package/dist/pen-react/usePen.d.ts

@@ -0,0 +1,6 @@
+import { Pen } from "kanvaso/pen";
+export declare function usePen(): {
+    canvasRef: import("react").RefObject<HTMLCanvasElement | null>;
+    pen: import("react").RefObject<Pen | null>;
+};
+//# sourceMappingURL=usePen.d.ts.map

package/dist/pen-react/usePen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePen.d.ts","sourceRoot":"","sources":["../../src/pen-react/usePen.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,wBAAgB,MAAM;;;EAwCrB"}

package/dist/pen-react/usePen.js

@@ -0,0 +1,35 @@
+import { useEffect, useRef } from "react";
+import { Pen } from "kanvaso/pen";
+export function usePen() {
+    const canvasRef = useRef(null);
+    const penRef = useRef(null);
+    useEffect(() => {
+        if (!canvasRef.current)
+            return;
+        const ctx = canvasRef.current.getContext("2d");
+        if (!ctx)
+            return;
+        const pen = new Pen(ctx);
+        penRef.current = pen;
+        const canvas = canvasRef.current;
+        const down = (e) => {
+            canvas.setPointerCapture(e.pointerId);
+            pen.down(e.offsetX, e.offsetY);
+        };
+        const move = (e) => {
+            pen.move(e.offsetX, e.offsetY);
+        };
+        const up = () => pen.up();
+        canvas.addEventListener("pointerdown", down);
+        canvas.addEventListener("pointermove", move);
+        canvas.addEventListener("pointerup", up);
+        canvas.addEventListener("pointercancel", up);
+        return () => {
+            canvas.removeEventListener("pointerdown", down);
+            canvas.removeEventListener("pointermove", move);
+            canvas.removeEventListener("pointerup", up);
+            canvas.removeEventListener("pointercancel", up);
+        };
+    }, []);
+    return { canvasRef, pen: penRef };
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "kanvaso",
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/kanvaso-index.es.js",
+      "require": "./dist/kanvaso-index.cjs.js"
+    },
+    "./pen": {
+      "types": "./dist/pen/index.d.ts",
+      "import": "./dist/kanvaso-pen.es.js",
+      "require": "./dist/kanvaso-pen.cjs.js"
+    },
+    "./pen-react": {
+      "types": "./dist/pen-react/index.d.ts",
+      "import": "./dist/kanvaso-pen-react.es.js",
+      "require": "./dist/kanvaso-pen-react.cjs.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "description": "Simple game engine for web.",
+  "devDependencies": {
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1"
+  },
+  "peerDependencies": {
+    "react": "^18"
+  }
+}