@worknice/whiteboard 0.22.6 → 0.23.0

package/dist/fields/PaletteColorPickerField.stories.d.ts

@@ -0,0 +1,43 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { type PaletteColor } from "../utils/paletteColor";
+declare const meta: {
+    component: ({ description, errors, id, label, labelFont, onChange, required, value, }: {
+        description?: import("react").ReactNode;
+        errors?: Array<import("../forms/_types").ValidationError>;
+        id: string;
+        label: import("react").ReactNode;
+        labelFont?: typeof import("../utils/field").LABEL_FONT_OPTIONS[number];
+        required?: boolean;
+        value: PaletteColor;
+        onChange: (value: PaletteColor) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        id: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    args: {
+        label: string;
+        value: "blue";
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        description: string;
+        labelFont: "label";
+        required: false;
+    };
+    render: (args: {
+        description?: import("react").ReactNode;
+        errors?: Array<import("../forms/_types").ValidationError>;
+        id: string;
+        label: import("react").ReactNode;
+        labelFont?: typeof import("../utils/field").LABEL_FONT_OPTIONS[number];
+        required?: boolean;
+        value: PaletteColor;
+        onChange: (value: PaletteColor) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const WithErrors: Story;

package/dist/fields/PaletteColorPickerField.stories.js

@@ -0,0 +1,60 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_storybook_preview_api_98c434a5__ from "storybook/preview-api";
+import * as __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__ from "storybook/test";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_paletteColor_js_a1a182d8__ from "../utils/paletteColor.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PaletteColorPickerField_js_0920859c__ from "./PaletteColorPickerField.js";
+const meta = {
+    component: __WEBPACK_EXTERNAL_MODULE__PaletteColorPickerField_js_0920859c__["default"],
+    argTypes: {
+        id: {
+            table: {
+                disable: true
+            }
+        }
+    },
+    args: {
+        label: "Tag Color",
+        value: __WEBPACK_EXTERNAL_MODULE__utils_paletteColor_js_a1a182d8__.PALETTE_COLORS["0"],
+        onChange: (0, __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__.fn)(),
+        description: "Select a tag color",
+        labelFont: "label",
+        required: false
+    },
+    render: (args)=>{
+        const [{ value, onChange }, updateArgs] = (0, __WEBPACK_EXTERNAL_MODULE_storybook_preview_api_98c434a5__.useArgs)();
+        const onColorChange = (color)=>{
+            updateArgs({
+                value: color
+            });
+            onChange(color);
+        };
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PaletteColorPickerField_js_0920859c__["default"], {
+            ...args,
+            value: value,
+            onChange: onColorChange
+        });
+    }
+};
+const PaletteColorPickerField_stories_rslib_entry_ = meta;
+const Normal = {
+    args: {
+        id: "normalPaletteColorPickerField"
+    },
+    play: async ({ args, canvas, userEvent })=>{
+        await userEvent.click(canvas.getByLabelText("Blue"));
+        await (0, __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__.expect)(args.onChange).toHaveBeenCalledWith("blue");
+    }
+};
+const WithErrors = {
+    args: {
+        id: "withErrorsPaletteColorPickerField",
+        errors: [
+            {
+                id: "error1",
+                message: "Please select a tag color",
+                field: "color"
+            }
+        ]
+    }
+};
+export { Normal, WithErrors, PaletteColorPickerField_stories_rslib_entry_ as default };

package/dist/fields/TimezoneField.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { type Timezone } from "./TimezoneField";
+declare const meta: {
+    component: ({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, onChange, required, value, }: {
+        autoFocus?: boolean;
+        description?: import("react").ReactNode;
+        disabled?: boolean;
+        errors?: Array<import("../forms/_types").ValidationError>;
+        id: string;
+        includeValueInTracking?: boolean;
+        label: import("react").ReactNode;
+        onChange: import("react").Dispatch<Timezone>;
+        required?: boolean;
+        value: Timezone;
+    }) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        id: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    args: {
+        label: string;
+        value: "Australia/Sydney";
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        description: string;
+        required: false;
+        disabled: false;
+        autoFocus: false;
+    };
+    render: (args: {
+        autoFocus?: boolean;
+        description?: import("react").ReactNode;
+        disabled?: boolean;
+        errors?: Array<import("../forms/_types").ValidationError>;
+        id: string;
+        includeValueInTracking?: boolean;
+        label: import("react").ReactNode;
+        onChange: import("react").Dispatch<Timezone>;
+        required?: boolean;
+        value: Timezone;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const WithErrors: Story;

package/dist/fields/TimezoneField.stories.js

@@ -0,0 +1,66 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_storybook_preview_api_98c434a5__ from "storybook/preview-api";
+import * as __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__ from "storybook/test";
+import * as __WEBPACK_EXTERNAL_MODULE__TimezoneField_js_4ab82a46__ from "./TimezoneField.js";
+const defaultTimezone = __WEBPACK_EXTERNAL_MODULE__TimezoneField_js_4ab82a46__.TIMEZONES["363"];
+const meta = {
+    component: __WEBPACK_EXTERNAL_MODULE__TimezoneField_js_4ab82a46__["default"],
+    argTypes: {
+        id: {
+            table: {
+                disable: true
+            }
+        }
+    },
+    args: {
+        label: "Timezone",
+        value: defaultTimezone,
+        onChange: (0, __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__.fn)(),
+        description: "Select a timezone",
+        required: false,
+        disabled: false,
+        autoFocus: false
+    },
+    render: (args)=>{
+        const [{ value, onChange }, updateArgs] = (0, __WEBPACK_EXTERNAL_MODULE_storybook_preview_api_98c434a5__.useArgs)();
+        const onTimezoneChange = (timezone)=>{
+            updateArgs({
+                value: timezone
+            });
+            onChange(timezone);
+        };
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__TimezoneField_js_4ab82a46__["default"], {
+            ...args,
+            value: value,
+            onChange: onTimezoneChange
+        });
+    }
+};
+const TimezoneField_stories_rslib_entry_ = meta;
+const Normal = {
+    args: {
+        id: "normalTimezoneField"
+    },
+    play: async ({ args, canvas, userEvent })=>{
+        await userEvent.click(canvas.getByRole("combobox", {
+            name: "Timezone"
+        }));
+        await userEvent.click(await __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__.screen.findByRole("option", {
+            name: "America/New_York"
+        }));
+        (0, __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__.expect)(args.onChange).toHaveBeenCalledWith("America/New_York");
+    }
+};
+const WithErrors = {
+    args: {
+        id: "withErrorsTimezoneField",
+        errors: [
+            {
+                id: "error1",
+                message: "Please select a timezone",
+                field: "timezone"
+            }
+        ]
+    }
+};
+export { Normal, WithErrors, TimezoneField_stories_rslib_entry_ as default };

package/dist/icons/IconGallery.js

@@ -0,0 +1,47 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__storybook_addon_docs_blocks_67d3262c__ from "@storybook/addon-docs/blocks";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_IconSymbolSet_js_45454e7d__ from "../presentation/IconSymbolSet.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__ from "../presentation/Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__index_js_fb10b2a7__ from "./index.js";
+function _createMdxContent(props) {
+    const _components = {
+        h1: "h1",
+        ...props.components
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__storybook_addon_docs_blocks_67d3262c__.Meta, {
+                title: "Icon Gallery"
+            }),
+            "\n",
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(_components.h1, {
+                children: "Icon Gallery"
+            }),
+            "\n",
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("br", {}),
+            "\n",
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_IconSymbolSet_js_45454e7d__["default"], {}),
+            "\n",
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__storybook_addon_docs_blocks_67d3262c__.IconGallery, {
+                children: Object.keys(__WEBPACK_EXTERNAL_MODULE__index_js_fb10b2a7__).map((icon)=>(0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__storybook_addon_docs_blocks_67d3262c__.IconItem, {
+                        name: icon,
+                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
+                            id: icon,
+                            symbol: icon,
+                            size: "xlarge"
+                        })
+                    }, icon))
+            })
+        ]
+    });
+}
+function MDXContent(props = {}) {
+    const { wrapper: MDXLayout } = props.components || {};
+    return MDXLayout ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(MDXLayout, {
+        ...props,
+        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(_createMdxContent, {
+            ...props
+        })
+    }) : _createMdxContent(props);
+}
+export { MDXContent as default };

package/dist/inputs/ColorInput.stories.d.ts

@@ -0,0 +1,36 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+declare const meta: {
+    component: ({ id, value, onChange, autoFocus, "aria-label": ariaLabel, disabled, }: {
+        id: string;
+        value: string | null;
+        onChange: (value: string) => void;
+        autoFocus?: boolean;
+        "aria-label"?: string;
+        disabled?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        id: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    args: {
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        value: string;
+        autoFocus: false;
+        "aria-label": string;
+        disabled: false;
+    };
+    render: (args: {
+        id: string;
+        value: string | null;
+        onChange: (value: string) => void;
+        autoFocus?: boolean;
+        "aria-label"?: string;
+        disabled?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;

package/dist/inputs/ColorInput.stories.js

@@ -0,0 +1,42 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_storybook_preview_api_98c434a5__ from "storybook/preview-api";
+import * as __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__ from "storybook/test";
+import * as __WEBPACK_EXTERNAL_MODULE__ColorInput_js_cca8d716__ from "./ColorInput.js";
+const meta = {
+    component: __WEBPACK_EXTERNAL_MODULE__ColorInput_js_cca8d716__["default"],
+    argTypes: {
+        id: {
+            table: {
+                disable: true
+            }
+        }
+    },
+    args: {
+        onChange: (0, __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__.fn)(),
+        value: "#90116e",
+        autoFocus: false,
+        "aria-label": "Select color",
+        disabled: false
+    },
+    render: (args)=>{
+        const [{ value, onChange }, updateArgs] = (0, __WEBPACK_EXTERNAL_MODULE_storybook_preview_api_98c434a5__.useArgs)();
+        const onColorChange = (hexColor)=>{
+            updateArgs({
+                value: hexColor
+            });
+            onChange(hexColor);
+        };
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ColorInput_js_cca8d716__["default"], {
+            ...args,
+            value: value,
+            onChange: onColorChange
+        });
+    }
+};
+const ColorInput_stories_rslib_entry_ = meta;
+const Normal = {
+    args: {
+        id: "normalPaletteColorInput"
+    }
+};
+export { Normal, ColorInput_stories_rslib_entry_ as default };

package/dist/inputs/PaletteColorInput.stories.d.ts

@@ -0,0 +1,28 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { type PaletteColor } from "../utils/paletteColor";
+declare const meta: {
+    component: ({ id, value, onChange }: {
+        id: string;
+        value: PaletteColor;
+        onChange: (value: PaletteColor) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        id: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    args: {
+        value: "blue";
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    render: (args: {
+        id: string;
+        value: PaletteColor;
+        onChange: (value: PaletteColor) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;

package/dist/inputs/PaletteColorInput.stories.js

@@ -0,0 +1,40 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_storybook_preview_api_98c434a5__ from "storybook/preview-api";
+import * as __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__ from "storybook/test";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_paletteColor_js_a1a182d8__ from "../utils/paletteColor.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PaletteColorInput_js_43f9fb24__ from "./PaletteColorInput.js";
+const meta = {
+    component: __WEBPACK_EXTERNAL_MODULE__PaletteColorInput_js_43f9fb24__["default"],
+    argTypes: {
+        id: {
+            table: {
+                disable: true
+            }
+        }
+    },
+    args: {
+        value: __WEBPACK_EXTERNAL_MODULE__utils_paletteColor_js_a1a182d8__.PALETTE_COLORS["0"],
+        onChange: (0, __WEBPACK_EXTERNAL_MODULE_storybook_test_a99c99ea__.fn)()
+    },
+    render: (args)=>{
+        const [{ value, onChange }, updateArgs] = (0, __WEBPACK_EXTERNAL_MODULE_storybook_preview_api_98c434a5__.useArgs)();
+        const onColorChange = (color)=>{
+            updateArgs({
+                value: color
+            });
+            onChange(color);
+        };
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PaletteColorInput_js_43f9fb24__["default"], {
+            ...args,
+            value: value,
+            onChange: onColorChange
+        });
+    }
+};
+const PaletteColorInput_stories_rslib_entry_ = meta;
+const Normal = {
+    args: {
+        id: "normalPaletteColorInput"
+    }
+};
+export { Normal, PaletteColorInput_stories_rslib_entry_ as default };

package/dist/presentation/Container.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    type?: "full" | "narrow";
+};
+declare const Container: ({ children, type }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Container;

package/dist/presentation/Container.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__Container_module_js_7d6074ca__ from "./Container.module.js";
+const Container = ({ children, type = "full" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Container_module_js_7d6074ca__["default"].container, {
+            [__WEBPACK_EXTERNAL_MODULE__Container_module_js_7d6074ca__["default"].fullWidthContent]: "full" === type,
+            [__WEBPACK_EXTERNAL_MODULE__Container_module_js_7d6074ca__["default"].narrowWidthContent]: "narrow" === type
+        }),
+        children: children
+    });
+const Container_rslib_entry_ = Container;
+export { Container_rslib_entry_ as default };

package/dist/presentation/Container.module.js

@@ -0,0 +1,7 @@
+import "./Container_module.css";
+const Container_module_rslib_entry_ = {
+    container: "container-cRDqyT",
+    narrowWidthContent: "narrowWidthContent-jzMzq_",
+    fullWidthContent: "fullWidthContent-iVPtI8"
+};
+export { Container_module_rslib_entry_ as default };

package/dist/presentation/Container.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+declare const meta: {
+    component: ({ children, type }: {
+        children: import("react").ReactNode;
+        type?: "full" | "narrow";
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        type: "full";
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;

package/dist/presentation/Container.stories.js

@@ -0,0 +1,29 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__ from "./Card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__ from "./CardContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Container_js_e7c2eb62__ from "./Container.js";
+const meta = {
+    component: __WEBPACK_EXTERNAL_MODULE__Container_js_e7c2eb62__["default"],
+    args: {
+        type: "full",
+        children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget euismod ex, vitae tempor turpis.
+      Maecenas id tortor convallis, egestas eros sed, dictum diam. Nunc posuere purus sed interdum consequat.
+      Duis sit amet convallis felis. Vestibulum id consectetur arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+      Integer sed mi mollis, auctor felis eu, rutrum urna. Morbi auctor pulvinar quam ac tempor. Nunc pellentesque quis felis at eleifend.
+      Cras aliquet nulla at neque ultricies varius. Vestibulum ac viverra nisi. 
+      Interdum et malesuada fames ac ante ipsum primis in faucibus.Vestibulum venenatis tincidunt urna vitae venenatis. 
+      Phasellus dolor augue, euismod aliquam lobortis at, blandit sollicitudin ligula.`
+    }
+};
+const Container_stories_rslib_entry_ = meta;
+const Normal = {
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Container_js_e7c2eb62__["default"], {
+            type: args.type,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__["default"], {
+                    children: args.children
+                })
+            })
+        })
+};
+export { Normal, Container_stories_rslib_entry_ as default };

package/dist/presentation/Container_module.css

@@ -0,0 +1,36 @@
+.container-cRDqyT {
+  --container-spacing: var(--size-00);
+}
+
+@media (min-width: 768px) {
+  .container-cRDqyT {
+    --container-spacing: var(--size-p3);
+  }
+}
+
+@media (min-width: 1440px) {
+  .container-cRDqyT {
+    --container-spacing: var(--size-p4);
+  }
+}
+
+.narrowWidthContent-jzMzq_ {
+  width: 100%;
+  padding-left: var(--container-spacing);
+  padding-right: var(--container-spacing);
+}
+
+@media (min-width: 720px) {
+  .narrowWidthContent-jzMzq_ {
+    width: 900px;
+    max-width: calc(100% - var(--container-spacing) * 2);
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
+.fullWidthContent-iVPtI8 {
+  margin-left: var(--container-spacing);
+  margin-right: var(--container-spacing);
+}
+

package/dist/presentation/Icon.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+declare const meta: {
+    component: ({ animate, symbol, size, tone, className }: {
+        animate?: boolean;
+        symbol: keyof typeof import("../icons");
+        size?: "small" | "xsmall" | "default" | "large" | "xlarge";
+        tone?: "default" | "primary" | "muted" | "danger" | "warning" | "success" | "info" | "light";
+        className?: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        size: "default";
+        tone: "default";
+        symbol: "Approval";
+        animate: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Large: Story;
+export declare const Animated: Story;

package/dist/presentation/Icon.stories.js

@@ -0,0 +1,24 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__ from "./Icon.js";
+const meta = {
+    component: __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"],
+    args: {
+        size: "default",
+        tone: "default",
+        symbol: "Approval",
+        animate: false
+    }
+};
+const Icon_stories_rslib_entry_ = meta;
+const Large = {
+    args: {
+        size: "xlarge"
+    }
+};
+const Animated = {
+    args: {
+        size: "xlarge",
+        symbol: "Loading",
+        animate: true
+    }
+};
+export { Animated, Large, Icon_stories_rslib_entry_ as default };

package/dist/presentation/Tag.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+declare const meta: {
+    component: ({ children, id, color }: {
+        children: import("react").ReactNode;
+        id: string;
+        color: import("../utils/paletteColor").PaletteColor;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+        color: "blue";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;

package/dist/presentation/Tag.stories.js

@@ -0,0 +1,16 @@
+import * as __WEBPACK_EXTERNAL_MODULE__utils_paletteColor_js_a1a182d8__ from "../utils/paletteColor.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__ from "./Tag.js";
+const meta = {
+    component: __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__["default"],
+    args: {
+        children: "Some Tag",
+        color: __WEBPACK_EXTERNAL_MODULE__utils_paletteColor_js_a1a182d8__.PALETTE_COLORS["0"]
+    }
+};
+const Tag_stories_rslib_entry_ = meta;
+const Normal = {
+    args: {
+        id: "id"
+    }
+};
+export { Normal, Tag_stories_rslib_entry_ as default };