@cronocode/react-box 1.0.1 → 1.0.2

package/components/uncontrolledCheckboxCore.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
@@ -15,5 +16,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     required?: boolean;
     defaultChecked?: boolean;
 }
-export default function UncontrolledCheckboxCore(props: Props): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/components/uncontrolledCheckboxCore.js

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

package/components/uncontrolledRadioButtonCore.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
@@ -15,5 +16,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     required?: boolean;
     defaultChecked?: boolean;
 }
-export default function UncontrolledRadioButtonCore(props: Props): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/components/uncontrolledRadioButtonCore.js

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

package/components/uncontrolledTextareaCore.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box<'textarea'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
@@ -5,8 +6,8 @@ declare type UncontrolledTextareaCoreTagProps = Omit<BoxTagProps, 'name' | 'onIn
 interface Props extends Omit<BoxProps, 'props'> {
     name: string;
     props?: UncontrolledTextareaCoreTagProps;
-    onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
-    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onInput?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
+    onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
     placeholder?: string;
     disabled?: boolean;
     defaultValue?: string | number;
@@ -18,5 +19,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     readOnly?: boolean;
     required?: boolean;
 }
-export default function UncontrolledTextareaCore(props: Props): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;

package/components/uncontrolledTextareaCore.js

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

package/components/uncontrolledTextboxCore.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
@@ -17,5 +18,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     required?: boolean;
     step?: number | string;
 }
-export default function UncontrolledTextboxCore(props: Props): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/components/uncontrolledTextboxCore.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "./box.js",
   "module": "./box.js",
   "types": "./box.d.ts",