tw-react-components 0.0.132

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "tw-react-components",
+  "description": "A set of React components build with TailwindCSS to make a nice dashboard.",
+  "version": "0.0.132",
+  "license": "MIT",
+  "homepage": "https://bacali95.github.io/tw-react-components",
+  "author": {
+    "name": "Nasreddine Bac Ali",
+    "email": "nasreddine.bacali95@gmail.com",
+    "url": "https://github.com/bacali95"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bacali95/tw-react-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/bacali95/tw-react-components/issues"
+  },
+  "exports": {
+    ".": {
+      "module": "./index.esm.js",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
+    },
+    "./tailwindcss-plugin.cjs": {
+      "default": "./tailwindcss-plugin.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js"
+}

package/src/components/Badge/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonProps, ButtonVariant } from '../Button';
+export type BadgeVariant = Exclude<ButtonVariant, 'text'>;
+export type BadgeProps = Omit<ButtonProps, 'variant'> & {
+    variant?: BadgeVariant;
+};
+export declare const Badge: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "variant"> & {
+    variant?: BadgeVariant | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/src/components/Block/index.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, PropsWithoutRef } from 'react';
+export type BlockProps = PropsWithoutRef<ComponentProps<'div'> & {
+    className?: string;
+    centered?: boolean;
+    container?: boolean;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+}>;
+export declare const Block: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    className?: string | undefined;
+    centered?: boolean | undefined;
+    container?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    fullHeight?: boolean | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/src/components/Button/index.d.ts

@@ -0,0 +1,20 @@
+import { LucideIcon } from 'lucide-react';
+import { ComponentProps, PropsWithoutRef } from 'react';
+import { Color, Size } from '../types';
+export type ButtonVariant = 'filled' | 'outlined' | 'text';
+export type ButtonProps = PropsWithoutRef<ComponentProps<'button'>> & {
+    size?: Size;
+    color?: Color;
+    variant?: ButtonVariant;
+    rounded?: boolean;
+    prefixIcon?: LucideIcon;
+    suffixIcon?: LucideIcon;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    size?: Size | undefined;
+    color?: Color | undefined;
+    variant?: ButtonVariant | undefined;
+    rounded?: boolean | undefined;
+    prefixIcon?: LucideIcon | undefined;
+    suffixIcon?: LucideIcon | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/src/components/Card/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const Card: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    className?: string | undefined;
+    centered?: boolean | undefined;
+    container?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    fullHeight?: boolean | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/src/components/DataTable/index.d.ts

@@ -0,0 +1,68 @@
+import { LucideIcon } from 'lucide-react';
+import { ComponentProps, FC, ReactNode } from 'react';
+import { HintBadgeProps, HintDotProps } from '../Hint';
+import { PaginationProps } from '../Pagination';
+import { Color, Paths, ResolvePath } from '../types';
+export type DataTableColumn<T, Field extends Paths<T> = Paths<T>> = {
+    className?: string;
+    header: ReactNode;
+    field: Field;
+    noSorting?: boolean;
+    hide?: boolean;
+    align?: ComponentProps<'td'>['align'];
+    render?: (item: T, rowIndex: number) => ReactNode;
+    comparator?: (a: ResolvePath<T, Field>, b: ResolvePath<T, Field>) => number;
+};
+export type DataTableColumns<T> = Partial<{
+    [Field in Paths<T>]: DataTableColumn<T, Field>;
+}>;
+export type DataTableSorting<T, Field extends Paths<T> = Paths<T>> = {
+    field: Field;
+    direction: 'asc' | 'desc';
+    comparator: (a: ResolvePath<T, Field>, b: ResolvePath<T, Field>) => number;
+};
+export type DataTableRowExtraContent<T> = {
+    idGetter: (item: T) => number;
+    singleExpansion?: boolean;
+    component: FC<{
+        item: T;
+        rowIndex: number;
+    }>;
+};
+declare const possiblePageSize: readonly [5, 10, 25, 50, 100, 500, 1000];
+export type DataTablePageSize = (typeof possiblePageSize)[number];
+export type DataTableAction<T> = {
+    icon: LucideIcon;
+    label?: string;
+    hasNotification?: (item: T, rowIndex: number) => {
+        type: 'badge';
+        props: HintBadgeProps;
+    } | {
+        type: 'dot';
+        props: HintDotProps;
+    } | boolean;
+    color?: Color;
+    hide?: boolean | ((item: T) => boolean);
+    onClick: (item: T, rowIndex: number) => void;
+};
+export type DataTableProps<T> = {
+    className?: string;
+    rows: T[];
+    columns: DataTableColumn<T>[] | DataTableColumns<T>;
+    sorting?: {
+        sorting: DataTableSorting<T> | undefined;
+        onSortingChange: (sorting: DataTableSorting<T>) => void;
+    };
+    pagination?: PaginationProps & {
+        pageSize?: DataTablePageSize;
+        onPageSizeChange?: (pageSize: DataTablePageSize) => void;
+    };
+    actions?: DataTableAction<T>[];
+    isLoading?: boolean;
+    rowExtraContent?: DataTableRowExtraContent<T>;
+    noDataMessage?: ReactNode;
+    onRowClick?: DataTableAction<T>['onClick'];
+    rowClassName?: (item: T, rowIndex: number) => string | undefined;
+};
+export declare function DataTable<T>({ className, columns, rows, sorting, pagination, actions, isLoading, rowExtraContent, noDataMessage, onRowClick, rowClassName, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/Dialog/ConfirmDialog.d.ts

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+type Props = {
+    open: boolean;
+    title: ReactNode;
+    yesLabel?: string;
+    noLabel?: string;
+    onConfirm: () => void;
+    onClose: () => void;
+};
+export declare const ConfirmDialog: FC<PropsWithChildren<Props>>;
+export {};

package/src/components/Dialog/Dialog.d.ts

@@ -0,0 +1,21 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { HTMLAttributes } from 'react';
+export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps> & {
+    Portal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+    Overlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        fullScreen?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Header: {
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+};

package/src/components/Dialog/FormDialog.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { FieldValues, SubmitErrorHandler, SubmitHandler, UseFormReturn } from 'react-hook-form';
+type Props<T extends FieldValues> = {
+    className?: string;
+    open: boolean;
+    title: ReactNode;
+    form: UseFormReturn<T>;
+    submitLabel?: string;
+    cancelLabel?: string;
+    extraAction?: ReactNode;
+    onSubmit: SubmitHandler<T>;
+    onInvalid?: SubmitErrorHandler<T>;
+    onClose: () => void;
+};
+export declare const FormDialog: <T extends FieldValues>({ className, open, title, form, children, submitLabel, cancelLabel, extraAction, onSubmit, onInvalid, onClose, }: PropsWithChildren<Props<T>>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/Dialog/ListSorterDialog.d.ts

@@ -0,0 +1,12 @@
+import { ListSorterItem, ListSorterProps } from '../ListSorter';
+export type ListSorterDialogProps<T extends ListSorterItem> = {
+    className?: string;
+    open: boolean;
+    title: string;
+    onClose: () => void;
+} & Omit<ListSorterProps<T>, 'onChange'> & {
+    cancelLabel?: string;
+    submitLabel?: string;
+    onSubmit: (items: T[]) => void;
+};
+export declare function ListSorterDialog<T extends ListSorterItem>({ className, open, title, items, idResolver, renderer, cancelLabel, submitLabel, onSubmit, onClose, }: ListSorterDialogProps<T>): import("react/jsx-runtime").JSX.Element;

package/src/components/Dialog/PdfViewerDialog.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+type Props = {
+    open: boolean;
+    title: ReactNode;
+    url?: string;
+    data?: string;
+    onClose: () => void;
+};
+export declare const PdfViewerDialog: FC<Props>;
+export {};

package/src/components/Dialog/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ConfirmDialog';
+export * from './Dialog';
+export * from './FormDialog';
+export * from './ListSorterDialog';
+export * from './PdfViewerDialog';

package/src/components/DropdownMenu/index.d.ts

@@ -0,0 +1,31 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { HTMLAttributes } from 'react';
+export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps> & {
+    Trigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Icon: import("react").ForwardRefExoticComponent<{
+        className?: string | undefined;
+        icon: import("lucide-react").LucideIcon;
+    } & import("react").RefAttributes<SVGSVGElement>>;
+    Shortcut: {
+        ({ className, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+    Sub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+};

package/src/components/Flex/index.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { BlockProps } from '../Block';
+type Direction = 'row' | 'column';
+type Position = 'start' | 'center' | 'end';
+export type FlexProps = BlockProps & {
+    reverse?: boolean;
+    wrap?: boolean;
+    direction?: Direction;
+    align?: Position;
+    justify?: Position | 'between';
+};
+export declare const Flex: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    className?: string | undefined;
+    centered?: boolean | undefined;
+    container?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    fullHeight?: boolean | undefined;
+}, "ref"> & {
+    reverse?: boolean | undefined;
+    wrap?: boolean | undefined;
+    direction?: Direction | undefined;
+    align?: Position | undefined;
+    justify?: Position | "between" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/src/components/Form/controls/FormGroup.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+export type FormGroupProps = PropsWithChildren<{
+    className?: string;
+    label: string;
+}>;
+export declare const FormGroup: FC<FormGroupProps>;

package/src/components/Form/controls/Label.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+type Props = {
+    className?: string;
+    description?: ReactNode;
+    required?: boolean;
+    hasErrors?: boolean;
+    htmlFor?: string;
+};
+export declare const Label: FC<PropsWithChildren<Props>>;
+export {};

package/src/components/Form/controls/custom/date-time/DateSelector.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export type View = 'days' | 'months' | 'years';
+type DateSelectorProps = {
+    date: Date;
+    value?: string | Date | null;
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: string;
+    calendarView: View;
+    setCalendarView: (view: View) => void;
+    setNewDate: (date: Date) => void;
+};
+export declare const DateSelector: FC<DateSelectorProps>;
+export {};

package/src/components/Form/controls/custom/date-time/DaysView.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+type DaysViewProps = {
+    date: Date;
+    value?: string | Date | null;
+    month: number;
+    year: number;
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: string;
+    setNewDate: (date: Date) => void;
+};
+export declare const DaysView: FC<DaysViewProps>;
+export {};

package/src/components/Form/controls/custom/date-time/MonthsView.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+type MonthsViewProps = {
+    date: Date;
+    value?: string | Date | null;
+    year: number;
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: string;
+    selectMonth: (month: number) => () => void;
+};
+export declare const MonthsView: FC<MonthsViewProps>;
+export {};

package/src/components/Form/controls/custom/date-time/TimeSelector.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type TimeSelectorProps = {
+    date: Date;
+    step?: number;
+    minDate?: Date;
+    maxDate?: Date;
+    setNewDate: (date: Date) => void;
+};
+export declare const TimeSelector: FC<TimeSelectorProps>;
+export {};

package/src/components/Form/controls/custom/date-time/YearsView.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+type YearsViewProps = {
+    date: Date;
+    value?: string | Date | null;
+    years: number[];
+    minDate?: Date;
+    maxDate?: Date;
+    selectYear: (month: number) => () => void;
+};
+export declare const YearsView: FC<YearsViewProps>;
+export {};

package/src/components/Form/controls/custom/date-time/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { BasicInputProps } from '../../primitive';
+export type DateTimeInputType = 'date' | 'time' | 'datetime-local';
+export type DateTimeInputProps = {
+    value?: string | Date | null;
+    type?: DateTimeInputType;
+    hasErrors?: boolean;
+    clearable?: boolean;
+    step?: number;
+    minDate?: Date;
+    maxDate?: Date;
+    displayFormat?: string;
+    displayLocale?: string;
+    onChange?: (date?: Date | null) => void;
+} & Pick<BasicInputProps<'text'>, 'className' | 'inputClassName' | 'extensionClassName' | 'label' | 'name' | 'description' | 'placeholder' | 'required' | 'disabled' | 'onBlur' | 'size' | 'readOnly'>;
+export declare const DateTimeInput: import("react").ForwardRefExoticComponent<{
+    value?: string | Date | null | undefined;
+    type?: DateTimeInputType | undefined;
+    hasErrors?: boolean | undefined;
+    clearable?: boolean | undefined;
+    step?: number | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    displayFormat?: string | undefined;
+    displayLocale?: string | undefined;
+    onChange?: ((date?: Date | null) => void) | undefined;
+} & Pick<BasicInputProps<"text">, "size" | "label" | "disabled" | "name" | "placeholder" | "readOnly" | "required" | "className" | "onBlur" | "inputClassName" | "extensionClassName" | "description"> & import("react").RefAttributes<HTMLDivElement>>;

package/src/components/Form/controls/custom/index.d.ts

@@ -0,0 +1,2 @@
+export * from './date-time';
+export * from './select';

package/src/components/Form/controls/custom/select/index.d.ts

@@ -0,0 +1,38 @@
+import { ForwardedRef, JSX, ReactNode, RefObject } from 'react';
+import { BasicInputProps } from '../../primitive';
+export type SelectInputType = 'select';
+export type SelectItem<T, Group extends boolean = false> = {
+    id: string | number;
+    label: string;
+} & (Group extends false ? {
+    group?: false;
+    value: T;
+} : {
+    group: true;
+    value?: never;
+    items: SelectItem<T>[];
+});
+export type SelectInputProps<T = any> = {
+    items: SelectItem<T, boolean>[];
+    renderItem?: (item: SelectItem<T>, selected?: boolean) => ReactNode;
+    clearable?: boolean;
+    allowAddition?: boolean;
+    onNewItemAdded?: (value: string) => void;
+    search?: boolean;
+    searchPredicate?: (item: SelectItem<T>, searchValue: string) => boolean;
+    selectPredicate?: (a: T, b: T) => boolean;
+    parentRef?: RefObject<HTMLDivElement>;
+} & ({
+    multiple?: false;
+    value?: T | null;
+    onChange?: (item?: T) => void;
+} | {
+    multiple: true;
+    value: T[];
+    onChange?: (item?: T[]) => void;
+}) & Pick<BasicInputProps<'text'>, 'className' | 'inputClassName' | 'extensionClassName' | 'name' | 'label' | 'size' | 'placeholder' | 'required' | 'hasErrors' | 'disabled' | 'readOnly'>;
+export declare const SelectInput: (<T>(props: SelectInputProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => JSX.Element) & {
+    readonly $$typeof: symbol;
+};

package/src/components/Form/controls/index.d.ts

@@ -0,0 +1,5 @@
+export * from './custom';
+export * from './primitive';
+export * from './FormGroup';
+export * from './Label';
+export * from './with-form';

package/src/components/Form/controls/primitive/BasicInput.d.ts

@@ -0,0 +1,37 @@
+import { LucideIcon } from 'lucide-react';
+import { ComponentProps, FC, MouseEvent, PropsWithChildren, ReactNode } from 'react';
+import { Size } from '../../../types';
+export type InputType = ComponentProps<'input'>['type'] | 'textarea';
+export type BasicInputProps<Type extends InputType> = {
+    inputClassName?: string;
+    extensionClassName?: string;
+    type?: Type;
+    label?: string;
+    description?: ReactNode;
+    size?: Size;
+    hasErrors?: boolean;
+    clearable?: boolean;
+    suffixIcon?: LucideIcon;
+    onClear?: () => void;
+    onSuffixIconClick?: (event: MouseEvent<HTMLDivElement>) => void;
+} & Omit<Type extends 'textarea' ? ComponentProps<'textarea'> : ComponentProps<'input'>, 'id' | 'ref' | 'size'>;
+export declare const BasicInput: import("react").ForwardRefExoticComponent<{
+    inputClassName?: string | undefined;
+    extensionClassName?: string | undefined;
+    type?: InputType;
+    label?: string | undefined;
+    description?: ReactNode;
+    size?: Size | undefined;
+    hasErrors?: boolean | undefined;
+    clearable?: boolean | undefined;
+    suffixIcon?: LucideIcon | undefined;
+    onClear?: (() => void) | undefined;
+    onSuffixIconClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+} & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "id" | "ref" | "size"> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export declare const BasicInputExtension: FC<PropsWithChildren<{
+    className?: string;
+    size: Size;
+    hasErrors?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+}>>;

package/src/components/Form/controls/primitive/CheckBoxInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BasicInputProps } from './BasicInput';
+export type CheckboxInputProps = Omit<BasicInputProps<'checkbox'>, 'type'>;
+export declare const CheckboxInput: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/src/components/Form/controls/primitive/EmailInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BasicInputProps } from './BasicInput';
+export type EmailInputProps = Omit<BasicInputProps<'email'>, 'type'>;
+export declare const EmailInput: import("react").ForwardRefExoticComponent<EmailInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/src/components/Form/controls/primitive/NumberInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BasicInputProps } from './BasicInput';
+export type NumberInputProps = Omit<BasicInputProps<'number'>, 'type'>;
+export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/src/components/Form/controls/primitive/PasswordInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BasicInputProps } from './BasicInput';
+export type PasswordInputProps = Omit<BasicInputProps<'number'>, 'type'>;
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/src/components/Form/controls/primitive/TextInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BasicInputProps } from './BasicInput';
+export type TextInputProps = Omit<BasicInputProps<'text'>, 'type'>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/src/components/Form/controls/primitive/TextareaInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BasicInputProps } from './BasicInput';
+export type TextareaInputProps = Omit<BasicInputProps<'textarea'>, 'type'>;
+export declare const TextareaInput: import("react").ForwardRefExoticComponent<TextareaInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/src/components/Form/controls/primitive/index.d.ts

@@ -0,0 +1,7 @@
+export * from './BasicInput';
+export * from './CheckBoxInput';
+export * from './EmailInput';
+export * from './NumberInput';
+export * from './PasswordInput';
+export * from './TextareaInput';
+export * from './TextInput';

package/src/components/Form/controls/with-form.d.ts

@@ -0,0 +1,51 @@
+import { ForwardRefExoticComponent } from 'react';
+import { ControllerRenderProps, Validate } from 'react-hook-form';
+import { DateTimeInputProps, DateTimeInputType, SelectInputProps, SelectInputType } from './custom';
+import { BasicInputProps, CheckboxInputProps, EmailInputProps, InputType, NumberInputProps, PasswordInputProps, TextInputProps, TextareaInputProps } from './primitive';
+export type WithFormProps<Type extends InputType | SelectInputType, Props = Type extends DateTimeInputType ? DateTimeInputProps : Type extends SelectInputType ? SelectInputProps : Omit<BasicInputProps<Type>, 'type'>> = {
+    name: string;
+    pattern?: RegExp;
+    validate?: Type extends 'number' ? Validate<number, any> : Type extends DateTimeInputType ? Validate<Date, any> : Type extends SelectInputType ? Validate<any, any> : Validate<string, any>;
+} & Omit<Props, 'pattern' | keyof Omit<ControllerRenderProps, 'disabled'>>;
+export declare const FormInputs: {
+    Text: ForwardRefExoticComponent<{
+        name: string;
+        pattern?: RegExp | undefined;
+        validate?: Validate<string, any> | undefined;
+    } & Omit<TextInputProps, "pattern" | "ref" | "name" | "value" | "onChange" | "onBlur"> & import("react").RefAttributes<HTMLInputElement>>;
+    Email: ForwardRefExoticComponent<{
+        name: string;
+        pattern?: RegExp | undefined;
+        validate?: Validate<string, any> | undefined;
+    } & Omit<EmailInputProps, "pattern" | "ref" | "name" | "value" | "onChange" | "onBlur"> & import("react").RefAttributes<HTMLInputElement>>;
+    Password: ForwardRefExoticComponent<{
+        name: string;
+        pattern?: RegExp | undefined;
+        validate?: Validate<string, any> | undefined;
+    } & Omit<PasswordInputProps, "pattern" | "ref" | "name" | "value" | "onChange" | "onBlur"> & import("react").RefAttributes<HTMLInputElement>>;
+    Textarea: ForwardRefExoticComponent<{
+        name: string;
+        pattern?: RegExp | undefined;
+        validate?: Validate<string, any> | undefined;
+    } & Omit<TextareaInputProps, "pattern" | "ref" | "name" | "value" | "onChange" | "onBlur"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Number: ForwardRefExoticComponent<{
+        name: string;
+        pattern?: RegExp | undefined;
+        validate?: Validate<number, any> | undefined;
+    } & Omit<NumberInputProps, "pattern" | "ref" | "name" | "value" | "onChange" | "onBlur"> & import("react").RefAttributes<HTMLInputElement>>;
+    Checkbox: ForwardRefExoticComponent<{
+        name: string;
+        pattern?: RegExp | undefined;
+        validate?: Validate<string, any> | undefined;
+    } & Omit<CheckboxInputProps, "pattern" | "ref" | "name" | "value" | "onChange" | "onBlur"> & import("react").RefAttributes<HTMLInputElement>>;
+    DateTime: ForwardRefExoticComponent<{
+        name: string;
+        pattern?: RegExp | undefined;
+        validate?: Validate<Date, any> | undefined;
+    } & Omit<DateTimeInputProps, "pattern" | "ref" | "name" | "value" | "onChange" | "onBlur"> & import("react").RefAttributes<HTMLDivElement>>;
+    Select: ForwardRefExoticComponent<{
+        name: string;
+        pattern?: RegExp | undefined;
+        validate?: Validate<any, any> | undefined;
+    } & Omit<SelectInputProps, "pattern" | "ref" | "name" | "value" | "onChange" | "onBlur"> & import("react").RefAttributes<HTMLInputElement>>;
+};

package/src/components/Form/index.d.ts

@@ -0,0 +1 @@
+export * from './controls';