@cronocode/react-box 1.2.7 → 1.3.1

package/baseSvg.module.css.mjs

@@ -0,0 +1,4 @@
+const t = { base: "cGQ", rotate0: "cGR", rotateH0: "cGS", hovertrue: "_h", rotate90: "cGT", rotateH90: "cGU", rotate180: "cGV", rotateH180: "cGW", rotate270: "cGX", rotateH270: "cGY", flipxAxis: "cGZ", flipHxAxis: "cG0", flipyAxis: "cG1", flipHyAxis: "cG2", rotateF0: "cG3", focustrue: "_f", rotateF90: "cG4", rotateF180: "cG5", rotateF270: "cG6", flipFxAxis: "cG7", flipFyAxis: "cG8", rotateA0: "cG9", rotateA90: "cHa", rotateA180: "cHb", rotateA270: "cHc", flipAxAxis: "cHd", flipAyAxis: "cHe" };
+export {
+  t as c
+};

package/box.d.ts

@@ -1,9 +1,10 @@
 import React, { Ref } from 'react';
 import { BoxStyles } from './types';
 import ClassNameUtils from './utils/className/classNameUtils';
+import { ThemeComponentProps } from './theme';
 type AllProps<TTag extends keyof React.ReactHTML> = React.ComponentProps<TTag>;
 type TagPropsType<TTag extends keyof React.ReactHTML> = Omit<AllProps<TTag>, 'className' | 'style' | 'ref'>;
-interface Props<TTag extends keyof React.ReactHTML> extends BoxStyles {
+interface Props<TTag extends keyof React.ReactHTML> extends BoxStyles, ThemeComponentProps {
     children?: React.ReactNode | ((props: {
         isHover: boolean;
     }) => React.ReactNode);

package/box.mjs

@@ -1,18 +1,22 @@
-import N, { forwardRef as v, useState as b } from "react";
-import { c as a } from "./box.module.css.mjs";
-import { C as g, a as u } from "./utils/utils.mjs";
-function C(n, r) {
-  const { tag: d, children: e, props: h, className: c, style: l } = n, o = c ? g.classNames(a.box, c) : [a.box];
-  Object.entries(n).forEach(([t, m]) => {
-    const p = a[t + m];
-    p ? o.push(p) : t in u && o.push(`${u[t]}${m}`);
+import $, { forwardRef as b, useState as E } from "react";
+import { c } from "./box.module.css.mjs";
+import { C as T, a as n } from "./utils/utils.mjs";
+import { useTheme as g } from "./theme.mjs";
+function j(r, f) {
+  const { tag: p, children: i, props: d, className: l, style: m } = r, e = l ? T.classNames(c.box, l) : [c.box], x = g(r);
+  Object.entries(x).forEach(([s, o]) => {
+    const a = c[s + o];
+    a ? e.push(a) : s in n && e.push(`${n[s]}${o}`);
+  }), Object.entries(r).forEach(([s, o]) => {
+    const a = c[s + o];
+    a ? e.push(a) : s in n && e.push(`${n[s]}${o}`);
   });
-  const s = { ...h, className: o.join(" ") };
-  l && (s.style = l), r && (s.ref = r);
-  const [x, f] = b(!1), i = typeof e == "function";
-  return i && (s.onMouseEnter = () => f(!0), s.onMouseLeave = () => f(!1)), N.createElement(d || "div", s, i ? e({ isHover: x }) : e);
+  const t = { ...d, className: e.join(" ") };
+  m && (t.style = m), f && (t.ref = f);
+  const [N, u] = E(!1), h = typeof i == "function";
+  return h && (t.onMouseEnter = () => u(!0), t.onMouseLeave = () => u(!1)), $.createElement(p || "div", t, h ? i({ isHover: N }) : i);
 }
-const j = v(C);
+const A = b(j);
 export {
-  j as default
+  A as default
 };