@cronocode/react-box 2.0.7 → 3.0.0-alpha.3

package/components/tooltip.mjs

@@ -1,63 +1,57 @@
-import { jsxs as v, Fragment as b, jsx as a } from "react/jsx-runtime";
-import { createPortal as x } from "react-dom";
-import d from "../box.mjs";
-import { useMemo as E, useRef as C, useState as g, useCallback as f, useLayoutEffect as L } from "react";
-function y() {
-  return E(() => {
-    const i = "crono-box";
-    let r = document.getElementById(i);
-    return r || (r = document.createElement("div"), r.id = i, document.body.appendChild(r)), r;
-  }, []);
-}
-const l = 2;
-function M(i) {
-  const { onPositionChange: r } = i, c = C(null), [t, p] = g(), m = y(), w = f(
-    (n, e) => {
-      const o = (s) => {
-        s.target.contains(n) && e(n);
+import { jsxs as v, Fragment as x, jsx as a } from "react/jsx-runtime";
+import { createPortal as b } from "react-dom";
+import u from "../box.mjs";
+import { useRef as E, useState as L, useCallback as d, useLayoutEffect as g } from "react";
+import { a as z } from "../core.mjs";
+const i = 2;
+function y(f) {
+  const { onPositionChange: c } = f, s = E(null), [t, p] = L(), m = z(), w = d(
+    (o, e) => {
+      const r = (n) => {
+        n.target.contains(o) && e(o);
       };
-      return document.addEventListener("scroll", o, { capture: !0 }), () => {
-        document.removeEventListener("scroll", o, { capture: !0 });
+      return document.addEventListener("scroll", r, { capture: !0 }), () => {
+        document.removeEventListener("scroll", r, { capture: !0 });
       };
     },
     [t]
-  ), h = f(
-    (n, e) => {
-      const o = (s) => {
-        e(n);
+  ), h = d(
+    (o, e) => {
+      const r = (n) => {
+        e(o);
       };
-      return window.addEventListener("resize", o, { capture: !0 }), () => {
-        window.removeEventListener("resize", o, { capture: !0 });
+      return window.addEventListener("resize", r, { capture: !0 }), () => {
+        window.removeEventListener("resize", r, { capture: !0 });
       };
     },
     [t]
-  ), u = f(
-    (n) => {
-      const e = n.getBoundingClientRect(), o = Math.round((e.top + window.scrollY) * l) / l, s = Math.round((e.left + window.scrollX) * l) / l;
-      ((t == null ? void 0 : t.top) !== o || (t == null ? void 0 : t.left) !== s) && (r == null || r({ top: o, left: s }), p({ top: o, left: s, width: e.width > 0 ? e.width : void 0 }));
+  ), l = d(
+    (o) => {
+      const e = o.getBoundingClientRect(), r = Math.round((e.top + window.scrollY) * i) / i, n = Math.round((e.left + window.scrollX) * i) / i;
+      ((t == null ? void 0 : t.top) !== r || (t == null ? void 0 : t.left) !== n) && (c == null || c({ top: r, left: n }), p({ top: r, left: n, width: e.width > 0 ? e.width : void 0 }));
     },
     [t]
   );
-  return L(() => {
-    if (c.current) {
-      u(c.current);
-      const n = w(c.current, u), e = h(c.current, u);
+  return g(() => {
+    if (s.current) {
+      l(s.current);
+      const o = w(s.current, l), e = h(s.current, l);
       return () => {
-        n(), e();
+        o(), e();
       };
     }
-  }, [t]), /* @__PURE__ */ v(b, { children: [
-    /* @__PURE__ */ a(d, { ref: c }),
-    t && x(
+  }, [t]), /* @__PURE__ */ v(x, { children: [
+    /* @__PURE__ */ a(u, { ref: s }),
+    t && b(
       /* @__PURE__ */ a(
-        d,
+        u,
         {
           position: "absolute",
           top: 0,
           left: 0,
           transition: "none",
           style: { transform: `translate(${t.left}px,${t.top}px)`, width: t.width },
-          children: /* @__PURE__ */ a(d, { position: "absolute", width: "fit", ...i })
+          children: /* @__PURE__ */ a(u, { position: "absolute", width: "fit", ...f })
         }
       ),
       m
@@ -65,5 +59,5 @@ function M(i) {
   ] });
 }
 export {
-  M as default
+  y as default
 };

package/core/boxExtends.d.ts

@@ -0,0 +1,6 @@
+import { BoxStyle } from './coreTypes';
+declare namespace BoxExtends {
+    function extend<TProps extends Record<string, BoxStyle[]>>(variables: Record<string, string>, props: TProps): TProps;
+    function getVariables(): string;
+}
+export default BoxExtends;