@webiny/admin-ui 6.3.0-beta.4 → 6.4.0-beta.0

package/Dialog/Dialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","library","fas","Dialog","Button","DropdownMenu","ReactComponent","NotificationIcon","Tabs","IconPicker","add","meta","title","component","argTypes","Default","args","size","trigger","createElement","variant","text","description","info","Fragment","href","children","onOpenChange","opened","console","log","actions","CancelAction","ConfirmAction","SizeSmall","SizeMedium","SizeLarge","SizeExtraLarge","SizeFullScreen","ControlledVisibility","render","props","open","setOpen","onClick","Object","assign","WithOpenCloseEventHandler","onClose","onOpen","WithDropdownMenu","Item","content","WithoutCloseButton","showCloseButton","AlertDialog","DropdownMenuInDialog","DropdownIconPickerInDialog","value","setValue","icons","prefix","name","onChange","WithIcon","icon","Icon","label","PreventOutsideDismiss","dismissible","WithTabs","bodyPadding","separator","spacing","tabs","Tab","key","Documentation","control","options","defaultValue"],"sources":["Dialog.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Dialog } from \"./Dialog.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\nimport { IconPicker } from \"~/IconPicker/index.js\";\n\nlibrary.add(fas);\n\nconst meta: Meta<typeof Dialog> = {\n    title: \"Components/Dialog\",\n    component: Dialog,\n    argTypes: {}\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Dialog>;\n\nexport const Default: Story = {\n    args: {\n        size: \"md\",\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        title: \"Dialog Title\",\n        description: \"A short dialog description.\",\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        ),\n        onOpenChange: opened => {\n            console.log(`Dialog is ${opened ? \"opened\" : \"closed\"}.`);\n        },\n        actions: (\n            <>\n                <Dialog.CancelAction />\n                <Dialog.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const SizeSmall: Story = {\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\n\nexport const SizeMedium: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const SizeLarge: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const SizeExtraLarge: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const SizeFullScreen: Story = {\n    args: {\n        ...Default.args,\n        size: \"full\"\n    }\n};\n\nexport const ControlledVisibility: Story = {\n    render: props => {\n        const [open, setOpen] = React.useState(false);\n\n        return (\n            <>\n                <Button variant=\"primary\" text={\"Open\"} onClick={() => setOpen(true)} />\n                <Dialog\n                    {...props}\n                    open={open}\n                    onOpenChange={open => {\n                        if (!open) {\n                            setOpen(false);\n                        }\n                    }}\n                />\n            </>\n        );\n    },\n    args: { ...Default.args, trigger: null }\n};\n\nexport const WithOpenCloseEventHandler: Story = {\n    args: {\n        ...Default.args,\n        onClose: () => {\n            console.log(\"onClose triggered\");\n        },\n        onOpen: () => {\n            console.log(\"onOpen triggered\");\n        }\n    }\n};\n\nexport const WithDropdownMenu: Story = {\n    render: props => {\n        const [open, setOpen] = React.useState(false);\n\n        return (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item\n                        text={\"Open Dialog\"}\n                        content={\"Open Dialog\"}\n                        onClick={() => setOpen(true)}\n                    />\n                </DropdownMenu>\n\n                <Dialog {...props} open={open} onOpenChange={() => setOpen(false)} />\n            </>\n        );\n    },\n    args: { ...Default.args, trigger: null }\n};\n\nexport const WithoutCloseButton: Story = {\n    args: { ...Default.args, showCloseButton: false }\n};\n\nexport const AlertDialog: Story = {\n    args: {\n        ...Default.args,\n        info: null,\n        showCloseButton: false,\n        title: \"Confirm Action\",\n        description: \"Are you sure you want to delete this item?\",\n        children: (\n            <>\n                <p>This action cannot be undone.</p>\n                <p>Deleted items cannot be recovered.</p>\n            </>\n        )\n    }\n};\n\nexport const DropdownMenuInDialog: Story = {\n    args: {\n        ...Default.args,\n        children: (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item text={\"Billing\"} />\n                    <DropdownMenu.Item text={\"Settings\"} />\n                    <DropdownMenu.Item text={\"Keyboard shortcuts\"} />\n                </DropdownMenu>\n            </>\n        )\n    }\n};\n\nexport const DropdownIconPickerInDialog: Story = {\n    args: {\n        ...Default.args\n    },\n    render: args => {\n        const [value, setValue] = useState(\"\");\n        return (\n            <Dialog {...args}>\n                <IconPicker\n                    icons={[\n                        { prefix: \"fas\", name: \"trash-restore-alt\" },\n                        { prefix: \"fas\", name: \"trash-can-arrow-up\" },\n                        { prefix: \"fas\", name: \"naira-sign\" },\n                        { prefix: \"fas\", name: \"cart-arrow-down\" },\n                        { prefix: \"fas\", name: \"walkie-talkie\" },\n                        { prefix: \"fas\", name: \"file-edit\" },\n                        { prefix: \"fas\", name: \"file-pen\" },\n                        { prefix: \"fas\", name: \"receipt\" },\n                        { prefix: \"fas\", name: \"pen-square\" },\n                        { prefix: \"fas\", name: \"pencil-square\" },\n                        { prefix: \"fas\", name: \"square-pen\" },\n                        { prefix: \"fas\", name: \"suitcase-rolling\" },\n                        { prefix: \"fas\", name: \"person-circle-exclamation\" },\n                        { prefix: \"fas\", name: \"chevron-down\" },\n                        { prefix: \"fas\", name: \"battery\" },\n                        { prefix: \"fas\", name: \"battery-5\" },\n                        { prefix: \"fas\", name: \"battery-full\" },\n                        { prefix: \"fas\", name: \"skull-crossbones\" },\n                        { prefix: \"fas\", name: \"code-compare\" },\n                        { prefix: \"fas\", name: \"list-dots\" },\n                        { prefix: \"fas\", name: \"list-ul\" },\n                        { prefix: \"fas\", name: \"school-lock\" },\n                        { prefix: \"fas\", name: \"tower-cell\" },\n                        { prefix: \"fas\", name: \"long-arrow-alt-down\" },\n                        { prefix: \"fas\", name: \"down-long\" },\n                        { prefix: \"fas\", name: \"ranking-star\" },\n                        { prefix: \"fas\", name: \"chess-king\" },\n                        { prefix: \"fas\", name: \"person-harassing\" },\n                        { prefix: \"fas\", name: \"brazilian-real-sign\" },\n                        { prefix: \"fas\", name: \"landmark-alt\" }\n                    ]}\n                    value={value}\n                    onChange={value => {\n                        console.log(\"Selected icon:\", value);\n                        setValue(value);\n                    }}\n                />\n            </Dialog>\n        );\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Dialog.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const PreventOutsideDismiss: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const WithTabs: Story = {\n    args: {\n        ...Default.args,\n        bodyPadding: false,\n        children: (\n            <>\n                <Tabs\n                    separator={true}\n                    spacing={\"lg\"}\n                    tabs={[\n                        <Tabs.Tab\n                            key={\"account\"}\n                            value={\"account\"}\n                            trigger={\"Account\"}\n                            content={\"Make changes to your account here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"company\"}\n                            value={\"company\"}\n                            trigger={\"Company\"}\n                            content={\"Make changes to your company info here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"security\"}\n                            value={\"security\"}\n                            trigger={\"Security\"}\n                            content={\"Make changes to your security settings here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"development\"}\n                            value={\"development\"}\n                            trigger={\"Development\"}\n                            content={\"Make changes to your development settings here.\"}\n                        />\n                    ]}\n                />\n            </>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [open, setOpen] = useState(false);\n\n        return (\n            <>\n                <Button variant=\"primary\" text=\"Open Dialog\" onClick={() => setOpen(true)} />\n\n                <Dialog {...args} open={open} onOpenChange={open => setOpen(open)} />\n            </>\n        );\n    },\n    args: {\n        title: \"Dialog Title\",\n        description: \"A short dialog description.\",\n        showCloseButton: true,\n        dismissible: true,\n        bodyPadding: true,\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                This is the dialog content area. You can place any content here including forms,\n                text, images, or other components.\n            </>\n        ),\n        actions: (\n            <>\n                <Dialog.CancelAction />\n                <Dialog.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {\n        title: {\n            description: \"Title displayed in the header\",\n            control: \"text\"\n        },\n        description: {\n            description: \"Description displayed below the title\",\n            control: \"text\"\n        },\n        size: {\n            description: \"Controls the size of the dialog\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\", \"full\"]\n        },\n        showCloseButton: {\n            description:\n                \"Show close button, please refer to the 'Without Close Button' example below for details.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        dismissible: {\n            description:\n                \"Allow dialog to be dismissed by clicking outside or pressing Escape, please refer to the 'Prevent Outside Dismiss' example below for details.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        bodyPadding: {\n            description: \"Add padding to the Dialog body.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        info: {\n            description:\n                \"Additional info displayed below the description, please refer to the example below for details.\"\n        },\n        children: {\n            description:\n                \"Content of the dialog, please refer to the 'With Dropdown Menu' and ''With Tabs' example below for details.\"\n        },\n        actions: {\n            description:\n                \"Actions displayed in the footer, please refer to the code example for details.\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Dialog/Dialog.stories.js","sources":["../../src/Dialog/Dialog.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Dialog } from \"./Dialog.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\nimport { IconPicker } from \"~/IconPicker/index.js\";\n\nlibrary.add(fas);\n\nconst meta: Meta<typeof Dialog> = {\n    title: \"Components/Dialog\",\n    component: Dialog,\n    argTypes: {}\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Dialog>;\n\nexport const Default: Story = {\n    args: {\n        size: \"md\",\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        title: \"Dialog Title\",\n        description: \"A short dialog description.\",\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        ),\n        onOpenChange: opened => {\n            console.log(`Dialog is ${opened ? \"opened\" : \"closed\"}.`);\n        },\n        actions: (\n            <>\n                <Dialog.CancelAction />\n                <Dialog.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const SizeSmall: Story = {\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\n\nexport const SizeMedium: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const SizeLarge: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const SizeExtraLarge: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const SizeFullScreen: Story = {\n    args: {\n        ...Default.args,\n        size: \"full\"\n    }\n};\n\nexport const ControlledVisibility: Story = {\n    render: props => {\n        const [open, setOpen] = React.useState(false);\n\n        return (\n            <>\n                <Button variant=\"primary\" text={\"Open\"} onClick={() => setOpen(true)} />\n                <Dialog\n                    {...props}\n                    open={open}\n                    onOpenChange={open => {\n                        if (!open) {\n                            setOpen(false);\n                        }\n                    }}\n                />\n            </>\n        );\n    },\n    args: { ...Default.args, trigger: null }\n};\n\nexport const WithOpenCloseEventHandler: Story = {\n    args: {\n        ...Default.args,\n        onClose: () => {\n            console.log(\"onClose triggered\");\n        },\n        onOpen: () => {\n            console.log(\"onOpen triggered\");\n        }\n    }\n};\n\nexport const WithDropdownMenu: Story = {\n    render: props => {\n        const [open, setOpen] = React.useState(false);\n\n        return (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item\n                        text={\"Open Dialog\"}\n                        content={\"Open Dialog\"}\n                        onClick={() => setOpen(true)}\n                    />\n                </DropdownMenu>\n\n                <Dialog {...props} open={open} onOpenChange={() => setOpen(false)} />\n            </>\n        );\n    },\n    args: { ...Default.args, trigger: null }\n};\n\nexport const WithoutCloseButton: Story = {\n    args: { ...Default.args, showCloseButton: false }\n};\n\nexport const AlertDialog: Story = {\n    args: {\n        ...Default.args,\n        info: null,\n        showCloseButton: false,\n        title: \"Confirm Action\",\n        description: \"Are you sure you want to delete this item?\",\n        children: (\n            <>\n                <p>This action cannot be undone.</p>\n                <p>Deleted items cannot be recovered.</p>\n            </>\n        )\n    }\n};\n\nexport const DropdownMenuInDialog: Story = {\n    args: {\n        ...Default.args,\n        children: (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item text={\"Billing\"} />\n                    <DropdownMenu.Item text={\"Settings\"} />\n                    <DropdownMenu.Item text={\"Keyboard shortcuts\"} />\n                </DropdownMenu>\n            </>\n        )\n    }\n};\n\nexport const DropdownIconPickerInDialog: Story = {\n    args: {\n        ...Default.args\n    },\n    render: args => {\n        const [value, setValue] = useState(\"\");\n        return (\n            <Dialog {...args}>\n                <IconPicker\n                    icons={[\n                        { prefix: \"fas\", name: \"trash-restore-alt\" },\n                        { prefix: \"fas\", name: \"trash-can-arrow-up\" },\n                        { prefix: \"fas\", name: \"naira-sign\" },\n                        { prefix: \"fas\", name: \"cart-arrow-down\" },\n                        { prefix: \"fas\", name: \"walkie-talkie\" },\n                        { prefix: \"fas\", name: \"file-edit\" },\n                        { prefix: \"fas\", name: \"file-pen\" },\n                        { prefix: \"fas\", name: \"receipt\" },\n                        { prefix: \"fas\", name: \"pen-square\" },\n                        { prefix: \"fas\", name: \"pencil-square\" },\n                        { prefix: \"fas\", name: \"square-pen\" },\n                        { prefix: \"fas\", name: \"suitcase-rolling\" },\n                        { prefix: \"fas\", name: \"person-circle-exclamation\" },\n                        { prefix: \"fas\", name: \"chevron-down\" },\n                        { prefix: \"fas\", name: \"battery\" },\n                        { prefix: \"fas\", name: \"battery-5\" },\n                        { prefix: \"fas\", name: \"battery-full\" },\n                        { prefix: \"fas\", name: \"skull-crossbones\" },\n                        { prefix: \"fas\", name: \"code-compare\" },\n                        { prefix: \"fas\", name: \"list-dots\" },\n                        { prefix: \"fas\", name: \"list-ul\" },\n                        { prefix: \"fas\", name: \"school-lock\" },\n                        { prefix: \"fas\", name: \"tower-cell\" },\n                        { prefix: \"fas\", name: \"long-arrow-alt-down\" },\n                        { prefix: \"fas\", name: \"down-long\" },\n                        { prefix: \"fas\", name: \"ranking-star\" },\n                        { prefix: \"fas\", name: \"chess-king\" },\n                        { prefix: \"fas\", name: \"person-harassing\" },\n                        { prefix: \"fas\", name: \"brazilian-real-sign\" },\n                        { prefix: \"fas\", name: \"landmark-alt\" }\n                    ]}\n                    value={value}\n                    onChange={value => {\n                        console.log(\"Selected icon:\", value);\n                        setValue(value);\n                    }}\n                />\n            </Dialog>\n        );\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Dialog.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const PreventOutsideDismiss: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const WithTabs: Story = {\n    args: {\n        ...Default.args,\n        bodyPadding: false,\n        children: (\n            <>\n                <Tabs\n                    separator={true}\n                    spacing={\"lg\"}\n                    tabs={[\n                        <Tabs.Tab\n                            key={\"account\"}\n                            value={\"account\"}\n                            trigger={\"Account\"}\n                            content={\"Make changes to your account here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"company\"}\n                            value={\"company\"}\n                            trigger={\"Company\"}\n                            content={\"Make changes to your company info here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"security\"}\n                            value={\"security\"}\n                            trigger={\"Security\"}\n                            content={\"Make changes to your security settings here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"development\"}\n                            value={\"development\"}\n                            trigger={\"Development\"}\n                            content={\"Make changes to your development settings here.\"}\n                        />\n                    ]}\n                />\n            </>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [open, setOpen] = useState(false);\n\n        return (\n            <>\n                <Button variant=\"primary\" text=\"Open Dialog\" onClick={() => setOpen(true)} />\n\n                <Dialog {...args} open={open} onOpenChange={open => setOpen(open)} />\n            </>\n        );\n    },\n    args: {\n        title: \"Dialog Title\",\n        description: \"A short dialog description.\",\n        showCloseButton: true,\n        dismissible: true,\n        bodyPadding: true,\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                This is the dialog content area. You can place any content here including forms,\n                text, images, or other components.\n            </>\n        ),\n        actions: (\n            <>\n                <Dialog.CancelAction />\n                <Dialog.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {\n        title: {\n            description: \"Title displayed in the header\",\n            control: \"text\"\n        },\n        description: {\n            description: \"Description displayed below the title\",\n            control: \"text\"\n        },\n        size: {\n            description: \"Controls the size of the dialog\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\", \"full\"]\n        },\n        showCloseButton: {\n            description:\n                \"Show close button, please refer to the 'Without Close Button' example below for details.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        dismissible: {\n            description:\n                \"Allow dialog to be dismissed by clicking outside or pressing Escape, please refer to the 'Prevent Outside Dismiss' example below for details.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        bodyPadding: {\n            description: \"Add padding to the Dialog body.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        info: {\n            description:\n                \"Additional info displayed below the description, please refer to the example below for details.\"\n        },\n        children: {\n            description:\n                \"Content of the dialog, please refer to the 'With Dropdown Menu' and ''With Tabs' example below for details.\"\n        },\n        actions: {\n            description:\n                \"Actions displayed in the footer, please refer to the code example for details.\"\n        }\n    }\n};\n"],"names":["library","fas","meta","Dialog","Default","Button","opened","console","SizeSmall","SizeMedium","SizeLarge","SizeExtraLarge","SizeFullScreen","ControlledVisibility","props","open","setOpen","React","WithOpenCloseEventHandler","WithDropdownMenu","DropdownMenu","WithoutCloseButton","AlertDialog","DropdownMenuInDialog","DropdownIconPickerInDialog","args","value","setValue","useState","IconPicker","WithIcon","NotificationIcon","PreventOutsideDismiss","WithTabs","Tabs","Documentation"],"mappings":"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"}

package/Dialog/components/CancelAction.js

@@ -1,14 +1,15 @@
-import * as React from "react";
 import { makeDecoratable } from "../../utils.js";
 import { DialogClose } from "./DialogClose.js";
 import { Button } from "../../Button/index.js";
-const CancelActionBase = props => /*#__PURE__*/React.createElement(DialogClose, {
-  asChild: true
-}, /*#__PURE__*/React.createElement(Button, Object.assign({
-  text: "Cancel"
-}, props, {
-  variant: "secondary"
-})));
-export const CancelAction = makeDecoratable("CancelAction", CancelActionBase);
+import * as __rspack_external_react from "react";
+const CancelActionBase = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(DialogClose, {
+        asChild: true
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        text: "Cancel",
+        ...props,
+        variant: "secondary"
+    }));
+const CancelAction = makeDecoratable("CancelAction", CancelActionBase);
+export { CancelAction };
 
 //# sourceMappingURL=CancelAction.js.map

package/Dialog/components/CancelAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","DialogClose","Button","CancelActionBase","props","createElement","asChild","Object","assign","text","variant","CancelAction"],"sources":["CancelAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { DialogClose } from \"./DialogClose.js\";\nimport type { ButtonProps } from \"~/Button/index.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst CancelActionBase = (props: ButtonProps) => (\n    <DialogClose asChild>\n        <Button text={\"Cancel\"} {...props} variant=\"secondary\" />\n    </DialogClose>\n);\n\nexport const CancelAction = makeDecoratable(\"CancelAction\", CancelActionBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,WAAW;AAEpB,SAASC,MAAM;AAEf,MAAMC,gBAAgB,GAAIC,KAAkB,iBACxCL,KAAA,CAAAM,aAAA,CAACJ,WAAW;EAACK,OAAO;AAAA,gBAChBP,KAAA,CAAAM,aAAA,CAACH,MAAM,EAAAK,MAAA,CAAAC,MAAA;EAACC,IAAI,EAAE;AAAS,GAAKL,KAAK;EAAEM,OAAO,EAAC;AAAW,EAAE,CAC/C,CAChB;AAED,OAAO,MAAMC,YAAY,GAAGX,eAAe,CAAC,cAAc,EAAEG,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog/components/CancelAction.js","sources":["../../../src/Dialog/components/CancelAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { DialogClose } from \"./DialogClose.js\";\nimport type { ButtonProps } from \"~/Button/index.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst CancelActionBase = (props: ButtonProps) => (\n    <DialogClose asChild>\n        <Button text={\"Cancel\"} {...props} variant=\"secondary\" />\n    </DialogClose>\n);\n\nexport const CancelAction = makeDecoratable(\"CancelAction\", CancelActionBase);\n"],"names":["CancelActionBase","props","DialogClose","Button","CancelAction","makeDecoratable"],"mappings":";;;;AAMA,MAAMA,mBAAmB,CAACC,QAAAA,WAAAA,GACtB,sCAACC,aAAWA;QAAC;qBACT,sCAACC,QAAMA;QAAC,MAAM;QAAW,GAAGF,KAAK;QAAE,SAAQ;;AAI5C,MAAMG,eAAeC,gBAAgB,gBAAgBL"}

package/Dialog/components/CloseDialogIconButton.js

@@ -1,23 +1,26 @@
-import React from "react";
-import { ReactComponent as XIcon } from "@webiny/icons/close.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/close.svg";
 import { IconButton } from "../../Button/index.js";
 import { DialogClose } from "./DialogClose.js";
-export const CloseDialogIconButton = ({
-  size
-}) => {
-  const buttonSize = React.useMemo(() => {
-    return size && ["lg", "xl", "full"].includes(size) ? "md" : "sm";
-  }, [size]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "absolute top-md right-md"
-  }, /*#__PURE__*/React.createElement(DialogClose, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    size: buttonSize,
-    iconSize: "lg",
-    variant: "ghost",
-    icon: /*#__PURE__*/React.createElement(XIcon, null)
-  })));
+const CloseDialogIconButton = ({ size })=>{
+    const buttonSize = react.useMemo(()=>size && [
+            "lg",
+            "xl",
+            "full"
+        ].includes(size) ? "md" : "sm", [
+        size
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "absolute top-md right-md"
+    }, /*#__PURE__*/ react.createElement(DialogClose, {
+        asChild: true
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        size: buttonSize,
+        iconSize: "lg",
+        variant: "ghost",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    })));
 };
+export { CloseDialogIconButton };
 
 //# sourceMappingURL=CloseDialogIconButton.js.map

package/Dialog/components/CloseDialogIconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","XIcon","IconButton","DialogClose","CloseDialogIconButton","size","buttonSize","useMemo","includes","createElement","className","asChild","iconSize","variant","icon"],"sources":["CloseDialogIconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as XIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { DialogClose } from \"./DialogClose.js\";\n\ntype CloseDialogIconButtonProps = {\n    size: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | null | undefined;\n};\n\nexport const CloseDialogIconButton = ({ size }: CloseDialogIconButtonProps) => {\n    const buttonSize = React.useMemo(() => {\n        return size && [\"lg\", \"xl\", \"full\"].includes(size) ? \"md\" : \"sm\";\n    }, [size]);\n\n    return (\n        <div className={\"absolute top-md right-md\"}>\n            <DialogClose asChild>\n                <IconButton size={buttonSize} iconSize=\"lg\" variant={\"ghost\"} icon={<XIcon />} />\n            </DialogClose>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,UAAU;AACnB,SAASC,WAAW;AAMpB,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAiC,CAAC,KAAK;EAC3E,MAAMC,UAAU,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAM;IACnC,OAAOF,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAACG,QAAQ,CAACH,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI;EACpE,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACIN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCX,KAAA,CAAAU,aAAA,CAACN,WAAW;IAACQ,OAAO;EAAA,gBAChBZ,KAAA,CAAAU,aAAA,CAACP,UAAU;IAACG,IAAI,EAAEC,UAAW;IAACM,QAAQ,EAAC,IAAI;IAACC,OAAO,EAAE,OAAQ;IAACC,IAAI,eAAEf,KAAA,CAAAU,aAAA,CAACR,KAAK,MAAE;EAAE,CAAE,CACvE,CACZ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog/components/CloseDialogIconButton.js","sources":["../../../src/Dialog/components/CloseDialogIconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as XIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { DialogClose } from \"./DialogClose.js\";\n\ntype CloseDialogIconButtonProps = {\n    size: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | null | undefined;\n};\n\nexport const CloseDialogIconButton = ({ size }: CloseDialogIconButtonProps) => {\n    const buttonSize = React.useMemo(() => {\n        return size && [\"lg\", \"xl\", \"full\"].includes(size) ? \"md\" : \"sm\";\n    }, [size]);\n\n    return (\n        <div className={\"absolute top-md right-md\"}>\n            <DialogClose asChild>\n                <IconButton size={buttonSize} iconSize=\"lg\" variant={\"ghost\"} icon={<XIcon />} />\n            </DialogClose>\n        </div>\n    );\n};\n"],"names":["CloseDialogIconButton","size","buttonSize","React","DialogClose","IconButton","XIcon"],"mappings":";;;;AASO,MAAMA,wBAAwB,CAAC,EAAEC,IAAI,EAA8B;IACtE,MAAMC,aAAaC,MAAAA,OAAa,CAAC,IACtBF,QAAQ;YAAC;YAAM;YAAM;SAAO,CAAC,QAAQ,CAACA,QAAQ,OAAO,MAC7D;QAACA;KAAK;IAET,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACG,aAAWA;QAAC;qBACT,oBAACC,YAAUA;QAAC,MAAMH;QAAY,UAAS;QAAK,SAAS;QAAS,oBAAM,oBAACI,gBAAKA;;AAI1F"}

package/Dialog/components/ConfirmAction.js

@@ -1,9 +1,11 @@
-import * as React from "react";
 import { makeDecoratable } from "../../utils.js";
 import { Button } from "../../Button/index.js";
-const ConfirmActionBase = props => /*#__PURE__*/React.createElement(Button, Object.assign({}, props, {
-  variant: "primary"
-}));
-export const ConfirmAction = makeDecoratable("ConfirmAction", ConfirmActionBase);
+import * as __rspack_external_react from "react";
+const ConfirmActionBase = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        ...props,
+        variant: "primary"
+    });
+const ConfirmAction = makeDecoratable("ConfirmAction", ConfirmActionBase);
+export { ConfirmAction };
 
 //# sourceMappingURL=ConfirmAction.js.map

package/Dialog/components/ConfirmAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Button","ConfirmActionBase","props","createElement","Object","assign","variant","ConfirmAction"],"sources":["ConfirmAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { ButtonProps } from \"~/Button/index.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst ConfirmActionBase = (props: ButtonProps) => <Button {...props} variant=\"primary\" />;\n\nexport const ConfirmAction = makeDecoratable(\"ConfirmAction\", ConfirmActionBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AAExB,SAASC,MAAM;AAEf,MAAMC,iBAAiB,GAAIC,KAAkB,iBAAKJ,KAAA,CAAAK,aAAA,CAACH,MAAM,EAAAI,MAAA,CAAAC,MAAA,KAAKH,KAAK;EAAEI,OAAO,EAAC;AAAS,EAAE,CAAC;AAEzF,OAAO,MAAMC,aAAa,GAAGR,eAAe,CAAC,eAAe,EAAEE,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog/components/ConfirmAction.js","sources":["../../../src/Dialog/components/ConfirmAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { ButtonProps } from \"~/Button/index.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst ConfirmActionBase = (props: ButtonProps) => <Button {...props} variant=\"primary\" />;\n\nexport const ConfirmAction = makeDecoratable(\"ConfirmAction\", ConfirmActionBase);\n"],"names":["ConfirmActionBase","props","Button","ConfirmAction","makeDecoratable"],"mappings":";;;AAKA,MAAMA,oBAAoB,CAACC,QAAAA,WAAAA,GAAuB,sCAACC,QAAMA;QAAE,GAAGD,KAAK;QAAE,SAAQ;;AAEtE,MAAME,gBAAgBC,gBAAgB,iBAAiBJ"}

package/Dialog/components/DialogBody.js

@@ -1,43 +1,37 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
 import { ScrollArea } from "../../ScrollArea/index.js";
+import * as __rspack_external_react from "react";
 const dialogBodyVariants = cva("", {
-  variants: {
-    size: {
-      sm: "px-md-extra",
-      md: "px-md-extra",
-      lg: "px-lg",
-      xl: "px-lg",
-      full: "px-lg"
+    variants: {
+        size: {
+            sm: "px-md-extra",
+            md: "px-md-extra",
+            lg: "px-lg",
+            xl: "px-lg",
+            full: "px-lg"
+        },
+        bodyPadding: {
+            true: "",
+            false: "px-none! py-none!"
+        }
     },
-    bodyPadding: {
-      true: "",
-      false: "px-none! py-none!"
+    defaultVariants: {
+        size: "md",
+        bodyPadding: true
     }
-  },
-  defaultVariants: {
-    size: "md",
-    bodyPadding: true
-  }
 });
-export const DialogBody = ({
-  bodyPadding,
-  scrollable = true,
-  size,
-  children
-}) => {
-  const content = /*#__PURE__*/React.createElement("div", {
-    className: cn(dialogBodyVariants({
-      size,
-      bodyPadding
-    }))
-  }, children);
-  if (!scrollable) {
-    return content;
-  }
-  return /*#__PURE__*/React.createElement(ScrollArea, {
-    className: "h-full"
-  }, content);
+const DialogBody = ({ bodyPadding, scrollable = true, size, children })=>{
+    const content = /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn(dialogBodyVariants({
+            size,
+            bodyPadding
+        }))
+    }, children);
+    if (!scrollable) return content;
+    return /*#__PURE__*/ __rspack_external_react.createElement(ScrollArea, {
+        className: "h-full"
+    }, content);
 };
+export { DialogBody };
 
 //# sourceMappingURL=DialogBody.js.map

package/Dialog/components/DialogBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","ScrollArea","dialogBodyVariants","variants","size","sm","md","lg","xl","full","bodyPadding","true","false","defaultVariants","DialogBody","scrollable","children","content","createElement","className"],"sources":["DialogBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport type { DialogProps } from \"~/Dialog/index.js\";\nimport { ScrollArea } from \"~/ScrollArea/index.js\";\n\nconst dialogBodyVariants = cva(\"\", {\n    variants: {\n        size: {\n            sm: \"px-md-extra\",\n            md: \"px-md-extra\",\n            lg: \"px-lg\",\n            xl: \"px-lg\",\n            full: \"px-lg\"\n        },\n        bodyPadding: {\n            true: \"\",\n            false: \"px-none! py-none!\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\",\n        bodyPadding: true\n    }\n});\n\nexport type DialogBodyProps = Pick<DialogProps, \"children\" | \"bodyPadding\" | \"scrollable\" | \"size\">;\n\nexport const DialogBody = ({ bodyPadding, scrollable = true, size, children }: DialogBodyProps) => {\n    const content = <div className={cn(dialogBodyVariants({ size, bodyPadding }))}>{children}</div>;\n\n    if (!scrollable) {\n        return content;\n    }\n\n    return <ScrollArea className=\"h-full\">{content}</ScrollArea>;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,SAASC,UAAU;AAEnB,MAAMC,kBAAkB,GAAGF,GAAG,CAAC,EAAE,EAAE;EAC/BG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,IAAI,EAAE;IACV,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbT,IAAI,EAAE,IAAI;IACVM,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAIF,OAAO,MAAMI,UAAU,GAAGA,CAAC;EAAEJ,WAAW;EAAEK,UAAU,GAAG,IAAI;EAAEX,IAAI;EAAEY;AAA0B,CAAC,KAAK;EAC/F,MAAMC,OAAO,gBAAGnB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEpB,EAAE,CAACG,kBAAkB,CAAC;MAAEE,IAAI;MAAEM;IAAY,CAAC,CAAC;EAAE,GAAEM,QAAc,CAAC;EAE/F,IAAI,CAACD,UAAU,EAAE;IACb,OAAOE,OAAO;EAClB;EAEA,oBAAOnB,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IAACkB,SAAS,EAAC;EAAQ,GAAEF,OAAoB,CAAC;AAChE,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog/components/DialogBody.js","sources":["../../../src/Dialog/components/DialogBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport type { DialogProps } from \"~/Dialog/index.js\";\nimport { ScrollArea } from \"~/ScrollArea/index.js\";\n\nconst dialogBodyVariants = cva(\"\", {\n    variants: {\n        size: {\n            sm: \"px-md-extra\",\n            md: \"px-md-extra\",\n            lg: \"px-lg\",\n            xl: \"px-lg\",\n            full: \"px-lg\"\n        },\n        bodyPadding: {\n            true: \"\",\n            false: \"px-none! py-none!\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\",\n        bodyPadding: true\n    }\n});\n\nexport type DialogBodyProps = Pick<DialogProps, \"children\" | \"bodyPadding\" | \"scrollable\" | \"size\">;\n\nexport const DialogBody = ({ bodyPadding, scrollable = true, size, children }: DialogBodyProps) => {\n    const content = <div className={cn(dialogBodyVariants({ size, bodyPadding }))}>{children}</div>;\n\n    if (!scrollable) {\n        return content;\n    }\n\n    return <ScrollArea className=\"h-full\">{content}</ScrollArea>;\n};\n"],"names":["dialogBodyVariants","cva","DialogBody","bodyPadding","scrollable","size","children","content","cn","ScrollArea"],"mappings":";;;AAKA,MAAMA,qBAAqBC,IAAI,IAAI;IAC/B,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,MAAM;QACV;QACA,aAAa;YACT,MAAM;YACN,OAAO;QACX;IACJ;IACA,iBAAiB;QACb,MAAM;QACN,aAAa;IACjB;AACJ;AAIO,MAAMC,aAAa,CAAC,EAAEC,WAAW,EAAEC,aAAa,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAmB;IAC1F,MAAMC,UAAU,WAAVA,GAAU,sCAAC;QAAI,WAAWC,GAAGR,mBAAmB;YAAEK;YAAMF;QAAY;OAAMG;IAEhF,IAAI,CAACF,YACD,OAAOG;IAGX,OAAO,WAAP,GAAO,sCAACE,YAAUA;QAAC,WAAU;OAAUF;AAC3C"}

package/Dialog/components/DialogClose.js

@@ -1,4 +1,5 @@
-import { Dialog as DialogPrimitive } from "radix-ui";
-export const DialogClose = DialogPrimitive.Close;
+import { Dialog } from "radix-ui";
+const DialogClose = Dialog.Close;
+export { DialogClose };
 
 //# sourceMappingURL=DialogClose.js.map

package/Dialog/components/DialogClose.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dialog","DialogPrimitive","DialogClose","Close"],"sources":["DialogClose.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogClose = DialogPrimitive.Close;\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAACE,KAAK","ignoreList":[]}
+{"version":3,"file":"Dialog/components/DialogClose.js","sources":["../../../src/Dialog/components/DialogClose.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from \"radix-ui\";\n\nexport const DialogClose = DialogPrimitive.Close;\n"],"names":["DialogClose","DialogPrimitive"],"mappings":";AAEO,MAAMA,cAAcC,OAAAA,KAAqB"}

package/Dialog/components/DialogContent.d.ts

@@ -9,6 +9,7 @@ export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeo
     header?: React.ReactNode;
     footer?: React.ReactNode;
     closeButton?: React.ReactNode;
+    overlay?: React.ReactNode;
 }
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
 export { DialogContent };

package/Dialog/components/DialogContent.js

@@ -1,56 +1,53 @@
-import * as React from "react";
-import { Dialog as DialogPrimitive } from "radix-ui";
+import { Dialog } from "radix-ui";
 import { cn, cva } from "../../utils.js";
-const dialogContentVariants = cva(["fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong", "translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "focus:outline-none focus-visible:outline-none", "max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog", "grid grid-rows-[auto_1fr_auto] overflow-hidden"], {
-  variants: {
-    size: {
-      sm: "w-[384px]",
-      md: "w-[520px]",
-      lg: "w-[640px]",
-      xl: "w-[800px]",
-      full: "w-screen h-screen"
+import * as __rspack_external_react from "react";
+const dialogContentVariants = cva([
+    "fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong",
+    "translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+    "focus:outline-none focus-visible:outline-none",
+    "max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog",
+    "grid grid-rows-[auto_1fr_auto] overflow-hidden"
+], {
+    variants: {
+        size: {
+            sm: "w-[384px]",
+            md: "w-[520px]",
+            lg: "w-[640px]",
+            xl: "w-[800px]",
+            full: "w-screen h-screen"
+        }
+    },
+    defaultVariants: {
+        size: "md"
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
 });
-const DialogContent = /*#__PURE__*/React.forwardRef(({
-  className,
-  dismissible,
-  size,
-  header,
-  footer,
-  closeButton,
-  children,
-  ...props
-}, ref) => {
-  const dismissibleProps = React.useMemo(() => {
-    if (dismissible === false) {
-      return {
-        onInteractOutside: event => event.preventDefault(),
-        onEscapeKeyDown: event => event.preventDefault()
-      };
-    }
-    return {};
-  }, [dismissible]);
-  return /*#__PURE__*/React.createElement(DialogPrimitive.Content, Object.assign({}, dismissibleProps, props, {
-    ref: ref,
-    className: cn(dialogContentVariants({
-      size
-    }), className)
-    // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.
-    ,
-    "aria-describedby": undefined
-  }), (header || closeButton) && /*#__PURE__*/React.createElement("div", {
-    className: "row-start-1 relative"
-  }, header, closeButton), /*#__PURE__*/React.createElement("div", {
-    className: "row-start-2 min-h-0 overflow-hidden pr-xs"
-  }, children), footer && /*#__PURE__*/React.createElement("div", {
-    className: "row-start-3"
-  }, footer));
+const DialogContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, dismissible, size, header, footer, closeButton, overlay, children, ...props }, ref)=>{
+    const dismissibleProps = __rspack_external_react.useMemo(()=>{
+        if (false === dismissible) return {
+            onInteractOutside: (event)=>event.preventDefault(),
+            onEscapeKeyDown: (event)=>event.preventDefault()
+        };
+        return {};
+    }, [
+        dismissible
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(Dialog.Content, {
+        ...dismissibleProps,
+        ...props,
+        ref: ref,
+        className: cn(dialogContentVariants({
+            size
+        }), className),
+        "aria-describedby": void 0
+    }, (header || closeButton) && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "row-start-1 relative"
+    }, header, closeButton), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "row-start-2 min-h-0 overflow-hidden pr-xs"
+    }, children), footer && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "row-start-3"
+    }, footer), overlay);
 });
-DialogContent.displayName = DialogPrimitive.Content.displayName;
+DialogContent.displayName = Dialog.Content.displayName;
 export { DialogContent };
 
 //# sourceMappingURL=DialogContent.js.map

package/Dialog/components/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DialogPrimitive","cn","cva","dialogContentVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogContent","forwardRef","className","dismissible","header","footer","closeButton","children","props","ref","dismissibleProps","useMemo","onInteractOutside","event","preventDefault","onEscapeKeyDown","createElement","Content","Object","assign","undefined","displayName"],"sources":["DialogContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogContentVariants = cva(\n    [\n        \"fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong\",\n        \"translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n        \"focus:outline-none focus-visible:outline-none\",\n        \"max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog\",\n        \"grid grid-rows-[auto_1fr_auto] overflow-hidden\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"w-[384px]\",\n                md: \"w-[520px]\",\n                lg: \"w-[640px]\",\n                xl: \"w-[800px]\",\n                full: \"w-screen h-screen\"\n            }\n        },\n        defaultVariants: {\n            size: \"md\"\n        }\n    }\n);\n\nexport interface DialogContentProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n        VariantProps<typeof dialogContentVariants> {\n    dismissible?: boolean;\n    header?: React.ReactNode;\n    footer?: React.ReactNode;\n    closeButton?: React.ReactNode;\n}\n\nconst DialogContent = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Content>,\n    DialogContentProps\n>(({ className, dismissible, size, header, footer, closeButton, children, ...props }, ref) => {\n    const dismissibleProps = React.useMemo<\n        Pick<DialogPrimitive.DialogContentProps, \"onInteractOutside\" | \"onEscapeKeyDown\">\n    >(() => {\n        if (dismissible === false) {\n            return {\n                onInteractOutside: event => event.preventDefault(),\n                onEscapeKeyDown: event => event.preventDefault()\n            };\n        }\n\n        return {};\n    }, [dismissible]);\n\n    return (\n        <DialogPrimitive.Content\n            {...dismissibleProps}\n            {...props}\n            ref={ref}\n            className={cn(dialogContentVariants({ size }), className)}\n            // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.\n            aria-describedby={undefined}\n        >\n            {(header || closeButton) && (\n                <div className=\"row-start-1 relative\">\n                    {header}\n                    {closeButton}\n                </div>\n            )}\n            <div className=\"row-start-2 min-h-0 overflow-hidden pr-xs\">{children}</div>\n            {footer && <div className=\"row-start-3\">{footer}</div>}\n        </DialogPrimitive.Content>\n    );\n});\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport { DialogContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,qBAAqB,GAAGD,GAAG,CAC7B,CACI,oIAAoI,EACpI,yOAAyO,EACzO,+CAA+C,EAC/C,sFAAsF,EACtF,gDAAgD,CACnD,EACD;EACIE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAYD,MAAMO,aAAa,gBAAGd,KAAK,CAACe,UAAU,CAGpC,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEV,IAAI;EAAEW,MAAM;EAAEC,MAAM;EAAEC,WAAW;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1F,MAAMC,gBAAgB,GAAGxB,KAAK,CAACyB,OAAO,CAEpC,MAAM;IACJ,IAAIR,WAAW,KAAK,KAAK,EAAE;MACvB,OAAO;QACHS,iBAAiB,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;QAClDC,eAAe,EAAEF,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MACnD,CAAC;IACL;IAEA,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACX,WAAW,CAAC,CAAC;EAEjB,oBACIjB,KAAA,CAAA8B,aAAA,CAAC5B,eAAe,CAAC6B,OAAO,EAAAC,MAAA,CAAAC,MAAA,KAChBT,gBAAgB,EAChBF,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTP,SAAS,EAAEb,EAAE,CAACE,qBAAqB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAES,SAAS;IACxD;IAAA;IACA,oBAAkBkB;EAAU,IAE3B,CAAChB,MAAM,IAAIE,WAAW,kBACnBpB,KAAA,CAAA8B,aAAA;IAAKd,SAAS,EAAC;EAAsB,GAChCE,MAAM,EACNE,WACA,CACR,eACDpB,KAAA,CAAA8B,aAAA;IAAKd,SAAS,EAAC;EAA2C,GAAEK,QAAc,CAAC,EAC1EF,MAAM,iBAAInB,KAAA,CAAA8B,aAAA;IAAKd,SAAS,EAAC;EAAa,GAAEG,MAAY,CAChC,CAAC;AAElC,CAAC,CAAC;AAEFL,aAAa,CAACqB,WAAW,GAAGjC,eAAe,CAAC6B,OAAO,CAACI,WAAW;AAE/D,SAASrB,aAAa","ignoreList":[]}
+{"version":3,"file":"Dialog/components/DialogContent.js","sources":["../../../src/Dialog/components/DialogContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogContentVariants = cva(\n    [\n        \"fixed left-[50%] top-[50%] border-none bg-neutral-base shadow-lg focus-visible:outline-none rounded-xl text-md text-neutral-strong\",\n        \"translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n        \"focus:outline-none focus-visible:outline-none\",\n        \"max-w-[calc(100vw-var(--spacing-lg))] max-h-[calc(100vh-var(--spacing-lg))] z-dialog\",\n        \"grid grid-rows-[auto_1fr_auto] overflow-hidden\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"w-[384px]\",\n                md: \"w-[520px]\",\n                lg: \"w-[640px]\",\n                xl: \"w-[800px]\",\n                full: \"w-screen h-screen\"\n            }\n        },\n        defaultVariants: {\n            size: \"md\"\n        }\n    }\n);\n\nexport interface DialogContentProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n        VariantProps<typeof dialogContentVariants> {\n    dismissible?: boolean;\n    header?: React.ReactNode;\n    footer?: React.ReactNode;\n    closeButton?: React.ReactNode;\n    overlay?: React.ReactNode;\n}\n\nconst DialogContent = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Content>,\n    DialogContentProps\n>(\n    (\n        { className, dismissible, size, header, footer, closeButton, overlay, children, ...props },\n        ref\n    ) => {\n        const dismissibleProps = React.useMemo<\n            Pick<DialogPrimitive.DialogContentProps, \"onInteractOutside\" | \"onEscapeKeyDown\">\n        >(() => {\n            if (dismissible === false) {\n                return {\n                    onInteractOutside: event => event.preventDefault(),\n                    onEscapeKeyDown: event => event.preventDefault()\n                };\n            }\n\n            return {};\n        }, [dismissible]);\n\n        return (\n            <DialogPrimitive.Content\n                {...dismissibleProps}\n                {...props}\n                ref={ref}\n                className={cn(dialogContentVariants({ size }), className)}\n                // TODO: An optional accessible description to be announced when the dialog is opened. At the moment we skip this.\n                aria-describedby={undefined}\n            >\n                {(header || closeButton) && (\n                    <div className=\"row-start-1 relative\">\n                        {header}\n                        {closeButton}\n                    </div>\n                )}\n                <div className=\"row-start-2 min-h-0 overflow-hidden pr-xs\">{children}</div>\n                {footer && <div className=\"row-start-3\">{footer}</div>}\n                {overlay}\n            </DialogPrimitive.Content>\n        );\n    }\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport { DialogContent };\n"],"names":["dialogContentVariants","cva","DialogContent","React","className","dismissible","size","header","footer","closeButton","overlay","children","props","ref","dismissibleProps","event","DialogPrimitive","cn","undefined"],"mappings":";;;AAIA,MAAMA,wBAAwBC,IAC1B;IACI;IACA;IACA;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAcJ,MAAMC,gBAAgB,WAAHA,GAAGC,wBAAAA,UAAgB,CAIlC,CACI,EAAEC,SAAS,EAAEC,WAAW,EAAEC,IAAI,EAAEC,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAC1FC;IAEA,MAAMC,mBAAmBX,wBAAAA,OAAa,CAEpC;QACE,IAAIE,AAAgB,UAAhBA,aACA,OAAO;YACH,mBAAmBU,CAAAA,QAASA,MAAM,cAAc;YAChD,iBAAiBA,CAAAA,QAASA,MAAM,cAAc;QAClD;QAGJ,OAAO,CAAC;IACZ,GAAG;QAACV;KAAY;IAEhB,OAAO,WAAP,GACI,sCAACW,OAAAA,OAAuB;QACnB,GAAGF,gBAAgB;QACnB,GAAGF,KAAK;QACT,KAAKC;QACL,WAAWI,GAAGjB,sBAAsB;YAAEM;QAAK,IAAIF;QAE/C,oBAAkBc;OAEhBX,AAAAA,CAAAA,UAAUE,WAAU,mBAClB,sCAAC;QAAI,WAAU;OACVF,QACAE,cAAAA,WAAAA,GAGT,sCAAC;QAAI,WAAU;OAA6CE,WAC3DH,UAAU,WAAVA,GAAU,sCAAC;QAAI,WAAU;OAAeA,SACxCE;AAGb;AAGJR,cAAc,WAAW,GAAGc,OAAAA,OAAAA,CAAAA,WAAmC"}

package/Dialog/components/DialogDescription.js

@@ -1,11 +1,10 @@
-import * as React from "react";
-import { Dialog as DialogPrimitive } from "radix-ui";
+import { Dialog } from "radix-ui";
 import { cn } from "../../utils.js";
-export const DialogDescription = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(DialogPrimitive.Description, Object.assign({}, props, {
-  className: cn("text-sm text-neutral-strong text-left", className)
-}));
+import * as __rspack_external_react from "react";
+const DialogDescription = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Dialog.Description, {
+        ...props,
+        className: cn("text-sm text-neutral-strong text-left", className)
+    });
+export { DialogDescription };
 
 //# sourceMappingURL=DialogDescription.js.map

package/Dialog/components/DialogDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DialogPrimitive","cn","DialogDescription","className","props","createElement","Description","Object","assign"],"sources":["DialogDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nexport type DialogDescriptionProps = React.ComponentPropsWithoutRef<\n    typeof DialogPrimitive.Description\n>;\n\nexport const DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n    <DialogPrimitive.Description\n        {...props}\n        className={cn(\"text-sm text-neutral-strong text-left\", className)}\n    />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAMX,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA8B,CAAC,kBAC7EN,KAAA,CAAAO,aAAA,CAACL,eAAe,CAACM,WAAW,EAAAC,MAAA,CAAAC,MAAA,KACpBJ,KAAK;EACTD,SAAS,EAAEF,EAAE,CAAC,uCAAuC,EAAEE,SAAS;AAAE,EACrE,CACJ","ignoreList":[]}
+{"version":3,"file":"Dialog/components/DialogDescription.js","sources":["../../../src/Dialog/components/DialogDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nexport type DialogDescriptionProps = React.ComponentPropsWithoutRef<\n    typeof DialogPrimitive.Description\n>;\n\nexport const DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n    <DialogPrimitive.Description\n        {...props}\n        className={cn(\"text-sm text-neutral-strong text-left\", className)}\n    />\n);\n"],"names":["DialogDescription","className","props","DialogPrimitive","cn"],"mappings":";;;AAQO,MAAMA,oBAAoB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA+B,iBAC7E,sCAACC,OAAAA,WAA2B;QACvB,GAAGD,KAAK;QACT,WAAWE,GAAG,yCAAyCH"}

package/Dialog/components/DialogFooter.js

@@ -1,38 +1,32 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
+import * as __rspack_external_react from "react";
 const dialogFooterVariants = cva("flex justify-between", {
-  variants: {
-    size: {
-      sm: "p-md-extra",
-      md: "p-md-extra",
-      lg: "p-lg",
-      xl: "p-lg",
-      full: "p-lg"
+    variants: {
+        size: {
+            sm: "p-md-extra",
+            md: "p-md-extra",
+            lg: "p-lg",
+            xl: "p-lg",
+            full: "p-lg"
+        }
+    },
+    defaultVariants: {
+        size: "md"
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
 });
-export const DialogFooter = ({
-  actions,
-  info,
-  className,
-  size,
-  ...props
-}) => {
-  if (!actions && !info) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn(dialogFooterVariants({
-      size
-    }), className)
-  }), info && /*#__PURE__*/React.createElement("div", {
-    className: "text-sm flex items-center"
-  }, /*#__PURE__*/React.createElement("div", null, info)), actions && /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-x-sm ml-auto"
-  }, actions));
+const DialogFooter = ({ actions, info, className, size, ...props })=>{
+    if (!actions && !info) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn(dialogFooterVariants({
+            size
+        }), className)
+    }, info && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "text-sm flex items-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", null, info)), actions && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-x-sm ml-auto"
+    }, actions));
 };
+export { DialogFooter };
 
 //# sourceMappingURL=DialogFooter.js.map

package/Dialog/components/DialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","dialogFooterVariants","variants","size","sm","md","lg","xl","full","defaultVariants","DialogFooter","actions","info","className","props","createElement","Object","assign"],"sources":["DialogFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogFooterVariants = cva(\"flex justify-between\", {\n    variants: {\n        size: {\n            sm: \"p-md-extra\",\n            md: \"p-md-extra\",\n            lg: \"p-lg\",\n            xl: \"p-lg\",\n            full: \"p-lg\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\nexport interface DialogFooterProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogFooterVariants> {\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n}\n\nexport const DialogFooter = ({ actions, info, className, size, ...props }: DialogFooterProps) => {\n    if (!actions && !info) {\n        return null;\n    }\n\n    return (\n        <div {...props} className={cn(dialogFooterVariants({ size }), className)}>\n            {info && (\n                <div className={\"text-sm flex items-center\"}>\n                    <div>{info}</div>\n                </div>\n            )}\n            {actions && <div className={\"flex gap-x-sm ml-auto\"}>{actions}</div>}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,oBAAoB,GAAGD,GAAG,CAAC,sBAAsB,EAAE;EACrDE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAQF,OAAO,MAAMO,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,SAAS;EAAEV,IAAI;EAAE,GAAGW;AAAyB,CAAC,KAAK;EAC7F,IAAI,CAACH,OAAO,IAAI,CAACC,IAAI,EAAE;IACnB,OAAO,IAAI;EACf;EAEA,oBACId,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEd,EAAE,CAACE,oBAAoB,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEU,SAAS;EAAE,IACpED,IAAI,iBACDd,KAAA,CAAAiB,aAAA;IAAKF,SAAS,EAAE;EAA4B,gBACxCf,KAAA,CAAAiB,aAAA,cAAMH,IAAU,CACf,CACR,EACAD,OAAO,iBAAIb,KAAA,CAAAiB,aAAA;IAAKF,SAAS,EAAE;EAAwB,GAAEF,OAAa,CAClE,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog/components/DialogFooter.js","sources":["../../../src/Dialog/components/DialogFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst dialogFooterVariants = cva(\"flex justify-between\", {\n    variants: {\n        size: {\n            sm: \"p-md-extra\",\n            md: \"p-md-extra\",\n            lg: \"p-lg\",\n            xl: \"p-lg\",\n            full: \"p-lg\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\nexport interface DialogFooterProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogFooterVariants> {\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n}\n\nexport const DialogFooter = ({ actions, info, className, size, ...props }: DialogFooterProps) => {\n    if (!actions && !info) {\n        return null;\n    }\n\n    return (\n        <div {...props} className={cn(dialogFooterVariants({ size }), className)}>\n            {info && (\n                <div className={\"text-sm flex items-center\"}>\n                    <div>{info}</div>\n                </div>\n            )}\n            {actions && <div className={\"flex gap-x-sm ml-auto\"}>{actions}</div>}\n        </div>\n    );\n};\n"],"names":["dialogFooterVariants","cva","DialogFooter","actions","info","className","size","props","cn"],"mappings":";;AAGA,MAAMA,uBAAuBC,IAAI,wBAAwB;IACrD,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAQO,MAAMC,eAAe,CAAC,EAAEC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGC,OAA0B;IACxF,IAAI,CAACJ,WAAW,CAACC,MACb,OAAO;IAGX,OAAO,WAAP,GACI,sCAAC;QAAK,GAAGG,KAAK;QAAE,WAAWC,GAAGR,qBAAqB;YAAEM;QAAK,IAAID;OACzDD,QAAQ,WAARA,GACG,sCAAC;QAAI,WAAW;qBACZ,sCAAC,aAAKA,QAGbD,WAAW,WAAXA,GAAW,sCAAC;QAAI,WAAW;OAA0BA;AAGlE"}