@cronocode/react-box 1.1.3 → 1.1.4

package/{box.js → box.mjs}

@@ -1,6 +1,6 @@
 import x, { useState as N } from "react";
-import { c as a } from "./box.module.css.js";
-import { C as b, t as g } from "./utils/utils.js";
+import { c as a } from "./box.module.css.mjs";
+import { C as b, t as g } from "./utils/utils.mjs";
 function H(c) {
   const { tag: m, children: s, props: u, className: n, style: p } = c, e = n ? b.classNames(n, a.box) : [a.box];
   Object.entries(c).forEach(([o, i]) => {

package/components/{baseSvg.js → baseSvg.mjs}

@@ -1,5 +1,5 @@
 import g, { useState as w } from "react";
-import { C as v } from "../utils/utils.js";
+import { C as v } from "../utils/utils.mjs";
 const s = { base: "cLD", fillnone: "cLE", fillHnone: "cLF", hovertrue: "d", filltransparent: "cLG", fillHtransparent: "cLH", fillblack: "cLI", fillHblack: "cLJ", fillwhite: "cLK", fillHwhite: "cLL", fillblue: "cLM", fillHblue: "cLN", fillred: "cLO", fillHred: "cLP", fillpurple: "cLQ", fillHpurple: "cLR", fillyellow: "cLS", fillHyellow: "cLT", fillpink: "cLU", fillHpink: "cLV", fillgreen: "cLW", fillHgreen: "cLX", fillorange: "cLY", fillHorange: "cLZ", fillnavy: "cL0", fillHnavy: "cL1", fillteal: "cL2", fillHteal: "cL3", fillviolet: "cL4", fillHviolet: "cL5", fillgray: "cL6", fillHgray: "cL7", fillbrown: "cL8", fillHbrown: "cL9", strokenone: "cMa", strokeHnone: "cMb", stroketransparent: "cMc", strokeHtransparent: "cMd", strokeblack: "cMe", strokeHblack: "cMf", strokewhite: "cMg", strokeHwhite: "cMh", strokeblue: "cMi", strokeHblue: "cMj", strokered: "cMk", strokeHred: "cMl", strokepurple: "cMm", strokeHpurple: "cMn", strokeyellow: "cMo", strokeHyellow: "cMp", strokepink: "cMq", strokeHpink: "cMr", strokegreen: "cMs", strokeHgreen: "cMt", strokeorange: "cMu", strokeHorange: "cMv", strokenavy: "cMw", strokeHnavy: "cMx", stroketeal: "cMy", strokeHteal: "cMz", strokeviolet: "cMA", strokeHviolet: "cMB", strokegray: "cMC", strokeHgray: "cMD", strokebrown: "cME", strokeHbrown: "cMF", rotate0: "cMG", rotateH0: "cMH", rotate90: "cMI", rotateH90: "cMJ", rotate180: "cMK", rotateH180: "cML", rotate270: "cMM", rotateH270: "cMN", flipxAxis: "cMO", flipHxAxis: "cMP", flipyAxis: "cMQ", flipHyAxis: "cMR" }, b = ["fill", "fillH", "stroke", "strokeH"];
 function m(o) {
   const { children: e, props: M, className: r, style: H, viewBox: k, width: L, height: p } = o, l = r ? v.classNames(r, s.base) : [s.base];

package/components/{buttonCore.js → buttonCore.mjs}

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import u from "../box.js";
+import u from "../box.mjs";
 import "react";
-import "../box.module.css.js";
-import "../utils/utils.js";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
 function l(t) {
   const { tag: o, type: r, onClick: n, disabled: p, props: e } = t, i = { ...e, type: r || "button", onClick: n, disabled: p };
   return /* @__PURE__ */ s(u, { tag: o || "button", cursor: "pointer", inline: !0, ...t, props: i });

package/components/{flex.js → flex.mjs}

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import r from "../box.js";
+import r from "../box.mjs";
 import "react";
-import "../box.module.css.js";
-import "../utils/utils.js";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
 function x(i) {
   const { inline: o } = i;
   return /* @__PURE__ */ t(r, { display: o ? "inline-flex" : "flex", ...i });

package/components/{formAsync.js → formAsync.mjs}

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useRef as p, useCallback as u } from "react";
-import a from "../box.js";
-import { F as c } from "../utils/utils.js";
-import "../box.module.css.js";
+import a from "../box.mjs";
+import { F as c } from "../utils/utils.mjs";
+import "../box.module.css.mjs";
 function S(o) {
   const { onSubmit: m, props: n } = o, r = p(null), s = u((t) => {
     t.preventDefault();

package/components/{uncontrolledCheckboxCore.js → uncontrolledCheckboxCore.mjs}

@@ -1,8 +1,8 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
-import x from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
+import x from "../box.mjs";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
 function C(o, e) {
   const { props: r, name: t, disabled: n, placeholder: a, value: p, onInput: c, onChange: l, autoFocus: u, readOnly: d, required: i, defaultChecked: s } = o, m = {
     ...r,

package/components/{uncontrolledRadioButtonCore.js → uncontrolledRadioButtonCore.mjs}

@@ -1,8 +1,8 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
-import C from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
+import C from "../box.mjs";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
 function h(o, r) {
   const { props: t, name: e, disabled: n, placeholder: a, value: d, onInput: i, onChange: p, autoFocus: u, readOnly: l, required: s, defaultChecked: c } = o, m = {
     ...t,

package/components/{uncontrolledTextareaCore.js → uncontrolledTextareaCore.mjs}

@@ -1,8 +1,8 @@
 import { jsx as h } from "react/jsx-runtime";
 import { forwardRef as w } from "react";
-import C from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
+import C from "../box.mjs";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
 function T(o, e) {
   const {
     props: r,

package/components/{uncontrolledTextboxCore.js → uncontrolledTextboxCore.mjs}

@@ -1,8 +1,8 @@
 import { jsx as x } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
-import b from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
+import b from "../box.mjs";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
 function y(o, t) {
   const {
     props: e,

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.1.3",
-  "main": "./box.js",
-  "module": "./box.js",
+  "version": "1.1.4",
+  "main": "./box.mjs",
+  "module": "./box.mjs",
   "types": "./box.d.ts",
   "exports": {
     ".": {
-      "import": "./box.js",
-      "require": "./box.js",
+      "import": "./box.mjs",
+      "require": "./box.mjs",
       "types": "./box.d.ts"
     },
     "./style.css": "./style.css",
     "./components/*": {
-      "import": "./components/*.js",
-      "require": "./components/*.js",
+      "import": "./components/*.mjs",
+      "require": "./components/*.mjs",
       "types": "./components/*.d.ts"
     }
   },