fui-material 0.2.19 → 0.2.21

package/dist/index.d.ts

@@ -1,607 +1,607 @@
 import React, { FC } from 'react';
 
-interface IFButton {
-    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;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    st?: React.CSSProperties;
-    className?: string;
-    fullWidth?: boolean;
-    id?: string;
-    type?: "button" | "submit" | "reset" | undefined;
-}
-declare const FButton$1: ({ children, variant, color, size, disabled, onClick, st, className, fullWidth, id, type }: IFButton) => JSX.Element;
-
-interface IFButtonFile {
-    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;
-    fullWidth?: boolean;
-    id?: string;
-    onChange: (file: FileList | null) => void;
-    multiple?: boolean;
-    maxCount?: number;
-    accept?: string;
-    spacing?: 0 | 0.5 | 1 | 2 | 3 | 4 | 8 | 12 | undefined;
-    direction?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-}
-declare const FButton: ({ children, variant, color, size, disabled, st, className, fullWidth, id, onChange, multiple, maxCount, accept, spacing, direction }: IFButtonFile) => JSX.Element;
-
-interface IFTextField {
-    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;
-}
+interface IFButton {
+    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;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    st?: React.CSSProperties;
+    className?: string;
+    fullWidth?: boolean;
+    id?: string;
+    type?: "button" | "submit" | "reset" | undefined;
+}
+declare const FButton: ({ children, variant, color, size, disabled, onClick, st, className, fullWidth, id, type }: IFButton) => JSX.Element;
+
+interface IFButtonFile {
+    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;
+    fullWidth?: boolean;
+    id?: string;
+    onChange: (file: FileList | null) => void;
+    multiple?: boolean;
+    maxCount?: number;
+    accept?: string;
+    spacing?: 0 | 0.5 | 1 | 2 | 3 | 4 | 8 | 12 | undefined;
+    direction?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
+}
+declare const FButtonFile: ({ children, variant, color, size, disabled, st, className, fullWidth, id, onChange, multiple, maxCount, accept, spacing, direction }: IFButtonFile) => JSX.Element;
+
+interface IFTextField {
+    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;
+}
 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;
-}
+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;
-    st?: React.CSSProperties;
-    id?: string;
-    obj?: 'container' | 'item';
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-    xxl?: number;
-    colAuto?: 'col-sm-auto' | 'col-md-auto' | 'col-lg-auto' | 'col-xl-auto' | 'col-xxl-auto';
-}
+interface IFGrid {
+    children?: React.ReactChild | React.ReactNode;
+    className?: string;
+    st?: React.CSSProperties;
+    id?: string;
+    obj?: 'container' | 'item';
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    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';
-    children?: React.ReactChild | React.ReactNode;
-    className?: string;
-    st?: React.CSSProperties;
-    id?: string;
-}
+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;
+}
 declare const FContainer: FC<IFContainer>;
 
-interface IFPaper {
-    label?: string;
-    children?: React.ReactChild | React.ReactNode;
-    st?: React.CSSProperties;
-    fontSizeLabel?: string;
-    fontSizeBody?: string;
-    id?: string;
-    className?: string;
-    onAnimationEnd?: () => void;
-    animated?: {
-        name: string;
-        value: string;
-    };
-}
+interface IFPaper {
+    label?: string;
+    children?: React.ReactChild | React.ReactNode;
+    st?: React.CSSProperties;
+    fontSizeLabel?: string;
+    fontSizeBody?: string;
+    id?: string;
+    className?: string;
+    onAnimationEnd?: () => void;
+    animated?: {
+        name: string;
+        value: string;
+    };
+}
 declare const FPaper: FC<IFPaper>;
 
-interface IFTable {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    id?: string;
-    className?: string;
-    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
-}
+interface IFTable {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    id?: string;
+    className?: string;
+    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
+}
 declare const FTable: FC<IFTable>;
 
-interface IFTableHead {
-    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;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+    id?: string;
+    className?: string;
+}
 declare const FTableHead: FC<IFTableHead>;
 
-interface IFTableBody {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
-    id?: string;
-    className?: string;
-}
+interface IFTableBody {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+    id?: string;
+    className?: string;
+}
 declare const FTableBody: FC<IFTableBody>;
 
-interface IFTableRow {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableRowElement> | 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 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;
-}
+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 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;
+}
 declare const FTableDataCell: FC<IFTableDataCell>;
 
-interface IFTableFooter {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
-    id?: string;
-    className?: string;
-}
+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 {
-    children?: React.ReactChild | React.ReactNode;
-    openAndClose: boolean;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-}
+interface IFDialog {
+    children?: React.ReactChild | React.ReactNode;
+    openAndClose: boolean;
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+}
 declare const FDialog: FC<IFDialog>;
 
-interface IFDialogHeader {
-    title?: string;
-    handleClose?: () => void;
-}
+interface IFDialogHeader {
+    title?: string;
+    handleClose?: () => void;
+}
 declare const FDialogHeader: FC<IFDialogHeader>;
 
-interface IFDialogBody {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    scroll?: boolean;
-}
+interface IFDialogBody {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    scroll?: boolean;
+}
 declare const FDialogBody: FC<IFDialogBody>;
 
-interface IFDialogFooter {
-    children?: React.ReactChild | React.ReactNode;
-}
+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';
-}
+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;
-}
+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;
-}
+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;
+}
 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;
-}
+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;
-    st?: React.CSSProperties | undefined;
-    siblingCount: 0 | 1 | 2;
-}
+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 FPagination: FC<IFPagination>;
 
-interface IFTimeline {
-    children?: React.ReactChild | React.ReactNode;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-}
+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;
-    title?: string;
-    id?: string;
-    className?: string;
-}
+interface IFTimelineCard {
+    children?: React.ReactChild | React.ReactNode;
+    st?: React.CSSProperties;
+    title?: string;
+    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;
-}
+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;
-}
+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;
-}
+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;
+}
 declare const FInputFileForm: FC<IFInputFileForm>;
 
-interface IFFile {
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    handleDelete?: () => void;
-    name: string;
-}
+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;
-    onChange?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    value?: string | number | readonly string[] | undefined;
-    multiple?: boolean | undefined;
-    size?: number | undefined;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    defaultValue?: string | number | readonly string[] | undefined;
-    id?: string;
-    className?: string;
-    load?: boolean;
-}
+interface IFSelect {
+    label?: string;
+    st?: React.CSSProperties;
+    onChange?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    value?: string | number | readonly string[] | undefined;
+    multiple?: boolean | undefined;
+    size?: number | undefined;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    defaultValue?: string | number | readonly string[] | undefined;
+    id?: string;
+    className?: string;
+    load?: boolean;
+}
 declare const FSelect: FC<IFSelect>;
 
-interface IFSelectItem {
-    st?: React.CSSProperties;
-    value?: string | number | readonly string[] | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLOptionElement> | undefined;
-    selected?: boolean;
-    className?: string;
-    id?: string;
-}
+interface IFSelectItem {
+    st?: React.CSSProperties;
+    value?: string | number | readonly string[] | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLOptionElement> | undefined;
+    selected?: boolean;
+    className?: string;
+    id?: string;
+}
 declare const FSelectItem: FC<IFSelectItem>;
 
-interface IFFullDateField {
-    label?: string;
-    st?: React.CSSProperties;
-    value?: string | undefined;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    fullWidth?: boolean;
-    defaultValue?: string | number | readonly string[] | undefined;
-    disabled?: boolean;
-    readOnly?: boolean;
-    id?: string;
-    className?: string;
-    onkeydown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-    min?: string | undefined;
-    max?: string | undefined;
-}
+interface IFFullDateField {
+    label?: string;
+    st?: React.CSSProperties;
+    value?: string | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    fullWidth?: boolean;
+    defaultValue?: string | number | readonly string[] | undefined;
+    disabled?: boolean;
+    readOnly?: boolean;
+    id?: string;
+    className?: string;
+    onkeydown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+}
 declare const FFullDateField: FC<IFFullDateField>;
 
-interface IFSelectSearchDb {
-    label?: string;
-    st?: React.CSSProperties;
-    selectedOpt: any;
-    value?: Object | undefined;
-    optArray: any;
-    fetchingFc: any;
-    fullWidth?: boolean;
-    id?: string;
-    className?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-}
+interface IFSelectSearchDb {
+    label?: string;
+    st?: React.CSSProperties;
+    selectedOpt: any;
+    value?: Object | undefined;
+    optArray: any;
+    fetchingFc: any;
+    fullWidth?: boolean;
+    id?: string;
+    className?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
 declare const FSelectSearchDb: FC<IFSelectSearchDb>;
 
-interface IFTextArea {
-    label?: string;
-    st?: React.CSSProperties;
-    value?: string | undefined;
-    cols?: number;
-    rows?: number;
-    placeholder?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    autoComplete?: boolean;
-    className?: string;
-    id?: string;
-    fullWidth?: boolean;
-    onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
-}
+interface IFTextArea {
+    label?: string;
+    st?: React.CSSProperties;
+    value?: string | undefined;
+    cols?: number;
+    rows?: number;
+    placeholder?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    autoComplete?: boolean;
+    className?: string;
+    id?: string;
+    fullWidth?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
+}
 declare const FTextArea: FC<IFTextArea>;
 
-interface IFAlert {
-    variant: 'info' | 'error';
-    onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    title: string;
-    body: string;
-    st?: React.CSSProperties | undefined;
-    open: boolean;
-    vertical: 'top' | 'bottom';
-    horizontal: 'left' | 'center' | 'right';
-    buttonClose: boolean;
-    id?: string;
-    className?: string;
-}
+interface IFAlert {
+    variant: 'info' | 'error';
+    onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    title: string;
+    body: string;
+    st?: React.CSSProperties | undefined;
+    open: boolean;
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+    buttonClose: boolean;
+    id?: string;
+    className?: string;
+}
 declare const FAlert: FC<IFAlert>;
 
-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 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;
+}
 declare const FNative: FC<IFNative>;
 
-interface IFTabs$1 {
-    children?: React.ReactChild | React.ReactNode;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-}
+interface IFTabs$1 {
+    children?: React.ReactChild | React.ReactNode;
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+}
 declare const FTabs: FC<IFTabs$1>;
 
-interface IFTabs {
-    children?: React.ReactChild | React.ReactNode;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    disabled?: boolean;
-    active?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-}
+interface IFTabs {
+    children?: React.ReactChild | React.ReactNode;
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+    disabled?: boolean;
+    active?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+}
 declare const FTab: FC<IFTabs>;
 
-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 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;
+}
 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;
-}
+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;
-}
+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 IFCloseIcon {
-    handleClose?: () => void;
-    st?: React.CSSProperties;
-    className?: string;
-    id?: string;
-}
+interface IFCloseIcon {
+    handleClose?: () => void;
+    st?: React.CSSProperties;
+    className?: string;
+    id?: string;
+}
 declare const FCloseIcon: FC<IFCloseIcon>;
 
-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;
-}
+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;
+}
 declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => JSX.Element;
 
-interface IFPlusIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
+interface IFPlusIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
 declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => JSX.Element;
 
-interface IFTrashIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
+interface IFTrashIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
 declare const FTrashIcon: ({ color, size, st, id, className, handleClick }: IFTrashIcon) => JSX.Element;
 
-interface IFCheckIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
+interface IFCheckIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
 declare const FCheckIcon: ({ color, size, st, id, className, handleClick }: IFCheckIcon) => JSX.Element;
 
-interface IFListIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
+interface IFListIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
 declare const FListIcon: ({ color, size, st, id, className, handleClick }: IFListIcon) => JSX.Element;
 
-interface IFPenIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
+interface IFPenIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
 declare const FPenIcon: ({ color, size, st, id, className, handleClick }: IFPenIcon) => JSX.Element;
 
-interface IFDownloadIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
+interface IFDownloadIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
 declare const FDownloadIcon: ({ color, size, st, id, className, handleClick }: IFDownloadIcon) => JSX.Element;
 
-interface IFCopyAddIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
+interface IFCopyAddIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
 declare const FCopyAddIcon: ({ color, size, st, id, className, handleClick }: IFCopyAddIcon) => JSX.Element;
 
-interface IFUnlinkIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
+interface IFUnlinkIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
 declare const FUnlinkIcon: ({ color, size, st, id, className, handleClick }: IFUnlinkIcon) => JSX.Element;
 
-export { FAccordion, FAlert, FArrowIcon, FButton$1 as FButton, FButton as FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FFile, FFullDateField, FGrid, FInputFileForm, FListIcon, 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 };
+export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FFile, FFullDateField, FGrid, FInputFileForm, FListIcon, 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 };