@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","toast","sonnerToast","ReactComponent","Check","Warning","ToastActions","ToastDescription","ToastTitle","Toast","Icon","generateId","useToast","getTitle","useCallback","title","createElement","text","getDescription","description","getActions","actions","showToast","params","icon","variant","dismissible","duration","position","id","custom","onCloseClick","dismiss","hideToast","hideAllToasts","toastIds","getToasts","map","length","forEach","index","setTimeout","showSuccessToast","label","className","showWarningToast","useMemo"],"sources":["useToast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { toast as sonnerToast, type ToasterProps as SonnerToasterProps } from \"sonner\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as Warning } from \"@webiny/icons/warning.svg\";\nimport { ToastActions, ToastDescription, ToastTitle, type ToastRootProps } from \"./components\";\nimport { Toast } from \"./Toast\";\nimport { Icon } from \"~/Icon\";\nimport { generateId } from \"~/utils\";\n\ntype ShowToastParams = {\n    title: React.ReactElement<typeof ToastTitle> | string;\n    description?: React.ReactElement<typeof ToastDescription> | string;\n    icon?: React.ReactElement<typeof Icon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    dismissible?: boolean;\n    duration?: number;\n    position?: SonnerToasterProps[\"position\"];\n    variant?: ToastRootProps[\"variant\"];\n};\n\nconst useToast = () => {\n    const getTitle = React.useCallback((title: React.ReactElement<typeof ToastTitle> | string) => {\n        return typeof title === \"string\" ? <ToastTitle text={title} /> : title;\n    }, []);\n\n    const getDescription = React.useCallback(\n        (description: React.ReactElement<typeof ToastDescription> | string | undefined) => {\n            return typeof description === \"string\" ? (\n                <ToastDescription text={description} />\n            ) : (\n                description\n            );\n        },\n        []\n    );\n\n    const getActions = React.useCallback(\n        (actions: React.ReactElement<typeof ToastActions> | any | undefined) => {\n            if (!actions) {\n                return null;\n            }\n            return typeof actions === typeof ToastActions ? (\n                actions\n            ) : (\n                <ToastActions>{actions}</ToastActions>\n            );\n        },\n        []\n    );\n\n    const showToast = React.useCallback(\n        (params: ShowToastParams) => {\n            const {\n                title,\n                description,\n                icon,\n                actions,\n                variant,\n                dismissible,\n                duration = 6000,\n                position = \"top-right\"\n            } = params;\n\n            const id = generateId();\n\n            return sonnerToast.custom(\n                toast => (\n                    <Toast\n                        title={getTitle(title)}\n                        description={getDescription(description)}\n                        icon={icon}\n                        actions={getActions(actions)}\n                        variant={variant}\n                        onCloseClick={() => sonnerToast.dismiss(toast)}\n                        dismissible={dismissible}\n                    />\n                ),\n                {\n                    id,\n                    duration,\n                    dismissible,\n                    position\n                }\n            );\n        },\n        [getTitle, getDescription, sonnerToast]\n    );\n\n    const hideToast = React.useCallback(\n        (id: number | string) => {\n            return sonnerToast.dismiss(id);\n        },\n        [sonnerToast]\n    );\n\n    const hideAllToasts = React.useCallback(() => {\n        const toastIds = sonnerToast.getToasts().map(toast => toast.id);\n\n        if (toastIds.length === 0) {\n            return;\n        }\n\n        // Dismiss each toast with a small delay between them\n        // This helps ensure each dismissal is processed properly\n        toastIds.forEach((id, index) => {\n            setTimeout(() => {\n                sonnerToast.dismiss(id);\n            }, index * 50);\n        });\n    }, [sonnerToast]);\n\n    const showSuccessToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Check />} label={\"\"} className={\"wby-fill-success\"} />,\n            ...params\n        });\n    };\n\n    const showWarningToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Warning />} label={\"\"} className={\"wby-fill-warning\"} />,\n            ...params\n        });\n    };\n\n    return React.useMemo(\n        () => ({\n            showToast,\n            showSuccessToast,\n            showWarningToast,\n            hideToast,\n            hideAllToasts\n        }),\n        [showToast, hideToast, hideAllToasts]\n    );\n};\n\nexport { useToast, type ShowToastParams };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","toast","sonnerToast","ReactComponent","Check","Warning","ToastActions","ToastDescription","ToastTitle","Toast","Icon","generateId","useToast","getTitle","useCallback","title","createElement","text","getDescription","description","getActions","actions","showToast","params","icon","variant","dismissible","duration","position","id","custom","onCloseClick","dismiss","hideToast","hideAllToasts","toastIds","getToasts","map","length","forEach","index","setTimeout","showSuccessToast","label","className","showWarningToast","useMemo"],"sources":["useToast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { toast as sonnerToast, type ToasterProps as SonnerToasterProps } from \"sonner\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as Warning } from \"@webiny/icons/warning.svg\";\nimport {\n    ToastActions,\n    ToastDescription,\n    ToastTitle,\n    type ToastRootProps\n} from \"./components/index.js\";\nimport { Toast } from \"./Toast.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { generateId } from \"~/utils.js\";\n\ntype ShowToastParams = {\n    title: React.ReactElement<typeof ToastTitle> | string;\n    description?: React.ReactElement<typeof ToastDescription> | string;\n    icon?: React.ReactElement<typeof Icon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    dismissible?: boolean;\n    duration?: number;\n    position?: SonnerToasterProps[\"position\"];\n    variant?: ToastRootProps[\"variant\"];\n};\n\nconst useToast = () => {\n    const getTitle = React.useCallback((title: React.ReactElement<typeof ToastTitle> | string) => {\n        return typeof title === \"string\" ? <ToastTitle text={title} /> : title;\n    }, []);\n\n    const getDescription = React.useCallback(\n        (description: React.ReactElement<typeof ToastDescription> | string | undefined) => {\n            return typeof description === \"string\" ? (\n                <ToastDescription text={description} />\n            ) : (\n                description\n            );\n        },\n        []\n    );\n\n    const getActions = React.useCallback(\n        (actions: React.ReactElement<typeof ToastActions> | any | undefined) => {\n            if (!actions) {\n                return null;\n            }\n            return typeof actions === typeof ToastActions ? (\n                actions\n            ) : (\n                <ToastActions>{actions}</ToastActions>\n            );\n        },\n        []\n    );\n\n    const showToast = React.useCallback(\n        (params: ShowToastParams) => {\n            const {\n                title,\n                description,\n                icon,\n                actions,\n                variant,\n                dismissible,\n                duration = 6000,\n                position = \"bottom-left\"\n            } = params;\n\n            const id = generateId();\n\n            return sonnerToast.custom(\n                toast => (\n                    <Toast\n                        title={getTitle(title)}\n                        description={getDescription(description)}\n                        icon={icon}\n                        actions={getActions(actions)}\n                        variant={variant}\n                        onCloseClick={() => sonnerToast.dismiss(toast)}\n                        dismissible={dismissible}\n                    />\n                ),\n                {\n                    id,\n                    duration,\n                    dismissible,\n                    position\n                }\n            );\n        },\n        [getTitle, getDescription, sonnerToast]\n    );\n\n    const hideToast = React.useCallback(\n        (id: number | string) => {\n            return sonnerToast.dismiss(id);\n        },\n        [sonnerToast]\n    );\n\n    const hideAllToasts = React.useCallback(() => {\n        const toastIds = sonnerToast.getToasts().map(toast => toast.id);\n\n        if (toastIds.length === 0) {\n            return;\n        }\n\n        // Dismiss each toast with a small delay between them\n        // This helps ensure each dismissal is processed properly\n        toastIds.forEach((id, index) => {\n            setTimeout(() => {\n                sonnerToast.dismiss(id);\n            }, index * 50);\n        });\n    }, [sonnerToast]);\n\n    const showSuccessToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Check />} label={\"\"} className={\"fill-success\"} />,\n            ...params\n        });\n    };\n\n    const showWarningToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Warning />} label={\"\"} className={\"fill-warning\"} />,\n            ...params\n        });\n    };\n\n    return React.useMemo(\n        () => ({\n            showToast,\n            showSuccessToast,\n            showWarningToast,\n            hideToast,\n            hideAllToasts\n        }),\n        [showToast, hideToast, hideAllToasts]\n    );\n};\n\nexport { useToast, type ShowToastParams };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,IAAIC,WAAW,QAAiD,QAAQ;AACtF,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASD,cAAc,IAAIE,OAAO,QAAQ,2BAA2B;AACrE,SACIC,YAAY,EACZC,gBAAgB,EAChBC,UAAU;AAGd,SAASC,KAAK;AACd,SAASC,IAAI;AACb,SAASC,UAAU;AAanB,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EACnB,MAAMC,QAAQ,GAAGb,KAAK,CAACc,WAAW,CAAEC,KAAqD,IAAK;IAC1F,OAAO,OAAOA,KAAK,KAAK,QAAQ,gBAAGf,KAAA,CAAAgB,aAAA,CAACR,UAAU;MAACS,IAAI,EAAEF;IAAM,CAAE,CAAC,GAAGA,KAAK;EAC1E,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,cAAc,GAAGlB,KAAK,CAACc,WAAW,CACnCK,WAA6E,IAAK;IAC/E,OAAO,OAAOA,WAAW,KAAK,QAAQ,gBAClCnB,KAAA,CAAAgB,aAAA,CAACT,gBAAgB;MAACU,IAAI,EAAEE;IAAY,CAAE,CAAC,GAEvCA,WACH;EACL,CAAC,EACD,EACJ,CAAC;EAED,MAAMC,UAAU,GAAGpB,KAAK,CAACc,WAAW,CAC/BO,OAAkE,IAAK;IACpE,IAAI,CAACA,OAAO,EAAE;MACV,OAAO,IAAI;IACf;IACA,OAAO,OAAOA,OAAO,KAAK,OAAOf,YAAY,GACzCe,OAAO,gBAEPrB,KAAA,CAAAgB,aAAA,CAACV,YAAY,QAAEe,OAAsB,CACxC;EACL,CAAC,EACD,EACJ,CAAC;EAED,MAAMC,SAAS,GAAGtB,KAAK,CAACc,WAAW,CAC9BS,MAAuB,IAAK;IACzB,MAAM;MACFR,KAAK;MACLI,WAAW;MACXK,IAAI;MACJH,OAAO;MACPI,OAAO;MACPC,WAAW;MACXC,QAAQ,GAAG,IAAI;MACfC,QAAQ,GAAG;IACf,CAAC,GAAGL,MAAM;IAEV,MAAMM,EAAE,GAAGlB,UAAU,CAAC,CAAC;IAEvB,OAAOT,WAAW,CAAC4B,MAAM,CACrB7B,KAAK,iBACDD,KAAA,CAAAgB,aAAA,CAACP,KAAK;MACFM,KAAK,EAAEF,QAAQ,CAACE,KAAK,CAAE;MACvBI,WAAW,EAAED,cAAc,CAACC,WAAW,CAAE;MACzCK,IAAI,EAAEA,IAAK;MACXH,OAAO,EAAED,UAAU,CAACC,OAAO,CAAE;MAC7BI,OAAO,EAAEA,OAAQ;MACjBM,YAAY,EAAEA,CAAA,KAAM7B,WAAW,CAAC8B,OAAO,CAAC/B,KAAK,CAAE;MAC/CyB,WAAW,EAAEA;IAAY,CAC5B,CACJ,EACD;MACIG,EAAE;MACFF,QAAQ;MACRD,WAAW;MACXE;IACJ,CACJ,CAAC;EACL,CAAC,EACD,CAACf,QAAQ,EAAEK,cAAc,EAAEhB,WAAW,CAC1C,CAAC;EAED,MAAM+B,SAAS,GAAGjC,KAAK,CAACc,WAAW,CAC9Be,EAAmB,IAAK;IACrB,OAAO3B,WAAW,CAAC8B,OAAO,CAACH,EAAE,CAAC;EAClC,CAAC,EACD,CAAC3B,WAAW,CAChB,CAAC;EAED,MAAMgC,aAAa,GAAGlC,KAAK,CAACc,WAAW,CAAC,MAAM;IAC1C,MAAMqB,QAAQ,GAAGjC,WAAW,CAACkC,SAAS,CAAC,CAAC,CAACC,GAAG,CAACpC,KAAK,IAAIA,KAAK,CAAC4B,EAAE,CAAC;IAE/D,IAAIM,QAAQ,CAACG,MAAM,KAAK,CAAC,EAAE;MACvB;IACJ;;IAEA;IACA;IACAH,QAAQ,CAACI,OAAO,CAAC,CAACV,EAAE,EAAEW,KAAK,KAAK;MAC5BC,UAAU,CAAC,MAAM;QACbvC,WAAW,CAAC8B,OAAO,CAACH,EAAE,CAAC;MAC3B,CAAC,EAAEW,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC,CAAC;EACN,CAAC,EAAE,CAACtC,WAAW,CAAC,CAAC;EAEjB,MAAMwC,gBAAgB,GAAInB,MAAuB,IAAK;IAClD,OAAOD,SAAS,CAAC;MACbE,IAAI,eAAExB,KAAA,CAAAgB,aAAA,CAACN,IAAI;QAACc,IAAI,eAAExB,KAAA,CAAAgB,aAAA,CAACZ,KAAK,MAAE,CAAE;QAACuC,KAAK,EAAE,EAAG;QAACC,SAAS,EAAE;MAAe,CAAE,CAAC;MACrE,GAAGrB;IACP,CAAC,CAAC;EACN,CAAC;EAED,MAAMsB,gBAAgB,GAAItB,MAAuB,IAAK;IAClD,OAAOD,SAAS,CAAC;MACbE,IAAI,eAAExB,KAAA,CAAAgB,aAAA,CAACN,IAAI;QAACc,IAAI,eAAExB,KAAA,CAAAgB,aAAA,CAACX,OAAO,MAAE,CAAE;QAACsC,KAAK,EAAE,EAAG;QAACC,SAAS,EAAE;MAAe,CAAE,CAAC;MACvE,GAAGrB;IACP,CAAC,CAAC;EACN,CAAC;EAED,OAAOvB,KAAK,CAAC8C,OAAO,CAChB,OAAO;IACHxB,SAAS;IACToB,gBAAgB;IAChBG,gBAAgB;IAChBZ,SAAS;IACTC;EACJ,CAAC,CAAC,EACF,CAACZ,SAAS,EAAEW,SAAS,EAAEC,aAAa,CACxC,CAAC;AACL,CAAC;AAED,SAAStB,QAAQ","ignoreList":[]}

package/Toast/useToast.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { type ShowToastParams } from "./useToast";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { type ShowToastParams } from "./useToast.js";
 declare const meta: Meta<ShowToastParams>;
 export default meta;
 type Story = StoryObj<ShowToastParams>;

package/Toast/useToast.stories.js

@@ -1,9 +1,9 @@
 import React, { useState } from "react";
 import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
-import { Toast } from "./Toast";
-import { useToast } from "./useToast";
-import { Button } from "../Button";
-import { Icon } from "../Icon";
+import { Toast } from "./Toast.js";
+import { useToast } from "./useToast.js";
+import { Button } from "../Button/index.js";
+import { Icon } from "../Icon/index.js";
 const ToastComponent = props => {
   const [lastToast, setLastToast] = useState("");
   const {
@@ -38,7 +38,7 @@ const meta = {
     }
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-h-64 wby-flex wby-justify-center wby-items-center wby-gap-sm"
+    className: "w-full h-64 flex justify-center items-center gap-sm"
   }, /*#__PURE__*/React.createElement(Story, null), /*#__PURE__*/React.createElement(Toast.Provider, null))]
 };
 export default meta;
@@ -156,20 +156,17 @@ export const Documentation = {
       description: "Variant of the toast."
     },
     actions: {
-      description: "Please refer to the 'With Actions' example below for details.",
-      control: "none"
+      description: "Please refer to the 'With Actions' example below for details."
     },
     icon: {
-      description: "Please refer to the 'With Custom Icon' example below for details.",
-      control: "none"
+      description: "Please refer to the 'With Custom Icon' example below for details."
     },
     duration: {
       description: "Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.",
       control: "number"
     },
     dismissible: {
-      description: "Please refer to the 'Not Dismissible' example below for details.",
-      control: "none"
+      description: "Please refer to the 'Not Dismissible' example below for details."
     },
     position: {
       description: "Please refer to the 'With Custom Position' example below for details.",

package/Toast/useToast.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","SettingsIcon","Toast","useToast","Button","Icon","ToastComponent","props","lastToast","setLastToast","showToast","hideToast","hideAllToasts","createElement","Fragment","text","onClick","toast","meta","title","component","parameters","layout","argTypes","variant","control","options","decorators","Story","className","Provider","Default","args","SubtleVariant","WithTitleComponent","Title","WithDescription","description","WithDescriptionComponent","Description","WithActions","actions","Actions","key","console","log","WithDescriptionAndActions","WithCustomIcon","icon","label","WithInfiniteDuration","duration","Infinity","NotDismissible","dismissible","withCustomPosition","position","Documentation","undefined"],"sources":["useToast.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Toast } from \"./Toast\";\nimport { useToast, type ShowToastParams } from \"./useToast\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\n\nconst ToastComponent = (props: ShowToastParams) => {\n    const [lastToast, setLastToast] = useState<string | number>(\"\");\n    const { showToast, hideToast, hideAllToasts } = useToast();\n    return (\n        <>\n            <Button\n                text={\"Show Toast\"}\n                onClick={() => {\n                    const toast = showToast(props);\n                    setLastToast(toast);\n                }}\n            />\n            <Button text={\"Hide latest toast\"} onClick={() => hideToast(lastToast)} />\n            <Button text={\"Hide all toasts\"} onClick={() => hideAllToasts()} />\n        </>\n    );\n};\n\nconst meta: Meta<ShowToastParams> = {\n    title: \"Components/Toast\",\n    component: ToastComponent,\n    parameters: {\n        layout: \"fullscreen\"\n    },\n    argTypes: {\n        variant: { control: \"select\", options: [\"default\", \"subtle\"] }\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-w-full wby-h-64 wby-flex wby-justify-center wby-items-center wby-gap-sm\">\n                <Story />\n                <Toast.Provider />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<ShowToastParams>;\n\nexport const Default: Story = {\n    args: {\n        title: \"New entry created\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    }\n};\n\nexport const WithTitleComponent: Story = {\n    args: {\n        title: <Toast.Title text={\"New entry created\"} />\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: 'Entry \"Article One\" has been successfully created'\n    }\n};\n\nexport const WithDescriptionComponent: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        )\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args,\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithDescriptionAndActions: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        ),\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithCustomIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Icon icon={<SettingsIcon />} label={\"Settings\"} />\n    }\n};\n\nexport const WithInfiniteDuration: Story = {\n    args: {\n        ...Default.args,\n        duration: Infinity\n    }\n};\n\nexport const NotDismissible: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const withCustomPosition: Story = {\n    args: {\n        ...Default.args,\n        position: \"bottom-right\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        title: \"New entry created\",\n        description: \"Entry has been successfully created\",\n        variant: \"default\",\n        position: \"top-right\",\n        duration: 6000,\n        dismissible: true,\n        actions: undefined,\n        icon: undefined\n    },\n    argTypes: {\n        title: {\n            description: \"Please refer to the 'With Title Component' example below for details.\"\n        },\n        description: {\n            description:\n                \"Please refer to the 'With Description' and 'With Description Component' examples below for details.\"\n        },\n        variant: {\n            description: \"Variant of the toast.\"\n        },\n        actions: {\n            description: \"Please refer to the 'With Actions' example below for details.\",\n            control: \"none\"\n        },\n        icon: {\n            description: \"Please refer to the 'With Custom Icon' example below for details.\",\n            control: \"none\"\n        },\n        duration: {\n            description:\n                \"Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.\",\n            control: \"number\"\n        },\n        dismissible: {\n            description: \"Please refer to the 'Not Dismissible' example below for details.\",\n            control: \"none\"\n        },\n        position: {\n            description: \"Please refer to the 'With Custom Position' example below for details.\",\n            control: \"select\",\n            options: [\n                \"top-left\",\n                \"top-right\",\n                \"bottom-left\",\n                \"bottom-right\",\n                \"top-center\",\n                \"bottom-center\"\n            ]\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","ReactComponent","SettingsIcon","Toast","useToast","Button","Icon","ToastComponent","props","lastToast","setLastToast","showToast","hideToast","hideAllToasts","createElement","Fragment","text","onClick","toast","meta","title","component","parameters","layout","argTypes","variant","control","options","decorators","Story","className","Provider","Default","args","SubtleVariant","WithTitleComponent","Title","WithDescription","description","WithDescriptionComponent","Description","WithActions","actions","Actions","key","console","log","WithDescriptionAndActions","WithCustomIcon","icon","label","WithInfiniteDuration","duration","Infinity","NotDismissible","dismissible","withCustomPosition","position","Documentation","undefined"],"sources":["useToast.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Toast } from \"./Toast.js\";\nimport { useToast, type ShowToastParams } from \"./useToast.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst ToastComponent = (props: ShowToastParams) => {\n    const [lastToast, setLastToast] = useState<string | number>(\"\");\n    const { showToast, hideToast, hideAllToasts } = useToast();\n    return (\n        <>\n            <Button\n                text={\"Show Toast\"}\n                onClick={() => {\n                    const toast = showToast(props);\n                    setLastToast(toast);\n                }}\n            />\n            <Button text={\"Hide latest toast\"} onClick={() => hideToast(lastToast)} />\n            <Button text={\"Hide all toasts\"} onClick={() => hideAllToasts()} />\n        </>\n    );\n};\n\nconst meta: Meta<ShowToastParams> = {\n    title: \"Components/Toast\",\n    component: ToastComponent,\n    parameters: {\n        layout: \"fullscreen\"\n    },\n    argTypes: {\n        variant: { control: \"select\", options: [\"default\", \"subtle\"] }\n    },\n    decorators: [\n        Story => (\n            <div className=\"w-full h-64 flex justify-center items-center gap-sm\">\n                <Story />\n                <Toast.Provider />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<ShowToastParams>;\n\nexport const Default: Story = {\n    args: {\n        title: \"New entry created\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    }\n};\n\nexport const WithTitleComponent: Story = {\n    args: {\n        title: <Toast.Title text={\"New entry created\"} />\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: 'Entry \"Article One\" has been successfully created'\n    }\n};\n\nexport const WithDescriptionComponent: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        )\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args,\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithDescriptionAndActions: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        ),\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithCustomIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Icon icon={<SettingsIcon />} label={\"Settings\"} />\n    }\n};\n\nexport const WithInfiniteDuration: Story = {\n    args: {\n        ...Default.args,\n        duration: Infinity\n    }\n};\n\nexport const NotDismissible: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const withCustomPosition: Story = {\n    args: {\n        ...Default.args,\n        position: \"bottom-right\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        title: \"New entry created\",\n        description: \"Entry has been successfully created\",\n        variant: \"default\",\n        position: \"top-right\",\n        duration: 6000,\n        dismissible: true,\n        actions: undefined,\n        icon: undefined\n    },\n    argTypes: {\n        title: {\n            description: \"Please refer to the 'With Title Component' example below for details.\"\n        },\n        description: {\n            description:\n                \"Please refer to the 'With Description' and 'With Description Component' examples below for details.\"\n        },\n        variant: {\n            description: \"Variant of the toast.\"\n        },\n        actions: {\n            description: \"Please refer to the 'With Actions' example below for details.\"\n        },\n        icon: {\n            description: \"Please refer to the 'With Custom Icon' example below for details.\"\n        },\n        duration: {\n            description:\n                \"Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.\",\n            control: \"number\"\n        },\n        dismissible: {\n            description: \"Please refer to the 'Not Dismissible' example below for details.\"\n        },\n        position: {\n            description: \"Please refer to the 'With Custom Position' example below for details.\",\n            control: \"select\",\n            options: [\n                \"top-left\",\n                \"top-right\",\n                \"bottom-left\",\n                \"bottom-right\",\n                \"top-center\",\n                \"bottom-center\"\n            ]\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Toggle/Toggle.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { TogglePrimitiveProps } from "./primitives/index.js";
+import type { FormComponentProps } from "../FormComponent/index.js";
+type ToggleProps = TogglePrimitiveProps & FormComponentProps;
+declare const Toggle: (({ note, validation, ...props }: ToggleProps) => React.JSX.Element) & {
+    original: ({ note, validation, ...props }: ToggleProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ note, validation, ...props }: ToggleProps) => React.JSX.Element) & {
+        original: ({ note, validation, ...props }: ToggleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ note, validation, ...props }: ToggleProps) => React.JSX.Element) & {
+        original: ({ note, validation, ...props }: ToggleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { Toggle };

package/Toggle/Toggle.js

@@ -0,0 +1,31 @@
+import React, { useMemo } from "react";
+import { makeDecoratable } from "../utils.js";
+import { TogglePrimitive } from "./primitives/index.js";
+import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent/index.js";
+const DecoratableToggle = ({
+  note,
+  validation,
+  ...props
+}) => {
+  const {
+    isValid: validationIsValid,
+    message: validationMessage
+  } = validation || {};
+  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement(TogglePrimitive, Object.assign({}, props, {
+    disabled: props.disabled
+  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: validationMessage,
+    invalid: invalid,
+    disabled: props.disabled
+  }), /*#__PURE__*/React.createElement(FormComponentNote, {
+    text: note,
+    disabled: props.disabled
+  }));
+};
+const Toggle = makeDecoratable("Toggle", DecoratableToggle);
+export { Toggle };
+
+//# sourceMappingURL=Toggle.js.map

package/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","makeDecoratable","TogglePrimitive","FormComponentErrorMessage","FormComponentNote","DecoratableToggle","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","Object","assign","disabled","text","Toggle"],"sources":["Toggle.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { TogglePrimitiveProps } from \"./primitives/index.js\";\nimport { TogglePrimitive } from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent/index.js\";\n\ntype ToggleProps = TogglePrimitiveProps & FormComponentProps;\n\nconst DecoratableToggle = ({ note, validation, ...props }: ToggleProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <TogglePrimitive {...props} disabled={props.disabled} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst Toggle = makeDecoratable(\"Toggle\", DecoratableToggle);\n\nexport { Toggle };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,eAAe;AAExB,SAASC,yBAAyB,EAAEC,iBAAiB;AAIrD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACvE,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGb,OAAO,CAAC,MAAMU,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIX,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBhB,KAAA,CAAAe,aAAA,CAACZ,eAAe,EAAAc,MAAA,CAAAC,MAAA,KAAKT,KAAK;IAAEU,QAAQ,EAAEV,KAAK,CAACU;EAAS,EAAE,CAAC,eACxDnB,KAAA,CAAAe,aAAA,CAACX,yBAAyB;IACtBgB,IAAI,EAAEP,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAC5B,CAAC,eACFnB,KAAA,CAAAe,aAAA,CAACV,iBAAiB;IAACe,IAAI,EAAEb,IAAK;IAACY,QAAQ,EAAEV,KAAK,CAACU;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AAED,MAAME,MAAM,GAAGnB,eAAe,CAAC,QAAQ,EAAEI,iBAAiB,CAAC;AAE3D,SAASe,MAAM","ignoreList":[]}

package/Toggle/Toggle.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Toggle } from "../Toggle/index.js";
+declare const meta: Meta<typeof Toggle>;
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithIcon: Story;
+export declare const WithIconChecked: Story;
+export declare const IconOnly: Story;
+export declare const IconOnlyChecked: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const WithNotes: Story;
+export declare const WithErrors: Story;
+export declare const Disabled: Story;
+export declare const Documentation: Story;

package/Toggle/Toggle.stories.js

@@ -0,0 +1,187 @@
+import React, { useState, useEffect } from "react";
+import { ReactComponent as BoldIcon } from "@webiny/icons/format_bold.svg";
+import { Tooltip } from "../Tooltip/index.js";
+import { Toggle } from "./index.js";
+const meta = {
+  title: "Components/Form/Toggle",
+  component: Toggle,
+  parameters: {
+    layout: "padded"
+  },
+  argTypes: {
+    disabled: {
+      control: "boolean",
+      defaultValue: false
+    }
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement(Tooltip.Provider, null, /*#__PURE__*/React.createElement(Story, null))],
+  render: args => {
+    const [checked, setChecked] = useState(args.checked);
+    return /*#__PURE__*/React.createElement(Toggle, Object.assign({}, args, {
+      checked: checked,
+      onChange: value => setChecked(value)
+    }));
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    label: "Toggle"
+  }
+};
+export const Checked = {
+  args: {
+    label: "Toggle",
+    checked: true
+  }
+};
+export const WithIcon = {
+  args: {
+    label: "Bold",
+    icon: /*#__PURE__*/React.createElement(BoldIcon, null)
+  }
+};
+export const WithIconChecked = {
+  args: {
+    label: "Bold",
+    icon: /*#__PURE__*/React.createElement(BoldIcon, null),
+    checked: true
+  }
+};
+export const IconOnly = {
+  args: {
+    icon: /*#__PURE__*/React.createElement(BoldIcon, null)
+  }
+};
+export const IconOnlyChecked = {
+  args: {
+    icon: /*#__PURE__*/React.createElement(BoldIcon, null),
+    checked: true
+  }
+};
+export const Outline = {
+  args: {
+    label: "Toggle",
+    variant: "outline"
+  }
+};
+export const Ghost = {
+  args: {
+    label: "Toggle",
+    variant: "ghost"
+  }
+};
+export const WithNotes = {
+  args: {
+    label: "Toggle",
+    note: "Note: Ensure your selection or input is accurate before proceeding."
+  }
+};
+export const WithErrors = {
+  args: {
+    label: "Toggle",
+    validation: {
+      isValid: false,
+      message: "This field is required."
+    }
+  }
+};
+export const Disabled = {
+  args: {
+    label: "Toggle",
+    disabled: true
+  }
+};
+export const Documentation = {
+  render: args => {
+    const [checked, setChecked] = useState(args.checked || false);
+    const [validation, setValidation] = useState({
+      isValid: true,
+      message: ""
+    });
+    useEffect(() => {
+      setChecked(args.checked || false);
+    }, [args.checked]);
+    const handleChange = isChecked => {
+      setChecked(isChecked);
+      if (args.required && !isChecked) {
+        setValidation({
+          isValid: false,
+          message: "This field is required"
+        });
+      } else {
+        setValidation({
+          isValid: true,
+          message: ""
+        });
+      }
+    };
+    useEffect(() => {
+      if (args.required && !checked) {
+        setValidation({
+          isValid: false,
+          message: "This field is required"
+        });
+      } else {
+        setValidation({
+          isValid: true,
+          message: ""
+        });
+      }
+    }, [args.required, checked]);
+    return /*#__PURE__*/React.createElement(Toggle, Object.assign({}, args, {
+      checked: checked,
+      onChange: handleChange,
+      validation: validation,
+      required: args.required
+    }));
+  },
+  args: {
+    label: "Enable feature",
+    checked: false,
+    disabled: false,
+    required: true,
+    note: "Note: This setting can be changed at any time.",
+    validation: undefined
+  },
+  argTypes: {
+    label: {
+      description: "Label text displayed inside the toggle button",
+      control: "text"
+    },
+    checked: {
+      description: "Determines if the toggle is active",
+      control: "boolean"
+    },
+    disabled: {
+      description: "Disables the toggle when set to true",
+      control: "boolean"
+    },
+    required: {
+      description: "Makes the toggle required when set to true",
+      control: "boolean"
+    },
+    variant: {
+      description: "Visual style: primary (default), outline, ghost, ghost-negative",
+      control: "select",
+      options: ["primary", "outline", "ghost", "ghost-negative"]
+    },
+    size: {
+      description: "Size of the toggle button",
+      control: "select",
+      options: ["sm", "md", "lg", "xl"]
+    },
+    note: {
+      description: "Additional note text below the toggle",
+      control: "text"
+    },
+    validation: {
+      description: "Object containing validation state and message. Please refer to the example code for details on usage."
+    },
+    onChange: {
+      description: "Function called when the toggle state changes"
+    }
+  }
+};
+
+//# sourceMappingURL=Toggle.stories.js.map

package/Toggle/Toggle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","ReactComponent","BoldIcon","Tooltip","Toggle","meta","title","component","parameters","layout","argTypes","disabled","control","defaultValue","decorators","Story","createElement","Provider","render","args","checked","setChecked","Object","assign","onChange","value","Default","label","Checked","WithIcon","icon","WithIconChecked","IconOnly","IconOnlyChecked","Outline","variant","Ghost","WithNotes","note","WithErrors","validation","isValid","message","Disabled","Documentation","setValidation","handleChange","isChecked","required","undefined","description","options","size"],"sources":["Toggle.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ReactComponent as BoldIcon } from \"@webiny/icons/format_bold.svg\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { Toggle } from \"~/Toggle/index.js\";\n\nconst meta: Meta<typeof Toggle> = {\n    title: \"Components/Form/Toggle\",\n    component: Toggle,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ],\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return <Toggle {...args} checked={checked} onChange={value => setChecked(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Toggle>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Toggle\"\n    }\n};\n\nexport const Checked: Story = {\n    args: {\n        label: \"Toggle\",\n        checked: true\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        label: \"Bold\",\n        icon: <BoldIcon />\n    }\n};\n\nexport const WithIconChecked: Story = {\n    args: {\n        label: \"Bold\",\n        icon: <BoldIcon />,\n        checked: true\n    }\n};\n\nexport const IconOnly: Story = {\n    args: {\n        icon: <BoldIcon />\n    }\n};\n\nexport const IconOnlyChecked: Story = {\n    args: {\n        icon: <BoldIcon />,\n        checked: true\n    }\n};\n\nexport const Outline: Story = {\n    args: {\n        label: \"Toggle\",\n        variant: \"outline\"\n    }\n};\n\nexport const Ghost: Story = {\n    args: {\n        label: \"Toggle\",\n        variant: \"ghost\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        label: \"Toggle\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        label: \"Toggle\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        label: \"Toggle\",\n        disabled: true\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [checked, setChecked] = useState(args.checked || false);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        useEffect(() => {\n            setChecked(args.checked || false);\n        }, [args.checked]);\n\n        const handleChange = (isChecked: boolean) => {\n            setChecked(isChecked);\n\n            if (args.required && !isChecked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        useEffect(() => {\n            if (args.required && !checked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, checked]);\n\n        return (\n            <Toggle\n                {...args}\n                checked={checked}\n                onChange={handleChange}\n                validation={validation}\n                required={args.required}\n            />\n        );\n    },\n    args: {\n        label: \"Enable feature\",\n        checked: false,\n        disabled: false,\n        required: true,\n        note: \"Note: This setting can be changed at any time.\",\n        validation: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text displayed inside the toggle button\",\n            control: \"text\"\n        },\n        checked: {\n            description: \"Determines if the toggle is active\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the toggle when set to true\",\n            control: \"boolean\"\n        },\n        required: {\n            description: \"Makes the toggle required when set to true\",\n            control: \"boolean\"\n        },\n        variant: {\n            description: \"Visual style: primary (default), outline, ghost, ghost-negative\",\n            control: \"select\",\n            options: [\"primary\", \"outline\", \"ghost\", \"ghost-negative\"]\n        },\n        size: {\n            description: \"Size of the toggle button\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        note: {\n            description: \"Additional note text below the toggle\",\n            control: \"text\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onChange: {\n            description: \"Function called when the toggle state changes\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Toggle/domains/ToggleItem.d.ts

@@ -0,0 +1,27 @@
+import type { ToggleItemDto } from "./ToggleItemDto.js";
+export declare class ToggleItem {
+    private readonly _id;
+    private readonly _label;
+    private readonly _value;
+    private readonly _checked;
+    private readonly _disabled;
+    private readonly _icon;
+    private readonly _iconPosition;
+    protected constructor(data: {
+        id: string;
+        label: any;
+        value: any;
+        checked: boolean;
+        disabled: boolean;
+        icon: any;
+        iconPosition: "start" | "end";
+    });
+    static create(data: ToggleItemDto): ToggleItem;
+    get id(): string;
+    get label(): any;
+    get value(): string | number;
+    get checked(): boolean;
+    get disabled(): boolean;
+    get icon(): any;
+    get iconPosition(): "end" | "start";
+}

package/Toggle/domains/ToggleItem.js

@@ -0,0 +1,46 @@
+import { generateId } from "../../utils.js";
+export class ToggleItem {
+  constructor(data) {
+    this._id = data.id;
+    this._label = data.label;
+    this._value = data.value;
+    this._checked = data.checked;
+    this._disabled = data.disabled;
+    this._icon = data.icon;
+    this._iconPosition = data.iconPosition;
+  }
+  static create(data) {
+    return new ToggleItem({
+      id: generateId(data.id),
+      label: data.label,
+      value: data.value,
+      checked: data.checked ?? Boolean(data.value),
+      disabled: data.disabled ?? false,
+      icon: data.icon,
+      iconPosition: data.iconPosition ?? "start"
+    });
+  }
+  get id() {
+    return this._id;
+  }
+  get label() {
+    return this._label;
+  }
+  get value() {
+    return this._value;
+  }
+  get checked() {
+    return this._checked;
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  get icon() {
+    return this._icon;
+  }
+  get iconPosition() {
+    return this._iconPosition;
+  }
+}
+
+//# sourceMappingURL=ToggleItem.js.map

package/Toggle/domains/ToggleItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateId","ToggleItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_disabled","disabled","_icon","icon","_iconPosition","iconPosition","create","Boolean"],"sources":["ToggleItem.ts"],"sourcesContent":["import type { ToggleItemDto } from \"./ToggleItemDto.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class ToggleItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _checked: boolean;\n    private readonly _disabled: boolean;\n    private readonly _icon: any;\n    private readonly _iconPosition: \"start\" | \"end\";\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: any;\n        checked: boolean;\n        disabled: boolean;\n        icon: any;\n        iconPosition: \"start\" | \"end\";\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._checked = data.checked;\n        this._disabled = data.disabled;\n        this._icon = data.icon;\n        this._iconPosition = data.iconPosition;\n    }\n\n    static create(data: ToggleItemDto): ToggleItem {\n        return new ToggleItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            checked: data.checked ?? Boolean(data.value),\n            disabled: data.disabled ?? false,\n            icon: data.icon,\n            iconPosition: data.iconPosition ?? \"start\"\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get checked() {\n        return this._checked;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get icon() {\n        return this._icon;\n    }\n\n    get iconPosition() {\n        return this._iconPosition;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,UAAU,CAAC;EASVC,WAAWA,CAACC,IAQrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,SAAS,GAAGT,IAAI,CAACU,QAAQ;IAC9B,IAAI,CAACC,KAAK,GAAGX,IAAI,CAACY,IAAI;IACtB,IAAI,CAACC,aAAa,GAAGb,IAAI,CAACc,YAAY;EAC1C;EAEA,OAAOC,MAAMA,CAACf,IAAmB,EAAc;IAC3C,OAAO,IAAIF,UAAU,CAAC;MAClBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAER,IAAI,CAACQ,OAAO,IAAIQ,OAAO,CAAChB,IAAI,CAACM,KAAK,CAAC;MAC5CI,QAAQ,EAAEV,IAAI,CAACU,QAAQ,IAAI,KAAK;MAChCE,IAAI,EAAEZ,IAAI,CAACY,IAAI;MACfE,YAAY,EAAEd,IAAI,CAACc,YAAY,IAAI;IACvC,CAAC,CAAC;EACN;EAEA,IAAIZ,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,IAAIA,CAAA,EAAG;IACP,OAAO,IAAI,CAACD,KAAK;EACrB;EAEA,IAAIG,YAAYA,CAAA,EAAG;IACf,OAAO,IAAI,CAACD,aAAa;EAC7B;AACJ","ignoreList":[]}

package/Toggle/domains/ToggleItemDto.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+export interface ToggleItemDto {
+    id?: string;
+    label?: React.ReactNode;
+    value?: number | string | boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "start" | "end";
+}

package/Toggle/domains/ToggleItemDto.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=ToggleItemDto.js.map

package/Toggle/domains/ToggleItemDto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ToggleItemDto.ts"],"sourcesContent":["import type React from \"react\";\n\nexport interface ToggleItemDto {\n    id?: string;\n    label?: React.ReactNode;\n    value?: number | string | boolean;\n    checked?: boolean;\n    disabled?: boolean;\n    icon?: React.ReactNode;\n    iconPosition?: \"start\" | \"end\";\n}\n"],"mappings":"","ignoreList":[]}

package/Toggle/domains/ToggleItemFormatted.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+export interface ToggleItemFormatted {
+    id: string;
+    label?: string | React.ReactNode;
+    value: string | number;
+    checked: boolean;
+    disabled: boolean;
+    icon?: React.ReactNode;
+    iconPosition: "start" | "end";
+}

package/Toggle/domains/ToggleItemFormatted.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=ToggleItemFormatted.js.map

package/Toggle/domains/ToggleItemFormatted.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ToggleItemFormatted.ts"],"sourcesContent":["import type React from \"react\";\n\nexport interface ToggleItemFormatted {\n    id: string;\n    label?: string | React.ReactNode;\n    value: string | number;\n    checked: boolean;\n    disabled: boolean;\n    icon?: React.ReactNode;\n    iconPosition: \"start\" | \"end\";\n}\n"],"mappings":"","ignoreList":[]}

package/Toggle/domains/ToggleItemMapper.d.ts

@@ -0,0 +1,5 @@
+import type { ToggleItemFormatted } from "./ToggleItemFormatted.js";
+import type { ToggleItem } from "./ToggleItem.js";
+export declare class ToggleItemMapper {
+    static toFormatted(item: ToggleItem): ToggleItemFormatted;
+}

package/Toggle/domains/ToggleItemMapper.js

@@ -0,0 +1,15 @@
+export class ToggleItemMapper {
+  static toFormatted(item) {
+    return {
+      id: item.id,
+      label: item.label,
+      value: item.value,
+      checked: item.checked,
+      disabled: item.disabled,
+      icon: item.icon,
+      iconPosition: item.iconPosition
+    };
+  }
+}
+
+//# sourceMappingURL=ToggleItemMapper.js.map

package/Toggle/domains/ToggleItemMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToggleItemMapper","toFormatted","item","id","label","value","checked","disabled","icon","iconPosition"],"sources":["ToggleItemMapper.ts"],"sourcesContent":["import type { ToggleItemFormatted } from \"./ToggleItemFormatted.js\";\nimport type { ToggleItem } from \"./ToggleItem.js\";\n\nexport class ToggleItemMapper {\n    static toFormatted(item: ToggleItem): ToggleItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            checked: item.checked,\n            disabled: item.disabled,\n            icon: item.icon,\n            iconPosition: item.iconPosition\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAAC;EAC1B,OAAOC,WAAWA,CAACC,IAAgB,EAAuB;IACtD,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,QAAQ,EAAEL,IAAI,CAACK,QAAQ;MACvBC,IAAI,EAAEN,IAAI,CAACM,IAAI;MACfC,YAAY,EAAEP,IAAI,CAACO;IACvB,CAAC;EACL;AACJ","ignoreList":[]}

package/Toggle/domains/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ToggleItem.js";
+export type * from "./ToggleItemDto.js";
+export type * from "./ToggleItemFormatted.js";
+export * from "./ToggleItemMapper.js";

package/Toggle/domains/index.js

@@ -0,0 +1,4 @@
+export * from "./ToggleItem.js";
+export * from "./ToggleItemMapper.js";
+
+//# sourceMappingURL=index.js.map

package/Toggle/domains/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ToggleItem.js\";\nexport type * from \"./ToggleItemDto.js\";\nexport type * from \"./ToggleItemFormatted.js\";\nexport * from \"./ToggleItemMapper.js\";\n"],"mappings":"AAAA;AAGA","ignoreList":[]}

package/Toggle/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Toggle.js";
+export * from "./primitives/index.js";

package/Toggle/index.js

@@ -0,0 +1,4 @@
+export * from "./Toggle.js";
+export * from "./primitives/index.js";
+
+//# sourceMappingURL=index.js.map

package/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Toggle.js\";\nexport * from \"./primitives/index.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}