fui-material 0.2.79 → 0.2.81

package/dist/index.d.ts

@@ -1,70 +1,6 @@
 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';
@@ -78,6 +14,8 @@ 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';
@@ -96,51 +34,45 @@ interface IFButtonFile {
     direction?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
     required?: boolean;
 }
-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 {
+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 {
     label?: string;
     st?: React.CSSProperties;
-    value?: string | number | undefined | null;
+    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;
-    defaultValue?: string | number | readonly string[] | undefined;
     disabled?: boolean;
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    errText?: string[];
+    helpText?: string;
+    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
     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;
+    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;
 }
+declare const FStack: FC<IFStack>;
+
 interface IFGrid {
     children?: React.ReactChild | React.ReactNode;
     className?: string;
@@ -155,58 +87,17 @@ interface IFGrid {
     xxl?: number;
     colAuto?: 'col-sm-auto' | 'col-md-auto' | 'col-lg-auto' | 'col-xl-auto' | 'col-xxl-auto';
 }
-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;
+declare const FGrid: FC<IFGrid>;
+
+interface IFContainer {
+    maxWidth?: 'container-xs' | 'container-sm' | 'container-md' | 'container-lg' | 'container-xl' | 'container-xxl' | 'container-fluid';
     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;
@@ -221,129 +112,165 @@ interface IFPaper {
         value: string;
     };
 }
-interface IFPreloader {
+declare const FPaper: FC<IFPaper>;
+
+interface IFTable {
     st?: React.CSSProperties;
-    backgroundColor?: string;
     children?: React.ReactChild | React.ReactNode;
-    open: boolean;
+    id?: string;
+    className?: string;
+    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
+    overflowX?: 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | undefined;
 }
-interface IFProgress {
+declare const FTable: FC<IFTable>;
+
+interface IFTableHead {
     st?: React.CSSProperties;
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-}
-interface IFRadioButton {
-    label?: React.ReactChild | React.ReactNode;
-    onClick: React.MouseEventHandler<HTMLInputElement> | undefined;
-    className?: string;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
     id?: string;
-    st?: React.CSSProperties | undefined;
-    checked?: boolean | undefined;
-    disabled?: boolean;
+    className?: string;
 }
-interface IFSearchBox {
-    label?: string;
+declare const FTableHead: FC<IFTableHead>;
+
+interface IFTableBody {
     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;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | 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;
 }
-interface IFSelectSearchDb {
-    fetchingFunc: (text: string) => Promise<any[]>;
-    selectedElement: (e: any | undefined) => void;
-    selectItem: any;
-    label?: string;
+declare const FTableBody: FC<IFTableBody>;
+
+interface IFTableRow {
     st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableRowElement> | 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;
 }
-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;
+declare const FTableRow: FC<IFTableRow>;
+
+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;
+}
+declare const FTableHeaderCell: FC<IFTableHeaderCell>;
+
+interface IFTableDataCell {
     st?: React.CSSProperties;
+    row?: number | undefined;
+    col?: number | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
     id?: string;
+    onBlur?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
+    className?: string;
 }
-interface IFTextArea {
-    label?: string;
+declare const FTableDataCell: FC<IFTableDataCell>;
+
+interface IFTableFooter {
     st?: React.CSSProperties;
-    value?: string | undefined;
-    cols?: number;
-    rows?: number;
-    placeholder?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    autoComplete?: boolean;
+    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;
-    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;
+    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 IFTextField {
-    label?: string;
+declare const FDialog: FC<IFDialog>;
+
+interface IFDialogHeader {
+    title?: string;
+    handleClose?: () => void;
+}
+declare const FDialogHeader: FC<IFDialogHeader>;
+
+interface IFDialogBody {
     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;
+    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 {
+    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;
     disabled?: boolean;
-    readOnly?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    errText?: string[];
-    helpText?: string;
-    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
+}
+declare const FCheckbox: FC<IFCheckbox>;
+
+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 FRadioButton: FC<IFRadioButton>;
+
+interface IFPagination {
+    currentPage: number;
+    totalCount: number;
+    pageSize: number;
+    onPageChange: (page: number | string | number) => void;
     id?: string;
     className?: string;
-    load?: boolean;
-    required?: boolean;
-    min?: number;
-    max?: number;
-    placeholder?: string | undefined;
+    st?: React.CSSProperties | undefined;
+    siblingCount: 0 | 1 | 2;
 }
+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;
@@ -351,6 +278,59 @@ 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;
@@ -369,6 +349,8 @@ interface IFSelect {
     errText?: string[];
     helpText?: string;
 }
+declare const FSelect: FC<IFSelect>;
+
 interface IFSelectItem {
     st?: React.CSSProperties;
     value?: string | number | readonly string[] | undefined;
@@ -379,62 +361,115 @@ interface IFSelectItem {
     className?: string;
     id?: string;
 }
-interface IFTable {
+declare const FSelectItem: FC<IFSelectItem>;
+
+interface IFFullDateField {
+    label?: string;
     st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
+    value?: string | number | undefined | null;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    fullWidth?: boolean;
+    defaultValue?: string | number | readonly string[] | undefined;
+    disabled?: boolean;
+    readOnly?: boolean;
     id?: string;
     className?: string;
-    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
-    overflowX?: 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | undefined;
+    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;
 }
-interface IFTableBody {
+declare const FFullDateField: FC<IFFullDateField>;
+
+interface IFSelectSearchDb {
+    fetchingFunc: (text: string) => Promise<any[]>;
+    selectedElement: (e: any | undefined) => void;
+    selectItem: any;
+    label?: string;
     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;
 }
-interface IFTableDataCell {
+declare const FSelectSearchDb: FC<IFSelectSearchDb>;
+
+interface IFTextArea {
+    label?: string;
     st?: React.CSSProperties;
-    row?: number | undefined;
-    col?: number | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
-    id?: string;
-    onBlur?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
+    value?: string | undefined;
+    cols?: number;
+    rows?: number;
+    placeholder?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    autoComplete?: boolean;
     className?: string;
-}
-interface IFTableFooter {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | 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;
     className?: string;
+    displayTime?: number;
+    size?: string;
 }
-interface IFTableHead {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+declare const FAlert: FC<IFAlert>;
+
+interface IFNative {
+    label: string;
     id?: string;
     className?: string;
-}
-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;
+    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 IFTableRow {
-    st?: React.CSSProperties;
+declare const FNative: FC<IFNative>;
+
+interface IFTabs$1 {
     children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableRowElement> | undefined;
     id?: string;
     className?: string;
+    st?: React.CSSProperties;
 }
+declare const FTabs: FC<IFTabs$1>;
+
 interface IFTabs {
     children?: React.ReactChild | React.ReactNode;
     id?: string;
@@ -444,121 +479,91 @@ interface IFTabs {
     active?: boolean;
     onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
 }
-interface IFTabs {
+declare const FTab: FC<IFTabs>;
+
+interface IFDropdown {
+    label?: React.ReactChild | React.ReactNode;
     children?: React.ReactChild | React.ReactNode;
-    id?: string;
-    className?: string;
+    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;
 }
-
-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 {
+interface IFCloseIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
-    direction?: 'up' | 'down' | 'left' | 'right';
-    handleClick?: () => void;
     id?: string;
     className?: string;
+    handleClose?: () => void;
 }
-interface IFCheckIcon {
+declare const FCloseIcon: ({ color, size, st, id, className, handleClose }: IFCloseIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFArrowIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
+    direction?: 'up' | 'down' | 'left' | 'right';
+    handleClick?: () => void;
     id?: string;
     className?: string;
-    handleClick?: () => void;
 }
-interface IFCloseIcon {
+declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFPlusIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
     id?: string;
     className?: string;
-    handleClose?: () => void;
+    handleClick?: () => void;
 }
-interface IFCopyAddIcon {
+declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFTrashIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -566,7 +571,9 @@ interface IFCopyAddIcon {
     className?: string;
     handleClick?: () => void;
 }
-interface IFDownloadIcon {
+declare const FTrashIcon: ({ color, size, st, id, className, handleClick, }: IFTrashIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFCheckIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -574,7 +581,9 @@ interface IFDownloadIcon {
     className?: string;
     handleClick?: () => void;
 }
-interface IFFilterIcon {
+declare const FCheckIcon: ({ color, size, st, id, className, handleClick }: IFCheckIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFListIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -582,7 +591,9 @@ interface IFFilterIcon {
     className?: string;
     handleClick?: () => void;
 }
-interface IFListIcon {
+declare const FListIcon: ({ color, size, st, id, className, handleClick }: IFListIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFPenIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -590,7 +601,9 @@ interface IFListIcon {
     className?: string;
     handleClick?: () => void;
 }
-interface IFLoadIcon {
+declare const FPenIcon: ({ color, size, st, id, className, handleClick }: IFPenIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFDownloadIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -598,7 +611,9 @@ interface IFLoadIcon {
     className?: string;
     handleClick?: () => void;
 }
-interface IFPenIcon {
+declare const FDownloadIcon: ({ color, size, st, id, className, handleClick }: IFDownloadIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFCopyAddIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -606,7 +621,9 @@ interface IFPenIcon {
     className?: string;
     handleClick?: () => void;
 }
-interface IFPlusIcon {
+declare const FCopyAddIcon: ({ color, size, st, id, className, handleClick }: IFCopyAddIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFUnlinkIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -614,7 +631,9 @@ interface IFPlusIcon {
     className?: string;
     handleClick?: () => void;
 }
-interface IFTrashIcon {
+declare const FUnlinkIcon: ({ color, size, st, id, className, handleClick }: IFUnlinkIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFFilterIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -622,7 +641,9 @@ interface IFTrashIcon {
     className?: string;
     handleClick?: () => void;
 }
-interface IFUnlinkIcon {
+declare const FFilterIcon: ({ color, size, st, id, className, handleClick }: IFFilterIcon) => react_jsx_runtime.JSX.Element;
+
+interface IFLoadIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
     st?: React.CSSProperties;
@@ -630,29 +651,6 @@ interface IFUnlinkIcon {
     className?: string;
     handleClick?: () => void;
 }
-
-declare const FCloseIcon: ({ color, size, st, id, className, handleClose }: IFCloseIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FTrashIcon: ({ color, size, st, id, className, handleClick, }: IFTrashIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FCheckIcon: ({ color, size, st, id, className, handleClick }: IFCheckIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FListIcon: ({ color, size, st, id, className, handleClick }: IFListIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FPenIcon: ({ color, size, st, id, className, handleClick }: IFPenIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FDownloadIcon: ({ color, size, st, id, className, handleClick }: IFDownloadIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FCopyAddIcon: ({ color, size, st, id, className, handleClick }: IFCopyAddIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FUnlinkIcon: ({ color, size, st, id, className, handleClick }: IFUnlinkIcon) => react_jsx_runtime.JSX.Element;
-
-declare const FFilterIcon: ({ color, size, st, id, className, handleClick }: IFFilterIcon) => react_jsx_runtime.JSX.Element;
-
 declare const FLoadIcon: ({ size, st, id, className, color }: IFLoadIcon) => react_jsx_runtime.JSX.Element;
 
 interface IfAlert {
@@ -660,19 +658,34 @@ interface IfAlert {
     body: string;
     variant: 'info' | 'error' | 'success' | 'warning';
 }
+declare const fAlert: ({ title, body, variant }: IfAlert) => void;
+
 interface IfConfirm {
     title?: string;
     body: string;
 }
+declare const fConfirm: ({ title, body }: IfConfirm) => Promise<boolean>;
+
 interface IfPrompt {
     title?: string;
     body?: string;
 }
-
-declare const fAlert: ({ title, body, variant }: IfAlert) => void;
-
-declare const fConfirm: ({ title, body }: IfConfirm) => Promise<boolean>;
-
 declare const fPrompt: ({ title, body }: IfPrompt) => Promise<string | null>;
 
-export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FFile, FFilterIcon, FFullDateField, FGrid, FInputFileForm, FListIcon, FLoadIcon, FNative, FOpenImgFull, FPagination, FPaper, FPenIcon, FPlusIcon, FPreloader, FProgress, FRadioButton, FSearchBox, FSelect, FSelectItem, FSelectSearchDb, FStack, FTab, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTabs, FTextArea, FTextField, FTimeline, FTimelineCard, FTrashIcon, FUnlinkIcon, fAlert, fConfirm, fPrompt };
+interface IFExportTableToExcel {
+    label: string;
+    variant?: 'contained' | 'default';
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    st?: React.CSSProperties;
+    className?: string;
+    fullWidth?: boolean;
+    id?: string;
+    idTable: string;
+    fileName: string;
+}
+declare const FExportTableToExcel: ({ variant, color, size, disabled, onClick, st, className, fullWidth, id, idTable, fileName, label, }: IFExportTableToExcel) => react_jsx_runtime.JSX.Element;
+
+export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FExportTableToExcel, FFile, FFilterIcon, FFullDateField, FGrid, FInputFileForm, FListIcon, FLoadIcon, FNative, FOpenImgFull, FPagination, FPaper, FPenIcon, FPlusIcon, FPreloader, FProgress, FRadioButton, FSearchBox, FSelect, FSelectItem, FSelectSearchDb, FStack, FTab, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTabs, FTextArea, FTextField, FTimeline, FTimelineCard, FTrashIcon, FUnlinkIcon, fAlert, fConfirm, fPrompt };