@cronocode/react-box 1.2.5 → 1.2.7

package/box.mjs

@@ -1,13 +1,13 @@
 import N, { forwardRef as v, useState as b } from "react";
 import { c as a } from "./box.module.css.mjs";
-import { C as g, t as u } from "./utils/utils.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, t = c ? g.classNames(a.box, c) : [a.box];
-  Object.entries(n).forEach(([o, m]) => {
-    const p = a[o + m];
-    p ? t.push(p) : o in u && t.push(`${u[o]}${m}`);
+  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}`);
   });
-  const s = { ...h, className: t.join(" ") };
+  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);

package/components/baseSvg.mjs

@@ -1,2 +1,22 @@
-import "react";
-import "../utils/utils.mjs";
+import v, { useState as H } from "react";
+import { C as g, t as f } from "../utils/utils.mjs";
+const a = { base: "cGH", rotate0: "cGI", rotateH0: "cGJ", hovertrue: "_h", rotate90: "cGK", rotateH90: "cGL", rotate180: "cGM", rotateH180: "cGN", rotate270: "cGO", rotateH270: "cGP", flipxAxis: "cGQ", flipHxAxis: "cGR", flipyAxis: "cGS", flipHyAxis: "cGT", rotateF0: "cGU", focustrue: "_f", rotateF90: "cGV", rotateF180: "cGW", rotateF270: "cGX", flipFxAxis: "cGY", flipFyAxis: "cGZ", rotateA0: "cG0", rotateA90: "cG1", rotateA180: "cG2", rotateA270: "cG3", flipAxAxis: "cG4", flipAyAxis: "cG5" };
+function F(c) {
+  const { children: t, props: p, className: r, style: x, viewBox: A, width: m, height: u } = c, e = r ? g.classNames(r, a.base) : [a.base];
+  Object.entries(c).forEach(([o, n]) => {
+    const G = a[o + n];
+    G ? e.push(G) : o in f && e.push(`${f[o]}${n}`);
+  });
+  const s = {
+    ...p,
+    style: { ...x, width: m, height: u },
+    className: e.join(" "),
+    viewBox: A || "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none"
+  }, [h, i] = H(!1), l = typeof t == "function";
+  return l && (s.onMouseEnter = () => i(!0), s.onMouseLeave = () => i(!1)), v.createElement("svg", s, l ? t({ isHover: h }) : t);
+}
+export {
+  F as default
+};

package/{src/components → components}/buttonCore.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Box from '../box';
 type BoxProps = Omit<React.ComponentProps<typeof Box<'button'>>, 'ref' | 'tag'>;
 type BoxTagProps = Required<BoxProps>['props'];

package/components/buttonCore.mjs

@@ -1,10 +1,13 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import n from "../box.mjs";
-import { O as m } from "../utils/utils.mjs";
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import i from "../box.mjs";
+import { O as s } from "../utils/utils.mjs";
 import "../box.module.css.mjs";
-function s(o, r) {
-  const [t, i] = m.moveToTagProps(o, "type", "onClick", "disabled");
-  return /* @__PURE__ */ p(n, { ref: r, tag: "button", cursor: "pointer", inline: !0, ...i, props: { ...o.props, ...t } });
+function m(o, r) {
+  const [t, e] = s.moveToTagProps(o, "type", "onClick", "disabled");
+  return /* @__PURE__ */ n(i, { ref: r, tag: "button", cursor: "pointer", inline: !0, ...e, props: { ...o.props, ...t } });
 }
-e(s);
+const b = p(m);
+export {
+  b as default
+};

package/components/checkboxCore.mjs

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import a from "../box.mjs";
-import { O as i } from "../utils/utils.mjs";
+import { forwardRef as a } from "react";
+import p from "../box.mjs";
+import { O as c } from "../utils/utils.mjs";
 import "../box.module.css.mjs";
-function m(o, e) {
-  const [r, t] = i.moveToTagProps(
+function i(o, e) {
+  const [r, t] = c.moveToTagProps(
     o,
     "name",
     "onInput",
@@ -17,6 +17,9 @@ function m(o, e) {
     "checked",
     "defaultChecked"
   );
-  return /* @__PURE__ */ n(a, { ref: e, tag: "input", inline: !0, ...t, props: { ...o.props, ...r, type: "checkbox" } });
+  return /* @__PURE__ */ n(p, { ref: e, tag: "input", inline: !0, ...t, props: { ...o.props, ...r, type: "checkbox" } });
 }
-p(m);
+const l = a(i);
+export {
+  l as default
+};

package/{src/components → components}/flex.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Box from '../box';
 import { Activated, Focused, Hovered } from '../types';
 type BoxProps = React.ComponentProps<typeof Box>;
@@ -14,5 +13,5 @@ interface FlexStylesShortCuts {
     js?: BoxProps['justifySelf'];
 }
 type Props = BoxProps & FlexStylesShortCuts & Hovered<FlexStylesShortCuts> & Focused<FlexStylesShortCuts> & Activated<FlexStylesShortCuts>;
-export default function Flex(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Flex(props: Props): JSX.Element;
 export {};

package/components/flex.mjs

@@ -1,5 +1,12 @@
-import "react/jsx-runtime";
-import "../box.mjs";
+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/{src/components → components}/formAsync.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Box from '../box';
 type BoxProps = React.ComponentProps<typeof Box<'form'>>;
 type BoxTagProps = Required<BoxProps>['props'];
@@ -7,5 +6,5 @@ interface Props<T> extends Omit<BoxProps, 'props' | 'tag'> {
     props?: FormAsyncTagProps;
     onSubmit: (obj: T, e: React.FormEvent<HTMLFormElement>) => void;
 }
-export default function FormAsync<T>(props: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function FormAsync<T>(props: Props<T>): JSX.Element;
 export {};

package/components/formAsync.mjs

@@ -1,5 +1,16 @@
-import "react/jsx-runtime";
-import "react";
-import "../box.mjs";
-import "../utils/utils.mjs";
+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/radioButtonCore.mjs

@@ -1,10 +1,10 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
 import i from "../box.mjs";
 import { O as p } from "../utils/utils.mjs";
 import "../box.module.css.mjs";
-function m(o, r) {
-  const [e, t] = p.moveToTagProps(
+function u(o, r) {
+  const [t, e] = p.moveToTagProps(
     o,
     "name",
     "onInput",
@@ -17,6 +17,9 @@ function m(o, r) {
     "checked",
     "defaultChecked"
   );
-  return /* @__PURE__ */ n(i, { ref: r, tag: "input", inline: !0, ...t, props: { ...o.props, ...e, type: "radio" } });
+  return /* @__PURE__ */ a(i, { ref: r, tag: "input", inline: !0, ...e, props: { ...o.props, ...t, type: "radio" } });
 }
-a(m);
+const l = n(u);
+export {
+  l as default
+};

package/components/textareaCore.mjs

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import m from "../box.mjs";
-import { O as i } from "../utils/utils.mjs";
+import s from "../box.mjs";
+import { O as m } from "../utils/utils.mjs";
 import "../box.module.css.mjs";
-function p(o, r) {
-  const [e, t] = i.moveToTagProps(
-    o,
+function p(e, o) {
+  const [r, t] = m.moveToTagProps(
+    e,
     "name",
     "onInput",
     "onChange",
@@ -21,6 +21,9 @@ function p(o, r) {
     "readOnly",
     "required"
   );
-  return /* @__PURE__ */ a(m, { ref: r, tag: "textarea", inline: !0, ...t, props: { ...o.props, ...e } });
+  return /* @__PURE__ */ a(s, { ref: o, tag: "textarea", inline: !0, ...t, props: { ...e.props, ...r } });
 }
-n(p);
+const c = n(p);
+export {
+  c as default
+};

package/components/textbox.mjs

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import m from "../box.mjs";
-import { O as i } from "../utils/utils.mjs";
-import { T as s } from "../theme.mjs";
+import i from "../box.mjs";
+import { O as m } from "../utils/utils.mjs";
+import { useTheme as s } from "../theme.mjs";
 import "../box.module.css.mjs";
 const u = [
   "name",
@@ -18,8 +18,11 @@ const u = [
   "value",
   "pattern"
 ];
-function p(e, t) {
-  const o = s.useTheme("textbox", e), r = i.buildProps(e, u, o);
-  return /* @__PURE__ */ n(m, { ref: t, tag: "input", inline: !0, ...r });
+function p(t, e) {
+  const o = s("textbox", t), r = m.buildProps(t, u, o);
+  return /* @__PURE__ */ n(i, { ref: e, tag: "input", inline: !0, ...r });
 }
-a(p);
+const h = a(p);
+export {
+  h as default
+};

package/components/textboxCore.mjs

@@ -1,10 +1,10 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
 import n from "../box.mjs";
-import { O as i } from "../utils/utils.mjs";
+import { O as s } from "../utils/utils.mjs";
 import "../box.module.css.mjs";
-function m(o, r) {
-  const [e, t] = i.moveToTagProps(
+function i(o, e) {
+  const [t, r] = s.moveToTagProps(
     o,
     "name",
     "onInput",
@@ -20,6 +20,9 @@ function m(o, r) {
     "required",
     "step"
   );
-  return /* @__PURE__ */ p(n, { ref: r, tag: "input", inline: !0, ...t, props: { ...o.props, ...e } });
+  return /* @__PURE__ */ a(n, { ref: e, tag: "input", inline: !0, ...r, props: { ...o.props, ...t } });
 }
-a(m);
+const x = p(i);
+export {
+  x as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "main": "./box.mjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",
@@ -47,23 +47,23 @@
   "description": "",
   "devDependencies": {
     "@cronocode/identity-factory": "^0.0.6",
-    "@rollup/pluginutils": "^5.0.4",
-    "@types/node": "^20.6.0",
+    "@rollup/pluginutils": "^5.0.2",
+    "@types/node": "^18.15.7",
     "@types/postcss-mixins": "^9.0.0",
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "@vitejs/plugin-react": "^4.0.4",
-    "autoprefixer": "^10.4.15",
-    "postcss": "^8.4.29",
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^18.0.10",
+    "@vitejs/plugin-react": "^3.1.0",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.21",
     "postcss-each": "^1.1.0",
     "postcss-mixins": "^9.0.4",
     "postcss-nested": "^6.0.1",
     "postcss-simple-vars": "^7.0.1",
-    "prettier": "^3.0.3",
-    "react": "^18.2.0",
+    "prettier": "^2.8.7",
+    "react": "^18.1.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.2.2",
-    "vite": "^4.4.9",
-    "vite-plugin-dts": "^3.5.3"
+    "typescript": "^5.0.2",
+    "vite": "^4.2.1",
+    "vite-plugin-dts": "^2.1.0"
   }
 }