fui-material 0.2.67 → 0.2.68

package/dist/index.d.ts

@@ -1,3 +1,667 @@
-export * from './material';
-export * from './icons';
-export * from './function-elements';
+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: ({ children, variant, color, size, disabled, onClick, st, className, fullWidth, id, type }: IFButton) => React.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) => React.JSX.Element;
+
+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;
+    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;
+}
+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';
+}
+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;
+}
+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;
+    };
+}
+declare const FPaper: FC<IFPaper>;
+
+interface IFTable {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    id?: string;
+    className?: string;
+    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
+    overflowX?: 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | 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;
+}
+declare const FTableHead: FC<IFTableHead>;
+
+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;
+}
+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;
+}
+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 {
+    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;
+}
+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;
+    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;
+    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;
+}
+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;
+}
+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;
+    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;
+    errText?: string[];
+    helpText?: string;
+}
+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;
+}
+declare const FSelectItem: FC<IFSelectItem>;
+
+interface IFFullDateField {
+    label?: string;
+    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;
+    id?: string;
+    className?: string;
+    onkeydown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+    load?: boolean;
+    errText?: string[];
+    helpText?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+}
+declare const FFullDateField: FC<IFFullDateField>;
+
+interface IFSelectSearchDb {
+    fetchingFunc: (text: string) => Promise<any[]>;
+    selectedElement: (e: any | undefined) => void;
+    selectItem: any;
+    label?: string;
+    st?: React.CSSProperties;
+    id?: string;
+    fullWidth?: boolean;
+    className?: string;
+    disabled?: boolean;
+    readOnly?: 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;
+    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;
+    errText?: string[];
+    helpText?: string;
+    load?: 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;
+}
+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;
+}
+declare const FNative: FC<IFNative>;
+
+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;
+}
+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;
+}
+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 IFCloseIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClose?: () => void;
+}
+declare const FCloseIcon: ({ color, size, st, id, className, handleClose }: IFCloseIcon) => React.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;
+}
+declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => React.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;
+}
+declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => React.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;
+}
+declare const FTrashIcon: ({ color, size, st, id, className, handleClick, }: IFTrashIcon) => React.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;
+}
+declare const FCheckIcon: ({ color, size, st, id, className, handleClick }: IFCheckIcon) => React.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;
+}
+declare const FListIcon: ({ color, size, st, id, className, handleClick }: IFListIcon) => React.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;
+}
+declare const FPenIcon: ({ color, size, st, id, className, handleClick }: IFPenIcon) => React.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;
+}
+declare const FDownloadIcon: ({ color, size, st, id, className, handleClick }: IFDownloadIcon) => React.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;
+}
+declare const FCopyAddIcon: ({ color, size, st, id, className, handleClick }: IFCopyAddIcon) => React.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;
+}
+declare const FUnlinkIcon: ({ color, size, st, id, className, handleClick }: IFUnlinkIcon) => React.JSX.Element;
+
+interface IFFilterIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
+declare const FFilterIcon: ({ color, size, st, id, className, handleClick }: IFFilterIcon) => React.JSX.Element;
+
+interface IFLoadIcon {
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    size?: number;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
+declare const FLoadIcon: ({ size, st, id, className, color }: IFLoadIcon) => React.JSX.Element;
+
+interface IfAlert {
+    title?: string;
+    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 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fui-material",
-  "version": "0.2.67",
+  "version": "0.2.68",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -14,7 +14,8 @@
     "bootstrap": "^5.2.2",
     "bun-types": "^1.0.5-canary.20231006T140143",
     "gh-pages": "^6.0.0",
-    "rollup": "^4.0.2",
+    "rollup": "^2.60.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "typescript": "^5.2.2"
@@ -25,7 +26,7 @@
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs",
     "publish": "npm publish",
-    "build-publish" : "rollup -c --bundleConfigAsCjs && npm publish"
+    "build-publish": "rollup -c --bundleConfigAsCjs && npm publish"
   },
   "eslintConfig": {
     "extends": [
@@ -35,9 +36,10 @@
   "dependencies": {
     "@types/react": "^18.2.25",
     "@types/react-dom": "^18.2.10",
-    "typescript": "^5.2.2",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "rollup-plugin-dts": "^6.0.2",
+    "typescript": "^5.0.0"
   },
   "main": "dist/index.d.ts",
   "module": "dist/index.d.tss",