@cronocode/react-box 1.2.6 → 1.3.1

package/utils/utils.mjs

@@ -1,4 +1,5 @@
-const h = {
+import { useMemo as h } from "react";
+const p = {
   hover: "_h",
   focus: "_f",
   shadow: "shadow_",
@@ -33,7 +34,7 @@ const h = {
   outlineColorH: "outlineColor_h_",
   outlineColorF: "outlineColor_f_",
   outlineColorA: "outlineColor_a_"
-}, C = {
+}, F = {
   fill: "fill_",
   fillH: "fill_h_",
   fillF: "fill_f_",
@@ -44,76 +45,86 @@ const h = {
   strokeA: "stroke_a_"
 };
 var f;
-((n) => {
-  function c(...i) {
-    return i.reduce((l, _) => _ ? typeof _ == "string" ? (l.push(_), l) : Array.isArray(_) ? (l.push(...c(..._)), l) : (Object.entries(_).forEach(([r, e]) => {
+((_) => {
+  function n(...u) {
+    return u.reduce((l, s) => s ? typeof s == "string" ? (l.push(s), l) : Array.isArray(s) ? (l.push(...n(...s)), l) : (Object.entries(s).forEach(([r, e]) => {
       e && l.push(r);
     }), l) : l, []);
   }
-  n.classNames = c;
+  _.classNames = n;
 })(f || (f = {}));
-const p = f;
-var g;
-((n) => {
-  function c(l, ..._) {
+const k = f;
+var b;
+((_) => {
+  function n(l, ...s) {
     const r = { ...l }, e = {};
-    return _.forEach((o) => {
+    return s.forEach((o) => {
       o in r && (e[o] = r[o], delete r[o]);
     }), [e, r];
   }
-  n.moveToTagProps = c;
-  function i(l, _, r) {
-    const e = { ...r, ...l }, o = { ...l.props };
-    return _.forEach((t) => {
+  _.moveToTagProps = n;
+  function u(l, s, r) {
+    const e = { ...l }, o = e.props || {};
+    return s.forEach((t) => {
       t in e && (o[t] = e[t], delete e[t]);
+    }), r && Object.entries(r).forEach(([t, i]) => {
+      o[t] = i;
     }), e.props = o, e;
   }
-  n.buildProps = i;
-})(g || (g = {}));
-const F = g;
-var d;
-((n) => {
-  function c(l) {
-    const _ = Array.from(l.elements).reduce((r, e) => {
+  _.buildProps = u;
+})(b || (b = {}));
+const A = b;
+var g;
+((_) => {
+  function n(l) {
+    const s = Array.from(l.elements).reduce((r, e) => {
       const o = e.name;
       return o && (r[o] || (r[o] = []), r[o].push(e)), r;
     }, {});
-    return Object.entries(_).reduce((r, [e, o]) => {
+    return Object.entries(s).reduce((r, [e, o]) => {
       if (o.length === 1) {
         const t = o[0];
-        i(r, e, t.type === "checkbox" || t.type === "radio" ? t.checked : t.value);
+        u(r, e, t.type === "checkbox" || t.type === "radio" ? t.checked : t.value);
       } else {
-        const t = o.reduce((a, s) => (s.type === "checkbox" || s.type === "radio" ? s.checked && a.push(s.value) : a.push(s.value), a), []);
-        i(r, e, t);
+        const t = o.reduce((i, c) => (c.type === "checkbox" || c.type === "radio" ? c.checked && i.push(c.value) : i.push(c.value), i), []);
+        u(r, e, t);
       }
       return r;
     }, {});
   }
-  n.getFormEntries = c;
-  function i(l, _, r) {
-    if (_.includes(".")) {
-      const e = _.split(".");
+  _.getFormEntries = n;
+  function u(l, s, r) {
+    if (s.includes(".")) {
+      const e = s.split(".");
       let o = l;
-      e.forEach((t, a) => {
-        if (e.length > a + 1) {
-          const s = t.match(/^(.+)\[(\d)\]$/);
-          if (s) {
-            const [, b, u] = s;
-            o[b] = o[b] || [], o[b][u] = o[b][u] || {}, o = o[b][u];
+      e.forEach((t, i) => {
+        if (e.length > i + 1) {
+          const c = t.match(/^(.+)\[(\d)\]$/);
+          if (c) {
+            const [, a, d] = c;
+            o[a] = o[a] || [], o[a][d] = o[a][d] || {}, o = o[a][d];
           } else
             o[t] = o[t] || {}, o = o[t];
         } else
           o[t] = r;
       });
     } else
-      l[_] = r;
+      l[s] = r;
   }
-})(d || (d = {}));
-const k = d;
+})(g || (g = {}));
+const m = g;
+function w() {
+  return h(() => {
+    const _ = "crono-box";
+    let n = document.getElementById(_);
+    return n || (n = document.createElement("div"), n.id = _, document.body.appendChild(n)), n;
+  }, []);
+}
 export {
-  p as C,
-  k as F,
-  F as O,
-  h as a,
-  C as t
+  k as C,
+  m as F,
+  A as O,
+  p as a,
+  F as t,
+  w as u
 };

package/components/buttonCore.mjs

@@ -1,13 +0,0 @@
-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 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 } });
-}
-const b = p(m);
-export {
-  b as default
-};

package/components/checkboxCore.mjs

@@ -1,25 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-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 i(o, e) {
-  const [r, t] = c.moveToTagProps(
-    o,
-    "name",
-    "onInput",
-    "onChange",
-    "disabled",
-    "value",
-    "autoFocus",
-    "readOnly",
-    "required",
-    "checked",
-    "defaultChecked"
-  );
-  return /* @__PURE__ */ n(p, { ref: e, tag: "input", inline: !0, ...t, props: { ...o.props, ...r, type: "checkbox" } });
-}
-const l = a(i);
-export {
-  l as default
-};

package/components/formAsync.d.ts

@@ -1,10 +0,0 @@
-import Box from '../box';
-type BoxProps = React.ComponentProps<typeof Box<'form'>>;
-type BoxTagProps = Required<BoxProps>['props'];
-type FormAsyncTagProps = Omit<BoxTagProps, 'onSubmit' | 'ref'>;
-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>): JSX.Element;
-export {};

package/components/radioButtonCore.mjs

@@ -1,25 +0,0 @@
-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 u(o, r) {
-  const [t, e] = p.moveToTagProps(
-    o,
-    "name",
-    "onInput",
-    "onChange",
-    "disabled",
-    "value",
-    "autoFocus",
-    "readOnly",
-    "required",
-    "checked",
-    "defaultChecked"
-  );
-  return /* @__PURE__ */ a(i, { ref: r, tag: "input", inline: !0, ...e, props: { ...o.props, ...t, type: "radio" } });
-}
-const l = n(u);
-export {
-  l as default
-};

package/components/textareaCore.mjs

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

package/components/textboxCore.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import Box from '../box';
-type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
-type BoxTagProps = Required<BoxProps>['props'];
-type TextboxCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'defaultValue' | 'autoFocus' | 'readOnly' | 'required' | 'value' | 'pattern'>;
-type TextboxCoreType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
-interface Props extends Omit<BoxProps, 'props'> {
-    name?: string;
-    props?: TextboxCoreTagProps;
-    onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
-    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
-    type?: TextboxCoreType;
-    placeholder?: string;
-    disabled?: boolean;
-    value?: string | number;
-    defaultValue?: string | number;
-    pattern?: string;
-    autoFocus?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    step?: number | string;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export default _default;

package/components/textboxCore.mjs

@@ -1,28 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import n from "../box.mjs";
-import { O as s } from "../utils/utils.mjs";
-import "../box.module.css.mjs";
-function i(o, e) {
-  const [t, r] = s.moveToTagProps(
-    o,
-    "name",
-    "onInput",
-    "onChange",
-    "type",
-    "placeholder",
-    "disabled",
-    "value",
-    "defaultValue",
-    "pattern",
-    "autoFocus",
-    "readOnly",
-    "required",
-    "step"
-  );
-  return /* @__PURE__ */ a(n, { ref: e, tag: "input", inline: !0, ...r, props: { ...o.props, ...t } });
-}
-const x = p(i);
-export {
-  x as default
-};