bianic-ui 2.9.0 → 2.10.0-alpha.1

package/dist/cjs/types/components/Alert/config.d.ts

@@ -9,7 +9,7 @@ declare const AlertConfig: {
         ContainerIcon: string;
         close: string;
         icon: {
-            true: import("react-icons").IconType;
+            true: import("react-icons/lib").IconType;
             false: string;
         };
     };
@@ -35,7 +35,7 @@ declare const AlertConfig: {
         ContainerIcon: string;
         close: string;
         icon: {
-            true: import("react-icons").IconType;
+            true: import("react-icons/lib").IconType;
             false: string;
         };
     };
@@ -48,7 +48,7 @@ declare const AlertConfig: {
         ContainerIcon: string;
         close: string;
         icon: {
-            true: import("react-icons").IconType;
+            true: import("react-icons/lib").IconType;
             false: string;
         };
     };
@@ -61,11 +61,11 @@ declare const AlertConfig: {
         ContainerIcon: string;
         close: string;
         icon: {
-            true: import("react-icons").IconType;
+            true: import("react-icons/lib").IconType;
             false: string;
         };
     };
-    true: import("react-icons").IconType;
+    true: import("react-icons/lib").IconType;
     false: string;
 };
 export default AlertConfig;

package/dist/cjs/types/components/Card/config.d.ts

@@ -1,6 +1,7 @@
 declare const config: {
-    'dark-background': string;
-    'light-background': string;
-    'outline-light-background': string;
+    readonly 'dark-background': "bg-white enabled:hover:bg-bia-grey-light-90 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-80";
+    readonly 'light-background': "bg-bia-grey-light-90 enabled:hover:bg-bia-grey-light-80 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-70";
+    readonly 'outline-light-background': "bg-white border border-bia-grey-light-40 enabled:hover:bg-bia-grey-light-90 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-80";
 };
+export type CardVariant = keyof typeof config;
 export default config;

package/dist/cjs/types/components/Card/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import config from './config';
-declare const Card: ({ children, disabled, variant, }: {
+import React, { ComponentPropsWithoutRef } from 'react';
+import { CardVariant } from './config';
+export interface CardProps extends ComponentPropsWithoutRef<'button'> {
     children: React.ReactNode;
-    disabled?: boolean | undefined;
-    variant?: "dark-background" | "light-background" | "outline-light-background" | undefined;
-}) => React.JSX.Element;
+    variant?: CardVariant;
+}
+declare const Card: ({ children, disabled, variant, className, type, ...rest }: CardProps) => React.JSX.Element;
 export default Card;

package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/hooks/useCalendarLogic.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useCalendarLogic: (selectedDate: string | null, minDate?: string, maxDate?: string) => {
     pickerMode: "date" | "month" | "year";
     setPickerMode: import("react").Dispatch<import("react").SetStateAction<"date" | "month" | "year">>;
@@ -19,8 +18,8 @@ export declare const useCalendarLogic: (selectedDate: string | null, minDate?: s
     handleNextYear: () => void;
     handlePrevDecade: () => void;
     handleNextDecade: () => void;
-    handleSetSelectedDate: (date: Date, onDateChange?: ((dateString: string) => void) | undefined) => void;
-    handlePickerMode: (mode: 'date' | 'month' | 'year') => void;
+    handleSetSelectedDate: (date: Date, onDateChange?: (dateString: string) => void) => void;
+    handlePickerMode: (mode: "date" | "month" | "year") => void;
     yearDisplayRange: number[];
     isPrevDisabled: () => boolean;
     isNextDisabled: () => boolean;

package/dist/cjs/types/components/Popover/PropInterface.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PopoverProps {
     className?: string;
     children: React.ReactNode;

package/dist/cjs/types/components/TabMenu/TabMenu.d.ts

@@ -1,10 +1,14 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-export interface TabMenuProps extends ComponentPropsWithoutRef<'div'> {
-    variant?: 'default' | 'alternative';
-    rounded?: 'none' | 'all' | 'top' | 'right' | 'left';
+import React from 'react';
+import type { ComponentPropsWithoutRef, MouseEvent, KeyboardEvent } from 'react';
+import type { TabMenuVariant, TabMenuRounded } from './configs';
+export interface TabMenuProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onClick'> {
+    variant?: TabMenuVariant;
+    rounded?: TabMenuRounded;
     text?: string;
+    isActive?: Boolean;
+    moreCount?: number;
     onClose?: () => void;
-    isActive?: boolean;
+    onClick?: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
 }
-declare const TabMenu: ({ variant, text, rounded, isActive, onClose, ...rest }: TabMenuProps) => React.JSX.Element;
+declare const TabMenu: React.ForwardRefExoticComponent<TabMenuProps & React.RefAttributes<HTMLDivElement>>;
 export default TabMenu;

package/dist/cjs/types/components/TabMenu/configs.d.ts

@@ -1,31 +1,10 @@
-export declare const radiusConfig: {
-    none: string;
-    all: string;
-    top: string;
-    right: string;
-    left: string;
-};
-export declare const variantConfig: {
-    default: string;
-    alternative: string;
-};
-export declare const defaultConfigs: {
-    true: string;
-    false: string;
-};
-export declare const defaultButtonConfigs: {
-    true: string;
-    false: string;
-};
-export declare const alternativeConfigs: {
-    true: string;
-    false: string;
-};
-export declare const alternativeButtonConfigs: {
-    true: string;
-    false: string;
-};
-export declare const actionButtonConfig: {
-    true: string;
-    false: string;
-};
+export type ComponentStateKey = 'active' | 'inactive';
+export type TabMenuVariant = 'default' | 'alternative' | 'alternative-more';
+export type TabMenuRounded = 'none' | 'all' | 'top' | 'right' | 'left';
+export declare const radiusConfig: Record<TabMenuRounded, string>;
+export declare const variantConfig: Record<TabMenuVariant, string>;
+export declare const defaultConfigs: Record<ComponentStateKey, string>;
+export declare const alternativeConfigs: Record<ComponentStateKey, string>;
+export declare const defaultButtonConfigs: Record<ComponentStateKey, string>;
+export declare const alternativeButtonConfigs: Record<ComponentStateKey, string>;
+export declare const actionButtonConfig: Record<ComponentStateKey, string>;

package/dist/cjs/types/stories/Accordions/Accordions.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import Accordions from '../../components/Accordions/Accordions';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Accordions/AccordionsDemo.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import AccordionsDemo from "../../components/Accordions/AccordionsDemo";
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Alert/Alert.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { Alert } from '../../components/Alert';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Alert/AlertDemo.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { AlertDemo } from '../../components/Alert';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Avatar/Avatar.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import Avatar from '../../components/Avatar/Avatar';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Avatar/AvatarDemo.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import AvatarDemo from '../../components/Avatar/AvatarDemo';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Badge/Badge.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { Badge } from '../../components';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Badge/BadgeDemo.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { BadgeSimulation } from '../../components/Badge';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Badge/BadgeDemoHeading.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { BadgeSimulationHeading } from '../../components/Badge';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Banner.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { Banner } from '../components';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Brand/Brand.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import Brand from '../../components/Brand/Brand';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Breadcrumb/Breadcrumb.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import Breadcrumb from '../../components/Breadcrumb/Breadcrumb';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Breadcrumb/BreadcrumbDemo.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import BreadcrumbDemo from '../../components/Breadcrumb/BreadcrumbDemo';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Button/Button.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import React from 'react';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Button/ButtonBlock.stories.d.ts

@@ -1,14 +1,6 @@
 import { StoryObj } from '@storybook/react/*';
 import ButtonBlockSimulation from '../../components/Button/ButtonSimulaiton';
-declare const meta: {
-    title: string;
-    component: typeof ButtonBlockSimulation;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {};
-};
+declare const meta: Meta<typeof ButtonBlockSimulation>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Demo: Story;

package/dist/cjs/types/stories/Card/Card.stories.d.ts

@@ -1,12 +1,7 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: ({ children, disabled, variant, }: {
-        children: import("react").ReactNode;
-        disabled?: boolean | undefined;
-        variant?: "dark-background" | "light-background" | "outline-light-background" | undefined;
-    }) => import("react").JSX.Element;
+    component: ({ children, disabled, variant, className, type, ...rest }: import("../../components/Card").CardProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/cjs/types/stories/ColorPallete/Color.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { Color } from '../../components';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Divider/Divider.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import Divider from '../../components/Divider/Divider';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Divider/DividerDemo.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import Divider from '../../components/Divider/DividerDemo';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/ElevationShadow.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import ElevationShadowDemo from '../components/elevation-shadow/elevationShadowDemo';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/FileTree/FileTree.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { FileTreeProps } from '../../components/FileTree';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/FileTree/FileTreeContextMenu.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { FileTreeProps } from '../../components/FileTree';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/FileTree/FileTreeSimulation.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: () => import("react").JSX.Element;

package/dist/cjs/types/stories/Form/Checkbox/Checkbox.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { Checkbox } from '../../../components';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/Checkbox/CheckboxSimulation.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import CheckboxSimulation from '../../../components/Forms/Checkbox/Simulation';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/DatePicker/Datepicker.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { DatePicker } from '../../../components';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/DatePicker/DatepickerLimitSimulation.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: () => import("react").JSX.Element;

package/dist/cjs/types/stories/Form/DatePicker/DatepickerSimulation.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: () => import("react").JSX.Element;

package/dist/cjs/types/stories/Form/DatePicker/RangeDatepickerSimulation.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: () => import("react").JSX.Element;

package/dist/cjs/types/stories/Form/Dropdown/BasicExample.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import BasicExample from '../../../components/Forms/Dropdown/Example/BasicExample';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/Dropdown/DropdownContainer.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: {

package/dist/cjs/types/stories/Form/Dropdown/DropdownItem.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import DropdownItem from '../../../components/Forms/Dropdown/DropdownItem';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/Dropdown/NestedExample.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import NestedExample from '../../../components/Forms/Dropdown/Example/NestedExample';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/Dropdown/SampleTest/CheckMenuExample.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import CheckMenuExample from '../../../../components/Forms/Dropdown/Example/CheckMenuExample';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/Dropdown/SampleTest/CheckboxExample.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import CheckboxFilterExample from '../../../../components/Forms/Dropdown/Example/CheckboxFilterExample';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/Dropdown/WithValueExample.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import WithValueExample from '../../../components/Forms/Dropdown/Example/WithValueExample';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/Group/GroupButton.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: ({ ...props }: import("../../../components/Button/PropInterfaceButton").ButtonProps) => import("react").JSX.Element;

package/dist/cjs/types/stories/Form/Group/SampleTest.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: ({ size }: import("../../../components/Forms/Group/Simulation").FormGroupSimulationProps) => import("react").JSX.Element;

package/dist/cjs/types/stories/Form/Label/FormLabel.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: ({ className, children, htmlFor, required, readOnly, fontWeight, size, }: import("../../../components/Forms/Label/FormLabel").FormLabelProps) => import("react").JSX.Element;

package/dist/cjs/types/stories/Form/Label/Label.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: {

package/dist/cjs/types/stories/Form/LiveSearch/DeprecatedSimulation.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import DeprecatedSimulation from '../../../components/Forms/LiveSearch/Example/DeprecatedSimulation';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/LiveSearch/Livesearch.stories.d.ts

@@ -1,38 +1,6 @@
 import { StoryObj } from '@storybook/react/*';
 import { LiveSearch } from '../../../components';
-declare const meta: {
-    title: string;
-    component: typeof LiveSearch;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        id: {
-            description: string;
-        };
-        label: {
-            description: string;
-        };
-        descText: {
-            description: string;
-        };
-        children: {
-            description: string;
-        };
-        value: {
-            description: string;
-        };
-        setValue: {
-            description: string;
-        };
-        size: {
-            description: string;
-        };
-        dropContProps: {
-            description: string;
-        };
-    };
-};
+declare const meta: Meta<typeof LiveSearch>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const LivesearchProp: Story;

package/dist/cjs/types/stories/Form/LiveSearch/LivesearchCustomDropdownExample.stories.d.ts

@@ -1,12 +1,6 @@
 import { StoryObj } from '@storybook/react/*';
 import React from 'react';
-declare const meta: {
-    title: string;
-    component: ({ children, ...props }: import("../../../components/Forms/LiveSearch/types").LiveSearchProps) => React.JSX.Element;
-    parameters: {
-        layout: string;
-    };
-};
+declare const meta: Meta<({ children, ...props }: import("../../../components/Forms/LiveSearch/types").LiveSearchProps) => React.JSX.Element>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const DefaultExample: Story;

package/dist/cjs/types/stories/Form/LiveSearch/LivesearchOverflowTest.stories.d.ts

@@ -1,12 +1,5 @@
-/// <reference types="react" />
 import { StoryObj } from "@storybook/react/*";
-declare const meta: {
-    title: string;
-    component: () => import("react").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-};
+declare const meta: Meta<() => import("react").JSX.Element>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const OverflowContainerExample: Story;

package/dist/cjs/types/stories/Form/LiveSearch/OutsideControlSimulation.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import React from 'react';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/Radio.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { Radio } from '../../components';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/SegmentButton.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { SegmentButtonItem } from '../../components';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/SegmentButtonDemo.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import SegmentButtonSimulation from '../../components/Forms/SegmentButton/SegmentButtonSimulation';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/SelectInput/SelectInput.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import SelectInputSimulation from '../../../components/Forms/SelectInput/Simulation';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/SelectInput/SelectInputCustom.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: ({ descText, disabled, size, id, isValid, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: import("../../../components/Forms/SelectInput/PropsInterface").default) => import("react").JSX.Element;

package/dist/cjs/types/stories/Form/TextArea/TextArea.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { TextArea } from '../../../components';
 declare const meta: {
     title: string;

package/dist/cjs/types/stories/Form/TextArea/TextAreaSimulation.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import TextAreaSimulation from '../../../components/Forms/TextArea/Simulation';
 declare const meta: {
     title: string;