ingred-ui 22.3.2 → 22.4.0

package/dist/src/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import Modal, { ModalProps } from "./Modal";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, ModalProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Example: StoryObj<typeof Modal>;

package/dist/src/components/NavigationRail/NavigationRail.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from "@storybook/react";
+import React from "react";
+import NavigationRail from "./NavigationRail";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Example: StoryObj<typeof NavigationRail>;

package/dist/src/components/Popover/Popover.stories.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import Popover from "./Popover";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    isOpen?: boolean | undefined;
+    onClose?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>, reason: "backdropClick") => void) | undefined;
+    baseElement: HTMLElement | null;
+    positionPriority?: ("auto" | "auto-start" | "auto-end" | import("@floating-ui/utils").Placement)[] | undefined;
+    offset?: [number, number] | undefined;
+    modalProps?: Partial<import("..").ModalProps> | undefined;
+    children: React.ComponentElement<HTMLElement, any>;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Example: StoryObj<typeof Popover>;

package/dist/src/components/ScrollArea/ScrollArea.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import ScrollArea from "./ScrollArea";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    height?: import("csstype").Property.Height<0 | (string & {})> | undefined;
+    maxHeight?: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+    minHeight?: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+    children: React.ComponentElement<HTMLElement, any>;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Example: StoryObj<typeof ScrollArea>;

package/dist/src/components/Select/Select.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Props as ReactSelectProps, StylesConfig } from "react-select";
+import { Theme } from "../../themes";
+export declare const getOverrideStyles: <OptionValue>(theme: Theme, error: boolean) => StylesConfig<OptionType<OptionValue>, boolean>;
+export type OptionType<T = string> = {
+    label: string;
+    value: T;
+};
+export type SelectProps<OptionValue, IsMulti extends boolean> = {
+    minWidth?: string;
+    placeholder?: string;
+    error?: boolean;
+    emptyMessage?: string;
+} & ReactSelectProps<OptionType<OptionValue>, IsMulti>;
+declare const Select: <OptionValue, IsMulti extends boolean>(inProps: any, ref: React.Ref<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare const _default: <OptionValue, IsMulti extends boolean = false>(props: any) => ReturnType<typeof Select>;
+export default _default;

package/dist/src/components/Select/Select.stories.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { StoryObj } from "@storybook/react";
+declare const _default: {
+    title: string;
+    component: <OptionValue, IsMulti extends boolean = false>(props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Example: StoryObj;
+export declare const MultipleSelect: StoryObj;
+export declare const WithAsyncSearch: StoryObj;
+export declare const DesignSamples: StoryObj;

package/dist/src/components/Select2/Select2.stories.d.ts

@@ -0,0 +1,107 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import { Select2Props } from "./types";
+declare const meta: {
+    title: string;
+    component: React.FC<{
+        value: string | number | (string | number)[];
+        onChange: (value: string | number | (string | number)[]) => void;
+        options: {
+            value: string | number;
+            label: string;
+            disabled?: boolean | undefined;
+        }[];
+        multiple?: boolean | undefined;
+        disabled?: boolean | undefined;
+        placeholder?: string | undefined;
+        size?: import("./types").Select2Size | undefined;
+        variant?: import("./types").Select2Variant | undefined;
+        tagVariant?: import("../Tag/types").TagVariant | undefined;
+        searchable?: boolean | undefined;
+        searchPlaceholder?: string | undefined;
+        noResultsMessage?: string | undefined;
+        error?: boolean | undefined;
+        applyButtonText?: string | undefined;
+        cancelButtonText?: string | undefined;
+    }>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variant: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            options: boolean[];
+            control: {
+                type: "radio";
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        error: {
+            options: boolean[];
+            control: {
+                type: "radio";
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        searchable: {
+            options: boolean[];
+            control: {
+                type: "radio";
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<Partial<Select2Props>>;
+export declare const Basic: Story;
+export declare const WithSearch: Story;
+export declare const Error: Story;
+export declare const Disabled: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithManyOptions: Story;
+export declare const WithDisabledOptions: Story;
+export declare const MultipleSelection: Story;
+export declare const MultipleSelectionWithSearch: Story;

package/dist/src/components/Slide/Slide.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryObj } from "@storybook/react";
+import Slide from "./Slide";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("../../utils/reactTransitionGroup").CSSTransitionProps>;
+export default _default;
+export declare const Example: StoryObj<typeof Slide>;

package/dist/src/components/Snackbar/Snackbar.stories.d.ts

@@ -0,0 +1,127 @@
+import React from "react";
+import { SnackbarProps } from "./Snackbar";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Default: {
+    args: {
+        color: string;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        color?: import("./Snackbar").SnackbarColor | undefined;
+        anchorOrigin?: {
+            horizontal: "left" | "right";
+            vertical: "bottom" | "top";
+        } | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        color?: import("./Snackbar").SnackbarColor | undefined;
+        anchorOrigin?: {
+            horizontal: "left" | "right";
+            vertical: "bottom" | "top";
+        } | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<SnackbarProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>, Partial<SnackbarProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const Dark: {
+    args: {
+        color: string;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        color?: import("./Snackbar").SnackbarColor | undefined;
+        anchorOrigin?: {
+            horizontal: "left" | "right";
+            vertical: "bottom" | "top";
+        } | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        color?: import("./Snackbar").SnackbarColor | undefined;
+        anchorOrigin?: {
+            horizontal: "left" | "right";
+            vertical: "bottom" | "top";
+        } | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<SnackbarProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>, Partial<SnackbarProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const Warning: {
+    args: {
+        color: string;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        color?: import("./Snackbar").SnackbarColor | undefined;
+        anchorOrigin?: {
+            horizontal: "left" | "right";
+            vertical: "bottom" | "top";
+        } | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }> | import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        color?: import("./Snackbar").SnackbarColor | undefined;
+        anchorOrigin?: {
+            horizontal: "left" | "right";
+            vertical: "bottom" | "top";
+        } | undefined;
+        isOpen?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>[] | undefined;
+    parameters?: import("@storybook/core/csf").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/core/csf").ArgTypes<SnackbarProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>>) => (ui?: any) => Promise<import("@storybook/core/csf").Canvas>) | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/core/csf").PlayFunction<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    globals?: import("@storybook/core/csf").Globals | undefined;
+    story?: Omit<import("@storybook/core/csf").StoryAnnotations<import("@storybook/react/dist/types-5617c98e").R, SnackbarProps & React.RefAttributes<HTMLDivElement>, Partial<SnackbarProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};

package/dist/{components → src/components}/Spacer/Spacer.stories.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import { StoryObj } from "@storybook/react";
-import { SpacerProps } from "../../utils/spacer";
-declare const _default: {
+declare const meta: {
     title: string;
-    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SpacerProps, never>;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../utils/spacer").SpacerProps, never>;
     args: {
         p: number;
     };
@@ -17,5 +16,6 @@ declare const _default: {
         };
     };
 };
-export default _default;
-export declare const Example: StoryObj<SpacerProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;

package/dist/src/components/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import Spinner from "./Spinner";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("./Spinner").SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Example: StoryObj<typeof Spinner>;

package/dist/{components → src/components}/Tag/Tag.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
     argTypes: {
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
             description: string;
@@ -21,7 +21,7 @@ declare const meta: {
         };
         variant: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
             description: string;
@@ -36,7 +36,7 @@ declare const meta: {
         };
         disabled: {
             control: {
-                type: string;
+                type: "boolean";
             };
             description: string;
             table: {
@@ -44,7 +44,7 @@ declare const meta: {
                     summary: string;
                 };
                 defaultValue: {
-                    summary: boolean;
+                    summary: string;
                 };
             };
         };

package/dist/src/components/Toast/Toast.stories.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: {
+        (props: Partial<import("../../lib/react-toast-notification/src").ToastProps>): JSX.Element;
+        Provider: React.FunctionComponent<import("./ToastProvider").ToastProviderProps>;
+        useToasts: () => {
+            addToast: import("../../lib/react-toast-notification/src/types").AddFn;
+            removeToast: import("../../lib/react-toast-notification/src/types").RemoveFn;
+            removeAllToasts: () => void;
+            updateToast: import("../../lib/react-toast-notification/src/types").UpdateFn;
+            toastStack: import("../../lib/react-toast-notification/src/types").ToastType[];
+        };
+    };
+    args: {
+        placement: "top-center";
+        autoDismiss: true;
+        autoDismissTimeout: number;
+        transitionDuration: number;
+    };
+    parameters: {
+        docs: {
+            source: {
+                language: string;
+            };
+            page: () => JSX.Element;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ingred-ui",
-  "version": "22.3.2",
+  "version": "22.4.0",
   "description": "",
   "author": "CARTA HOLDINGS, Inc.",
   "license": "MIT",
@@ -50,12 +50,15 @@
     "@rollup/plugin-terser": "0.4.3",
     "@rollup/plugin-typescript": "11.1.1",
     "@rollup/plugin-url": "8.0.1",
-    "@storybook/addon-essentials": "7.5.2",
-    "@storybook/addon-links": "7.4.0",
-    "@storybook/addon-storysource": "7.5.3",
-    "@storybook/client-api": "7.5.3",
-    "@storybook/react": "7.5.3",
-    "@storybook/react-vite": "7.5.3",
+    "@storybook/addon-essentials": "8.6.12",
+    "@storybook/addon-interactions": "8.6.12",
+    "@storybook/addon-links": "8.6.12",
+    "@storybook/addon-onboarding": "8.6.12",
+    "@storybook/addon-storysource": "8.6.12",
+    "@storybook/blocks": "8.6.12",
+    "@storybook/react": "8.6.12",
+    "@storybook/react-vite": "8.6.12",
+    "@storybook/test": "8.6.12",
     "@testing-library/jest-dom": "6.1.3",
     "@testing-library/react": "14.1.2",
     "@types/jest": "29.5.1",
@@ -64,8 +67,10 @@
     "@types/react-transition-group": "4.4.4",
     "@types/rollup-plugin-peer-deps-external": "2.2.1",
     "@types/styled-components": "5.1.25",
+    "@types/unist": "^3.0.3",
     "@typescript-eslint/eslint-plugin": "6.21.0",
     "@typescript-eslint/parser": "6.10.0",
+    "@vitejs/plugin-react": "^4.4.1",
     "cross-env": "7.0.3",
     "eslint": "8.51.0",
     "eslint-config-prettier": "9.1.0",
@@ -74,6 +79,7 @@
     "eslint-plugin-jsx-a11y": "6.8.0",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-storybook": "^0.12.0",
     "jest": "29.5.0",
     "jest-environment-jsdom": "29.7.0",
     "prettier": "3.0.0",
@@ -83,7 +89,7 @@
     "rollup-plugin-imagemin": "0.5.0",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "scaffdog": "3.0.0",
-    "storybook": "7.5.3",
+    "storybook": "8.6.12",
     "styled-components": "5.3.5",
     "ts-jest": "29.1.0",
     "typescript": "5.2.2",

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { StoryObj } from "@storybook/react";
-import { AccordionProps } from "./Accordion";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-    args: {
-        title: string;
-        children: string;
-        disabled: boolean;
-        expanded: boolean;
-    };
-};
-export default _default;
-export declare const Example: StoryObj<AccordionProps>;
-export declare const Multiple: StoryObj<AccordionProps>;
-export declare const Controlled: StoryObj<AccordionProps>;
-export declare const DynamicHeight: StoryObj<AccordionProps>;

package/dist/components/ActionButton/ActionButton.stories.d.ts

@@ -1,27 +0,0 @@
-import { StoryObj } from "@storybook/react";
-import React from "react";
-import { ActionButtonProps } from "./ActionButton";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
-        icon?: import("..").IconName | undefined;
-        color?: ("primary" | "warning") | undefined;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    args: {
-        onClick: import("@storybook/addon-actions").HandlerFunction;
-        icon: string;
-        children: string;
-    };
-    parameters: {
-        docs: {
-            source: {
-                language: string;
-            };
-            page: () => JSX.Element;
-        };
-    };
-};
-export default _default;
-export declare const Primary: StoryObj<ActionButtonProps>;
-export declare const Warning: StoryObj<ActionButtonProps>;
-export declare const Disabled: StoryObj<ActionButtonProps>;

package/dist/components/Backdrop/Backdrop.stories.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import { StoryObj } from "@storybook/react";
-import { BackdropProps } from "./Backdrop";
-declare const _default: {
-    title: string;
-    components: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        isOpen?: boolean | undefined;
-        invisible?: boolean | undefined;
-        transitionDuration?: number | undefined;
-        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    args: {
-        isOpen: boolean;
-    };
-    parameters: {
-        docs: {
-            source: {
-                language: string;
-            };
-            page: () => JSX.Element;
-        };
-    };
-};
-export default _default;
-export declare const Example: StoryObj<BackdropProps>;

package/dist/components/Badge/Badge.stories.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import { StoryObj } from "@storybook/react";
-import Badge from "./Badge";
-declare const _default: {
-    title: string;
-    components: React.ForwardRefExoticComponent<import("./Badge").BadgeProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
-    parameters: {
-        docs: {
-            source: {
-                language: string;
-            };
-            page: () => JSX.Element;
-        };
-    };
-};
-export default _default;
-export declare const Primary: StoryObj<typeof Badge>;
-export declare const Secondary: StoryObj<typeof Badge>;
-export declare const Success: StoryObj<typeof Badge>;
-export declare const Warning: StoryObj<typeof Badge>;
-export declare const Danger: StoryObj<typeof Badge>;
-export declare const Basic: StoryObj<typeof Badge>;

package/dist/components/Button/Button.stories.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import { StoryObj } from "@storybook/react";
-import { ButtonProps } from "./Button";
-declare const _default: {
-    title: string;
-    components: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
-    args: {
-        onClick: import("@storybook/addon-actions").HandlerFunction;
-    };
-    parameters: {
-        docs: {
-            source: {
-                language: string;
-            };
-            page: () => JSX.Element;
-        };
-    };
-};
-export default _default;
-export declare const Primary: StoryObj<ButtonProps>;
-export declare const BasicLight: StoryObj<ButtonProps>;
-export declare const Danger: StoryObj<ButtonProps>;
-export declare const Clear: StoryObj<ButtonProps>;
-export declare const BasicDark: StoryObj<ButtonProps>;
-export declare const PrimaryPale: StoryObj<ButtonProps>;
-export declare const Small: StoryObj<ButtonProps>;
-export declare const Medium: StoryObj<ButtonProps>;
-export declare const Large: StoryObj<ButtonProps>;
-export declare const Disabled: StoryObj<ButtonProps>;
-export declare const UseHrefProps: StoryObj<ButtonProps>;
-export declare const DesignSamples: StoryObj;

package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { StoryObj } from "@storybook/react";
-import { ButtonGroupProps } from "./ButtonGroup";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        size?: import("../Button/Button").ButtonSize | undefined;
-        color?: import("../Button/Button").ButtonColor | undefined;
-        minSize?: ("fit-content" | import("../Button/Button").ButtonSize) | undefined;
-        disabled?: boolean | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        Button: React.ForwardRefExoticComponent<import("..").ButtonProps & React.RefAttributes<HTMLElement>>;
-    };
-};
-export default _default;
-export declare const Example: StoryObj<ButtonGroupProps>;
-export declare const DesignSamples: StoryObj;
-export declare const DisablePartially: StoryObj<ButtonGroupProps>;
-export declare const MinSize: StoryObj<ButtonGroupProps>;
-export declare const LinkMixed: StoryObj<ButtonGroupProps>;