fui-material 0.2.76 → 0.2.78

package/dist/index.d.ts

@@ -1,6 +1,70 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { FC } from 'react';
 
+interface IFDialog {
+    openAndClose: boolean;
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    hide?: boolean;
+    closeButtonBackPage?: React.Dispatch<React.SetStateAction<boolean>>;
+    width?: 'xs' | 'md' | 'lg' | 'xxl' | 'adaptive';
+}
+interface IFDialogBody {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    scroll?: boolean;
+}
+interface IFDialogFooter {
+    children?: React.ReactChild | React.ReactNode;
+}
+interface IFDialogHeader {
+    title?: string;
+    handleClose?: () => void;
+}
+interface IFDropdown {
+    label?: React.ReactChild | React.ReactNode;
+    children?: React.ReactChild | React.ReactNode;
+    variant?: 'contained' | 'default';
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
+    disabled?: boolean;
+    st?: React.CSSProperties;
+    className?: string;
+    id?: string;
+}
+interface IFDropdownItem {
+    disabled?: boolean;
+    st?: React.CSSProperties;
+    className?: string;
+    id?: string;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
+}
+interface IFAccordion {
+    children?: React.ReactChild | React.ReactNode;
+    variant?: 'info' | 'alert' | 'warning';
+    title?: string;
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+    defaultOpen?: boolean;
+}
+interface IFAlert {
+    title?: string;
+    body?: string;
+    variant: 'info' | 'error' | 'success' | 'warning';
+    onClose?: (e: boolean) => void;
+    st?: React.CSSProperties | undefined;
+    open: boolean;
+    vertical?: 'top' | 'bottom' | 'center';
+    horizontal?: 'left' | 'center' | 'right';
+    buttonClose?: boolean;
+    className?: string;
+    displayTime?: number;
+    size?: string;
+}
 interface IFButton {
     children?: React.ReactChild | React.ReactNode;
     variant?: 'contained' | 'default';
@@ -14,8 +78,6 @@ interface IFButton {
     id?: string;
     type?: "button" | "submit" | "reset" | undefined;
 }
-declare const FButton: ({ children, variant, color, size, disabled, onClick, st, className, fullWidth, id, type }: IFButton) => react_jsx_runtime.JSX.Element;
-
 interface IFButtonFile {
     children?: React.ReactChild | React.ReactNode;
     variant?: 'contained' | 'default';
@@ -34,45 +96,51 @@ interface IFButtonFile {
     direction?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
     required?: boolean;
 }
-declare const FButtonFile: ({ children, variant, color, size, disabled, st, className, fullWidth, id, onChange, multiple, maxCount, accept, spacing, direction, required }: IFButtonFile) => react_jsx_runtime.JSX.Element;
-
-interface IFTextField {
+interface IFCheckbox {
+    label?: React.ReactChild | React.ReactNode;
+    onChange: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    defaultChecked?: boolean | undefined;
+    className?: string;
+    id?: string;
+    st?: React.CSSProperties | undefined;
+    checked?: boolean | undefined;
+    disabled?: boolean;
+}
+interface IFContainer {
+    maxWidth?: 'container-xs' | 'container-sm' | 'container-md' | 'container-lg' | 'container-xl' | 'container-xxl' | 'container-fluid';
+    children?: React.ReactChild | React.ReactNode;
+    className?: string;
+    st?: React.CSSProperties;
+    id?: string;
+}
+interface IFFile {
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+    handleDelete?: () => void;
+    name: string;
+}
+interface IFFullDateField {
     label?: string;
     st?: React.CSSProperties;
-    value?: string | number | readonly string[] | undefined | null;
+    value?: string | number | undefined | null;
     onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    type?: 'text' | 'number' | 'email' | 'tel' | 'password';
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     fullWidth?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
-    errText?: string[];
-    helpText?: string;
-    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
+    disabled?: boolean;
+    readOnly?: boolean;
     id?: string;
     className?: string;
+    onkeydown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
     load?: boolean;
     required?: boolean;
-    min?: number;
-    max?: number;
-    placeholder?: string | undefined;
-}
-declare const FTextField: FC<IFTextField>;
-
-interface IFStack {
-    direction?: 'row' | "row-reverse" | 'column' | "column-reverse";
-    alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
-    justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
-    spacing?: number;
-    children?: React.ReactChild | React.ReactNode;
-    className?: string;
-    st?: React.CSSProperties;
-    id?: string;
+    errText?: string[];
+    helpText?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
 }
-declare const FStack: FC<IFStack>;
-
 interface IFGrid {
     children?: React.ReactChild | React.ReactNode;
     className?: string;
@@ -87,17 +155,58 @@ interface IFGrid {
     xxl?: number;
     colAuto?: 'col-sm-auto' | 'col-md-auto' | 'col-lg-auto' | 'col-xl-auto' | 'col-xxl-auto';
 }
-declare const FGrid: FC<IFGrid>;
-
-interface IFContainer {
-    maxWidth?: 'container-xs' | 'container-sm' | 'container-md' | 'container-lg' | 'container-xl' | 'container-xxl' | 'container-fluid';
+interface IFInputFileForm {
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+    dataMaxSize?: {
+        dimension: 'МБ' | 'КБ';
+        size: number;
+    };
+    name?: string;
+    accept?: string;
+    multiple?: boolean;
+    onChange: (e: FileList) => void;
+    disabled?: boolean;
+    deleteFile?: boolean;
+    title?: string;
+    required?: boolean;
+}
+interface IFNative {
+    label: string;
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
     children?: React.ReactChild | React.ReactNode;
+    value?: string[] | number[];
+    singleChoice?: (element: string[]) => void;
+    multipleChoice?: (element: string[]) => void;
+    disabled?: boolean;
+    size?: number;
+    overflowX?: boolean;
+    width?: number | 'auto' | 'fit-content' | 'inherit' | 'initial' | 'max-content' | 'min-content' | 'revert' | 'unset' | '-webkit-fill-available';
+    fullWidth?: boolean;
+}
+interface IFOpenImgFull {
+    id?: string;
     className?: string;
     st?: React.CSSProperties;
+    imagesUrl: string[];
+    selectedImg: number;
+    handleClose?: () => void;
+    setSelectedImg: (number: number) => void;
+    openAndClose: boolean;
+}
+interface IFPagination {
+    currentPage: number;
+    totalCount: number;
+    pageSize: number;
+    onPageChange: (page: number | string | number) => void;
     id?: string;
+    className?: string;
+    st?: React.CSSProperties | undefined;
+    siblingCount: 0 | 1 | 2;
 }
-declare const FContainer: FC<IFContainer>;
-
 interface IFPaper {
     label?: string;
     children?: React.ReactChild | React.ReactNode;
@@ -112,165 +221,129 @@ interface IFPaper {
         value: string;
     };
 }
-declare const FPaper: FC<IFPaper>;
-
-interface IFTable {
+interface IFPreloader {
     st?: React.CSSProperties;
+    backgroundColor?: string;
     children?: React.ReactChild | React.ReactNode;
-    id?: string;
-    className?: string;
-    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
-    overflowX?: 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | undefined;
+    open: boolean;
 }
-declare const FTable: FC<IFTable>;
-
-interface IFTableHead {
+interface IFProgress {
     st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
-    id?: string;
-    className?: string;
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
 }
-declare const FTableHead: FC<IFTableHead>;
-
-interface IFTableBody {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
-    id?: string;
+interface IFRadioButton {
+    label?: React.ReactChild | React.ReactNode;
+    onClick: React.MouseEventHandler<HTMLInputElement> | undefined;
     className?: string;
+    id?: string;
+    st?: React.CSSProperties | undefined;
+    checked?: boolean | undefined;
+    disabled?: boolean;
 }
-declare const FTableBody: FC<IFTableBody>;
-
-interface IFTableRow {
+interface IFSearchBox {
+    label?: string;
     st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableRowElement> | undefined;
+    value?: string | number | readonly string[] | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    type?: 'text' | 'number' | 'email' | 'tel' | 'password';
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    errText?: string[];
+    helpText?: string;
+    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
     id?: string;
     className?: string;
+    load?: boolean;
+    min?: number;
+    max?: number;
+    placeholder?: string | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    variant?: 'contained' | 'default';
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
 }
-declare const FTableRow: FC<IFTableRow>;
-
-interface IFTableHeaderCell {
+interface IFSelectSearchDb {
+    fetchingFunc: (text: string) => Promise<any[]>;
+    selectedElement: (e: any | undefined) => void;
+    selectItem: any;
+    label?: string;
     st?: React.CSSProperties;
-    row?: number | undefined;
-    col?: number | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
     id?: string;
+    fullWidth?: boolean;
     className?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    errText?: string[];
+    helpText?: string;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    minLengthText?: number;
 }
-declare const FTableHeaderCell: FC<IFTableHeaderCell>;
-
-interface IFTableDataCell {
-    st?: React.CSSProperties;
-    row?: number | undefined;
-    col?: number | undefined;
+interface IFStack {
+    direction?: 'row' | "row-reverse" | 'column' | "column-reverse";
+    alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
+    justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+    spacing?: number;
     children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
-    id?: string;
-    onBlur?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
     className?: string;
-}
-declare const FTableDataCell: FC<IFTableDataCell>;
-
-interface IFTableFooter {
     st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
-    id?: string;
-    className?: string;
-}
-declare const FTableFooter: FC<IFTableFooter>;
-
-interface IFDialog {
-    openAndClose: boolean;
     id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    hide?: boolean;
-    closeButtonBackPage?: React.Dispatch<React.SetStateAction<boolean>>;
-    width?: 'xs' | 'md' | 'lg' | 'xxl' | 'adaptive';
-}
-declare const FDialog: FC<IFDialog>;
-
-interface IFDialogHeader {
-    title?: string;
-    handleClose?: () => void;
-}
-declare const FDialogHeader: FC<IFDialogHeader>;
-
-interface IFDialogBody {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    scroll?: boolean;
 }
-declare const FDialogBody: FC<IFDialogBody>;
-
-interface IFDialogFooter {
-    children?: React.ReactChild | React.ReactNode;
-}
-declare const FDialogFooter: FC<IFDialogFooter>;
-
-interface IFProgress {
-    st?: React.CSSProperties;
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-}
-declare const FProgress: FC<IFProgress>;
-
-interface IFPreloader {
+interface IFTextArea {
+    label?: string;
     st?: React.CSSProperties;
-    backgroundColor?: string;
-    children?: React.ReactChild | React.ReactNode;
-    open: boolean;
-}
-declare const FPreloader: FC<IFPreloader>;
-
-interface IFCheckbox {
-    label?: React.ReactChild | React.ReactNode;
-    onChange: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    className?: string;
-    id?: string;
-    st?: React.CSSProperties | undefined;
-    checked?: boolean | undefined;
+    value?: string | undefined;
+    cols?: number;
+    rows?: number;
+    placeholder?: string;
+    readOnly?: boolean;
     disabled?: boolean;
-}
-declare const FCheckbox: FC<IFCheckbox>;
-
-interface IFRadioButton {
-    label?: React.ReactChild | React.ReactNode;
-    onClick: React.MouseEventHandler<HTMLInputElement> | undefined;
+    autoComplete?: boolean;
     className?: string;
     id?: string;
-    st?: React.CSSProperties | undefined;
-    checked?: boolean | undefined;
-    disabled?: boolean;
+    fullWidth?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
+    errText?: string[];
+    helpText?: string;
+    load?: boolean;
+    required?: boolean;
 }
-declare const FRadioButton: FC<IFRadioButton>;
-
-interface IFPagination {
-    currentPage: number;
-    totalCount: number;
-    pageSize: number;
-    onPageChange: (page: number | string | number) => void;
+interface IFTextField {
+    label?: string;
+    st?: React.CSSProperties;
+    value?: string | number | readonly string[] | undefined | null;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    type?: 'text' | 'number' | 'email' | 'tel' | 'password';
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    errText?: string[];
+    helpText?: string;
+    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
     id?: string;
     className?: string;
-    st?: React.CSSProperties | undefined;
-    siblingCount: 0 | 1 | 2;
+    load?: boolean;
+    required?: boolean;
+    min?: number;
+    max?: number;
+    placeholder?: string | undefined;
 }
-declare const FPagination: FC<IFPagination>;
-
 interface IFTimeline {
     children?: React.ReactChild | React.ReactNode;
     st?: React.CSSProperties;
     id?: string;
     className?: string;
 }
-declare const FTimeline: FC<IFTimeline>;
-
 interface IFTimelineCard {
     children?: React.ReactChild | React.ReactNode;
     st?: React.CSSProperties;
@@ -278,59 +351,6 @@ interface IFTimelineCard {
     id?: string;
     className?: string;
 }
-declare const FTimelineCard: FC<IFTimelineCard>;
-
-interface IFOpenImgFull {
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    imagesUrl: string[];
-    selectedImg: number;
-    handleClose?: () => void;
-    setSelectedImg: (number: number) => void;
-    openAndClose: boolean;
-}
-declare const FOpenImgFull: FC<IFOpenImgFull>;
-
-interface IFAccordion {
-    children?: React.ReactChild | React.ReactNode;
-    variant?: 'info' | 'alert' | 'warning';
-    title?: string;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    defaultOpen?: boolean;
-}
-declare const FAccordion: FC<IFAccordion>;
-
-interface IFInputFileForm {
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    dataMaxSize?: {
-        dimension: 'МБ' | 'КБ';
-        size: number;
-    };
-    name?: string;
-    accept?: string;
-    multiple?: boolean;
-    onChange: (e: FileList) => void;
-    disabled?: boolean;
-    deleteFile?: boolean;
-    title?: string;
-    required?: boolean;
-}
-declare const FInputFileForm: FC<IFInputFileForm>;
-
-interface IFFile {
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    handleDelete?: () => void;
-    name: string;
-}
-declare const FFile: FC<IFFile>;
-
 interface IFSelect {
     label?: string;
     st?: React.CSSProperties;
@@ -349,8 +369,6 @@ interface IFSelect {
     errText?: string[];
     helpText?: string;
 }
-declare const FSelect: FC<IFSelect>;
-
 interface IFSelectItem {
     st?: React.CSSProperties;
     value?: string | number | readonly string[] | undefined;
@@ -361,115 +379,62 @@ interface IFSelectItem {
     className?: string;
     id?: string;
 }
-declare const FSelectItem: FC<IFSelectItem>;
-
-interface IFFullDateField {
-    label?: string;
+interface IFTable {
     st?: React.CSSProperties;
-    value?: string | number | undefined | null;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    fullWidth?: boolean;
-    defaultValue?: string | number | readonly string[] | undefined;
-    disabled?: boolean;
-    readOnly?: boolean;
+    children?: React.ReactChild | React.ReactNode;
     id?: string;
     className?: string;
-    onkeydown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-    min?: string | undefined;
-    max?: string | undefined;
-    load?: boolean;
-    required?: boolean;
-    errText?: string[];
-    helpText?: string;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
+    overflowX?: 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | undefined;
 }
-declare const FFullDateField: FC<IFFullDateField>;
-
-interface IFSelectSearchDb {
-    fetchingFunc: (text: string) => Promise<any[]>;
-    selectedElement: (e: any | undefined) => void;
-    selectItem: any;
-    label?: string;
+interface IFTableBody {
     st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
     id?: string;
-    fullWidth?: boolean;
     className?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    errText?: string[];
-    helpText?: string;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    minLengthText?: number;
 }
-declare const FSelectSearchDb: FC<IFSelectSearchDb>;
-
-interface IFTextArea {
-    label?: string;
+interface IFTableDataCell {
     st?: React.CSSProperties;
-    value?: string | undefined;
-    cols?: number;
-    rows?: number;
-    placeholder?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    autoComplete?: boolean;
-    className?: string;
+    row?: number | undefined;
+    col?: number | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
     id?: string;
-    fullWidth?: boolean;
-    onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
-    errText?: string[];
-    helpText?: string;
-    load?: boolean;
-    required?: boolean;
-}
-declare const FTextArea: FC<IFTextArea>;
-
-interface IFAlert {
-    title?: string;
-    body?: string;
-    variant: 'info' | 'error' | 'success' | 'warning';
-    onClose?: (e: boolean) => void;
-    st?: React.CSSProperties | undefined;
-    open: boolean;
-    vertical?: 'top' | 'bottom' | 'center';
-    horizontal?: 'left' | 'center' | 'right';
-    buttonClose?: boolean;
+    onBlur?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
     className?: string;
-    displayTime?: number;
-    size?: string;
 }
-declare const FAlert: FC<IFAlert>;
-
-interface IFNative {
-    label: string;
+interface IFTableFooter {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
     id?: string;
     className?: string;
+}
+interface IFTableHead {
     st?: React.CSSProperties;
     children?: React.ReactChild | React.ReactNode;
-    value?: string[] | number[];
-    singleChoice?: (element: string[]) => void;
-    multipleChoice?: (element: string[]) => void;
-    disabled?: boolean;
-    size?: number;
-    overflowX?: boolean;
-    width?: number | 'auto' | 'fit-content' | 'inherit' | 'initial' | 'max-content' | 'min-content' | 'revert' | 'unset' | '-webkit-fill-available';
-    fullWidth?: boolean;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+    id?: string;
+    className?: string;
 }
-declare const FNative: FC<IFNative>;
-
-interface IFTabs$1 {
+interface IFTableHeaderCell {
+    st?: React.CSSProperties;
+    row?: number | undefined;
+    col?: number | undefined;
     children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
     id?: string;
     className?: string;
+}
+interface IFTableRow {
     st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableRowElement> | undefined;
+    id?: string;
+    className?: string;
 }
-declare const FTabs: FC<IFTabs$1>;
-
 interface IFTabs {
     children?: React.ReactChild | React.ReactNode;
     id?: string;
@@ -479,57 +444,93 @@ interface IFTabs {
     active?: boolean;
     onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
 }
-declare const FTab: FC<IFTabs>;
-
-interface IFDropdown {
-    label?: React.ReactChild | React.ReactNode;
+interface IFTabs {
     children?: React.ReactChild | React.ReactNode;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
-    disabled?: boolean;
-    st?: React.CSSProperties;
-    className?: string;
     id?: string;
+    className?: string;
+    st?: React.CSSProperties;
 }
+
+declare const FButton: ({ children, variant, color, size, disabled, onClick, st, className, fullWidth, id, type }: IFButton) => react_jsx_runtime.JSX.Element;
+
+declare const FButtonFile: ({ children, variant, color, size, disabled, st, className, fullWidth, id, onChange, multiple, maxCount, accept, spacing, direction, required }: IFButtonFile) => react_jsx_runtime.JSX.Element;
+
+declare const FTextField: FC<IFTextField>;
+
+declare const FStack: FC<IFStack>;
+
+declare const FGrid: FC<IFGrid>;
+
+declare const FContainer: FC<IFContainer>;
+
+declare const FPaper: FC<IFPaper>;
+
+declare const FTable: FC<IFTable>;
+
+declare const FTableHead: FC<IFTableHead>;
+
+declare const FTableBody: FC<IFTableBody>;
+
+declare const FTableRow: FC<IFTableRow>;
+
+declare const FTableHeaderCell: FC<IFTableHeaderCell>;
+
+declare const FTableDataCell: FC<IFTableDataCell>;
+
+declare const FTableFooter: FC<IFTableFooter>;
+
+declare const FDialog: FC<IFDialog>;
+
+declare const FDialogHeader: FC<IFDialogHeader>;
+
+declare const FDialogBody: FC<IFDialogBody>;
+
+declare const FDialogFooter: FC<IFDialogFooter>;
+
+declare const FProgress: FC<IFProgress>;
+
+declare const FPreloader: FC<IFPreloader>;
+
+declare const FCheckbox: FC<IFCheckbox>;
+
+declare const FRadioButton: FC<IFRadioButton>;
+
+declare const FPagination: FC<IFPagination>;
+
+declare const FTimeline: FC<IFTimeline>;
+
+declare const FTimelineCard: FC<IFTimelineCard>;
+
+declare const FOpenImgFull: FC<IFOpenImgFull>;
+
+declare const FAccordion: FC<IFAccordion>;
+
+declare const FInputFileForm: FC<IFInputFileForm>;
+
+declare const FFile: FC<IFFile>;
+
+declare const FSelect: FC<IFSelect>;
+
+declare const FSelectItem: FC<IFSelectItem>;
+
+declare const FFullDateField: FC<IFFullDateField>;
+
+declare const FSelectSearchDb: FC<IFSelectSearchDb>;
+
+declare const FTextArea: FC<IFTextArea>;
+
+declare const FAlert: FC<IFAlert>;
+
+declare const FNative: FC<IFNative>;
+
+declare const FTabs: FC<IFTabs>;
+
+declare const FTab: FC<IFTabs>;
+
 declare const FDropdown: FC<IFDropdown>;
 
-interface IFDropdownItem {
-    disabled?: boolean;
-    st?: React.CSSProperties;
-    className?: string;
-    id?: string;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
-}
 declare const FDropdownItem: FC<IFDropdownItem>;
 
-interface IFSearchBox {
-    label?: string;
-    st?: React.CSSProperties;
-    value?: string | number | readonly string[] | undefined;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    type?: 'text' | 'number' | 'email' | 'tel' | 'password';
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    errText?: string[];
-    helpText?: string;
-    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
-    id?: string;
-    className?: string;
-    load?: boolean;
-    min?: number;
-    max?: number;
-    placeholder?: string | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-}
 declare const FSearchBox: FC<IFSearchBox>;
 
 interface IFArrowIcon {