@cronocode/react-box 1.1.2 → 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.mjs

@@ -0,0 +1,12 @@
+import { jsx as s } from "react/jsx-runtime";
+import u from "../box.mjs";
+import "react";
+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 });
+}
+export {
+  l as default
+};

package/components/flex.mjs

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import r from "../box.mjs";
+import "react";
+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 });
+}
+export {
+  x as default
+};

package/components/formAsync.mjs

@@ -0,0 +1,16 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as p, useCallback as u } from "react";
+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();
+    const f = c.getFormEntries(r.current);
+    m(f, t);
+  }, []), e = { ...n, onSubmit: s, ref: r };
+  return /* @__PURE__ */ i(a, { tag: "form", ...o, props: e });
+}
+export {
+  S as default
+};

package/components/uncontrolledCheckboxCore.mjs

@@ -0,0 +1,27 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+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,
+    type: "checkbox",
+    name: t,
+    disabled: n,
+    placeholder: a,
+    onInput: c,
+    onChange: l,
+    value: p,
+    autoFocus: u,
+    readOnly: d,
+    required: i,
+    defaultChecked: s,
+    ref: e
+  };
+  return /* @__PURE__ */ f(x, { tag: "input", inline: !0, ...o, props: m });
+}
+const P = h(C);
+export {
+  P as default
+};

package/components/uncontrolledRadioButtonCore.mjs

@@ -0,0 +1,27 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+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,
+    type: "radio",
+    name: e,
+    disabled: n,
+    placeholder: a,
+    onInput: i,
+    onChange: p,
+    value: d,
+    autoFocus: u,
+    readOnly: l,
+    required: s,
+    defaultChecked: c,
+    ref: r
+  };
+  return /* @__PURE__ */ f(C, { tag: "input", inline: !0, ...o, props: m });
+}
+const P = g(h);
+export {
+  P as default
+};

package/components/uncontrolledTextareaCore.mjs

@@ -0,0 +1,44 @@
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import C from "../box.mjs";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
+function T(o, e) {
+  const {
+    props: r,
+    name: t,
+    disabled: n,
+    placeholder: a,
+    defaultValue: l,
+    onInput: p,
+    onChange: s,
+    rows: i,
+    cols: m,
+    autoFocus: u,
+    maxLength: d,
+    minLength: c,
+    readOnly: f,
+    required: x
+  } = o, g = {
+    ...r,
+    name: t,
+    disabled: n,
+    placeholder: a,
+    onInput: p,
+    onChange: s,
+    defaultValue: l,
+    rows: i,
+    cols: m,
+    autoFocus: u,
+    maxLength: d,
+    minLength: c,
+    readOnly: f,
+    required: x,
+    ref: e
+  };
+  return /* @__PURE__ */ h(C, { tag: "textarea", inline: !0, ...o, props: g });
+}
+const y = w(T);
+export {
+  y as default
+};

package/components/uncontrolledTextboxCore.mjs

@@ -0,0 +1,40 @@
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import b from "../box.mjs";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
+function y(o, t) {
+  const {
+    props: e,
+    name: r,
+    type: n,
+    disabled: p,
+    placeholder: a,
+    defaultValue: l,
+    onInput: u,
+    onChange: i,
+    autoFocus: s,
+    readOnly: d,
+    required: m,
+    step: c
+  } = o, f = {
+    ...e,
+    type: n || "text",
+    name: r,
+    disabled: p,
+    placeholder: a,
+    onInput: u,
+    onChange: i,
+    defaultValue: l,
+    autoFocus: s,
+    readOnly: d,
+    required: m,
+    step: c,
+    ref: t
+  };
+  return /* @__PURE__ */ x(b, { tag: "input", inline: !0, ...o, props: f });
+}
+const j = g(y);
+export {
+  j as default
+};

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.1.2",
-  "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"
     }
   },

package/components/buttonCore.js

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

package/components/flex.js

@@ -1,11 +0,0 @@
-import i from "react";
-import n from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
-function f(e) {
-  const { inline: t } = e;
-  return /* @__PURE__ */ i.createElement(n, { display: t ? "inline-flex" : "flex", ...e });
-}
-export {
-  f as default
-};

package/components/formAsync.js

@@ -1,15 +0,0 @@
-import f, { useRef as c, useCallback as u } from "react";
-import i from "../box.js";
-import { F as p } from "../utils/utils.js";
-import "../box.module.css.js";
-function R(o) {
-  const { onSubmit: e, props: n } = o, t = c(null), m = u((r) => {
-    r.preventDefault();
-    const a = p.getFormEntries(t.current);
-    e(a, r);
-  }, []), s = { ...n, onSubmit: m, ref: t };
-  return /* @__PURE__ */ f.createElement(i, { tag: "form", ...o, props: s });
-}
-export {
-  R as default
-};

package/components/uncontrolledCheckboxCore.js

@@ -1,26 +0,0 @@
-import f, { forwardRef as h } from "react";
-import C from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
-function x(e, o) {
-  const { props: r, name: t, disabled: n, placeholder: a, value: c, onInput: l, onChange: p, autoFocus: u, readOnly: d, required: i, defaultChecked: s } = e, m = {
-    ...r,
-    type: "checkbox",
-    name: t,
-    disabled: n,
-    placeholder: a,
-    onInput: l,
-    onChange: p,
-    value: c,
-    autoFocus: u,
-    readOnly: d,
-    required: i,
-    defaultChecked: s,
-    ref: o
-  };
-  return /* @__PURE__ */ f.createElement(C, { tag: "input", inline: !0, ...e, props: m });
-}
-const y = h(x);
-export {
-  y as default
-};

package/components/uncontrolledRadioButtonCore.js

@@ -1,26 +0,0 @@
-import f, { forwardRef as g } from "react";
-import C from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
-function R(o, e) {
-  const { props: t, name: r, disabled: n, placeholder: a, value: d, onInput: u, onChange: i, autoFocus: l, readOnly: p, required: c, defaultChecked: s } = o, m = {
-    ...t,
-    type: "radio",
-    name: r,
-    disabled: n,
-    placeholder: a,
-    onInput: u,
-    onChange: i,
-    value: d,
-    autoFocus: l,
-    readOnly: p,
-    required: c,
-    defaultChecked: s,
-    ref: e
-  };
-  return /* @__PURE__ */ f.createElement(C, { tag: "input", inline: !0, ...o, props: m });
-}
-const y = g(R);
-export {
-  y as default
-};

package/components/uncontrolledTextareaCore.js

@@ -1,43 +0,0 @@
-import h, { forwardRef as w } from "react";
-import C from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
-function T(e, o) {
-  const {
-    props: r,
-    name: t,
-    disabled: a,
-    placeholder: n,
-    defaultValue: l,
-    onInput: c,
-    onChange: p,
-    rows: s,
-    cols: u,
-    autoFocus: d,
-    maxLength: i,
-    minLength: m,
-    readOnly: f,
-    required: g
-  } = e, x = {
-    ...r,
-    name: t,
-    disabled: a,
-    placeholder: n,
-    onInput: c,
-    onChange: p,
-    defaultValue: l,
-    rows: s,
-    cols: u,
-    autoFocus: d,
-    maxLength: i,
-    minLength: m,
-    readOnly: f,
-    required: g,
-    ref: o
-  };
-  return /* @__PURE__ */ h.createElement(C, { tag: "textarea", inline: !0, ...e, props: x });
-}
-const q = w(T);
-export {
-  q as default
-};

package/components/uncontrolledTextboxCore.js

@@ -1,39 +0,0 @@
-import x, { forwardRef as g } from "react";
-import b from "../box.js";
-import "../box.module.css.js";
-import "../utils/utils.js";
-function y(e, t) {
-  const {
-    props: o,
-    name: r,
-    type: n,
-    disabled: a,
-    placeholder: p,
-    defaultValue: l,
-    onInput: u,
-    onChange: c,
-    autoFocus: d,
-    readOnly: i,
-    required: s,
-    step: m
-  } = e, f = {
-    ...o,
-    type: n || "text",
-    name: r,
-    disabled: a,
-    placeholder: p,
-    onInput: u,
-    onChange: c,
-    defaultValue: l,
-    autoFocus: d,
-    readOnly: i,
-    required: s,
-    step: m,
-    ref: t
-  };
-  return /* @__PURE__ */ x.createElement(b, { tag: "input", inline: !0, ...e, props: f });
-}
-const P = g(y);
-export {
-  P as default
-};