@cronocode/react-box 1.1.5 → 1.1.7

package/components/baseSvg.mjs

@@ -1,15 +1,15 @@
 import g, { useState as w } from "react";
 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"];
+const s = { base: "cLL", fillnone: "cLM", fillHnone: "cLN", hovertrue: "d", filltransparent: "cLO", fillHtransparent: "cLP", fillblack: "cLQ", fillHblack: "cLR", fillwhite: "cLS", fillHwhite: "cLT", fillblue: "cLU", fillHblue: "cLV", fillred: "cLW", fillHred: "cLX", fillpurple: "cLY", fillHpurple: "cLZ", fillyellow: "cL0", fillHyellow: "cL1", fillpink: "cL2", fillHpink: "cL3", fillgreen: "cL4", fillHgreen: "cL5", fillorange: "cL6", fillHorange: "cL7", fillnavy: "cL8", fillHnavy: "cL9", fillteal: "cMa", fillHteal: "cMb", fillviolet: "cMc", fillHviolet: "cMd", fillgray: "cMe", fillHgray: "cMf", fillbrown: "cMg", fillHbrown: "cMh", strokenone: "cMi", strokeHnone: "cMj", stroketransparent: "cMk", strokeHtransparent: "cMl", strokeblack: "cMm", strokeHblack: "cMn", strokewhite: "cMo", strokeHwhite: "cMp", strokeblue: "cMq", strokeHblue: "cMr", strokered: "cMs", strokeHred: "cMt", strokepurple: "cMu", strokeHpurple: "cMv", strokeyellow: "cMw", strokeHyellow: "cMx", strokepink: "cMy", strokeHpink: "cMz", strokegreen: "cMA", strokeHgreen: "cMB", strokeorange: "cMC", strokeHorange: "cMD", strokenavy: "cME", strokeHnavy: "cMF", stroketeal: "cMG", strokeHteal: "cMH", strokeviolet: "cMI", strokeHviolet: "cMJ", strokegray: "cMK", strokeHgray: "cML", strokebrown: "cMM", strokeHbrown: "cMN", rotate0: "cMO", rotateH0: "cMP", rotate90: "cMQ", rotateH90: "cMR", rotate180: "cMS", rotateH180: "cMT", rotate270: "cMU", rotateH270: "cMV", flipxAxis: "cMW", flipHxAxis: "cMX", flipyAxis: "cMY", flipHyAxis: "cMZ" }, 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];
+  const { children: e, props: f, className: r, style: H, viewBox: k, width: p, height: L } = o, l = r ? v.classNames(r, s.base) : [s.base];
   Object.entries(o).forEach(([c, n]) => {
-    const f = s[c + n];
-    f ? l.push(f) : b.includes(c) && l.push(`${c}${n}`);
+    const M = s[c + n];
+    M ? l.push(M) : b.includes(c) && l.push(`${c}${n}`);
   });
   const t = {
-    ...M,
-    style: { ...H, width: L, height: p },
+    ...f,
+    style: { ...H, width: p, height: L },
     className: l.join(" "),
     viewBox: k || "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",

package/components/radioButtonCore.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import Box from '../box';
+declare type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
+declare type BoxTagProps = Required<BoxProps>['props'];
+declare type RadioButtonCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'value' | 'autoFocus' | 'readOnly' | 'required' | 'checked' | 'defaultChecked'>;
+interface Props extends Omit<BoxProps, 'props'> {
+    name?: string;
+    props?: RadioButtonCoreTagProps;
+    onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    value?: string | number;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/components/radioButtonCore.mjs

@@ -0,0 +1,25 @@
+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.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import Box from '../box';
+declare type BoxProps = Omit<React.ComponentProps<typeof Box<'textarea'>>, 'ref' | 'tag'>;
+declare type BoxTagProps = Required<BoxProps>['props'];
+declare type TextareaCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'placeholder' | 'disabled' | 'value' | 'defaultValue' | 'rows' | 'cols' | 'autoFocus' | 'maxLength' | 'minLength' | 'readOnly' | 'required'>;
+interface Props extends Omit<BoxProps, 'props'> {
+    name?: string;
+    props?: TextareaCoreTagProps;
+    onInput?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
+    onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    value?: string;
+    defaultValue?: string;
+    rows?: number;
+    cols?: number;
+    autoFocus?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    readOnly?: boolean;
+    required?: boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;

package/components/textareaCore.mjs

@@ -0,0 +1,29 @@
+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.mjs

@@ -1,11 +1,12 @@
-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 s } from "../utils/utils.mjs";
 import "../box.module.css.mjs";
-function i(o, t) {
-  const [e, r] = s.moveToTagProps(
+function i(o, e) {
+  const [t, r] = s.moveToTagProps(
     o,
+    "name",
     "onInput",
     "onChange",
     "type",
@@ -19,9 +20,9 @@ function i(o, t) {
     "required",
     "step"
   );
-  return /* @__PURE__ */ p(n, { ref: t, tag: "input", inline: !0, ...r, props: { ...o.props, ...e } });
+  return /* @__PURE__ */ a(n, { ref: e, tag: "input", inline: !0, ...r, props: { ...o.props, ...t } });
 }
-const x = a(i);
+const x = p(i);
 export {
   x as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "main": "./box.mjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",