@preply/ds-docs 7.1.0 → 8.0.0

package/dist/assets/Dialog.stories-RQp6xIqU.js

@@ -1,379 +0,0 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{a as p}from"./index-B-lxVbXh.js";import{f as W,u as l,a as u,e as a,w as A}from"./index-Dk_MCKuE.js";import{D as c}from"./index--TGv0Gnn.js";import{B as d}from"./Button-C-6rDSzI.js";import{A as st}from"./Avatar-NdNFhLYi.js";import{F as lt}from"./TokyoUIInfo-DbkQBubr.js";import{N as ct}from"./NumberField-CmClnfq6.js";import{I as dt}from"./Icon-BsfKiFZj.js";import{O as N}from"./OnboardingTooltip-DVeLAHtQ.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./Steps-BnIR8N56.js";import"./index-DWSmmBvQ.js";import"./tslib.es6-C7pnyCjR.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-CzIRSKAr.js";import"./text-accent-VILyY3zt.js";import"./classNames-9hsFPPZv.js";import"./text-centered-BFb64PJw.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./ProgressSteps-BfCnfM68.js";import"./Text-DVl1HBkZ.js";import"./defaults-_YAxqn11.js";import"./message-CSdaKtIj.js";import"./TokyoUIClose-thK8sk63.js";import"./IconButton-BgdrD9k8.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-h431KMrY.js";import"./Spinner-qiZily8k.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";import"./shared-strings-DFzxd8lM.js";import"./useOpenInteractionType-BkuUI9ak.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./PortalElementProvider-BAqvxZzH.js";import"./index-Cc-bXjHe.js";import"./index-BqT8peiM.js";import"./constants-5om8Ptru.js";import"./FormControl-BIPOTQBb.js";import"./Input-CfV08vH7.js";import"./InputContainer-Cnv--ROK.js";import"./index-CUHsGBvM.js";import"./index-2TVOn9du.js";import"./index-DR63UjCN.js";const m=()=>e.jsx("div",{style:{width:"100%",height:"200px",background:"linear-gradient(to bottom, color-mix(in srgb, #e0e0e0, transparent), #e0e0e0)"}});let rt=()=>{};const pt=(o,t)=>{const[n,i]=w.useState(t.args.open);rt=()=>i(!1);const s=()=>{var y,q;i(!1),(q=(y=t.args).onClose)==null||q.call(y)};return e.jsxs(e.Fragment,{children:[e.jsx(d,{dataset:{testid:"trigger"},onClick:()=>i(!0),children:"Open"}),e.jsx(o,{args:{...t.args,open:n,onClose:s}})]})},r={title:"Components/Dialog",component:c,parameters:{preventIframeFromScrollingParent:!0,docs:{story:{inline:!1,height:600}}},decorators:[pt],args:{onClose:W(),children:e.jsx(m,{}),dataset:{testid:"dialog"}},play:async({canvas:o,step:t})=>{await t("Open dialog",async()=>{const n=o.getByTestId("trigger");return await l.click(n),u(()=>{a(o.getByTestId("dialog")).toBeVisible()})})}},T={args:{title:"Dialog title",children:e.jsxs(e.Fragment,{children:[e.jsx(m,{}),e.jsx(c.Actions,{primaryButton:e.jsx(d,{size:"medium",variant:"primary",onClick:()=>{p("Primary button clicked"),rt()},children:"Primary"}),secondaryButton:e.jsx(d,{size:"medium",variant:"tertiary",onClick:p("Secondary button clicked"),children:"Secondary"})})]})}},C={tags:["!autodocs","!dev"],args:{size:"xs",title:"Extra Small Dialog"}},k={tags:["!autodocs","!dev"],args:{size:"sm",title:"Small Dialog"}},D={tags:["!autodocs","!dev"],args:{size:"md",title:"Medium Dialog"}},I={tags:["!autodocs","!dev"],args:{size:"lg",title:"Large Dialog"}},h={tags:["!autodocs","!dev"],args:{size:{_:"xs","medium-l":"lg"},title:"Width Responsiveness",description:"Change the window width to see the Dialog width respond to it"}},ut=()=>{const[o,t]=w.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx(ct,{label:"Child count",value:o,onChange:n=>t(parseInt(n.target.value)),required:!0}),e.jsx("br",{}),Array.from({length:o},(n,i)=>e.jsx(m,{},i))]})},S={args:{title:"Height Responsiveness",description:"Change the number of children to see the Dialog style respond to the height change",children:e.jsxs(e.Fragment,{children:[e.jsx(ut,{}),e.jsx(c.Actions,{primaryButton:e.jsx(d,{size:"medium",variant:"primary",onClick:p("Primary button clicked"),children:"Primary"}),secondaryButton:e.jsx(d,{size:"medium",variant:"tertiary",onClick:p("Secondary button clicked"),children:"Secondary"})})]})}},f={parameters:{chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"},"medium-l":{viewport:"medium-l"}}}},args:{title:"Mobile Full Height",mobileFullHeight:!0}},j={args:{title:"Visually Hidden Title",description:"This header is hidden visually but still accessible to screen readers",hideHeader:!0}},P={args:{title:"Dialog Title",description:"This is the dialog description.",children:e.jsxs(e.Fragment,{children:[e.jsx(m,{}),e.jsx(c.Actions,{primaryButton:e.jsx(d,{size:"medium",variant:"primary",onClick:p("Primary button clicked"),children:"Primary"})})]})}},z={args:{title:"Dialog Title",description:"This is the dialog description.",children:e.jsxs(e.Fragment,{children:[e.jsx(m,{}),e.jsx(c.Actions,{primaryButton:e.jsx(d,{size:"medium",variant:"primary",onClick:p("Primary button clicked"),children:"Primary"}),secondaryButton:e.jsx(d,{size:"medium",variant:"tertiary",onClick:p("Secondary button clicked"),children:"Secondary"})})]})}},v={args:{title:"Hidden Dialog Title",hideHeader:!0,children:e.jsx(e.Fragment,{children:e.jsxs(c.Steps,{"aria-label":"Onboarding Steps",children:[e.jsx(c.Step,{title:"Profile",description:"Tell us more about yourself",children:e.jsx(m,{})}),e.jsx(c.Step,{title:"Subject",description:"What do you want to learn?",children:e.jsx(m,{})}),e.jsx(c.Step,{title:"Availability",description:"When are you available?",children:e.jsx(m,{})}),e.jsx(c.StepsActions,{primaryButton:e.jsx(d,{size:"medium",variant:"primary",onClick:p("Primary button clicked"),children:"Primary"})})]})})},play:async o=>{var i;await((i=r.play)==null?void 0:i.call(r,o));const{canvas:t,step:n}=o;await n("Initially, only next button is present",async()=>{a(t.queryByRole("button",{name:"Next"})).toBeVisible(),a(t.queryByRole("button",{name:"Previous"})).not.toBeInTheDocument(),a(t.queryByRole("button",{name:"Primary"})).not.toBeInTheDocument()}),await n("Navigate to the next step. Previous/Next buttons are visible",async()=>{await l.click(t.getByRole("button",{name:"Next"})),a(t.queryByRole("button",{name:"Previous"})).toBeVisible(),a(t.queryByRole("button",{name:"Next"})).toBeVisible(),a(t.queryByRole("button",{name:"Primary"})).not.toBeInTheDocument()}),await n("Navigate to the last step. Previous/Primary buttons are visible",async()=>{await l.click(t.getByRole("button",{name:"Next"})),a(t.queryByRole("button",{name:"Previous"})).toBeVisible(),a(t.queryByRole("button",{name:"Primary"})).toBeVisible(),a(t.queryByRole("button",{name:"Next"})).not.toBeInTheDocument()})}},B={args:{leadingElement:e.jsx(dt,{size:"32",svg:lt}),title:"Information Dialog"}},b={args:{leadingElement:e.jsx(st,{size:"48",alt:"User"}),title:"User Profile",description:"This dialog shows a user profile with an avatar in the title"}},g=o=>(w.useEffect(()=>(document.body.style.setProperty("--ds-dialog-overlay-z-index-override","88"),document.body.style.setProperty("--ds-dialog-content-z-index-override","77"),()=>{document.body.style.removeProperty("--ds-dialog-overlay-z-index-override"),document.body.style.removeProperty("--ds-dialog-content-z-index-override")}),[]),e.jsx("div",{style:{position:"relative",zIndex:99},children:e.jsx(c,{...o,title:"ZIndex Override"})}));g.parameters={docs:{source:{type:"code"}}};g.play=async({canvas:o,step:t})=>{await t("Open alert",async()=>(await l.click(o.getByTestId("trigger")),u(()=>{const n=o.getByTestId("dialog");a(n).toBeVisible()}))),await t("Check content's computed z-index",async()=>{const n=o.getByTestId("dialog"),i=getComputedStyle(n);a(i.zIndex).toBe("77")}),await t("Check overlay's computed z-index",async()=>{const n=o.getByTestId("dialog-overlay");if(!n)throw new Error("The overlay happened to be the previous sibling of the dialog content, but it isn't anymore. Please update the test.");const i=getComputedStyle(n);a(i.zIndex).toBe("88")})};const O={tags:["!autodocs","!dev"],args:{title:"Test Close Button"},play:async o=>{var s;await((s=r.play)==null?void 0:s.call(r,o));const{canvas:t,step:n,args:i}=o;await n("Close dialog using close button",async()=>{const y=t.getByTestId("dialog-close");return await l.click(y),u(async()=>(await a(t.queryByTestId("dialog")).not.toBeInTheDocument(),a(i.onClose).toHaveBeenCalledOnce()))})}},R={tags:["!autodocs","!dev"],args:{title:"Test Close Overlay"},play:async o=>{var s;await((s=r.play)==null?void 0:s.call(r,o));const{canvas:t,step:n,args:i}=o;await n("Close dialog by clicking overlay",async()=>{const y=t.getByTestId("dialog-overlay");return await l.click(y),u(async()=>(await a(t.queryByTestId("dialog")).not.toBeInTheDocument(),a(i.onClose).toHaveBeenCalledOnce()))})}},H={tags:["!autodocs","!dev"],args:{title:"Test Close Keyboard"},play:async o=>{var s;await((s=r.play)==null?void 0:s.call(r,o));const{canvas:t,step:n,args:i}=o;await n("Close dialog using escape key",async()=>(await l.keyboard("{Escape}"),u(()=>{a(t.queryByTestId("dialog")).not.toBeInTheDocument(),a(i.onClose).toHaveBeenCalledOnce()})))}},F={uncontrolled:W(p("uncontrolled")),controlled:W(p("controlled"))},mt=()=>{const[o,t]=w.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(N,{dataset:{testid:"uncontrolled-tooltip"},actionOnClick:F.uncontrolled,title:"Uncontrolled",text:"text",children:e.jsx(d,{children:"Uncontrolled"})}),e.jsx(N,{dataset:{testid:"controlled-tooltip"},actionOnClick:F.controlled,title:"Controlled",text:"text",disabled:!o,onClose:()=>t(!1),children:e.jsx(d,{onClick:()=>t(!0),children:"Open tooltip"})})]})},E={tags:["!autodocs","!dev"],args:{children:e.jsx(mt,{})},play:async o=>{var s;await((s=r.play)==null?void 0:s.call(r,o));const{canvas:t,step:n}=o,i=t.getByTestId("uncontrolled-tooltip");await n("Uncontrolled tooltip should be visible",async()=>{a(i).toBeVisible()}),await n("Click on uncontrolled tooltip action",async()=>{await l.click(A(i).getByTestId("action")),a(F.uncontrolled).toHaveBeenCalledOnce()}),await n("Open controlled tooltip",async()=>{await l.click(t.getByRole("button",{name:"Open tooltip"})),await u(()=>{a(t.getByTestId("controlled-tooltip")).toBeVisible()})}),await n("Click on controlled tooltip action",async()=>{await l.click(A(t.getByTestId("controlled-tooltip")).getByTestId("action")),a(F.controlled).toHaveBeenCalledOnce()})}},V=({number:o,children:t})=>{const[n,i]=w.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(d,{onClick:()=>i(!0),dataset:{testid:`trigger-${o}`},children:"Open"}),e.jsx(c,{open:n,onClose:()=>i(!1),title:`Dialog ${o}`,dataset:{testid:`dialog-${o}`},children:t})]})},x={parameters:{chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"},"medium-l":{viewport:"medium-l"}}}},args:{title:"Dialog 1",children:e.jsxs(e.Fragment,{children:[e.jsx(m,{}),e.jsx("br",{}),e.jsx(V,{number:2,children:e.jsx(V,{number:3})})]})},play:async({canvas:o,step:t})=>{await t("Open dialog",async()=>{const n=o.getByTestId("trigger");return await l.click(n),u(()=>{a(o.getByTestId("dialog")).toBeVisible()})}),await t("Open dialog 2",async()=>{const n=o.getByTestId("trigger-2");return await l.click(n),u(()=>{a(o.getByTestId("dialog-2")).toBeVisible()})}),await t("Open dialog 3",async()=>{const n=o.getByTestId("trigger-3");return await l.click(n),u(()=>{a(o.getByTestId("dialog-3")).toBeVisible()})})}};var U,L,M;T.parameters={...T.parameters,docs:{...(U=T.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    title: 'Dialog title',
-    children: <>
-                <DummyContent />
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={() => {
-        action('Primary button clicked');
-        closeDialog();
-      }}>
-                            Primary
-                        </Button>} secondaryButton={<Button size="medium" variant="tertiary" onClick={action('Secondary button clicked')}>
-                            Secondary
-                        </Button>} />
-            </>
-  }
-}`,...(M=(L=T.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var _,K,Z;C.parameters={...C.parameters,docs:{...(_=C.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    size: 'xs',
-    title: 'Extra Small Dialog'
-  }
-}`,...(Z=(K=C.parameters)==null?void 0:K.docs)==null?void 0:Z.source}}};var $,Y,G;k.parameters={...k.parameters,docs:{...($=k.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    size: 'sm',
-    title: 'Small Dialog'
-  }
-}`,...(G=(Y=k.parameters)==null?void 0:Y.docs)==null?void 0:G.source}}};var J,Q,X;D.parameters={...D.parameters,docs:{...(J=D.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    size: 'md',
-    title: 'Medium Dialog'
-  }
-}`,...(X=(Q=D.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var ee,te,oe;I.parameters={...I.parameters,docs:{...(ee=I.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    size: 'lg',
-    title: 'Large Dialog'
-  }
-}`,...(oe=(te=I.parameters)==null?void 0:te.docs)==null?void 0:oe.source}}};var ne,ae,ie,re,se;h.parameters={...h.parameters,docs:{...(ne=h.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    size: {
-      _: 'xs',
-      'medium-l': 'lg'
-    },
-    title: 'Width Responsiveness',
-    description: 'Change the window width to see the Dialog width respond to it'
-  }
-}`,...(ie=(ae=h.parameters)==null?void 0:ae.docs)==null?void 0:ie.source},description:{story:`The Dialog component adapts to different screen sizes through responsive size props.
-Use an object with breakpoints as keys to specify different sizes at different viewport widths:
-
-\`\`\`tsx
-<Dialog
-  size={{
-    _: 'xs',
-    'medium-l': 'lg'
-  }}
-/>
-\`\`\``,...(se=(re=h.parameters)==null?void 0:re.docs)==null?void 0:se.description}}};var le,ce,de;S.parameters={...S.parameters,docs:{...(le=S.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    title: 'Height Responsiveness',
-    description: 'Change the number of children to see the Dialog style respond to the height change',
-    children: <>
-                <DynamicChildren />
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                            Primary
-                        </Button>} secondaryButton={<Button size="medium" variant="tertiary" onClick={action('Secondary button clicked')}>
-                            Secondary
-                        </Button>} />
-            </>
-  }
-}`,...(de=(ce=S.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var pe,ue,me;f.parameters={...f.parameters,docs:{...(pe=f.parameters)==null?void 0:pe.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      modes: {
-        'narrow-l': {
-          viewport: 'narrow-l'
-        },
-        'medium-s': {
-          viewport: 'medium-s'
-        },
-        'medium-l': {
-          viewport: 'medium-l'
-        }
-      }
-    }
-  },
-  args: {
-    title: 'Mobile Full Height',
-    mobileFullHeight: true
-  }
-}`,...(me=(ue=f.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var ge,ye,he;j.parameters={...j.parameters,docs:{...(ge=j.parameters)==null?void 0:ge.docs,source:{originalSource:`{
-  args: {
-    title: 'Visually Hidden Title',
-    description: 'This header is hidden visually but still accessible to screen readers',
-    hideHeader: true
-  }
-}`,...(he=(ye=j.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var ve,Be,be;P.parameters={...P.parameters,docs:{...(ve=P.parameters)==null?void 0:ve.docs,source:{originalSource:`{
-  args: {
-    title: 'Dialog Title',
-    description: 'This is the dialog description.',
-    children: <>
-                <DummyContent />
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                            Primary
-                        </Button>} />
-            </>
-  }
-}`,...(be=(Be=P.parameters)==null?void 0:Be.docs)==null?void 0:be.source}}};var xe,we,Te;z.parameters={...z.parameters,docs:{...(xe=z.parameters)==null?void 0:xe.docs,source:{originalSource:`{
-  args: {
-    title: 'Dialog Title',
-    description: 'This is the dialog description.',
-    children: <>
-                <DummyContent />
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                            Primary
-                        </Button>} secondaryButton={<Button size="medium" variant="tertiary" onClick={action('Secondary button clicked')}>
-                            Secondary
-                        </Button>} />
-            </>
-  }
-}`,...(Te=(we=z.parameters)==null?void 0:we.docs)==null?void 0:Te.source}}};var Ce,ke,De,Ie,Se;v.parameters={...v.parameters,docs:{...(Ce=v.parameters)==null?void 0:Ce.docs,source:{originalSource:`{
-  args: {
-    title: 'Hidden Dialog Title',
-    hideHeader: true,
-    children: <>
-                <Dialog.Steps aria-label="Onboarding Steps">
-                    <Dialog.Step title="Profile" description="Tell us more about yourself">
-                        <DummyContent />
-                    </Dialog.Step>
-                    <Dialog.Step title="Subject" description="What do you want to learn?">
-                        <DummyContent />
-                    </Dialog.Step>
-                    <Dialog.Step title="Availability" description="When are you available?">
-                        <DummyContent />
-                    </Dialog.Step>
-                    <Dialog.StepsActions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                                Primary
-                            </Button>} />
-                </Dialog.Steps>
-            </>
-  },
-  /**
-   * This story only tests dialog-specific behavior. See \`Steps\` stories for more comprehensive tests.
-   */
-  play: async ctx => {
-    await meta.play?.(ctx);
-    const {
-      canvas,
-      step
-    } = ctx;
-    await step('Initially, only next button is present', async () => {
-      expect(canvas.queryByRole('button', {
-        name: 'Next'
-      })).toBeVisible();
-      expect(canvas.queryByRole('button', {
-        name: 'Previous'
-      })).not.toBeInTheDocument();
-      expect(canvas.queryByRole('button', {
-        name: 'Primary'
-      })).not.toBeInTheDocument();
-    });
-    await step('Navigate to the next step. Previous/Next buttons are visible', async () => {
-      await userEvent.click(canvas.getByRole('button', {
-        name: 'Next'
-      }));
-      expect(canvas.queryByRole('button', {
-        name: 'Previous'
-      })).toBeVisible();
-      expect(canvas.queryByRole('button', {
-        name: 'Next'
-      })).toBeVisible();
-      expect(canvas.queryByRole('button', {
-        name: 'Primary'
-      })).not.toBeInTheDocument();
-    });
-    await step('Navigate to the last step. Previous/Primary buttons are visible', async () => {
-      await userEvent.click(canvas.getByRole('button', {
-        name: 'Next'
-      }));
-      expect(canvas.queryByRole('button', {
-        name: 'Previous'
-      })).toBeVisible();
-      expect(canvas.queryByRole('button', {
-        name: 'Primary'
-      })).toBeVisible();
-      expect(canvas.queryByRole('button', {
-        name: 'Next'
-      })).not.toBeInTheDocument();
-    });
-  }
-}`,...(De=(ke=v.parameters)==null?void 0:ke.docs)==null?void 0:De.source},description:{story:"The Dialog component can be used with the Steps component to create multi-step flows.\nYou can hide the Dialog's header using \\`hideHeader\\` and add your own headers to each step,\nlike in this story.",...(Se=(Ie=v.parameters)==null?void 0:Ie.docs)==null?void 0:Se.description}}};var fe,je,Pe,ze,Oe;B.parameters={...B.parameters,docs:{...(fe=B.parameters)==null?void 0:fe.docs,source:{originalSource:`{
-  args: {
-    leadingElement: <Icon size="32" svg={InfoIcon} />,
-    title: 'Information Dialog'
-  }
-}`,...(Pe=(je=B.parameters)==null?void 0:je.docs)==null?void 0:Pe.source},description:{story:"A dialog with an Icon component in the title. This demonstrates how to use React elements in the title.",...(Oe=(ze=B.parameters)==null?void 0:ze.docs)==null?void 0:Oe.description}}};var Re,He,Ee,Fe,We;b.parameters={...b.parameters,docs:{...(Re=b.parameters)==null?void 0:Re.docs,source:{originalSource:`{
-  args: {
-    leadingElement: <Avatar size="48" alt="User" />,
-    title: 'User Profile',
-    description: 'This dialog shows a user profile with an avatar in the title'
-  }
-}`,...(Ee=(He=b.parameters)==null?void 0:He.docs)==null?void 0:Ee.source},description:{story:"A dialog with an Avatar component in the title. This demonstrates how to use compound components in the title.",...(We=(Fe=b.parameters)==null?void 0:Fe.docs)==null?void 0:We.description}}};var qe,Ae,Ne,Ve,Ue;g.parameters={...g.parameters,docs:{...(qe=g.parameters)==null?void 0:qe.docs,source:{originalSource:`args => {
-  useEffect(() => {
-    document.body.style.setProperty('--ds-dialog-overlay-z-index-override', '88');
-    document.body.style.setProperty('--ds-dialog-content-z-index-override', '77');
-    return () => {
-      document.body.style.removeProperty('--ds-dialog-overlay-z-index-override');
-      document.body.style.removeProperty('--ds-dialog-content-z-index-override');
-    };
-  }, []);
-  return <div style={{
-    position: 'relative',
-    zIndex: 99
-  }}>
-            <Dialog {...args} title="ZIndex Override" />
-        </div>;
-}`,...(Ne=(Ae=g.parameters)==null?void 0:Ae.docs)==null?void 0:Ne.source},description:{story:`The Dialog component provides CSS property escape hatches for controlling the z-index of both the overlay and content:
-
-- \\\`--ds-dialog-overlay-z-index-override\\\`: Controls the overlay's z-index
-- \\\`--ds-dialog-content-z-index-override\\\`: Controls the content's z-index
-
-These should only be used when necessary, as proper stacking context isolation is preferred.
-
-In the following example, the stacking order of the dialog trigger, overlay, and content are
-reveresed using the above CSS properties.
-
-Note: This is done using a \\\`useEffect\\\` just for the sake of the story. In a real-world scenario, this should ideally be done in a global stylesheet or a theme provider.`,...(Ue=(Ve=g.parameters)==null?void 0:Ve.docs)==null?void 0:Ue.description}}};var Le,Me,_e;O.parameters={...O.parameters,docs:{...(Le=O.parameters)==null?void 0:Le.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    title: 'Test Close Button'
-  },
-  play: async ctx => {
-    await meta.play?.(ctx);
-    const {
-      canvas,
-      step,
-      args
-    } = ctx;
-    await step('Close dialog using close button', async () => {
-      const closeButton = canvas.getByTestId('dialog-close');
-      await userEvent.click(closeButton);
-      return waitFor(async () => {
-        await expect(canvas.queryByTestId('dialog')).not.toBeInTheDocument();
-        return expect(args.onClose).toHaveBeenCalledOnce();
-      });
-    });
-  }
-}`,...(_e=(Me=O.parameters)==null?void 0:Me.docs)==null?void 0:_e.source}}};var Ke,Ze,$e;R.parameters={...R.parameters,docs:{...(Ke=R.parameters)==null?void 0:Ke.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    title: 'Test Close Overlay'
-  },
-  play: async ctx => {
-    await meta.play?.(ctx);
-    const {
-      canvas,
-      step,
-      args
-    } = ctx;
-    await step('Close dialog by clicking overlay', async () => {
-      const overlay = canvas.getByTestId('dialog-overlay');
-      await userEvent.click(overlay);
-      return waitFor(async () => {
-        await expect(canvas.queryByTestId('dialog')).not.toBeInTheDocument();
-        return expect(args.onClose).toHaveBeenCalledOnce();
-      });
-    });
-  }
-}`,...($e=(Ze=R.parameters)==null?void 0:Ze.docs)==null?void 0:$e.source}}};var Ye,Ge,Je;H.parameters={...H.parameters,docs:{...(Ye=H.parameters)==null?void 0:Ye.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    title: 'Test Close Keyboard'
-  },
-  play: async ctx => {
-    await meta.play?.(ctx);
-    const {
-      canvas,
-      step,
-      args
-    } = ctx;
-    await step('Close dialog using escape key', async () => {
-      await userEvent.keyboard('{Escape}');
-      return waitFor(() => {
-        expect(canvas.queryByTestId('dialog')).not.toBeInTheDocument();
-        expect(args.onClose).toHaveBeenCalledOnce();
-      });
-    });
-  }
-}`,...(Je=(Ge=H.parameters)==null?void 0:Ge.docs)==null?void 0:Je.source}}};var Qe,Xe,et;E.parameters={...E.parameters,docs:{...(Qe=E.parameters)==null?void 0:Qe.docs,source:{originalSource:`{
-  tags: ['!autodocs', '!dev'],
-  args: {
-    children: <ContentWithOnboardingTooltip />
-  },
-  play: async ctx => {
-    await meta.play?.(ctx);
-    const {
-      canvas,
-      step
-    } = ctx;
-    const uncontrolledTooltip = canvas.getByTestId('uncontrolled-tooltip');
-    await step('Uncontrolled tooltip should be visible', async () => {
-      expect(uncontrolledTooltip).toBeVisible();
-    });
-    await step('Click on uncontrolled tooltip action', async () => {
-      await userEvent.click(within(uncontrolledTooltip).getByTestId('action'));
-      expect(onboardingTooltipCallbacks.uncontrolled).toHaveBeenCalledOnce();
-    });
-    await step('Open controlled tooltip', async () => {
-      await userEvent.click(canvas.getByRole('button', {
-        name: 'Open tooltip'
-      }));
-      await waitFor(() => {
-        expect(canvas.getByTestId('controlled-tooltip')).toBeVisible();
-      });
-    });
-    await step('Click on controlled tooltip action', async () => {
-      await userEvent.click(within(canvas.getByTestId('controlled-tooltip')).getByTestId('action'));
-      expect(onboardingTooltipCallbacks.controlled).toHaveBeenCalledOnce();
-    });
-  }
-}`,...(et=(Xe=E.parameters)==null?void 0:Xe.docs)==null?void 0:et.source}}};var tt,ot,nt,at,it;x.parameters={...x.parameters,docs:{...(tt=x.parameters)==null?void 0:tt.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      modes: {
-        'narrow-l': {
-          viewport: 'narrow-l'
-        },
-        'medium-s': {
-          viewport: 'medium-s'
-        },
-        'medium-l': {
-          viewport: 'medium-l'
-        }
-      }
-    }
-  },
-  args: {
-    title: 'Dialog 1',
-    children: <>
-                <DummyContent />
-                <br />
-                <NestedDialogsLayer number={2}>
-                    <NestedDialogsLayer number={3} />
-                </NestedDialogsLayer>
-            </>
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    await step('Open dialog', async () => {
-      const triggerButton = canvas.getByTestId('trigger');
-      await userEvent.click(triggerButton);
-      return waitFor(() => {
-        expect(canvas.getByTestId('dialog')).toBeVisible();
-      });
-    });
-    await step('Open dialog 2', async () => {
-      const triggerButton = canvas.getByTestId('trigger-2');
-      await userEvent.click(triggerButton);
-      return waitFor(() => {
-        expect(canvas.getByTestId('dialog-2')).toBeVisible();
-      });
-    });
-    await step('Open dialog 3', async () => {
-      const triggerButton = canvas.getByTestId('trigger-3');
-      await userEvent.click(triggerButton);
-      return waitFor(() => {
-        expect(canvas.getByTestId('dialog-3')).toBeVisible();
-      });
-    });
-  }
-}`,...(nt=(ot=x.parameters)==null?void 0:ot.docs)==null?void 0:nt.source},description:{story:`Each nested \`Dialog\` will be opened in a new stacking context, meaning that
-they will maintain their own focus, keyboard navigation, and light dismiss
-behavior without affecting the parent dialog.
-
-They will each also have their own backdrop overlay.`,...(it=(at=x.parameters)==null?void 0:at.docs)==null?void 0:it.description}}};const uo=["Default","ExtraSmall","Small","Medium","Large","WidthResponsiveness","HeightResponsiveness","MobileFullHeight","WithHiddenHeader","WithPrimaryAction","WithSecondaryAction","WithSteps","WithIcon","WithAvatar","WithZIndexOverride","TestCloseButton","TestCloseOverlay","TestCloseKeyboard","WithOnboardingTooltipInside","NestedDialogs"];export{T as Default,C as ExtraSmall,S as HeightResponsiveness,I as Large,D as Medium,f as MobileFullHeight,x as NestedDialogs,k as Small,O as TestCloseButton,H as TestCloseKeyboard,R as TestCloseOverlay,h as WidthResponsiveness,b as WithAvatar,j as WithHiddenHeader,B as WithIcon,E as WithOnboardingTooltipInside,P as WithPrimaryAction,z as WithSecondaryAction,v as WithSteps,g as WithZIndexOverride,uo as __namedExportsOrder,r as default};

package/dist/assets/DismissibleChips-BGcUuQYK.js

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as k}from"./index-Cb9e4tly.js";import{u as x}from"./useControllableState-DKskwY-e.js";import{c as j,$ as R,C as I,a as z,b as _,d as E,e as L}from"./createRequiredContext-DPmvfWRz.js";import{F as N}from"./TokyoUIClose-thK8sk63.js";import{V as A}from"./VisuallyHidden-CZd13GOS.js";import"./index-DWSmmBvQ.js";import{g as S}from"./shared-strings-DFzxd8lM.js";import{f as V}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as T}from"./Icon-BsfKiFZj.js";import{g as w}from"./index-qlqSh81O.js";import{M as F}from"./message-CSdaKtIj.js";import{w as q}from"./componentNames-k0j3gHgH.js";const[M,B]=j("DismissibleChips"),C=k.forwardRef(function({items:l,children:r,orientation:t,"aria-label":o,"aria-controls":m,value:c,onValueChange:d,defaultValue:p,dataset:f,...h},b){const[n,g]=x({value:c,onValueChange:d,defaultValue:p??[]}),u=v=>{g(n.filter(a=>a!==v))},i=l?l.map(({label:v,value:a,...D})=>e.jsx(y,{value:a,...D,children:v},a)):r;return e.jsx(M,{value:{values:n,onRemove:u,ariaControls:m},children:e.jsx(E,{orientation:t,children:e.jsx(L,{...V(h),ref:b,orientation:t,"aria-label":o,...w(f,{preplyDsComponent:q.DismissibleChips}),children:i})})})}),y=k.forwardRef(function({value:l,children:r,icon:t,countryFlagCode:o,disabled:m,counter:c,dataset:d,dsInternalSimulation:p,...f},h){const{values:b,onRemove:n,ariaControls:g}=B(),u=R(),i=()=>{n(l),u==null||u.focusNext({wrap:!0})},v=a=>{switch(a.key){case"Delete":case"Backspace":i();break}};return b.includes(l)?e.jsx(I,{children:e.jsxs(z,{...V(f),ref:h,variant:"dismissible",onClick:i,onKeyDown:v,icon:t,countryFlagCode:o,disabled:m,"aria-controls":g,dsInternalSimulation:p,...w(d,{preplyDsComponent:q.DismissibleChipsItem}),children:[e.jsx(A,{children:e.jsx(F,{...S.remove})}),e.jsx(_,{counter:c,children:r}),e.jsx(T,{svg:N})]})}):null});try{C.displayName="DismissibleChips",C.__docgenInfo={description:"A chips component for displaying dismissible/removable items.",displayName:"DismissibleChips",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},value:{defaultValue:null,description:"Current value of the chips. When provided, the component operates in controlled mode",name:"value",required:!1,type:{name:"enum",value:[{value:"T[]"}]}},defaultValue:{defaultValue:null,description:"Default value for uncontrolled usage. Will be ignored if `value` is provided",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"T[]"}]}},onValueChange:{defaultValue:null,description:"Callback fired when the value changes. Receives the new value as an argument",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: T[]) => void"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the chips group. Required for screen reader users",name:"aria-label",required:!0,type:{name:"string"}},"aria-controls":{defaultValue:null,description:"If the chips control other elements on the page, use `aria-controls` with the target element's ID.",name:"aria-controls",required:!1,type:{name:"enum",value:[{value:"string"}]}},orientation:{defaultValue:{value:"'horizontal'"},description:"Layout orientation of the chips group.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"enum",value:[{value:'(Omit<ChipsItemProps, "children" | "dsInternalSimulation" | "value"> & { value: NonNullable<T>; label: ReactNode; })[]'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"(instance: HTMLUListElement | null) => void"},{value:"RefObject<HTMLUListElement>"}]}}}}}catch{}try{y.displayName="DismissibleChipsItem",y.__docgenInfo={description:"Individual dismissible chip item for use within DismissibleChips.",displayName:"DismissibleChipsItem",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},countryFlagCode:{defaultValue:null,description:"",name:"countryFlagCode",required:!1,type:{name:"enum",value:[{value:'"ai"'},{value:'"id"'},{value:'"as"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"br"'},{value:'"hr"'},{value:'"is"'},{value:'"at"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"ad"'},{value:'"ao"'},{value:'"aq"'},{value:'"ag"'},{value:'"ar"'},{value:'"am"'},{value:'"aw"'},{value:'"sh-ac"'},{value:'"asean"'},{value:'"au"'},{value:'"az"'},{value:'"bs"'},{value:'"bh"'},{value:'"bd"'},{value:'"bb"'},{value:'"es-pv"'},{value:'"by"'},{value:'"be"'},{value:'"bz"'},{value:'"bj"'},{value:'"bm"'},{value:'"bt"'},{value:'"bo"'},{value:'"bq"'},{value:'"ba"'},{value:'"bw"'},{value:'"bv"'},{value:'"io"'},{value:'"bn"'},{value:'"bg"'},{value:'"bf"'},{value:'"bi"'},{value:'"cv"'},{value:'"kh"'},{value:'"cm"'},{value:'"ca"'},{value:'"ic"'},{value:'"es-ct"'},{value:'"ky"'},{value:'"cf"'},{value:'"cefta"'},{value:'"cl"'},{value:'"cn"'},{value:'"cx"'},{value:'"cp"'},{value:'"cc"'},{value:'"co"'},{value:'"km"'},{value:'"ck"'},{value:'"cr"'},{value:'"cu"'},{value:'"cw"'},{value:'"cy"'},{value:'"cz"'},{value:'"ci"'},{value:'"cd"'},{value:'"dk"'},{value:'"dg"'},{value:'"dj"'},{value:'"dm"'},{value:'"do"'},{value:'"eac"'},{value:'"ec"'},{value:'"eg"'},{value:'"sv"'},{value:'"gb-eng"'},{value:'"gq"'},{value:'"er"'},{value:'"ee"'},{value:'"sz"'},{value:'"et"'},{value:'"eu"'},{value:'"fk"'},{value:'"fo"'},{value:'"fm"'},{value:'"fj"'},{value:'"fi"'},{value:'"fr"'},{value:'"gf"'},{value:'"pf"'},{value:'"tf"'},{value:'"ga"'},{value:'"es-ga"'},{value:'"gm"'},{value:'"ge"'},{value:'"de"'},{value:'"gh"'},{value:'"gi"'},{value:'"gr"'},{value:'"gl"'},{value:'"gd"'},{value:'"gp"'},{value:'"gu"'},{value:'"gt"'},{value:'"gg"'},{value:'"gn"'},{value:'"gw"'},{value:'"gy"'},{value:'"ht"'},{value:'"hm"'},{value:'"va"'},{value:'"hn"'},{value:'"hk"'},{value:'"hu"'},{value:'"in"'},{value:'"ir"'},{value:'"iq"'},{value:'"ie"'},{value:'"im"'},{value:'"il"'},{value:'"it"'},{value:'"jm"'},{value:'"jp"'},{value:'"je"'},{value:'"jo"'},{value:'"kz"'},{value:'"ke"'},{value:'"ki"'},{value:'"xk"'},{value:'"kw"'},{value:'"kg"'},{value:'"la"'},{value:'"lv"'},{value:'"arab"'},{value:'"lb"'},{value:'"ls"'},{value:'"lr"'},{value:'"ly"'},{value:'"lt"'},{value:'"lu"'},{value:'"mo"'},{value:'"mg"'},{value:'"mw"'},{value:'"my"'},{value:'"mv"'},{value:'"ml"'},{value:'"mt"'},{value:'"mh"'},{value:'"mq"'},{value:'"mr"'},{value:'"mu"'},{value:'"yt"'},{value:'"mx"'},{value:'"md"'},{value:'"mc"'},{value:'"mn"'},{value:'"me"'},{value:'"ms"'},{value:'"ma"'},{value:'"mz"'},{value:'"mm"'},{value:'"na"'},{value:'"nr"'},{value:'"np"'},{value:'"nl"'},{value:'"nc"'},{value:'"nz"'},{value:'"ni"'},{value:'"ne"'},{value:'"ng"'},{value:'"nu"'},{value:'"nf"'},{value:'"kp"'},{value:'"mk"'},{value:'"gb-nir"'},{value:'"mp"'},{value:'"no"'},{value:'"om"'},{value:'"pc"'},{value:'"pk"'},{value:'"pw"'},{value:'"pa"'},{value:'"pg"'},{value:'"py"'},{value:'"pe"'},{value:'"ph"'},{value:'"pn"'},{value:'"pl"'},{value:'"pt"'},{value:'"pr"'},{value:'"qa"'},{value:'"cg"'},{value:'"ro"'},{value:'"ru"'},{value:'"rw"'},{value:'"re"'},{value:'"bl"'},{value:'"sh-hl"'},{value:'"sh"'},{value:'"kn"'},{value:'"lc"'},{value:'"mf"'},{value:'"pm"'},{value:'"vc"'},{value:'"ws"'},{value:'"sm"'},{value:'"st"'},{value:'"sa"'},{value:'"gb-sct"'},{value:'"sn"'},{value:'"rs"'},{value:'"sc"'},{value:'"sl"'},{value:'"sg"'},{value:'"sx"'},{value:'"sk"'},{value:'"si"'},{value:'"sb"'},{value:'"so"'},{value:'"za"'},{value:'"gs"'},{value:'"kr"'},{value:'"ss"'},{value:'"es"'},{value:'"lk"'},{value:'"ps"'},{value:'"sd"'},{value:'"sr"'},{value:'"sj"'},{value:'"se"'},{value:'"ch"'},{value:'"sy"'},{value:'"tw"'},{value:'"tj"'},{value:'"tz"'},{value:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"to"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{value:'"ug"'},{value:'"ua"'},{value:'"ae"'},{value:'"gb"'},{value:'"un"'},{value:'"um"'},{value:'"us"'},{value:'"uy"'},{value:'"uz"'},{value:'"vu"'},{value:'"ve"'},{value:'"vn"'},{value:'"vg"'},{value:'"vi"'},{value:'"gb-wls"'},{value:'"wf"'},{value:'"eh"'},{value:'"ye"'},{value:'"zm"'},{value:'"zw"'}]}},value:{defaultValue:null,description:"Unique identifier for this chip. Used for selection tracking",name:"value",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"Content to display inside the chip",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},counter:{defaultValue:null,description:"Optional numeric counter to display alongside the chip label",name:"counter",required:!1,type:{name:"enum",value:[{value:"number"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{y as D,C as a};

package/dist/assets/Divider-BPgGsji3.js

@@ -1 +0,0 @@
-import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{w as r}from"./componentNames-k0j3gHgH.js";const l="Divider__o9--B",i={Divider:l,"size-small":"size-small__QrAgV","size-large":"size-large__agPv9"},s=({size:e="small"})=>a.jsx("hr",{className:`${i.Divider} ${i[`size-${e}`]}`,"data-preply-ds-component":r.Divider});try{s.displayName="Divider",s.__docgenInfo={description:"",displayName:"Divider",props:{size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"small"'}]}}}}}catch{}export{s as D};

package/dist/assets/Divider.stories-D0XhMPpe.js

@@ -1,9 +0,0 @@
-import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{D as p}from"./Divider-BPgGsji3.js";import"./index-ChsGqxH_.js";import"./componentNames-k0j3gHgH.js";const u={title:"Components/Divider",component:p,decorators:[n=>s.jsx("div",{style:{padding:"24px 12px 48px"},children:s.jsx(n,{})})],argTypes:{size:{control:{type:"select",labels:["small","large"]}}}},r={args:{size:"small"}},e={args:{size:"large"}};var a,o,t;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{
-  args: {
-    size: 'small'
-  }
-}`,...(t=(o=r.parameters)==null?void 0:o.docs)==null?void 0:t.source}}};var i,l,m;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
-  args: {
-    size: 'large'
-  }
-}`,...(m=(l=e.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};const z=["Small","Large"];export{e as Large,r as Small,z as __namedExportsOrder,u as default};

package/dist/assets/DocsRenderer-CFRXHY34-7_I-DC5T.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BN6VMYqa.js","./index-Cb9e4tly.js","./_commonjsHelpers-Cpj98o6Y.js","./index-ChsGqxH_.js"])))=>i.map(i=>d[i]);
-import{_ as c}from"./iframe-C3SpczPa.js";import{r as s,e as n}from"./index-Cb9e4tly.js";import{H as p,A as h,C as E,e as d}from"./index-CRQycg-8.js";import{c as v}from"./client-CYxxc9KC.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-ChsGqxH_.js";import"./jsx-runtime-BTJTZTIL.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";var i=new Map;function R(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var w=async(e,t,r)=>{let o=await x(t,r);if(R()){o.render(e);return}let{promise:a,resolve:m}=Promise.withResolvers();return o.render(s.createElement(f,{callback:m},e)),a},_=(e,t)=>{let r=i.get(e);r&&(r.unmount(),i.delete(e))},x=async(e,t)=>{let r=i.get(e);return r||(r=v.createRoot(e,t),i.set(e,r)),r},g={code:E,a:h,...p},y=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},H=class{constructor(){this.render=async(e,t,r)=>{let o={...g,...t==null?void 0:t.components},a=d;return new Promise((m,l)=>{c(async()=>{const{MDXProvider:u}=await import("./index-BN6VMYqa.js");return{MDXProvider:u}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:u})=>w(n.createElement(y,{showException:l,key:Math.random()},n.createElement(u,{components:o},n.createElement(a,{context:e,docsParameter:t}))),r)).then(()=>m())})},this.unmount=e=>{_(e)}}};export{H as DocsRenderer,g as defaultComponents};