@cronocode/react-box 1.5.6 → 1.5.9

package/baseSvg.module.css.cjs

@@ -1 +1 @@
-"use strict";const t={base:"a",rotate0:"b",rotateH0:"c",hovertrue:"_h",rotate90:"d",rotateH90:"e",rotate180:"f",rotateH180:"g",rotate270:"h",rotateH270:"i",flipxAxis:"j",flipHxAxis:"k",flipyAxis:"l",flipHyAxis:"m",rotateF0:"n",focustrue:"_f",rotateF90:"o",rotateF180:"p",rotateF270:"q",flipFxAxis:"r",flipFyAxis:"s",rotateA0:"t",rotateA90:"u",rotateA180:"v",rotateA270:"w",flipAxAxis:"x",flipAyAxis:"y"};exports.classes=t;
+"use strict";const a={base:"cal",rotate0:"cam",rotateH0:"can",hovertrue:"_h",rotate90:"cao",rotateH90:"cap",rotate180:"caq",rotateH180:"car",rotate270:"cas",rotateH270:"cat",flipxAxis:"cau",flipHxAxis:"cav",flipyAxis:"caw",flipHyAxis:"cax",rotateF0:"cay",focustrue:"_f",rotateF90:"caz",rotateF180:"caA",rotateF270:"caB",flipFxAxis:"caC",flipFyAxis:"caD",rotateA0:"caE",rotateA90:"caF",rotateA180:"caG",rotateA270:"caH",flipAxAxis:"caI",flipAyAxis:"caJ"};exports.classes=a;

package/baseSvg.module.css.mjs

@@ -1,4 +1,4 @@
-const t = { base: "a", rotate0: "b", rotateH0: "c", hovertrue: "_h", rotate90: "d", rotateH90: "e", rotate180: "f", rotateH180: "g", rotate270: "h", rotateH270: "i", flipxAxis: "j", flipHxAxis: "k", flipyAxis: "l", flipHyAxis: "m", rotateF0: "n", focustrue: "_f", rotateF90: "o", rotateF180: "p", rotateF270: "q", flipFxAxis: "r", flipFyAxis: "s", rotateA0: "t", rotateA90: "u", rotateA180: "v", rotateA270: "w", flipAxAxis: "x", flipAyAxis: "y" };
+const a = { base: "cal", rotate0: "cam", rotateH0: "can", hovertrue: "_h", rotate90: "cao", rotateH90: "cap", rotate180: "caq", rotateH180: "car", rotate270: "cas", rotateH270: "cat", flipxAxis: "cau", flipHxAxis: "cav", flipyAxis: "caw", flipHyAxis: "cax", rotateF0: "cay", focustrue: "_f", rotateF90: "caz", rotateF180: "caA", rotateF270: "caB", flipFxAxis: "caC", flipFyAxis: "caD", rotateA0: "caE", rotateA90: "caF", rotateA180: "caG", rotateA270: "caH", flipAxAxis: "caI", flipAyAxis: "caJ" };
 export {
-  t as c
+  a as c
 };

package/box.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("./box.module.css.cjs"),d=require("./utils/utils.cjs"),j=require("./theme.cjs");function y(s,e){const{tag:t,children:o,props:n,className:m,style:u}=s,x=j.useTheme(s),$=a.useMemo(()=>{const i=m?d.ClassNameUtils.classNames(c.classes.box,m):[c.classes.box],T={...h(x),...h(s)};return Object.entries(T).forEach(([l,g])=>{const p=c.classes[l+g];p?i.push(p):l in d.themeClasses&&i.push(`${d.themeClasses[l]}${g}`)}),i.join(" ")},[s]),r={...n,className:$};u&&(r.style=u),e&&(r.ref=e);const[H,b]=a.useState(!1),f=typeof o=="function";return f&&(r.onMouseEnter=()=>b(!0),r.onMouseLeave=()=>b(!1)),a.createElement(t||"div",r,f?o({isHover:H}):o)}const C=a.forwardRef(y),N={m:"margin",mx:"marginHorizontal",my:"marginVertical",mt:"marginTop",mr:"marginRight",mb:"marginBottom",ml:"marginLeft",p:"padding",px:"paddingHorizontal",py:"paddingVertical",pt:"paddingTop",pr:"paddingRight",pb:"paddingBottom",pl:"paddingLeft",b:"border",bx:"borderHorizontal",by:"borderVertical",bt:"borderTop",br:"borderRight",bb:"borderBottom",bl:"borderLeft",jc:"justifyContent",ai:"alignItems",ac:"alignContent",d:"flexDirection"},P=Object.entries(N).reduce((s,[e,t])=>(s[e]=t,s[`${e}H`]=`${t}H`,s[`${e}F`]=`${t}F`,s[`${e}A`]=`${t}A`,s),{});function h(s){const e={...s};return Object.keys(e).forEach(o=>{const n=P[o];n&&(n in e||(e[n]=e[o]),delete e[o])}),e}exports.default=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("./box.module.css.cjs"),d=require("./utils/utils.cjs"),j=require("./theme.cjs");function y(s,e){const{tag:t,children:o,props:n,className:u,style:b}=s,f=j.useTheme(s),$=a.useMemo(()=>{const i=u?d.ClassNameUtils.classNames(c.classes.box,u):[c.classes.box],T=f?{...m(f),...m(s)}:m(s);return Object.entries(T).forEach(([l,h])=>{const x=c.classes[l+h];x?i.push(x):l in d.themeClasses&&i.push(`${d.themeClasses[l]}${h}`)}),i.join(" ")},[s]),r={...n,className:$};b&&(r.style=b),e&&(r.ref=e);const[H,g]=a.useState(!1),p=typeof o=="function";return p&&(r.onMouseEnter=()=>g(!0),r.onMouseLeave=()=>g(!1)),a.createElement(t||"div",r,p?o({isHover:H}):o)}const C=a.forwardRef(y),N={m:"margin",mx:"marginHorizontal",my:"marginVertical",mt:"marginTop",mr:"marginRight",mb:"marginBottom",ml:"marginLeft",p:"padding",px:"paddingHorizontal",py:"paddingVertical",pt:"paddingTop",pr:"paddingRight",pb:"paddingBottom",pl:"paddingLeft",b:"border",bx:"borderHorizontal",by:"borderVertical",bt:"borderTop",br:"borderRight",bb:"borderBottom",bl:"borderLeft",jc:"justifyContent",ai:"alignItems",ac:"alignContent",d:"flexDirection"},P=Object.entries(N).reduce((s,[e,t])=>(s[e]=t,s[`${e}H`]=`${t}H`,s[`${e}F`]=`${t}F`,s[`${e}A`]=`${t}A`,s),{});function m(s){const e={...s};return Object.keys(e).forEach(o=>{const n=P[o];n&&(n in e||(e[n]=e[o]),delete e[o])}),e}exports.default=C;

package/box.mjs

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