@cronocode/react-box 1.4.0 → 1.4.2

package/baseSvg.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";const t={base:"bDC",rotate0:"bDD",rotateH0:"bDE",hovertrue:"_h",rotate90:"bDF",rotateH90:"bDG",rotate180:"bDH",rotateH180:"bDI",rotate270:"bDJ",rotateH270:"bDK",flipxAxis:"bDL",flipHxAxis:"bDM",flipyAxis:"bDN",flipHyAxis:"bDO",rotateF0:"bDP",focustrue:"_f",rotateF90:"bDQ",rotateF180:"bDR",rotateF270:"bDS",flipFxAxis:"bDT",flipFyAxis:"bDU",rotateA0:"bDV",rotateA90:"bDW",rotateA180:"bDX",rotateA270:"bDY",flipAxAxis:"bDZ",flipAyAxis:"bD0"};exports.classes=t;

package/box.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("./box.module.css.cjs.js"),d=require("./utils/utils.cjs.js"),j=require("./theme.cjs.js");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;

package/{box.mjs → box.es.js}

@@ -1,7 +1,7 @@
 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 { useTheme as B } from "./theme.mjs";
+import { c as m } from "./box.module.css.es.js";
+import { C as y, a as p } from "./utils/utils.es.js";
+import { useTheme as B } from "./theme.es.js";
 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) };