@cronocode/react-box 3.0.0-alpha.2 → 3.0.0-alpha.3

package/box.d.ts

@@ -1,4 +1,4 @@
-import { default as React, RefAttributes } from 'react';
+import { default as React, Ref, RefAttributes } from 'react';
 import { ClassNameType } from './core/classNames';
 import { ExtractElementFromTag } from './core/coreTypes';
 import { BoxStyleProps } from './types';
@@ -15,6 +15,7 @@ interface Props<TTag extends keyof React.JSX.IntrinsicElements> extends BoxStyle
     className?: ClassNameType;
     style?: React.ComponentProps<TTag>['style'];
 }
+declare function BoxComponent<TTag extends keyof React.JSX.IntrinsicElements = 'div'>(props: Props<TTag>, ref: Ref<ExtractElementFromTag<TTag>>): React.ReactElement<React.ComponentProps<TTag>, string | React.JSXElementConstructor<any>>;
 interface BoxType {
     <TTag extends keyof React.JSX.IntrinsicElements = 'div'>(props: Props<TTag> & RefAttributes<ExtractElementFromTag<TTag>>): React.ReactNode;
     extend: typeof BoxExtends.extend;
@@ -22,5 +23,5 @@ interface BoxType {
 }
 declare const Box: BoxType;
 export default Box;
-export type BoxProps<TTag extends keyof React.JSX.IntrinsicElements = 'div'> = React.ComponentProps<typeof Box<TTag>>;
+export type BoxProps<TTag extends keyof React.JSX.IntrinsicElements = 'div'> = React.ComponentProps<typeof BoxComponent<TTag>>;
 export type BoxTagProps<TTag extends keyof React.JSX.IntrinsicElements = 'div'> = Required<BoxProps<TTag>>['props'];

package/components/button.d.ts

@@ -1,11 +1,11 @@
-import { default as Box } from '../box';
-type BoxProps = Omit<React.ComponentProps<typeof Box<'button'>>, 'ref' | 'tag'>;
-type BoxTagProps = Required<BoxProps>['props'];
+import { BoxProps } from '../box';
+type ButtonProps = Omit<BoxProps<'button'>, 'ref' | 'tag'>;
+type BoxTagProps = Required<ButtonProps>['props'];
 declare const tagProps: readonly ["type", "onClick"];
 type TagPropsType = (typeof tagProps)[number];
 type ButtonTagProps = Omit<BoxTagProps, TagPropsType>;
 type ButtonType = Required<React.ComponentProps<'button'>>['type'];
-interface Props extends Omit<BoxProps, 'props'> {
+interface Props extends Omit<ButtonProps, 'props'> {
     props?: ButtonTagProps;
     type?: ButtonType;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;

package/components/checkbox.d.ts

@@ -13,5 +13,5 @@ interface Props extends CheckboxProps {
     readOnly?: boolean;
     defaultChecked?: boolean;
 }
-declare const _default: import('react').ForwardRefExoticComponent<Omit<Props, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/components/flex.d.ts

@@ -1,6 +1,5 @@
 import { RefAttributes } from 'react';
-import { default as Box } from '../box';
+import { BoxProps } from '../box';
 import { ExtractElementFromTag } from '../core/coreTypes';
-type BoxProps<TTag extends keyof React.JSX.IntrinsicElements = 'div'> = Omit<React.ComponentProps<typeof Box<TTag>>, 'ref'>;
 declare const _default: <TTag extends keyof React.JSX.IntrinsicElements = "div">(props: BoxProps<TTag> & RefAttributes<ExtractElementFromTag<TTag>>) => React.ReactNode;
 export default _default;

package/components/form.d.ts

@@ -1,8 +1,7 @@
-import { default as Box } from '../box';
-type BoxProps = React.ComponentProps<typeof Box<'form'>>;
-type BoxTagProps = Required<BoxProps>['props'];
+import { BoxProps } from '../box';
+type BoxTagProps = Required<BoxProps<'form'>>['props'];
 type FormTagProps = Omit<BoxTagProps, 'onSubmit' | 'ref'>;
-interface Props<T> extends Omit<BoxProps, 'props' | 'tag'> {
+interface Props<T> extends Omit<BoxProps<'form'>, 'props' | 'tag'> {
     props?: FormTagProps;
     onSubmit: (obj: T, e: React.ChangeEvent<HTMLFormElement>) => void;
 }

package/components/grid.d.ts

@@ -1,6 +1,5 @@
 import { RefAttributes } from 'react';
-import { default as Box } from '../box';
+import { BoxProps } from '../box';
 import { ExtractElementFromTag } from '../core/coreTypes';
-type BoxProps<TTag extends keyof React.JSX.IntrinsicElements = 'div'> = Omit<React.ComponentProps<typeof Box<TTag>>, 'ref'>;
 declare const _default: <TTag extends keyof React.JSX.IntrinsicElements = "div">(props: BoxProps<TTag> & RefAttributes<ExtractElementFromTag<TTag>>) => React.ReactNode;
 export default _default;

package/components/radioButton.d.ts

@@ -1,10 +1,10 @@
-import { default as Box } from '../box';
-type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
-type BoxTagProps = Required<BoxProps>['props'];
+import { BoxProps } from '../box';
+type RadioButtonProps = Omit<BoxProps<'input'>, 'ref' | 'tag'>;
+type BoxTagProps = Required<RadioButtonProps>['props'];
 declare const tagProps: readonly ["name", "onInput", "onChange", "value", "autoFocus", "readOnly", "defaultChecked"];
 type TagPropsType = (typeof tagProps)[number];
 type RadioButtonTagProps = Omit<BoxTagProps, TagPropsType | 'type'>;
-interface Props extends Omit<BoxProps, 'props'> {
+interface Props extends Omit<RadioButtonProps, 'props'> {
     name?: string;
     props?: RadioButtonTagProps;
     onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/components/textarea.d.ts

@@ -1,10 +1,10 @@
-import { default as Box } from '../box';
-type BoxProps = Omit<React.ComponentProps<typeof Box<'textarea'>>, 'ref' | 'tag'>;
-type BoxTagProps = Required<BoxProps>['props'];
+import { BoxProps } from '../box';
+type TextareaProps = Omit<BoxProps<'textarea'>, 'ref' | 'tag'>;
+type BoxTagProps = Required<TextareaProps>['props'];
 declare const tagProps: readonly ["name", "onInput", "onChange", "placeholder", "value", "defaultValue", "rows", "cols", "autoFocus", "maxLength", "minLength", "readOnly"];
 type TagPropsType = (typeof tagProps)[number];
 type TextareaTagProps = Omit<BoxTagProps, TagPropsType>;
-interface Props extends Omit<BoxProps, 'props'> {
+interface Props extends Omit<TextareaProps, 'props'> {
     name?: string;
     props?: TextareaTagProps;
     onInput?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;

package/components/textbox.d.ts

@@ -1,11 +1,11 @@
-import { default as Box } from '../box';
-type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
-type BoxTagProps = Required<BoxProps>['props'];
+import { BoxProps } from '../box';
+type TextareaProps = Omit<BoxProps<'input'>, 'ref' | 'tag'>;
+type BoxTagProps = Required<TextareaProps>['props'];
 declare const tagProps: readonly ["name", "onInput", "onChange", "type", "placeholder", "defaultValue", "autoFocus", "readOnly", "required", "value", "pattern"];
 type TagPropsType = (typeof tagProps)[number];
 type TextboxTagProps = Omit<BoxTagProps, TagPropsType>;
 type TextboxType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
-interface Props extends Omit<BoxProps, 'props'> {
+interface Props extends Omit<TextareaProps, 'props'> {
     name?: string;
     props?: TextboxTagProps;
     onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/components/tooltip.d.ts

@@ -1,6 +1,5 @@
-import { default as Box } from '../box';
-import { default as React } from 'react';
-interface Props extends React.ComponentProps<typeof Box> {
+import { BoxProps } from '../box';
+interface Props extends BoxProps {
     onPositionChange?(position: {
         top: number;
         left: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.3",
   "type": "module",
   "main": "./box.cjs",
   "module": "./box.mjs",