point-click-components 0.0.1

package/README.md

@@ -0,0 +1,4 @@
+# point click components
+
+attempted vite react component library
+

package/dist/point-click-components.d.ts

@@ -0,0 +1,50 @@
+import { ActorData } from 'point-click-lib';
+import { Context } from 'react';
+import { Provider } from 'react';
+import { RoomData } from 'point-click-lib';
+
+export declare const Bar: () => JSX.Element;
+
+export declare function calculateScreenX(xPosition: number, viewAngleX: number, roomData: RoomData): number;
+
+export declare function calculateScreenY(yPosition: number, viewAngleY: number, roomData: RoomData): number;
+
+export declare const cameraPointContext: Context<    {
+cameraPoint?: XY;
+}>;
+
+export declare const CamerPointProvider: Provider<    {
+cameraPoint?: XY;
+}>;
+
+export declare const Foo: ({ message }: Props) => JSX.Element;
+
+export declare function getLayerHeight(parallax: number, roomData: RoomData): number;
+
+export declare function getLayerWidth(parallax: number, roomData: RoomData): number;
+
+export declare function getXShift(viewAngleX: number, parallax: number, roomData: RoomData): number;
+
+export declare function getYShift(viewAngleY: number, parallax: number, roomData: RoomData): number;
+
+export declare function locateClickInWorld(clickXPosition: number, clickYposition: number, viewAngleX: number, viewAngleY: number, roomData: RoomData): {
+    x: number;
+    y: number;
+};
+
+declare interface Props {
+    message: string;
+}
+
+export declare const putActorsInDisplayOrder: (a: ActorData, b: ActorData) => number;
+
+export declare const useCameraPoint: () => {
+    cameraPoint?: XY;
+};
+
+declare type XY = {
+    x: number;
+    y: number;
+};
+
+export { }

package/dist/point-click-components.js

@@ -0,0 +1,668 @@
+import we, { createContext as createContext, useContext as useContext } from "react";
+var N = { exports: {} }, W = {};
+var Oe;
+function gr() {
+  if (Oe) return W;
+  Oe = 1;
+  var s = we, c = /* @__PURE__ */ Symbol.for("react.element"), f = /* @__PURE__ */ Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, h = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, _ = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function P(m, p, C) {
+    var g, T = {}, O = null, j = null;
+    C !== void 0 && (O = "" + C), p.key !== void 0 && (O = "" + p.key), p.ref !== void 0 && (j = p.ref);
+    for (g in p) l.call(p, g) && !_.hasOwnProperty(g) && (T[g] = p[g]);
+    if (m && m.defaultProps) for (g in p = m.defaultProps, p) T[g] === void 0 && (T[g] = p[g]);
+    return { $$typeof: c, type: m, key: O, ref: j, props: T, _owner: h.current };
+  }
+  return W.Fragment = f, W.jsx = P, W.jsxs = P, W;
+}
+var Y = {};
+var Ce;
+function yr() {
+  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && (function() {
+    var s = we, c = /* @__PURE__ */ Symbol.for("react.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), l = /* @__PURE__ */ Symbol.for("react.fragment"), h = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), P = /* @__PURE__ */ Symbol.for("react.provider"), m = /* @__PURE__ */ Symbol.for("react.context"), p = /* @__PURE__ */ Symbol.for("react.forward_ref"), C = /* @__PURE__ */ Symbol.for("react.suspense"), g = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), j = /* @__PURE__ */ Symbol.for("react.offscreen"), $ = Symbol.iterator, B = "@@iterator";
+    function J(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = $ && e[$] || e[B];
+      return typeof r == "function" ? r : null;
+    }
+    var k = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function y(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
+          t[n - 1] = arguments[n];
+        Ae("error", e, t);
+      }
+    }
+    function Ae(e, r, t) {
+      {
+        var n = k.ReactDebugCurrentFrame, o = n.getStackAddendum();
+        o !== "" && (r += "%s", t = t.concat([o]));
+        var u = t.map(function(i) {
+          return String(i);
+        });
+        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
+      }
+    }
+    var De = !1, Ie = !1, We = !1, Ye = !1, $e = !1, ee;
+    ee = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function Le(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === _ || $e || e === h || e === C || e === g || Ye || e === j || De || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === O || e.$$typeof === T || e.$$typeof === P || e.$$typeof === m || e.$$typeof === p || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === ee || e.getModuleId !== void 0));
+    }
+    function Me(e, r, t) {
+      var n = e.displayName;
+      if (n)
+        return n;
+      var o = r.displayName || r.name || "";
+      return o !== "" ? t + "(" + o + ")" : t;
+    }
+    function re(e) {
+      return e.displayName || "Context";
+    }
+    function S(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case l:
+          return "Fragment";
+        case f:
+          return "Portal";
+        case _:
+          return "Profiler";
+        case h:
+          return "StrictMode";
+        case C:
+          return "Suspense";
+        case g:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case m:
+            var r = e;
+            return re(r) + ".Consumer";
+          case P:
+            var t = e;
+            return re(t._context) + ".Provider";
+          case p:
+            return Me(e, e.render, "ForwardRef");
+          case T:
+            var n = e.displayName || null;
+            return n !== null ? n : S(e.type) || "Memo";
+          case O: {
+            var o = e, u = o._payload, i = o._init;
+            try {
+              return S(i(u));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var w = Object.assign, D = 0, te, ne, ae, ie, oe, ue, se;
+    function ce() {
+    }
+    ce.__reactDisabledLog = !0;
+    function Ve() {
+      {
+        if (D === 0) {
+          te = console.log, ne = console.info, ae = console.warn, ie = console.error, oe = console.group, ue = console.groupCollapsed, se = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        D++;
+      }
+    }
+    function Ue() {
+      {
+        if (D--, D === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: w({}, e, {
+              value: te
+            }),
+            info: w({}, e, {
+              value: ne
+            }),
+            warn: w({}, e, {
+              value: ae
+            }),
+            error: w({}, e, {
+              value: ie
+            }),
+            group: w({}, e, {
+              value: oe
+            }),
+            groupCollapsed: w({}, e, {
+              value: ue
+            }),
+            groupEnd: w({}, e, {
+              value: se
+            })
+          });
+        }
+        D < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var q = k.ReactCurrentDispatcher, H;
+    function L(e, r, t) {
+      {
+        if (H === void 0)
+          try {
+            throw Error();
+          } catch (o) {
+            var n = o.stack.trim().match(/\n( *(at )?)/);
+            H = n && n[1] || "";
+          }
+        return `
+` + H + e;
+      }
+    }
+    var X = !1, M;
+    {
+      var Ne = typeof WeakMap == "function" ? WeakMap : Map;
+      M = new Ne();
+    }
+    function fe(e, r) {
+      if (!e || X)
+        return "";
+      {
+        var t = M.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var n;
+      X = !0;
+      var o = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var u;
+      u = q.current, q.current = null, Ve();
+      try {
+        if (r) {
+          var i = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(i.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(i, []);
+            } catch (b) {
+              n = b;
+            }
+            Reflect.construct(e, [], i);
+          } else {
+            try {
+              i.call();
+            } catch (b) {
+              n = b;
+            }
+            e.call(i.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (b) {
+            n = b;
+          }
+          e();
+        }
+      } catch (b) {
+        if (b && n && typeof b.stack == "string") {
+          for (var a = b.stack.split(`
+`), R = n.stack.split(`
+`), d = a.length - 1, v = R.length - 1; d >= 1 && v >= 0 && a[d] !== R[v]; )
+            v--;
+          for (; d >= 1 && v >= 0; d--, v--)
+            if (a[d] !== R[v]) {
+              if (d !== 1 || v !== 1)
+                do
+                  if (d--, v--, v < 0 || a[d] !== R[v]) {
+                    var E = `
+` + a[d].replace(" at new ", " at ");
+                    return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, E), E;
+                  }
+                while (d >= 1 && v >= 0);
+              break;
+            }
+        }
+      } finally {
+        X = !1, q.current = u, Ue(), Error.prepareStackTrace = o;
+      }
+      var A = e ? e.displayName || e.name : "", x = A ? L(A) : "";
+      return typeof e == "function" && M.set(e, x), x;
+    }
+    function Be(e, r, t) {
+      return fe(e, !1);
+    }
+    function Je(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function V(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return fe(e, Je(e));
+      if (typeof e == "string")
+        return L(e);
+      switch (e) {
+        case C:
+          return L("Suspense");
+        case g:
+          return L("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case p:
+            return Be(e.render);
+          case T:
+            return V(e.type, r, t);
+          case O: {
+            var n = e, o = n._payload, u = n._init;
+            try {
+              return V(u(o), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var I = Object.prototype.hasOwnProperty, le = {}, de = k.ReactDebugCurrentFrame;
+    function U(e) {
+      if (e) {
+        var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
+        de.setExtraStackFrame(t);
+      } else
+        de.setExtraStackFrame(null);
+    }
+    function qe(e, r, t, n, o) {
+      {
+        var u = Function.call.bind(I);
+        for (var i in e)
+          if (u(e, i)) {
+            var a = void 0;
+            try {
+              if (typeof e[i] != "function") {
+                var R = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw R.name = "Invariant Violation", R;
+              }
+              a = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (d) {
+              a = d;
+            }
+            a && !(a instanceof Error) && (U(o), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof a), U(null)), a instanceof Error && !(a.message in le) && (le[a.message] = !0, U(o), y("Failed %s type: %s", t, a.message), U(null));
+          }
+      }
+    }
+    var He = Array.isArray;
+    function K(e) {
+      return He(e);
+    }
+    function Xe(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function Ke(e) {
+      try {
+        return ve(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ve(e) {
+      return "" + e;
+    }
+    function pe(e) {
+      if (Ke(e))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xe(e)), ve(e);
+    }
+    var he = k.ReactCurrentOwner, Ge = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, ge, ye;
+    function ze(e) {
+      if (I.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function Ze(e) {
+      if (I.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function Qe(e, r) {
+      typeof e.ref == "string" && he.current;
+    }
+    function er(e, r) {
+      {
+        var t = function() {
+          ge || (ge = !0, y("%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://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function rr(e, r) {
+      {
+        var t = function() {
+          ye || (ye = !0, y("%s: `ref` 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://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var tr = function(e, r, t, n, o, u, i) {
+      var a = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: c,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: i,
+        // Record the component responsible for creating this element.
+        _owner: u
+      };
+      return a._store = {}, Object.defineProperty(a._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(a, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: n
+      }), Object.defineProperty(a, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: o
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+    };
+    function nr(e, r, t, n, o) {
+      {
+        var u, i = {}, a = null, R = null;
+        t !== void 0 && (pe(t), a = "" + t), Ze(r) && (pe(r.key), a = "" + r.key), ze(r) && (R = r.ref, Qe(r, o));
+        for (u in r)
+          I.call(r, u) && !Ge.hasOwnProperty(u) && (i[u] = r[u]);
+        if (e && e.defaultProps) {
+          var d = e.defaultProps;
+          for (u in d)
+            i[u] === void 0 && (i[u] = d[u]);
+        }
+        if (a || R) {
+          var v = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && er(i, v), R && rr(i, v);
+        }
+        return tr(e, a, R, o, n, he.current, i);
+      }
+    }
+    var G = k.ReactCurrentOwner, Re = k.ReactDebugCurrentFrame;
+    function F(e) {
+      if (e) {
+        var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
+        Re.setExtraStackFrame(t);
+      } else
+        Re.setExtraStackFrame(null);
+    }
+    var z;
+    z = !1;
+    function Z(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === c;
+    }
+    function be() {
+      {
+        if (G.current) {
+          var e = S(G.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function ar(e) {
+      return "";
+    }
+    var Ee = {};
+    function ir(e) {
+      {
+        var r = be();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function _e(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = ir(r);
+        if (Ee[t])
+          return;
+        Ee[t] = !0;
+        var n = "";
+        e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + S(e._owner.type) + "."), F(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), F(null);
+      }
+    }
+    function me(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (K(e))
+          for (var t = 0; t < e.length; t++) {
+            var n = e[t];
+            Z(n) && _e(n, r);
+          }
+        else if (Z(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var o = J(e);
+          if (typeof o == "function" && o !== e.entries)
+            for (var u = o.call(e), i; !(i = u.next()).done; )
+              Z(i.value) && _e(i.value, r);
+        }
+      }
+    }
+    function or(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === T))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var n = S(r);
+          qe(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !z) {
+          z = !0;
+          var o = S(r);
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ur(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var n = r[t];
+          if (n !== "children" && n !== "key") {
+            F(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), F(null);
+            break;
+          }
+        }
+        e.ref !== null && (F(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+      }
+    }
+    var Te = {};
+    function Pe(e, r, t, n, o, u) {
+      {
+        var i = Le(e);
+        if (!i) {
+          var a = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var R = ar();
+          R ? a += R : a += be();
+          var d;
+          e === null ? d = "null" : K(e) ? d = "array" : e !== void 0 && e.$$typeof === c ? (d = "<" + (S(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, a);
+        }
+        var v = nr(e, r, t, o, u);
+        if (v == null)
+          return v;
+        if (i) {
+          var E = r.children;
+          if (E !== void 0)
+            if (n)
+              if (K(E)) {
+                for (var A = 0; A < E.length; A++)
+                  me(E[A], e);
+                Object.freeze && Object.freeze(E);
+              } else
+                y("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
+              me(E, e);
+        }
+        if (I.call(r, "key")) {
+          var x = S(e), b = Object.keys(r).filter(function(vr) {
+            return vr !== "key";
+          }), Q = b.length > 0 ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Te[x + Q]) {
+            var dr = b.length > 0 ? "{" + b.join(": ..., ") + ": ...}" : "{}";
+            y(`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} />`, Q, x, dr, x), Te[x + Q] = !0;
+          }
+        }
+        return e === l ? ur(v) : or(v), v;
+      }
+    }
+    function sr(e, r, t) {
+      return Pe(e, r, t, !0);
+    }
+    function cr(e, r, t) {
+      return Pe(e, r, t, !1);
+    }
+    var fr = cr, lr = sr;
+    Y.Fragment = l, Y.jsx = fr, Y.jsxs = lr;
+  })()), Y;
+}
+var Se;
+function Rr() {
+  return Se || (Se = 1, process.env.NODE_ENV === "production" ? N.exports = gr() : N.exports = yr()), N.exports;
+}
+var xe = Rr();
+const Tr = ({ message: s }) => /* @__PURE__ */ xe.jsxs("div", { children: [
+  "This is the test FOO component: ",
+  s
+] }), je = createContext({ cameraPoint: void 0 }), Pr = je.Provider, br = () => useContext(je), Or = () => {
+  const { cameraPoint: s } = br();
+  return /* @__PURE__ */ xe.jsxs("div", { children: [
+    "The Bar says [",
+    s?.x,
+    ",",
+    s?.y,
+    "]"
+  ] });
+}, Cr = (s, c) => c.y + (c.baseline ? c.baseline : 0) - (s.y + (s.baseline ? s.baseline : 0));
+function Er(s, c) {
+  const { frameWidth: f, width: l } = c;
+  return f + s * (l - f);
+}
+function ke(s, c, f) {
+  const h = (Er(c, f) - f.frameWidth) / 2;
+  return s * h;
+}
+function Sr(s, c, f) {
+  const { width: l, frameWidth: h } = f, _ = ke(c, 1, f);
+  return h / 2 + (s - l / 2) + _;
+}
+function _r(s, c) {
+  const { height: f, frameHeight: l = f } = c;
+  return l + s * (f - l);
+}
+function Fe(s, c, f) {
+  const { height: l, frameHeight: h = l } = f, P = (_r(c, f) - h) / 2;
+  return s * P;
+}
+function wr(s, c, f) {
+  const { height: l, frameHeight: h = l } = f, _ = Fe(c, 1, f);
+  return h / 2 + (s - l / 2) + _;
+}
+function xr(s, c, f, l, h) {
+  const { width: _, frameWidth: P, height: m, frameHeight: p = m } = h, C = ke(f, 1, h), g = s - P / 2, T = _ / 2 - C, O = g + T, j = Fe(l, 1, h), $ = c - p / 2, B = m / 2 - j, J = m - ($ + B);
+  return { x: Math.round(O), y: Math.round(J) };
+}
+export {
+  Or as Bar,
+  Pr as CamerPointProvider,
+  Tr as Foo,
+  Sr as calculateScreenX,
+  wr as calculateScreenY,
+  je as cameraPointContext,
+  _r as getLayerHeight,
+  Er as getLayerWidth,
+  ke as getXShift,
+  Fe as getYShift,
+  xr as locateClickInWorld,
+  Cr as putActorsInDisplayOrder,
+  br as useCameraPoint
+};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "point-click-components",
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/point-click-components.js",
+  "module": "./dist/point-click-components.js",
+  "exports": {
+    ".": {
+      "import": "./dist/point-click-components.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vite": "^7.2.4"
+  },
+  "dependencies": {
+    "point-click-lib": "^0.0.11"
+  }
+}