ingred-ui 22.3.2 → 22.4.0

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Accordion from "./Accordion";
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const Example: Story;
+export declare const Multiple: Story;
+export declare const Controlled: Story;
+export declare const DynamicHeight: Story;

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import ActionButton from "./ActionButton";
+declare const meta: Meta<typeof ActionButton>;
+export default meta;
+type Story = StoryObj<typeof ActionButton>;
+export declare const Primary: Story;
+export declare const Warning: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Backdrop from "./Backdrop";
+declare const meta: Meta<typeof Backdrop>;
+export default meta;
+type Story = StoryObj<typeof Backdrop>;
+export declare const Example: Story;

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Badge from "./Badge";
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Danger: Story;
+export declare const Basic: Story;

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

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Button from "./Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const PrimaryButton: Story;
+export declare const BasicLight: Story;
+export declare const Danger: Story;
+export declare const Clear: Story;
+export declare const BasicDark: Story;
+export declare const PrimaryPale: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const UseHrefProps: Story;
+export declare const DesignSamples: Story;

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react";
+import ButtonGroup from "./ButtonGroup";
+declare const meta: Meta<typeof ButtonGroup>;
+export default meta;
+type Story = StoryObj<typeof ButtonGroup>;
+export declare const Example: Story;
+export declare const DesignSamples: Story;
+export declare const DisablePartially: Story;
+export declare const MinSize: Story;
+export declare const LinkMixed: Story;

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

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

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

@@ -0,0 +1,345 @@
+import React from "react";
+import { ConfirmModalProps } from "./ConfirmModal";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Basic: {
+    args: {
+        title: string;
+        children: string;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & 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, ConfirmModalProps & 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, ConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const WithOneSubAction: {
+    args: {
+        children: string;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+        subActions: JSX.Element[];
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & 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, ConfirmModalProps & 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, ConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const WithTwoSubActions: {
+    args: {
+        children: string;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+        subActions: JSX.Element[];
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & 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, ConfirmModalProps & 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, ConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const Loading: {
+    args: {
+        children: string;
+        onSubmit: () => void;
+        loading: boolean;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & 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, ConfirmModalProps & 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, ConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const OverflowYScroll: {
+    args: {
+        children: JSX.Element;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+        overflowYScroll: boolean;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & 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, ConfirmModalProps & 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, ConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};
+export declare const WithoutFooter: {
+    args: {
+        children: string;
+        onSubmit: undefined;
+    };
+    decorators?: import("@storybook/core/csf").DecoratorFunction<import("@storybook/react/dist/types-5617c98e").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | 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<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>> | undefined;
+    loaders?: import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").LoaderFunction<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    beforeEach?: import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").BeforeEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    experimental_afterEach?: import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | import("@storybook/core/csf").AfterEach<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>>[] | undefined;
+    render?: import("@storybook/core/csf").ArgsStoryFn<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    tags?: string[] | undefined;
+    mount?: ((context: import("@storybook/core/csf").StoryContext<import("@storybook/react/dist/types-5617c98e").R, ConfirmModalProps & 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, ConfirmModalProps & 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, ConfirmModalProps & React.RefAttributes<HTMLDivElement>, Partial<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>>, "story"> | undefined;
+};

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import ContextMenu from "./ContextMenu";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("./ContextMenu").ContextMenuProps & React.RefAttributes<HTMLButtonElement>>;
+export default _default;
+export declare const Basic: StoryObj<typeof ContextMenu>;
+export declare const Disabled: StoryObj<typeof ContextMenu>;
+export declare const Warning: StoryObj<typeof ContextMenu>;

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { CreatableProps } from "react-select/creatable";
+import { GroupBase } from "react-select/dist/declarations/src/types";
+import { OptionType } from "../Select";
+export type CreatableSelectProps<T> = {
+    minWidth?: string;
+    placeholder?: string;
+    error?: boolean;
+    emptyMessage?: string;
+    addMessage?: string;
+} & CreatableProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>;
+declare const CreatableSelect: <T>(inProps: any, ref: React.Ref<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare const _default: <T>(props: any) => ReturnType<typeof CreatableSelect>;
+export default _default;

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare const _default: {
+    title: string;
+    component: <T>(props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    source: {
+        language: string;
+    };
+};
+export default _default;
+export declare const Example: () => JSX.Element;
+export declare const MultipleSelect: () => JSX.Element;

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

@@ -2,6 +2,7 @@ import React from "react";
 import { DataTableProps } from "./DataTable";
 import { data } from "./mockData";
 import { StoryObj } from "@storybook/react";
+type DataType = (typeof data)[number];
 declare const _default: {
     title: string;
     component: <T, K extends keyof T>(props: DataTableProps<T, K> & {
@@ -34,13 +35,13 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Overview: StoryObj<DataTableProps<(typeof data)[number], "id">>;
-export declare const WithVerticalLine: StoryObj<DataTableProps<(typeof data)[number], "id">>;
-export declare const WithPagination: StoryObj<DataTableProps<(typeof data)[number], "id">>;
-export declare const WithStickyHeader: StoryObj<DataTableProps<(typeof data)[number], "id">>;
-export declare const WithTabs: StoryObj<DataTableProps<(typeof data)[number], "id">>;
-export declare const WithSearch: StoryObj<DataTableProps<(typeof data)[number], "id">>;
-export declare const SelectableRows: StoryObj<DataTableProps<(typeof data)[number], "id">>;
-export declare const SelectableRow: StoryObj<DataTableProps<(typeof data)[number], "id">>;
+export declare const Overview: StoryObj<DataTableProps<DataType, "id">>;
+export declare const WithVerticalLine: StoryObj<DataTableProps<DataType, "id">>;
+export declare const WithPagination: StoryObj<DataTableProps<DataType, "id">>;
+export declare const WithStickyHeader: StoryObj<DataTableProps<DataType, "id">>;
+export declare const WithTabs: StoryObj<DataTableProps<DataType, "id">>;
+export declare const WithSearch: StoryObj<DataTableProps<DataType, "id">>;
+export declare const SelectableRows: StoryObj<DataTableProps<DataType, "id">>;
+export declare const SelectableRow: StoryObj<DataTableProps<DataType, "id">>;
 export declare const CustomCell: StoryObj<DataTableProps<(typeof data)[number], "id">>;
-export declare const WithEmptyTable: StoryObj<DataTableProps<(typeof data)[number], "id">>;
+export declare const WithEmptyTable: StoryObj<DataTableProps<DataType, "id">>;

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import Divider from "./Divider";
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("../../utils/spacer").SpacerProps & {
+    color?: string | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+} & React.RefAttributes<HTMLHRElement>>;
+export default _default;
+export declare const Normal: StoryObj<typeof Divider>;
+export declare const WithSpace: StoryObj<typeof Divider>;
+export declare const OverrideColor: StoryObj<typeof Divider>;
+export declare const Vertical: StoryObj<typeof Divider>;

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

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

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

@@ -0,0 +1,5 @@
+import { StoryObj } from "@storybook/react";
+import Fade from "./Fade";
+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 Fade>;

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

@@ -25,7 +25,7 @@ declare const meta: {
     argTypes: {
         size: {
             control: {
-                type: string;
+                type: "radio";
             };
             options: string[];
             description: string;
@@ -40,7 +40,7 @@ declare const meta: {
         };
         variant: {
             control: {
-                type: string;
+                type: "radio";
             };
             options: string[];
             description: string;
@@ -55,7 +55,7 @@ declare const meta: {
         };
         tagVariant: {
             control: {
-                type: string;
+                type: "radio";
             };
             options: string[];
             description: string;
@@ -68,9 +68,16 @@ declare const meta: {
                 };
             };
         };
+        onChange: {
+            action: string;
+        };
+        onSelectChange: {
+            action: string;
+        };
     };
 };
 export default meta;
+type Story = StoryObj<typeof meta>;
 /**
  * Storybook の Docs の画面では、エンターキーが吸い取られてしまうようです。<br />
  * **キーボード操作を試す場合は、Docs ではない、個別のページで確認してください**
@@ -89,7 +96,7 @@ export default meta;
  * 例:
  * options の項目が `[ "イルカ", ["パンダ", "ぱんだ", "熊猫"], "ライオン" ]` の場合、ユーザー入力が "ぱんだ"、"パン"、"猫" と入力したときにどの場合にも「パンダ」がフィルタリングされます。
  */
-export declare const Default: StoryObj<typeof meta>;
+export declare const Default: Story;
 /**
  * サイズバリエーション
  *
@@ -97,7 +104,7 @@ export declare const Default: StoryObj<typeof meta>;
  * - medium: 高さ32px（デフォルト）
  * - large: 高さ40px
  */
-export declare const Sizes: StoryObj<typeof meta>;
+export declare const Sizes: Story;
 /**
  * カラーバリエーション
  *
@@ -112,12 +119,12 @@ export declare const Sizes: StoryObj<typeof meta>;
  * コンポーネントのvariantに応じてタグのvariantが自動的に切り替わります。
  * variantが"light"の場合はタグは"dark"に、variantが"dark"の場合はタグは"light"になります。
  */
-export declare const Variants: StoryObj<typeof meta>;
+export declare const Variants: Story;
 /**
  * 無効状態のサンプル
  */
-export declare const Disabled: StoryObj<typeof meta>;
+export declare const Disabled: Story;
 /**
  * エラー状態
  */
-export declare const Error: StoryObj<typeof meta>;
+export declare const Error: Story;