@v-miniapp/ui-react 1.0.60 → 1.0.71

package/dist-storybook/assets/dialog.stories-BxYc78Eo.js

@@ -1,212 +0,0 @@
-import{j as t,r}from"./iframe-C0PGuV5s.js";import{T as y,S as B,M as x,P as T,a as b}from"./blocks-D4qvS4eZ.js";import{D as i}from"./dialog-8K5u-kre.js";import{B as s}from"./button-CbLEqALK.js";import{t as e}from"./store-BmYgrUro.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";import"./image-BdsCB1je.js";import"./visibility-sensor-FN9n9CLs.js";import"./index-B-Ksafg0.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./typography-BcLxefPi.js";import"./navigation-bar-TpF0DSXB.js";import"./proxy-edvPwIiD.js";import"./index-BLzgbpm2.js";import"./react-zqqxT5R_.js";import"./_baseClone-4nOrhHpR.js";import"./app-B__CxZQv.js";import"./toast-provider-ChNGFQlt.js";import"./bottom-tab-bar-UaYvPAic.js";const O=()=>{const n=`
-## ${e("common.table.title")}
-
-| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
-| :--- | :--- | :--- | :--- |
-| \`open\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dialog.openDescription")} |
-| \`onBackdropClick\` | \`(e: React.MouseEvent) => void\` | ${e("common.table.no")} | ${e("components.dialog.onBackdropClickDescription")} |
-| \`onCloseClick\` | \`(e: React.MouseEvent) => void\` | ${e("common.table.no")} | ${e("components.dialog.onCloseClickDescription")} |
-| \`title\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dialog.titleDescription")} |
-| \`description\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dialog.descriptionDescription")} |
-| \`topImageUrl\` | \`string\` | ${e("common.table.no")} | ${e("components.dialog.topImageUrlDescription")} |
-| \`top\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dialog.topDescription")} |
-| \`children\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dialog.childrenDescription")} |
-| \`footer\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dialog.footerDescription")} |
-| \`closeAction\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dialog.closeActionDescription")} |
-| \`portal\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dialog.portalDescription")} |
-| \`overlay\` | \`'default' | 'blur'\` | ${e("common.table.no")} | ${e("components.dialog.overlayDescription")} |
-| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.dialog.classNameDescription")} |
-| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.dialog.propsDescription")} |
-  `;return t.jsxs(t.Fragment,{children:[t.jsx(y,{}),t.jsx(B,{}),t.jsx(x,{children:e("components.dialog.description")}),t.jsx(T,{}),t.jsx(x,{children:n}),t.jsx(b,{})]})},J={title:"Components/Dialog",component:i,parameters:{layout:"fullscreen",docs:{page:O}},tags:["autodocs"],argTypes:{open:{control:"boolean",description:e("components.dialog.argTypes.openDescription"),table:{type:{summary:"boolean"}}},onBackdropClick:{action:"backdrop clicked",description:e("components.dialog.argTypes.onBackdropClickDescription"),table:{type:{summary:"(e: React.MouseEvent) => void"}}},onCloseClick:{action:"close clicked",description:e("components.dialog.argTypes.onCloseClickDescription"),table:{type:{summary:"(e: React.MouseEvent) => void"}}},title:{control:"text",description:e("components.dialog.argTypes.titleDescription"),table:{type:{summary:"ReactNode"}}},description:{control:"text",description:e("components.dialog.argTypes.descriptionDescription"),table:{type:{summary:"ReactNode"}}},topImageUrl:{control:"text",description:e("components.dialog.argTypes.topImageUrlDescription"),table:{type:{summary:"string"}}},top:{control:!1,description:e("components.dialog.argTypes.topDescription"),table:{type:{summary:"ReactNode"}}},children:{control:!1,description:e("components.dialog.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},footer:{control:!1,description:e("components.dialog.argTypes.footerDescription"),table:{type:{summary:"ReactNode"}}},closeAction:{control:"boolean",description:e("components.dialog.argTypes.closeActionDescription"),table:{type:{summary:"boolean"}}},portal:{control:"boolean",description:e("components.dialog.argTypes.portalDescription"),table:{type:{summary:"boolean"}}},overlay:{control:"select",options:["default","blur"],description:e("components.dialog.argTypes.overlayDescription"),table:{type:{summary:"default | blur"}}},className:{control:"text",description:e("components.dialog.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},l={storyName:e("components.dialog.stories.default.storyName"),render:()=>{const[n,o]=r.useState(!1),[k,C]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.default.buttonText")}),t.jsx(i,{open:k,portal:!0,onBackdropClick:()=>C(!1),title:e("components.dialog.stories.default.title2"),description:e("components.dialog.stories.default.description2"),footer:t.jsx(t.Fragment,{children:t.jsx(s,{size:"large",theme:"neutral",onClick:()=>C(!1),children:e("components.dialog.stories.default.close")})})}),t.jsx(i,{open:n,portal:!0,onBackdropClick:()=>o(!1),title:e("components.dialog.stories.default.title"),description:e("components.dialog.stories.default.description"),footer:t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",type:"solid-subtle",onClick:()=>o(!1),children:e("components.dialog.stories.default.cancel")}),t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.default.confirm")}),t.jsx(s,{size:"large",theme:"neutral",onClick:()=>C(!0),children:e("components.dialog.stories.default.open2")})]})})]})}},a={storyName:e("components.dialog.stories.titleOnly.storyName"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.titleOnly.buttonText")}),t.jsx(i,{open:n,onBackdropClick:()=>o(!1),title:e("components.dialog.stories.titleOnly.title"),footer:t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.titleOnly.close")})})]})}},c={storyName:e("components.dialog.stories.withTopImage.storyName"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.withTopImage.buttonText")}),t.jsx(i,{open:n,onBackdropClick:()=>o(!1),title:e("components.dialog.stories.withTopImage.title"),description:e("components.dialog.stories.withTopImage.description"),topImageUrl:"https://picsum.photos/600/300",footer:t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.withTopImage.close")})})]})}},p={storyName:e("components.dialog.stories.withCloseButton.storyName"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.withCloseButton.buttonText")}),t.jsx(i,{open:n,closeAction:!0,onBackdropClick:()=>o(!1),onCloseClick:()=>o(!1),title:e("components.dialog.stories.withCloseButton.title"),description:e("components.dialog.stories.withCloseButton.description"),footer:t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.withCloseButton.close")})})]})}},m={storyName:e("components.dialog.stories.withCustomTopContent.storyName"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.withCustomTopContent.buttonText")}),t.jsx(i,{open:n,onBackdropClick:()=>o(!1),top:t.jsxs("div",{style:{padding:"24px 24px 16px",textAlign:"center"},children:[t.jsx("h3",{style:{margin:0,marginBottom:"8px"},children:e("components.dialog.stories.withCustomTopContent.customTitle")}),t.jsx("p",{style:{margin:0,color:"#666"},children:e("components.dialog.stories.withCustomTopContent.customSubtitle")})]}),title:e("components.dialog.stories.withCustomTopContent.title"),description:e("components.dialog.stories.withCustomTopContent.description"),footer:t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.withCustomTopContent.close")})})]})}},d={storyName:e("components.dialog.stories.footerWithMultipleButtons.storyName"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.footerWithMultipleButtons.buttonText")}),t.jsx(i,{open:n,onBackdropClick:()=>o(!1),title:e("components.dialog.stories.footerWithMultipleButtons.title"),description:e("components.dialog.stories.footerWithMultipleButtons.description"),footer:t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",type:"solid-subtle",onClick:()=>o(!1),children:e("components.dialog.stories.footerWithMultipleButtons.cancel")}),t.jsx(s,{size:"large",theme:"neutral",type:"solid",onClick:()=>o(!1),children:e("components.dialog.stories.footerWithMultipleButtons.save")})]})})]})}},u={storyName:e("components.dialog.stories.footerWithStackedButtons.storyName"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.footerWithStackedButtons.buttonText")}),t.jsx(i,{open:n,onBackdropClick:()=>o(!1),title:e("components.dialog.stories.footerWithStackedButtons.title"),description:e("components.dialog.stories.footerWithStackedButtons.description"),footer:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.footerWithStackedButtons.primaryAction")}),t.jsx(s,{size:"large",theme:"neutral",type:"solid-subtle",onClick:()=>o(!1),children:e("components.dialog.stories.footerWithStackedButtons.secondaryAction")})]})})]})}},g={storyName:e("components.dialog.stories.withCustomContent.storyName"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.withCustomContent.buttonText")}),t.jsx(i,{open:n,onBackdropClick:()=>o(!1),closeAction:!0,onCloseClick:()=>o(!1),title:e("components.dialog.stories.withCustomContent.title"),children:t.jsxs("div",{style:{padding:"16px"},children:[t.jsx("h3",{children:e("components.dialog.stories.withCustomContent.contentTitle")}),t.jsx("p",{children:e("components.dialog.stories.withCustomContent.contentText")})]}),footer:t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.withCustomContent.close")})})]})}},h={storyName:e("components.dialog.stories.completeExample.storyName"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.completeExample.buttonText")}),t.jsx(i,{open:n,closeAction:!0,onCloseClick:()=>o(!1),onBackdropClick:()=>o(!1),title:e("components.dialog.stories.completeExample.titleText"),description:e("components.dialog.stories.completeExample.descriptionText"),footer:t.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[t.jsx(s,{size:"large",theme:"neutral",type:"solid-subtle",onClick:()=>o(!1),children:e("components.dialog.stories.completeExample.cancel")}),t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.completeExample.confirm")})]})})]})}},f={storyName:e("components.dialog.stories.interactive.title"),render:()=>{const[n,o]=r.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!0),children:e("components.dialog.stories.interactive.buttonText")}),t.jsx(i,{open:n,onBackdropClick:()=>o(!1),title:e("components.dialog.stories.interactive.title"),description:e("components.dialog.stories.interactive.descriptionText"),closeAction:!1,footer:t.jsx(s,{size:"large",theme:"neutral",onClick:()=>o(!1),children:e("components.dialog.stories.interactive.close")})})]})}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.default.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    const [open2, setOpen2] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.default.buttonText')}
-        </Button>
-        <Dialog open={open2} portal onBackdropClick={() => setOpen2(false)} title={t('components.dialog.stories.default.title2')} description={t('components.dialog.stories.default.description2')} footer={<>
-              <Button size="large" theme="neutral" onClick={() => setOpen2(false)}>
-                {t('components.dialog.stories.default.close')}
-              </Button>
-            </>} />
-        <Dialog open={open} portal onBackdropClick={() => setOpen(false)} title={t('components.dialog.stories.default.title')} description={t('components.dialog.stories.default.description')} footer={<>
-              <Button size="large" theme="neutral" type="solid-subtle" onClick={() => setOpen(false)}>
-                {t('components.dialog.stories.default.cancel')}
-              </Button>
-              <Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-                {t('components.dialog.stories.default.confirm')}
-              </Button>
-              <Button size="large" theme="neutral" onClick={() => setOpen2(true)}>
-                {t('components.dialog.stories.default.open2')}
-              </Button>
-            </>} />
-      </>;
-  }
-}`,...l.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.titleOnly.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.titleOnly.buttonText')}
-        </Button>
-        <Dialog open={open} onBackdropClick={() => setOpen(false)} title={t('components.dialog.stories.titleOnly.title')} footer={<Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-              {t('components.dialog.stories.titleOnly.close')}
-            </Button>} />
-      </>;
-  }
-}`,...a.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.withTopImage.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.withTopImage.buttonText')}
-        </Button>
-        <Dialog open={open} onBackdropClick={() => setOpen(false)} title={t('components.dialog.stories.withTopImage.title')} description={t('components.dialog.stories.withTopImage.description')} topImageUrl="https://picsum.photos/600/300" footer={<Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-              {t('components.dialog.stories.withTopImage.close')}
-            </Button>} />
-      </>;
-  }
-}`,...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.withCloseButton.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.withCloseButton.buttonText')}
-        </Button>
-        <Dialog open={open} closeAction onBackdropClick={() => setOpen(false)} onCloseClick={() => setOpen(false)} title={t('components.dialog.stories.withCloseButton.title')} description={t('components.dialog.stories.withCloseButton.description')} footer={<Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-              {t('components.dialog.stories.withCloseButton.close')}
-            </Button>} />
-      </>;
-  }
-}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.withCustomTopContent.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.withCustomTopContent.buttonText')}
-        </Button>
-        <Dialog open={open} onBackdropClick={() => setOpen(false)} top={<div style={{
-        padding: '24px 24px 16px',
-        textAlign: 'center'
-      }}>
-              <h3 style={{
-          margin: 0,
-          marginBottom: '8px'
-        }}>
-                {t('components.dialog.stories.withCustomTopContent.customTitle')}
-              </h3>
-              <p style={{
-          margin: 0,
-          color: '#666'
-        }}>
-                {t('components.dialog.stories.withCustomTopContent.customSubtitle')}
-              </p>
-            </div>} title={t('components.dialog.stories.withCustomTopContent.title')} description={t('components.dialog.stories.withCustomTopContent.description')} footer={<Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-              {t('components.dialog.stories.withCustomTopContent.close')}
-            </Button>} />
-      </>;
-  }
-}`,...m.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.footerWithMultipleButtons.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.footerWithMultipleButtons.buttonText')}
-        </Button>
-        <Dialog open={open} onBackdropClick={() => setOpen(false)} title={t('components.dialog.stories.footerWithMultipleButtons.title')} description={t('components.dialog.stories.footerWithMultipleButtons.description')} footer={<>
-              <Button size="large" theme="neutral" type="solid-subtle" onClick={() => setOpen(false)}>
-                {t('components.dialog.stories.footerWithMultipleButtons.cancel')}
-              </Button>
-              <Button size="large" theme="neutral" type="solid" onClick={() => setOpen(false)}>
-                {t('components.dialog.stories.footerWithMultipleButtons.save')}
-              </Button>
-            </>} />
-      </>;
-  }
-}`,...d.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.footerWithStackedButtons.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.footerWithStackedButtons.buttonText')}
-        </Button>
-        <Dialog open={open} onBackdropClick={() => setOpen(false)} title={t('components.dialog.stories.footerWithStackedButtons.title')} description={t('components.dialog.stories.footerWithStackedButtons.description')} footer={<div style={{
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '8px'
-      }}>
-              <Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-                {t('components.dialog.stories.footerWithStackedButtons.primaryAction')}
-              </Button>
-              <Button size="large" theme="neutral" type="solid-subtle" onClick={() => setOpen(false)}>
-                {t('components.dialog.stories.footerWithStackedButtons.secondaryAction')}
-              </Button>
-            </div>} />
-      </>;
-  }
-}`,...u.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.withCustomContent.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.withCustomContent.buttonText')}
-        </Button>
-        <Dialog open={open} onBackdropClick={() => setOpen(false)} closeAction onCloseClick={() => setOpen(false)} title={t('components.dialog.stories.withCustomContent.title')} children={<div style={{
-        padding: '16px'
-      }}>
-              <h3>
-                {t('components.dialog.stories.withCustomContent.contentTitle')}
-              </h3>
-              <p>
-                {t('components.dialog.stories.withCustomContent.contentText')}
-              </p>
-            </div>} footer={<Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-              {t('components.dialog.stories.withCustomContent.close')}
-            </Button>} />
-      </>;
-  }
-}`,...g.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.completeExample.storyName'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.completeExample.buttonText')}
-        </Button>
-        <Dialog open={open} closeAction onCloseClick={() => setOpen(false)} onBackdropClick={() => setOpen(false)} title={t('components.dialog.stories.completeExample.titleText')} description={t('components.dialog.stories.completeExample.descriptionText')} footer={<div style={{
-        display: 'flex',
-        gap: '8px',
-        justifyContent: 'flex-end'
-      }}>
-              <Button size="large" theme="neutral" type="solid-subtle" onClick={() => setOpen(false)}>
-                {t('components.dialog.stories.completeExample.cancel')}
-              </Button>
-              <Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-                {t('components.dialog.stories.completeExample.confirm')}
-              </Button>
-            </div>} />
-      </>;
-  }
-}`,...h.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dialog.stories.interactive.title'),
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <>
-        <Button size="large" theme="neutral" onClick={() => setOpen(true)}>
-          {t('components.dialog.stories.interactive.buttonText')}
-        </Button>
-        <Dialog open={open} onBackdropClick={() => setOpen(false)} title={t('components.dialog.stories.interactive.title')} description={t('components.dialog.stories.interactive.descriptionText')} closeAction={false} footer={<Button size="large" theme="neutral" onClick={() => setOpen(false)}>
-              {t('components.dialog.stories.interactive.close')}
-            </Button>} />
-      </>;
-  }
-}`,...f.parameters?.docs?.source}}};const K=["Default","TitleOnly","WithTopImage","WithCloseButton","WithCustomTopContent","FooterWithMultipleButtons","FooterWithStackedButtons","WithCustomContent","CompleteExample","Interactive"];export{h as CompleteExample,l as Default,d as FooterWithMultipleButtons,u as FooterWithStackedButtons,f as Interactive,a as TitleOnly,p as WithCloseButton,g as WithCustomContent,m as WithCustomTopContent,c as WithTopImage,K as __namedExportsOrder,J as default};