fui-material 0.2.21 → 0.2.23

package/dist/esm/types/material/FPaper/FPaper.stories.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFPaper } from "./FPaper";
-import "bootstrap/dist/css/bootstrap.css";
-declare const _default: ComponentMeta<React.FC<IFPaper>>;
+import { IFPaper } from './FPaper';
+import 'bootstrap/dist/css/bootstrap.css';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFPaper>;
+};
 export default _default;
-export declare const Default: Story<IFPaper>;
-export declare const FontSizeLabel: Story<IFPaper>;
-export declare const FontSizeBody: Story<IFPaper>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFPaper>;
+export declare const FontSizeLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFPaper>;
+export declare const FontSizeBody: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFPaper>;

package/dist/esm/types/material/FPreloader/FPreloader.stories.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import "bootstrap/dist/css/bootstrap.css";
-import { IFPreloader } from "./FPreloader";
-declare const _default: ComponentMeta<React.FC<IFPreloader>>;
+import 'bootstrap/dist/css/bootstrap.css';
+import { IFPreloader } from './FPreloader';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFPreloader>;
+};
 export default _default;
-export declare const Default: Story<IFPreloader>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFPreloader>;

package/dist/esm/types/material/FProgress/FProgress.stories.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import "bootstrap/dist/css/bootstrap.css";
-import { IFProgress } from "./FProgress";
-declare const _default: ComponentMeta<React.FC<IFProgress>>;
+import 'bootstrap/dist/css/bootstrap.css';
+import { IFProgress } from './FProgress';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFProgress>;
+};
 export default _default;
-export declare const Default: Story<IFProgress>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFProgress>;

package/dist/esm/types/material/FRadioButton/FRadioButton.stories.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFRadioButton } from "./FRadioButton";
-declare const _default: ComponentMeta<React.FC<IFRadioButton>>;
+import { IFRadioButton } from './FRadioButton';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFRadioButton>;
+};
 export default _default;
-export declare const Default: Story<IFRadioButton>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFRadioButton>;

package/dist/esm/types/material/FSearchBox/FSearchBox.stories.d.ts

@@ -1,22 +1,26 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import "bootstrap/dist/css/bootstrap.css";
-import { IFSearchBox } from "./FSearchBox";
-declare const _default: ComponentMeta<React.FC<IFSearchBox>>;
+import { StoryFn } from '@storybook/react';
+import 'bootstrap/dist/css/bootstrap.css';
+import { IFSearchBox } from './FSearchBox';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFSearchBox>;
+};
 export default _default;
-export declare const Default: Story<IFSearchBox>;
-export declare const Label: Story<IFSearchBox>;
-export declare const Value: Story<IFSearchBox>;
-export declare const DefaultValue: Story<IFSearchBox>;
-export declare const Load: Story<IFSearchBox>;
-export declare const Interactive: Story<IFSearchBox>;
-export declare const FullWidth: Story<IFSearchBox>;
-export declare const ErrText: Story<IFSearchBox>;
-export declare const OnChange: Story<IFSearchBox>;
-export declare const OnBlur: Story<IFSearchBox>;
-export declare const OnFocus: Story<IFSearchBox>;
-export declare const OnInput: Story<IFSearchBox>;
-export declare const OnClick: Story<IFSearchBox>;
-export declare const Variant: Story<IFSearchBox>;
-export declare const ColorContained: Story<IFSearchBox>;
-export declare const ColorDefault: Story<IFSearchBox>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSearchBox>;
+export declare const Label: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSearchBox>;
+export declare const Value: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSearchBox>;
+export declare const DefaultValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSearchBox>;
+export declare const Load: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSearchBox>;
+export declare const Interactive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSearchBox>;
+export declare const FullWidth: StoryFn<IFSearchBox>;
+export declare const ErrText: StoryFn<IFSearchBox>;
+export declare const OnChange: StoryFn<IFSearchBox>;
+export declare const OnBlur: StoryFn<IFSearchBox>;
+export declare const OnFocus: StoryFn<IFSearchBox>;
+export declare const OnInput: StoryFn<IFSearchBox>;
+export declare const OnClick: StoryFn<IFSearchBox>;
+export declare const Variant: StoryFn<IFSearchBox>;
+export declare const ColorContained: StoryFn<IFSearchBox>;
+export declare const ColorDefault: StoryFn<IFSearchBox>;

package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts

@@ -12,6 +12,9 @@ export interface IFSelectSearchDb {
     className?: string;
     disabled?: boolean;
     readOnly?: boolean;
+    load?: boolean;
+    errText?: string[];
+    helpText?: string;
 }
 declare const FSelectSearchDb: FC<IFSelectSearchDb>;
 export default FSelectSearchDb;

package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts

@@ -1,9 +1,16 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFSelectSearchDb } from "./FSelectSearchDb";
-declare const _default: ComponentMeta<React.FC<IFSelectSearchDb>>;
+import { StoryFn } from '@storybook/react';
+import { IFSelectSearchDb } from './FSelectSearchDb';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFSelectSearchDb>;
+};
 export default _default;
-export declare const Default: Story<IFSelectSearchDb>;
-export declare const FullWidth: Story<IFSelectSearchDb>;
-export declare const Disabled: Story<IFSelectSearchDb>;
-export declare const ReadOnly: Story<IFSelectSearchDb>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectSearchDb>;
+export declare const FullWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectSearchDb>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectSearchDb>;
+export declare const ReadOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectSearchDb>;
+export declare const Load: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectSearchDb>;
+export declare const ErrText: StoryFn<IFSelectSearchDb>;
+export declare const HelpText: StoryFn<IFSelectSearchDb>;

package/dist/esm/types/material/FStack/FStack.stories.d.ts

@@ -1,8 +1,16 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFStack } from "./FStack";
-import "bootstrap/dist/css/bootstrap.css";
-declare const _default: ComponentMeta<React.FC<IFStack>>;
+import { IFStack } from './FStack';
+import 'bootstrap/dist/css/bootstrap.css';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFStack>;
+    argTypes: {
+        spacing: {
+            defaultValue: number;
+        };
+    };
+};
 export default _default;
-export declare const Default: Story<IFStack>;
-export declare const Interactive: Story<IFStack>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFStack>;
+export declare const Interactive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFStack>;

package/dist/esm/types/material/FTextArea/FTextArea.d.ts

@@ -15,6 +15,9 @@ export interface IFTextArea {
     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>;
 export default FTextArea;

package/dist/esm/types/material/FTextArea/FTextArea.stories.d.ts

@@ -1,9 +1,16 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFTextArea } from "./FTextArea";
-declare const _default: ComponentMeta<React.FC<IFTextArea>>;
+import { StoryFn } from '@storybook/react';
+import { IFTextArea } from './FTextArea';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFTextArea>;
+};
 export default _default;
-export declare const Default: Story<IFTextArea>;
-export declare const Disabled: Story<IFTextArea>;
-export declare const ReadOnly: Story<IFTextArea>;
-export declare const FullWidth: Story<IFTextArea>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextArea>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextArea>;
+export declare const ReadOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextArea>;
+export declare const FullWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextArea>;
+export declare const Load: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextArea>;
+export declare const ErrText: StoryFn<IFTextArea>;
+export declare const HelpText: StoryFn<IFTextArea>;

package/dist/esm/types/material/FTextField/FTextField.stories.d.ts

@@ -1,18 +1,23 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFTextField } from "./FTextField";
-import "bootstrap/dist/css/bootstrap.css";
-declare const _default: ComponentMeta<React.FC<IFTextField>>;
+import { StoryFn } from '@storybook/react';
+import { IFTextField } from './FTextField';
+import 'bootstrap/dist/css/bootstrap.css';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFTextField>;
+};
 export default _default;
-export declare const Default: Story<IFTextField>;
-export declare const Label: Story<IFTextField>;
-export declare const Value: Story<IFTextField>;
-export declare const DefaultValue: Story<IFTextField>;
-export declare const Load: Story<IFTextField>;
-export declare const Interactive: Story<IFTextField>;
-export declare const FullWidth: Story<IFTextField>;
-export declare const ErrText: Story<IFTextField>;
-export declare const OnChange: Story<IFTextField>;
-export declare const OnBlur: Story<IFTextField>;
-export declare const OnFocus: Story<IFTextField>;
-export declare const OnInput: Story<IFTextField>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
+export declare const Label: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
+export declare const Value: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
+export declare const DefaultValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
+export declare const Load: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
+export declare const Interactive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
+export declare const FullWidth: StoryFn<IFTextField>;
+export declare const ErrText: StoryFn<IFTextField>;
+export declare const OnChange: StoryFn<IFTextField>;
+export declare const OnBlur: StoryFn<IFTextField>;
+export declare const OnFocus: StoryFn<IFTextField>;
+export declare const OnInput: StoryFn<IFTextField>;
+export declare const HelpText: StoryFn<IFTextField>;

package/dist/esm/types/material/FTimelineComponents/FTimeline.stories.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFTimeline } from "./FTimeline/FTimeline";
-import "bootstrap/dist/css/bootstrap.css";
-declare const _default: ComponentMeta<React.FC<IFTimeline>>;
+import { IFTimeline } from './FTimeline/FTimeline';
+import 'bootstrap/dist/css/bootstrap.css';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFTimeline>;
+};
 export default _default;
-export declare const Default: Story<IFTimeline>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTimeline>;

package/dist/esm/types/material/SelectComponents/FSelect/FSelect.d.ts

@@ -14,6 +14,8 @@ export interface IFSelect {
     id?: string;
     className?: string;
     load?: boolean;
+    errText?: string[];
+    helpText?: string;
 }
 declare const FSelect: FC<IFSelect>;
 export default FSelect;

package/dist/esm/types/material/SelectComponents/FSelect.stories.d.ts

@@ -1,15 +1,21 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import { IFSelect } from "./FSelect/FSelect";
-import "bootstrap/dist/css/bootstrap.css";
-import { IFSelectItem } from "./FSelectItem/FSelectItem";
-declare const _default: ComponentMeta<React.FC<IFSelect>>;
+import { StoryFn } from '@storybook/react';
+import { IFSelect } from './FSelect/FSelect';
+import 'bootstrap/dist/css/bootstrap.css';
+import { IFSelectItem } from './FSelectItem/FSelectItem';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFSelect>;
+};
 export default _default;
-export declare const Default: Story<IFSelect>;
-export declare const Disabled: Story<IFSelect>;
-export declare const FullWidth: Story<IFSelect>;
-export declare const Load: Story<IFSelect>;
-export declare const Size: Story<IFSelect>;
-export declare const Multiple: Story<IFSelect>;
-export declare const SelectItemDefault: Story<IFSelectItem>;
-export declare const SelectItemDisabled: Story<IFSelectItem>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
+export declare const FullWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
+export declare const Load: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
+export declare const Size: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
+export declare const Multiple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
+export declare const SelectItemDefault: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectItem>;
+export declare const SelectItemDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectItem>;
+export declare const ErrText: StoryFn<IFSelect>;
+export declare const HelpText: StoryFn<IFSelect>;

package/dist/esm/types/material/TableComponents/FTable.stories.d.ts

@@ -1,18 +1,21 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import "bootstrap/dist/css/bootstrap.css";
-import "./FTable/FTable.css";
-import { IFTable } from "./FTable/FTable";
-import { IFTableHead } from "./FTableHead/FTableHead";
-import { IFTableHeaderCell } from "./FTableHeaderCell/FTableHeaderCell";
-import { IFTableDataCell } from "./FTableDataCell/FTableDataCell";
-import { IFTableBody } from "./FTableBody/FTableBody";
-import { IFTableRow } from "./FTableRow/FTableRow";
-declare const _default: ComponentMeta<React.FC<IFTable>>;
+import 'bootstrap/dist/css/bootstrap.css';
+import './FTable/FTable.css';
+import { IFTable } from './FTable/FTable';
+import { IFTableHead } from './FTableHead/FTableHead';
+import { IFTableHeaderCell } from './FTableHeaderCell/FTableHeaderCell';
+import { IFTableDataCell } from './FTableDataCell/FTableDataCell';
+import { IFTableBody } from './FTableBody/FTableBody';
+import { IFTableRow } from './FTableRow/FTableRow';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFTable>;
+};
 export default _default;
-export declare const Default: Story<IFTable>;
-export declare const DefaultTableHead: Story<IFTableHead>;
-export declare const DefaultTableBody: Story<IFTableBody>;
-export declare const DefaultTableRow: Story<IFTableRow>;
-export declare const DefaultTableHeaderCell: Story<IFTableHeaderCell>;
-export declare const DefaultTableDataCell: Story<IFTableDataCell>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTable>;
+export declare const DefaultTableHead: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableHead>;
+export declare const DefaultTableBody: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableBody>;
+export declare const DefaultTableRow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableRow>;
+export declare const DefaultTableHeaderCell: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableHeaderCell>;
+export declare const DefaultTableDataCell: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableDataCell>;

package/dist/esm/types/material/Tabs/FTabs.stories.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-import { ComponentMeta, Story } from '@storybook/react';
-import "bootstrap/dist/css/bootstrap.css";
-import { IFTabs } from "./FTabs/FTabs";
-declare const _default: ComponentMeta<React.FC<IFTabs>>;
+import 'bootstrap/dist/css/bootstrap.css';
+import { IFTabs } from './FTabs/FTabs';
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: React.FC<IFTabs>;
+};
 export default _default;
-export declare const Default: Story<IFTabs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTabs>;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { FC } from 'react';
 
 interface IFButton {
@@ -13,7 +14,7 @@ interface IFButton {
     id?: string;
     type?: "button" | "submit" | "reset" | undefined;
 }
-declare const FButton: ({ children, variant, color, size, disabled, onClick, st, className, fullWidth, id, type }: IFButton) => JSX.Element;
+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;
@@ -32,7 +33,7 @@ interface IFButtonFile {
     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;
+declare const FButtonFile: ({ children, variant, color, size, disabled, st, className, fullWidth, id, onChange, multiple, maxCount, accept, spacing, direction }: IFButtonFile) => react_jsx_runtime.JSX.Element;
 
 interface IFTextField {
     label?: string;
@@ -337,6 +338,8 @@ interface IFSelect {
     id?: string;
     className?: string;
     load?: boolean;
+    errText?: string[];
+    helpText?: string;
 }
 declare const FSelect: FC<IFSelect>;
 
@@ -366,6 +369,9 @@ interface IFFullDateField {
     onkeydown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     min?: string | undefined;
     max?: string | undefined;
+    load?: boolean;
+    errText?: string[];
+    helpText?: string;
 }
 declare const FFullDateField: FC<IFFullDateField>;
 
@@ -381,6 +387,9 @@ interface IFSelectSearchDb {
     className?: string;
     disabled?: boolean;
     readOnly?: boolean;
+    load?: boolean;
+    errText?: string[];
+    helpText?: string;
 }
 declare const FSelectSearchDb: FC<IFSelectSearchDb>;
 
@@ -400,6 +409,9 @@ interface IFTextArea {
     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>;
 
@@ -522,7 +534,7 @@ interface IFArrowIcon {
     id?: string;
     className?: string;
 }
-declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => JSX.Element;
+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';
@@ -532,7 +544,7 @@ interface IFPlusIcon {
     className?: string;
     handleClick?: () => void;
 }
-declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => JSX.Element;
+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';
@@ -542,7 +554,7 @@ interface IFTrashIcon {
     className?: string;
     handleClick?: () => void;
 }
-declare const FTrashIcon: ({ color, size, st, id, className, handleClick }: IFTrashIcon) => JSX.Element;
+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';
@@ -552,7 +564,7 @@ interface IFCheckIcon {
     className?: string;
     handleClick?: () => void;
 }
-declare const FCheckIcon: ({ color, size, st, id, className, handleClick }: IFCheckIcon) => JSX.Element;
+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';
@@ -562,7 +574,7 @@ interface IFListIcon {
     className?: string;
     handleClick?: () => void;
 }
-declare const FListIcon: ({ color, size, st, id, className, handleClick }: IFListIcon) => JSX.Element;
+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';
@@ -572,7 +584,7 @@ interface IFPenIcon {
     className?: string;
     handleClick?: () => void;
 }
-declare const FPenIcon: ({ color, size, st, id, className, handleClick }: IFPenIcon) => JSX.Element;
+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';
@@ -582,7 +594,7 @@ interface IFDownloadIcon {
     className?: string;
     handleClick?: () => void;
 }
-declare const FDownloadIcon: ({ color, size, st, id, className, handleClick }: IFDownloadIcon) => JSX.Element;
+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';
@@ -592,7 +604,7 @@ interface IFCopyAddIcon {
     className?: string;
     handleClick?: () => void;
 }
-declare const FCopyAddIcon: ({ color, size, st, id, className, handleClick }: IFCopyAddIcon) => JSX.Element;
+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';
@@ -602,6 +614,16 @@ interface IFUnlinkIcon {
     className?: string;
     handleClick?: () => void;
 }
-declare const FUnlinkIcon: ({ color, size, st, id, className, handleClick }: IFUnlinkIcon) => JSX.Element;
+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;
+    id?: string;
+    className?: string;
+    handleClick?: () => void;
+}
+declare const FFilterIcon: ({ color, size, st, id, className, handleClick }: IFFilterIcon) => react_jsx_runtime.JSX.Element;
 
-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 };
+export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FFile, FFilterIcon, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fui-material",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -24,13 +24,15 @@
     "test": "jest",
     "rollup": "rollup -c",
     "build-publish": "rollup -c && npm publish",
-    "storybook": "start-storybook -p 6006",
-    "deploy-storybook": "build-storybook && gh-pages -d storybook-static"
+    "storybook": "storybook dev -p 6006",
+    "deploy-storybook": "storybook build && gh-pages -d storybook-static",
+    "build-storybook": "storybook build"
   },
   "eslintConfig": {
     "extends": [
       "react-app",
-      "react-app/jest"
+      "react-app/jest",
+      "plugin:storybook/recommended"
     ]
   },
   "browserslist": {
@@ -51,25 +53,28 @@
     "@rollup/plugin-image": "^3.0.2",
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@rollup/plugin-typescript": "^8.3.3",
-    "@storybook/addon-actions": "^6.5.13",
-    "@storybook/addon-essentials": "^6.5.13",
-    "@storybook/addon-interactions": "^6.5.13",
-    "@storybook/addon-links": "^6.5.13",
-    "@storybook/builder-webpack5": "^6.5.13",
-    "@storybook/manager-webpack5": "^6.5.13",
-    "@storybook/react": "^6.5.13",
-    "@storybook/testing-library": "^0.0.13",
+    "@storybook/addon-actions": "^7.4.0",
+    "@storybook/addon-essentials": "^7.4.0",
+    "@storybook/addon-interactions": "^7.4.0",
+    "@storybook/addon-links": "^7.4.0",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.4.0",
+    "@storybook/react": "^7.4.0",
+    "@storybook/react-webpack5": "^7.4.0",
+    "@storybook/testing-library": "^0.2.0",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.2.3",
     "babel-loader": "^8.3.0",
     "bootstrap": "^5.2.2",
+    "eslint-plugin-storybook": "^0.6.13",
     "gh-pages": "^4.0.0",
     "jest": "^27.5.1",
     "rollup": "^2.60.0",
     "rollup-plugin-dts": "^4.0.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2"
+    "rollup-plugin-terser": "^7.0.2",
+    "storybook": "^7.4.0"
   },
   "peerDependencies": {
     "react": "^18.2.0"