@preply/ds-docs 9.0.1 → 9.1.0

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

@@ -1,251 +0,0 @@
-import{j as e,r as b}from"./iframe-rPxPheSO.js";import{D as s}from"./index-jKLBZczP.js";import{B as a}from"./Button-DGeBRRiu.js";import{A as Te}from"./Avatar-B1YmiX3C.js";import{F as Ie}from"./TokyoUIInfo-CIEgGZLb.js";import{N as Oe}from"./NumberField-UaAR3tKE.js";import{I as Pe}from"./Icon-C5UQdb5e.js";import{O as z}from"./OnboardingTooltip-BZ24KrQu.js";import{C as x}from"./Checkbox-C_2Ntdn7.js";import{D as ze,a as Re}from"./DialogTitle-C_7Sfj1O.js";import"./preload-helper-Dp1pzeXC.js";import"./Steps-CmKCNz9h.js";import"./index-Ch8cwrP-.js";import"./Heading-BFtiYfNT.js";import"./text-accent-DectBi3u.js";import"./text-centered-nlNU1AO2.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-Dts5uwdK.js";import"./ProgressSteps-DENeSjPR.js";import"./Text-DadiF3bg.js";import"./message-CVBYHxuJ.js";import"./DialogActions-BVsjnGkp.js";import"./Dialog-CKmITsZc.js";import"./render-icon-CYz0RSbb.js";import"./ButtonBase-DNBAX75l.js";import"./Spinner-DMKptX0-.js";import"./useMergeRefs-D3-2wqPW.js";import"./useHostname-CSCtqnDM.js";import"./index-CC6DAVyL.js";import"./constants-5om8Ptru.js";import"./FormControl-CzKrRqYA.js";import"./Input-CY8WPfKe.js";import"./InputContainer-D7ZAPKi0.js";import"./TokyoUIClose-CdBZGlA7.js";import"./shared-strings-DqJVAlTT.js";import"./index-CHV8c6AM.js";import"./IconButton-ClS7adSJ.js";import"./useOpenInteractionType-DLe0t7DD.js";const{action:l}=__STORYBOOK_MODULE_ACTIONS__,{expect:n,fn:I,userEvent:c,waitFor:m,within:R}=__STORYBOOK_MODULE_TEST__,d=()=>e.jsx("div",{style:{width:"100%",height:"200px",background:"linear-gradient(to bottom, color-mix(in srgb, #e0e0e0, transparent), #e0e0e0)"}});let De=()=>{};const Ae=(o,t)=>{const[i,r]=b.useState(t.args.open);De=()=>r(!1);const v=()=>{var O,P;r(!1),(P=(O=t.args).onClose)==null||P.call(O)};return e.jsxs(e.Fragment,{children:[e.jsx(a,{dataset:{testid:"trigger"},onClick:()=>r(!0),children:"Open"}),e.jsx(o,{args:{...t.args,open:i,onClose:v}})]})},T={title:"Components/Dialog",component:s,parameters:{preventIframeFromScrollingParent:!0,docs:{story:{inline:!1,height:600}}},decorators:[Ae],args:{open:!1,onClose:I(),children:e.jsx(d,{}),dataset:{testid:"dialog"}},play:async({canvas:o,step:t})=>{await t("Open dialog",async()=>{const i=o.getByTestId("trigger");return await c.click(i),m(()=>{n(o.getByTestId("dialog")).toBeVisible()})})}},B={args:{title:"Dialog title",children:e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(s.Actions,{primaryButton:e.jsx(a,{size:"medium",variant:"primary",onClick:()=>{l("Primary button clicked"),De()},children:"Primary"}),secondaryButton:e.jsx(a,{size:"medium",variant:"tertiary",onClick:l("Secondary button clicked"),children:"Secondary"})})]})}},Fe=()=>{const[o,t]=b.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx(Oe,{label:"Child count",value:o,onChange:i=>t(parseInt(i.target.value)),required:!0}),e.jsx("br",{}),Array.from({length:o},(i,r)=>e.jsx(d,{},r))]})},w={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(Fe,{}),e.jsx(s.Actions,{primaryButton:e.jsx(a,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"}),secondaryButton:e.jsx(a,{size:"medium",variant:"tertiary",onClick:l("Secondary button clicked"),children:"Secondary"})})]})}},k={args:{title:"Height Respects Component Outlines",description:"Height respect, by leaving space for , components' outline created through the dedicated outline tokens.",children:e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(x,{checked:!0,dsInternalSimulation:"focus"}),e.jsx(x,{checked:!0,dsInternalSimulation:"focus"})]}),e.jsx(d,{}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(x,{checked:!0,dsInternalSimulation:"focus"}),e.jsx(x,{checked:!0,dsInternalSimulation:"focus"})]}),e.jsx(s.Actions,{primaryButton:e.jsx(a,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"}),secondaryButton:e.jsx(a,{size:"medium",variant:"tertiary",onClick:l("Secondary button clicked"),children:"Secondary"})})]})}},C={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:"Dialog Title",description:"This is the dialog description.",children:e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(s.Actions,{primaryButton:e.jsx(a,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"})})]})}},f={args:{title:"Dialog Title",description:"This is the dialog description.",children:e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(s.Actions,{primaryButton:e.jsx(a,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"}),secondaryButton:e.jsx(a,{size:"medium",variant:"tertiary",onClick:l("Secondary button clicked"),children:"Secondary"})})]})}},p=()=>e.jsx(e.Fragment,{children:e.jsxs(ze,{open:!0,dataset:{testid:"dialog"},children:[e.jsx(Re,{}),e.jsx(e.Fragment,{children:e.jsxs(s.Steps,{"aria-label":"Onboarding Steps",children:[e.jsx(s.Step,{title:"Profile",description:"Tell us more about yourself",children:e.jsx(d,{})}),e.jsx(s.Step,{title:"Subject",description:"What do you want to learn?",children:e.jsx(d,{})}),e.jsx(s.Step,{title:"Availability",description:"When are you available?",children:e.jsx(d,{})}),e.jsx(s.StepsActions,{primaryButton:e.jsx(a,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"})})]})})]})});p.play=async o=>{const{canvas:t,step:i}=o;await i("Dialog should be visible",async()=>{await m(()=>{n(t.getByTestId("dialog")).toBeVisible()})}),await i("Initially, only next button is present",async()=>{n(t.queryByRole("button",{name:"Next"})).toBeVisible(),n(t.queryByRole("button",{name:"Previous"})).not.toBeInTheDocument(),n(t.queryByRole("button",{name:"Primary"})).not.toBeInTheDocument()}),await i("Navigate to the next step. Previous/Next buttons are visible",async()=>{await c.click(t.getByRole("button",{name:"Next"})),n(t.queryByRole("button",{name:"Previous"})).toBeVisible(),n(t.queryByRole("button",{name:"Next"})).toBeVisible(),n(t.queryByRole("button",{name:"Primary"})).not.toBeInTheDocument()}),await i("Navigate to the last step. Previous/Primary buttons are visible",async()=>{await c.click(t.getByRole("button",{name:"Next"})),n(t.queryByRole("button",{name:"Previous"})).toBeVisible(),n(t.queryByRole("button",{name:"Primary"})).toBeVisible(),n(t.queryByRole("button",{name:"Next"})).not.toBeInTheDocument()})};const g={args:{leadingElement:e.jsx(Pe,{size:"32",svg:Ie}),title:"Information Dialog"}},y={args:{leadingElement:e.jsx(Te,{size:"48",alt:"User"}),title:"User Profile",description:"This dialog shows a user profile with an avatar in the title"}},u=o=>(b.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(s,{...o,title:"ZIndex Override"})}));u.parameters={docs:{source:{type:"code"}}};u.play=async({canvas:o,step:t})=>{await t("Open alert",async()=>(await c.click(o.getByTestId("trigger")),m(()=>{const i=o.getByTestId("dialog");n(i).toBeVisible()}))),await t("Check content's computed z-index",async()=>{const i=o.getByTestId("dialog"),r=getComputedStyle(i);n(r.zIndex).toBe("77")}),await t("Check overlay's computed z-index",async()=>{const i=o.getByTestId("dialog-overlay");if(!i)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 r=getComputedStyle(i);n(r.zIndex).toBe("88")})};const D={uncontrolled:I(l("uncontrolled")),controlled:I(l("controlled"))},Ee=()=>{const[o,t]=b.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(z,{dataset:{testid:"uncontrolled-tooltip"},actionOnClick:D.uncontrolled,title:"Uncontrolled",text:"text",children:e.jsx(a,{children:"Uncontrolled"})}),e.jsx(z,{dataset:{testid:"controlled-tooltip"},actionOnClick:D.controlled,title:"Controlled",text:"text",disabled:!o,onClose:()=>t(!1),children:e.jsx(a,{onClick:()=>t(!0),children:"Open tooltip"})})]})},S={tags:["!autodocs"],args:{children:e.jsx(Ee,{})},play:async o=>{var v;await((v=T.play)==null?void 0:v.call(T,o));const{canvas:t,step:i}=o,r=t.getByTestId("uncontrolled-tooltip");await i("Uncontrolled tooltip should be visible",async()=>{await m(()=>{n(r).toBeVisible()})}),await i("Click on uncontrolled tooltip action",async()=>{await c.click(R(r).getByTestId("action")),n(D.uncontrolled).toHaveBeenCalledOnce()}),await i("Open controlled tooltip",async()=>{await c.click(t.getByRole("button",{name:"Open tooltip"})),await m(()=>{n(t.getByTestId("controlled-tooltip")).toBeVisible()})}),await i("Click on controlled tooltip action",async()=>{await c.click(R(t.getByTestId("controlled-tooltip")).getByTestId("action")),n(D.controlled).toHaveBeenCalledOnce()})}},A=({number:o,children:t})=>{const[i,r]=b.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{onClick:()=>r(!0),dataset:{testid:`trigger-${o}`},children:"Open"}),e.jsx(s,{open:i,onClose:()=>r(!1),title:`Dialog ${o}`,description:void 0,leadingElement:void 0,dataset:{testid:`dialog-${o}`},children:t})]})},h={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(d,{}),e.jsx("br",{}),e.jsx(A,{number:2,children:e.jsx(A,{number:3})})]})},play:async({canvas:o,step:t})=>{await t("Open dialog",async()=>{const i=o.getByTestId("trigger");return await c.click(i),m(()=>{n(o.getByTestId("dialog")).toBeVisible()})}),await t("Open dialog 2",async()=>{const i=o.getByTestId("trigger-2");return await c.click(i),m(()=>{n(o.getByTestId("dialog-2")).toBeVisible()})}),await t("Open dialog 3",async()=>{const i=o.getByTestId("trigger-3");return await c.click(i),m(()=>{n(o.getByTestId("dialog-3")).toBeVisible()})})}};var F,E,H;B.parameters={...B.parameters,docs:{...(F=B.parameters)==null?void 0:F.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>} />
-            </>
-  }
-}`,...(H=(E=B.parameters)==null?void 0:E.docs)==null?void 0:H.source}}};var W,N,V;w.parameters={...w.parameters,docs:{...(W=w.parameters)==null?void 0:W.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>} />
-            </>
-  }
-}`,...(V=(N=w.parameters)==null?void 0:N.docs)==null?void 0:V.source}}};var _,q,U;k.parameters={...k.parameters,docs:{...(_=k.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  args: {
-    title: \`Height Respects Component Outlines\`,
-    description: \`Height respect, by leaving space for , components' outline created through the dedicated outline tokens.\`,
-    children: <>
-                <div style={{
-        display: 'flex',
-        justifyContent: 'space-between'
-      }}>
-                    <Checkbox checked dsInternalSimulation="focus" />
-                    <Checkbox checked dsInternalSimulation="focus" />
-                </div>
-                <DummyContent />
-                <div style={{
-        display: 'flex',
-        justifyContent: 'space-between'
-      }}>
-                    <Checkbox checked dsInternalSimulation="focus" />
-                    <Checkbox checked dsInternalSimulation="focus" />
-                </div>
-                <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>} />
-            </>
-  }
-}`,...(U=(q=k.parameters)==null?void 0:q.docs)==null?void 0:U.source}}};var L,M,Z;C.parameters={...C.parameters,docs:{...(L=C.parameters)==null?void 0:L.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
-  }
-}`,...(Z=(M=C.parameters)==null?void 0:M.docs)==null?void 0:Z.source}}};var Y,$,K;j.parameters={...j.parameters,docs:{...(Y=j.parameters)==null?void 0:Y.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>} />
-            </>
-  }
-}`,...(K=($=j.parameters)==null?void 0:$.docs)==null?void 0:K.source}}};var G,J,Q;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.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>} />
-            </>
-  }
-}`,...(Q=(J=f.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,ee,te,oe,ie;p.parameters={...p.parameters,docs:{...(X=p.parameters)==null?void 0:X.docs,source:{originalSource:`() => {
-  return <>
-            <DialogRoot open={true} dataset={{
-      testid: \`dialog\`
-    }}>
-                <DialogCloseButton />
-
-                <>
-                    <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>
-                </>
-            </DialogRoot>
-        </>;
-}`,...(te=(ee=p.parameters)==null?void 0:ee.docs)==null?void 0:te.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.",...(ie=(oe=p.parameters)==null?void 0:oe.docs)==null?void 0:ie.description}}};var ne,re,ae,se,le;g.parameters={...g.parameters,docs:{...(ne=g.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  args: {
-    leadingElement: <Icon size="32" svg={InfoIcon} />,
-    title: 'Information Dialog'
-  }
-}`,...(ae=(re=g.parameters)==null?void 0:re.docs)==null?void 0:ae.source},description:{story:"A dialog with an Icon component in the title. This demonstrates how to use React elements in the title.",...(le=(se=g.parameters)==null?void 0:se.docs)==null?void 0:le.description}}};var ce,de,me,ue,pe;y.parameters={...y.parameters,docs:{...(ce=y.parameters)==null?void 0:ce.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'
-  }
-}`,...(me=(de=y.parameters)==null?void 0:de.docs)==null?void 0:me.source},description:{story:"A dialog with an Avatar component in the title. This demonstrates how to use compound components in the title.",...(pe=(ue=y.parameters)==null?void 0:ue.docs)==null?void 0:pe.description}}};var ge,ye,he,be,ve;u.parameters={...u.parameters,docs:{...(ge=u.parameters)==null?void 0:ge.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>;
-}`,...(he=(ye=u.parameters)==null?void 0:ye.docs)==null?void 0:he.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.`,...(ve=(be=u.parameters)==null?void 0:be.docs)==null?void 0:ve.description}}};var xe,Be,we;S.parameters={...S.parameters,docs:{...(xe=S.parameters)==null?void 0:xe.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  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 () => {
-      await waitFor(() => {
-        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();
-    });
-  }
-}`,...(we=(Be=S.parameters)==null?void 0:Be.docs)==null?void 0:we.source}}};var ke,Ce,je,fe,Se;h.parameters={...h.parameters,docs:{...(ke=h.parameters)==null?void 0:ke.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();
-      });
-    });
-  }
-}`,...(je=(Ce=h.parameters)==null?void 0:Ce.docs)==null?void 0:je.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.`,...(Se=(fe=h.parameters)==null?void 0:fe.docs)==null?void 0:Se.description}}};const wt=["Default","HeightResponsiveness","HeightRespectsComponentOutlines","MobileFullHeight","WithPrimaryAction","WithSecondaryAction","WithSteps","WithIcon","WithAvatar","WithZIndexOverride","WithOnboardingTooltipInside","NestedDialogs"];export{B as Default,k as HeightRespectsComponentOutlines,w as HeightResponsiveness,C as MobileFullHeight,h as NestedDialogs,y as WithAvatar,g as WithIcon,S as WithOnboardingTooltipInside,j as WithPrimaryAction,f as WithSecondaryAction,p as WithSteps,u as WithZIndexOverride,wt as __namedExportsOrder,T as default};

package/dist/assets/DialogTitle-CiauK9kk.css

@@ -1 +0,0 @@
-.dialog__bSS9Q{--dialog-padding: var(--1e685c);--slide-animation-distance: 100%;--show-animation-name: slideInUp__rqAX4;--hide-animation-name: slideOutDown__gIYOK;--content-padding-adjustment-for-close-button: calc(calc(var(--5eca09) + var(--813599) + var(--590b8d)) - var(--dialog-padding));box-sizing:border-box;background-color:var(--3546c3);position:fixed;right:0;bottom:0;left:0;top:auto;margin:auto;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a);box-shadow:var(--df7dbb);padding:var(--dialog-padding);z-index:var(--ds-dialog-content-z-index-override, auto)}.dialog--fullheight__1Y-CE{height:100%}.dialog__bSS9Q.no-border-radius__G2Oo3{border-radius:0}.dialog__bSS9Q:has(.footer__9qu1N){padding-bottom:0}@media (prefers-reduced-motion: no-preference){.dialog__bSS9Q{animation-duration:var(--970975);animation-timing-function:var(--1f4492);animation-fill-mode:forwards}.dialog__bSS9Q[data-open]{animation-name:var(--show-animation-name)}.dialog__bSS9Q[data-closed]{animation-name:var(--hide-animation-name)}}@media (min-width: 880px){.dialog__bSS9Q{--dialog-padding: var(--f1b498);--slide-animation-distance: 40px;--show-animation-name: slideInUp__rqAX4, opacityIn__ilHLV;--hide-animation-name: slideOutDown__gIYOK, opacityOut__YzYTK;top:0;height:fit-content;border-radius:var(--fa4b1a);max-height:calc(100% - var(--42fccf))}.dialog__bSS9Q.slidesUp__YIWbY{--hide-animation-name: slideOutUp__h8Uo-, opacityOut__YzYTK}.dialog--size-xs__wfZFA{width:440px}.dialog--size-sm__xV3mC{width:520px}.dialog--size-md__Xb-FY{width:640px}.dialog--size-lg__VIeoA{width:840px}}@media (min-width: 880px) and (min-width: 400px){.dialog--narrow-l--size-xs__j1KWL{width:440px}}@media (min-width: 880px) and (min-width: 700px){.dialog--medium-s--size-xs__wZ2o4{width:440px}}@media (min-width: 880px) and (min-width: 880px){.dialog--medium-l--size-xs__udeOO{width:440px}}@media (min-width: 880px) and (min-width: 1200px){.dialog--wide-s--size-xs__-qBMa{width:440px}}@media (min-width: 880px) and (min-width: 1900px){.dialog--wide-l--size-xs__6iYgc{width:440px}}@media (min-width: 880px) and (min-width: 400px){.dialog--narrow-l--size-sm__MjuK-{width:520px}}@media (min-width: 880px) and (min-width: 700px){.dialog--medium-s--size-sm__AqZr4{width:520px}}@media (min-width: 880px) and (min-width: 880px){.dialog--medium-l--size-sm__dv3A6{width:520px}}@media (min-width: 880px) and (min-width: 1200px){.dialog--wide-s--size-sm__qAdHd{width:520px}}@media (min-width: 880px) and (min-width: 1900px){.dialog--wide-l--size-sm__5Mnyj{width:520px}}@media (min-width: 880px) and (min-width: 400px){.dialog--narrow-l--size-md__Dlzau{width:640px}}@media (min-width: 880px) and (min-width: 700px){.dialog--medium-s--size-md__jqFG9{width:640px}}@media (min-width: 880px) and (min-width: 880px){.dialog--medium-l--size-md__jE5AQ{width:640px}}@media (min-width: 880px) and (min-width: 1200px){.dialog--wide-s--size-md__nlFGy{width:640px}}@media (min-width: 880px) and (min-width: 1900px){.dialog--wide-l--size-md__Qa9I6{width:640px}}@media (min-width: 880px) and (min-width: 400px){.dialog--narrow-l--size-lg__cuYf0{width:840px}}@media (min-width: 880px) and (min-width: 700px){.dialog--medium-s--size-lg__hLDKE{width:840px}}@media (min-width: 880px) and (min-width: 880px){.dialog--medium-l--size-lg__Q7Yzd{width:840px}}@media (min-width: 880px) and (min-width: 1200px){.dialog--wide-s--size-lg__5LUz9{width:840px}}@media (min-width: 880px) and (min-width: 1900px){.dialog--wide-l--size-lg__4fH6a{width:840px}}.overlay__NM-kk{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-dialog-overlay-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){.overlay__NM-kk{animation-duration:var(--970975);animation-timing-function:var(--1f4492);animation-fill-mode:forwards}.overlay__NM-kk[data-open]{animation-name:opacityIn__ilHLV}.overlay__NM-kk[data-closed]{animation-name:opacityOut__YzYTK}}.close__e4axJ{position:absolute;top:var(--813599);right:var(--813599);z-index:1}.title__1qnWX{color:var(--628fb7);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}@media (min-width: 880px){.title__1qnWX{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}}.description__0f9xh{color:var(--a2f1c8);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de)}.header__2EPvy{padding-right:var(--content-padding-adjustment-for-close-button, unset);margin-bottom:var(--b53873);display:flex;flex-direction:column;gap:var(--558c4c)}.header__2EPvy>hgroup{display:flex;flex-direction:column;gap:var(--590b8d);flex:1}@media (min-width: 880px){.header__2EPvy>hgroup{gap:var(--66b80b)}}.header__2EPvy[hidden]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (min-width: 880px){.header__2EPvy{margin-bottom:var(--1e685c);gap:var(--b53873)}}.scrollEndDetector__gqxi-{height:1px;margin-top:calc(var(--99d31f) + var(--c0b12c))}.footer__9qu1N{--footer-sticky-border-color: var(--c03289);padding:var(--dialog-padding);margin-inline:calc(-1 * var(--dialog-padding));background-color:var(--3546c3);position:sticky;bottom:0;border-top:1px solid transparent;transition:border-color var(--970975) var(--1f4492)}.footer__9qu1N.sticky__04F4C{border-color:var(--footer-sticky-border-color)}.buttonStack__i3gSV{display:flex;flex-direction:column-reverse;gap:var(--813599)}@media (min-width: 400px){.buttonStack__i3gSV{flex-direction:row;justify-content:flex-end}}.stepControls__XBkFS{display:flex;flex-wrap:wrap-reverse;gap:var(--813599)}.stepControls__XBkFS .previous__0eong{flex:1}.stepControls__XBkFS .previous__0eong [data-preply-ds-component=Button]{padding-inline:var(--558c4c)}@media (min-width: 700px){.stepControls__XBkFS .previous__0eong{margin-left:calc(-1 * (var(--0b1b71) + var(--558c4c)))}}.stepControls__XBkFS .next__r4NuY{flex:666}.stepControls__XBkFS .next__r4NuY:only-child{margin-left:auto}@media (min-width: 700px){.stepControls__XBkFS{justify-content:space-between}.stepControls__XBkFS .previous__0eong,.stepControls__XBkFS .next__r4NuY{flex:unset}}@keyframes opacityIn__ilHLV{0%{opacity:0}to{opacity:1}}@keyframes opacityOut__YzYTK{0%{opacity:1}to{opacity:0}}@keyframes slideInUp__rqAX4{0%{transform:translateY(var(--slide-animation-distance))}to{transform:translateY(0)}}@keyframes slideOutDown__gIYOK{0%{transform:translateY(0)}to{transform:translateY(var(--slide-animation-distance))}}@keyframes slideOutUp__h8Uo-{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--slide-animation-distance)))}}

package/dist/assets/DismissibleChips-Ban3NVPS.js

@@ -1 +0,0 @@
-import{r as k,j as e,g as V}from"./iframe-rPxPheSO.js";import{u as x}from"./useControllableState-BGQSGH6e.js";import{c as j,$ as R,C as I,a as z,b as _,d as E,e as L}from"./createRequiredContext-Co5wTaFA.js";import{F as N}from"./TokyoUIClose-CdBZGlA7.js";import{V as A}from"./VisuallyHidden-Ck1Kevby.js";import"./index-Ch8cwrP-.js";import{g as S}from"./shared-strings-DqJVAlTT.js";import{f as w}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as T}from"./Icon-C5UQdb5e.js";import{M as F}from"./message-CVBYHxuJ.js";import{w as q}from"./componentNames-Dts5uwdK.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,{...w(h),ref:b,orientation:t,"aria-label":o,...V(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,{...w(f),ref:h,variant:"dismissible",onClick:i,onKeyDown:v,icon:t,countryFlagCode:o,disabled:m,"aria-controls":g,dsInternalSimulation:p,...V(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:{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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the chips group. Required for screen reader users",name:"aria-label",required:!0,type:{name:"string"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},"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, "value" | "dsInternalSimulation" | "children"> & { 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:'"id"'},{value:'"ai"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"as"'},{value:'"br"'},{value:'"hr"'},{value:'"is"'},{value:'"at"'},{value:'"no"'},{value:'"by"'},{value:'"cx"'},{value:'"cy"'},{value:'"fr"'},{value:'"in"'},{value:'"to"'},{value:'"ua"'},{value:'"ar"'},{value:'"de"'},{value:'"es"'},{value:'"it"'},{value:'"pl"'},{value:'"pt"'},{value:'"ru"'},{value:'"nl"'},{value:'"ro"'},{value:'"sv"'},{value:'"tw"'},{value:'"hk"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"ad"'},{value:'"ao"'},{value:'"aq"'},{value:'"ag"'},{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:'"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:'"cp"'},{value:'"cc"'},{value:'"co"'},{value:'"km"'},{value:'"ck"'},{value:'"cr"'},{value:'"cu"'},{value:'"cw"'},{value:'"cz"'},{value:'"ci"'},{value:'"cd"'},{value:'"dk"'},{value:'"dg"'},{value:'"dj"'},{value:'"dm"'},{value:'"do"'},{value:'"eac"'},{value:'"ec"'},{value:'"eg"'},{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:'"gf"'},{value:'"pf"'},{value:'"tf"'},{value:'"ga"'},{value:'"es-ga"'},{value:'"gm"'},{value:'"ge"'},{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:'"hu"'},{value:'"ir"'},{value:'"iq"'},{value:'"ie"'},{value:'"im"'},{value:'"il"'},{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:'"nc"'},{value:'"nz"'},{value:'"ni"'},{value:'"ne"'},{value:'"ng"'},{value:'"nu"'},{value:'"nf"'},{value:'"kp"'},{value:'"mk"'},{value:'"gb-nir"'},{value:'"mp"'},{value:'"om"'},{value:'"pc"'},{value:'"pk"'},{value:'"pw"'},{value:'"pa"'},{value:'"pg"'},{value:'"py"'},{value:'"pe"'},{value:'"ph"'},{value:'"pn"'},{value:'"pr"'},{value:'"qa"'},{value:'"cg"'},{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:'"lk"'},{value:'"ps"'},{value:'"sd"'},{value:'"sr"'},{value:'"sj"'},{value:'"se"'},{value:'"ch"'},{value:'"sy"'},{value:'"tj"'},{value:'"tz"'},{value:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{value:'"ug"'},{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/IconButton-ClS7adSJ.js

@@ -1,8 +0,0 @@
-import{r as d,j as m,z as v,D as c}from"./iframe-rPxPheSO.js";import{r as p}from"./render-icon-CYz0RSbb.js";import{B as f}from"./ButtonBase-DNBAX75l.js";import{w as y}from"./componentNames-Dts5uwdK.js";const b="bubbleCounter__IIv-p",V="childTargetOverlay__7xCVK",g="cutout__ooHoK",q={bubbleCounter:b,"size-small":"size-small__eLF8T","size-medium":"size-medium__UY-G5","size-large":"size-large__qs1m8","variant-dark":"variant-dark__OzCSP","variant-light":"variant-light__vwrDe",childTargetOverlay:V,cutout:g},_="IconButton__sj2x5",h={IconButton:_},e=d.forwardRef(function({variant:n=c,size:l=v,url:u,a11yLabel:t,svg:r,...o},s){const i=[h.IconButton,q.cutout].join(" ");return m.jsx(f,{...o,ref:s,className:i,isIconButton:!0,variant:n,size:l,url:u,a11yLabel:t,preplyDsComponent:y.IconButton,children:p(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"ai"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
-
-Allows rendering the button using a different React element or component.
-This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
-@example // Render as a react router link component
-import { Link } from 'react-router-dom';
-
-<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},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: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{e as I,q as b};

package/dist/assets/MultiSelectChips-DidzFDbd.js

@@ -1,2 +0,0 @@
-import{r as C,j as e,g as k}from"./iframe-rPxPheSO.js";import{u as j}from"./useControllableState-BGQSGH6e.js";import{c as x,C as R,a as M,b as I,d as _,D as z,e as E}from"./createRequiredContext-Co5wTaFA.js";import{f as V}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as q}from"./componentNames-Dts5uwdK.js";const[T,L]=x("MultiSelectChips"),y=C.forwardRef(function({items:a,children:r,orientation:l=z,"aria-label":s,"aria-controls":o,value:c,onValueChange:m,defaultValue:d,dataset:p,...f},h){const[u,v]=j({value:c,onValueChange:m,defaultValue:d??[]}),w=(t,n)=>{v(n?u.filter(g=>g!==t):[...u,t])},S=a?a.map(({label:t,value:n,...g})=>e.jsx(b,{value:n,...g,children:t},n)):r;return e.jsx(T,{value:{values:u,onToggle:w},children:e.jsx(_,{orientation:l,children:e.jsx(E,{...V(f),ref:h,orientation:l,"aria-orientation":l,"aria-label":s,"aria-controls":o,role:"listbox","aria-multiselectable":"true",...k(p,{preplyDsComponent:q.MultiSelectChips}),children:S})})})}),b=C.forwardRef(function({value:a,children:r,icon:l,countryFlagCode:s,disabled:o,counter:c,dataset:m,dsInternalSimulation:d,...p},f){const{values:h,onToggle:u}=L(),v=h.includes(a);return e.jsx(R,{role:"presentation",children:e.jsx(M,{...V(p),ref:f,role:"option","aria-selected":v,onClick:()=>u(a,v),icon:l,countryFlagCode:s,disabled:o,dsInternalSimulation:d,...k(m,{preplyDsComponent:q.MultiSelectChipsItem}),children:e.jsx(I,{counter:c,children:r})})})});try{y.displayName="MultiSelectChips",y.__docgenInfo={description:`A chips component that allows selection of multiple options from a group.
-Users can select multiple chips, and clicking a selected chip will deselect it.`,displayName:"MultiSelectChips",props:{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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the chips group. Required for screen reader users",name:"aria-label",required:!0,type:{name:"string"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},"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, "value" | "dsInternalSimulation" | "children"> & { 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{b.displayName="MultiSelectChipsItem",b.__docgenInfo={description:"Individual chip item for use within MultiSelectChips.",displayName:"MultiSelectChipsItem",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:'"id"'},{value:'"ai"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"as"'},{value:'"br"'},{value:'"hr"'},{value:'"is"'},{value:'"at"'},{value:'"no"'},{value:'"by"'},{value:'"cx"'},{value:'"cy"'},{value:'"fr"'},{value:'"in"'},{value:'"to"'},{value:'"ua"'},{value:'"ar"'},{value:'"de"'},{value:'"es"'},{value:'"it"'},{value:'"pl"'},{value:'"pt"'},{value:'"ru"'},{value:'"nl"'},{value:'"ro"'},{value:'"sv"'},{value:'"tw"'},{value:'"hk"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"ad"'},{value:'"ao"'},{value:'"aq"'},{value:'"ag"'},{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:'"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:'"cp"'},{value:'"cc"'},{value:'"co"'},{value:'"km"'},{value:'"ck"'},{value:'"cr"'},{value:'"cu"'},{value:'"cw"'},{value:'"cz"'},{value:'"ci"'},{value:'"cd"'},{value:'"dk"'},{value:'"dg"'},{value:'"dj"'},{value:'"dm"'},{value:'"do"'},{value:'"eac"'},{value:'"ec"'},{value:'"eg"'},{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:'"gf"'},{value:'"pf"'},{value:'"tf"'},{value:'"ga"'},{value:'"es-ga"'},{value:'"gm"'},{value:'"ge"'},{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:'"hu"'},{value:'"ir"'},{value:'"iq"'},{value:'"ie"'},{value:'"im"'},{value:'"il"'},{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:'"nc"'},{value:'"nz"'},{value:'"ni"'},{value:'"ne"'},{value:'"ng"'},{value:'"nu"'},{value:'"nf"'},{value:'"kp"'},{value:'"mk"'},{value:'"gb-nir"'},{value:'"mp"'},{value:'"om"'},{value:'"pc"'},{value:'"pk"'},{value:'"pw"'},{value:'"pa"'},{value:'"pg"'},{value:'"py"'},{value:'"pe"'},{value:'"ph"'},{value:'"pn"'},{value:'"pr"'},{value:'"qa"'},{value:'"cg"'},{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:'"lk"'},{value:'"ps"'},{value:'"sd"'},{value:'"sr"'},{value:'"sj"'},{value:'"se"'},{value:'"ch"'},{value:'"sy"'},{value:'"tj"'},{value:'"tz"'},{value:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{value:'"ug"'},{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{b as M,y as a};

package/dist/assets/NumberField-UaAR3tKE.js

@@ -1,6 +0,0 @@
-import{r as V,j as u}from"./iframe-rPxPheSO.js";import{F as g}from"./FormControl-CzKrRqYA.js";import{w as H}from"./componentNames-Dts5uwdK.js";import{I as L}from"./Input-CY8WPfKe.js";const t=V.forwardRef(function({id:i,label:d,description:s,error:o,required:m,inputDataset:p,dataset:v,hideLabel:f,onClick:c,onValueChange:e,onChange:a,hasError:y,useLegacyRequiredLabel:b,className:I,style:R,...h},q){const E=l=>{a==null||a(l);const n=l.target.value;e==null||e(n?Number(n):void 0)};return u.jsx(g,{id:i,label:d,description:s,error:o,hasError:y,required:m,dataset:v,hideLabel:f,onClick:c,useLegacyRequiredLabel:b,preplyDsComponent:H.NumberField,children:u.jsx(L,{...h,type:"number",ref:q,dataset:p,onChange:E})})});try{t.displayName="NumberField",t.__docgenInfo={description:"",displayName:"NumberField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
-If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
-indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",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"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
-to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
-When false, adds a "Optional" indicator next to the label for the optional fields instead.
-@deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},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:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"number"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"number"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: number | undefined) => void"}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"number"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"number"}]}},step:{defaultValue:null,description:"",name:"step",required:!1,type:{name:"enum",value:[{value:"number"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",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: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as N};

package/dist/assets/PasswordField-BZzwsMwt.js

@@ -1,6 +0,0 @@
-import{r as a,j as l}from"./iframe-rPxPheSO.js";import{F as H}from"./FormControl-CzKrRqYA.js";import{F as L,a as I}from"./TokyoUIEye-CuEqusRx.js";import{F as M}from"./FieldButton-yd6DmWvU.js";import{u as x,d as T}from"./index-Ch8cwrP-.js";import{u as F}from"./useMergeRefs-B0tLxB64.js";import{w as P}from"./componentNames-Dts5uwdK.js";import{I as k}from"./Input-CY8WPfKe.js";const r=T({reveal:{id:"preply-ds.password-field.reveal.button",defaultMessage:"Reveal password",description:'A11y label for the "reveal password" button. Will be announced by screen reader.'},conceal:{id:"preply-ds.password-field.conceal.button",defaultMessage:"Conceal password",description:'A11y label for the "conceal password" button. Will be announced by screen reader.'}}),s=a.forwardRef(function({id:o,label:d,description:m,error:p,required:c,inputDataset:f,dataset:v,hideLabel:y,onClick:h,hasError:b,useLegacyRequiredLabel:g,className:D,style:_,...q},E){const{formatMessage:n}=x(),[e,V]=a.useState(!1),t=a.useRef(null),w=F(t,E),C=e?"text":"password",R=()=>{var u;V(!e),(u=t.current)==null||u.focus()};return l.jsx(H,{id:o,label:d,description:m,error:p,hasError:b,required:c,dataset:v,hideLabel:y,onClick:h,useLegacyRequiredLabel:g,preplyDsComponent:P.PasswordField,children:l.jsx(k,{...q,type:C,ref:w,dataset:f,button:l.jsx(M,{onClick:R,svg:e?L:I,assistiveText:n(e?r.conceal:r.reveal),dataset:{testid:"toggle-password-button"}})})})});try{s.displayName="PasswordField",s.__docgenInfo={description:"",displayName:"PasswordField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
-If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
-indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",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"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
-to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
-When false, adds a "Optional" indicator next to the label for the optional fields instead.
-@deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},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:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"new-password"'},{value:'"current-password"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",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: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{s as P};

package/dist/assets/SingleSelectChips-k-EE7r6U.js

@@ -1,2 +0,0 @@
-import{r as b,j as e,g as y}from"./iframe-rPxPheSO.js";import{u as w}from"./useControllableState-BGQSGH6e.js";import{c as x,C as j,a as R,b as I,d as _,D as z,e as E}from"./createRequiredContext-Co5wTaFA.js";import{f as C}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as S}from"./componentNames-Dts5uwdK.js";const[N,L]=x("SingleSelectChips"),h=b.forwardRef(function({items:a,children:n,orientation:l=z,"aria-label":t,"aria-controls":i,value:r,onValueChange:s,defaultValue:o,dataset:c,...m},d){const[p,u]=w({value:r,onValueChange:s,defaultValue:o??null}),V=a?a.map(({label:k,value:g,...q})=>e.jsx(f,{value:g,...q,children:k},g)):n;return e.jsx(N,{value:{value:p,onValueChange:u},children:e.jsx(_,{orientation:l,children:e.jsx(E,{...C(m),ref:d,orientation:l,"aria-orientation":l,"aria-label":t,"aria-controls":i,role:"listbox","aria-multiselectable":"false",...y(c,{preplyDsComponent:S.SingleSelectChips}),children:V})})})}),f=b.forwardRef(function({value:a,children:n,icon:l,countryFlagCode:t,disabled:i,counter:r,dataset:s,dsInternalSimulation:o,...c},m){const{value:d,onValueChange:p}=L(),u=d===a;return e.jsx(j,{role:"presentation",children:e.jsx(R,{...C(c),ref:m,role:"option","aria-selected":u,onClick:()=>p(u?null:a),icon:l,countryFlagCode:t,disabled:i,dsInternalSimulation:o,...y(s,{preplyDsComponent:S.SingleSelectChipsItem}),children:e.jsx(I,{counter:r,children:n})})})});try{h.displayName="SingleSelectChips",h.__docgenInfo={description:`A chips component that allows selection of a single option from a group.
-Users can select one chip at a time, and clicking a selected chip will deselect it.`,displayName:"SingleSelectChips",props:{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:"null"},{value:"string"}]}},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:"null"},{value:"string"}]}},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 | null) => void"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the chips group. Required for screen reader users",name:"aria-label",required:!0,type:{name:"string"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},"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, "value" | "dsInternalSimulation" | "children"> & { value: T extends unknown[] ? NonNullable<T[number]> : 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{f.displayName="SingleSelectChipsItem",f.__docgenInfo={description:"Individual chip item for use within SingleSelectChips.",displayName:"SingleSelectChipsItem",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:'"id"'},{value:'"ai"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"as"'},{value:'"br"'},{value:'"hr"'},{value:'"is"'},{value:'"at"'},{value:'"no"'},{value:'"by"'},{value:'"cx"'},{value:'"cy"'},{value:'"fr"'},{value:'"in"'},{value:'"to"'},{value:'"ua"'},{value:'"ar"'},{value:'"de"'},{value:'"es"'},{value:'"it"'},{value:'"pl"'},{value:'"pt"'},{value:'"ru"'},{value:'"nl"'},{value:'"ro"'},{value:'"sv"'},{value:'"tw"'},{value:'"hk"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"ad"'},{value:'"ao"'},{value:'"aq"'},{value:'"ag"'},{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:'"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:'"cp"'},{value:'"cc"'},{value:'"co"'},{value:'"km"'},{value:'"ck"'},{value:'"cr"'},{value:'"cu"'},{value:'"cw"'},{value:'"cz"'},{value:'"ci"'},{value:'"cd"'},{value:'"dk"'},{value:'"dg"'},{value:'"dj"'},{value:'"dm"'},{value:'"do"'},{value:'"eac"'},{value:'"ec"'},{value:'"eg"'},{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:'"gf"'},{value:'"pf"'},{value:'"tf"'},{value:'"ga"'},{value:'"es-ga"'},{value:'"gm"'},{value:'"ge"'},{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:'"hu"'},{value:'"ir"'},{value:'"iq"'},{value:'"ie"'},{value:'"im"'},{value:'"il"'},{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:'"nc"'},{value:'"nz"'},{value:'"ni"'},{value:'"ne"'},{value:'"ng"'},{value:'"nu"'},{value:'"nf"'},{value:'"kp"'},{value:'"mk"'},{value:'"gb-nir"'},{value:'"mp"'},{value:'"om"'},{value:'"pc"'},{value:'"pk"'},{value:'"pw"'},{value:'"pa"'},{value:'"pg"'},{value:'"py"'},{value:'"pe"'},{value:'"ph"'},{value:'"pn"'},{value:'"pr"'},{value:'"qa"'},{value:'"cg"'},{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:'"lk"'},{value:'"ps"'},{value:'"sd"'},{value:'"sr"'},{value:'"sj"'},{value:'"se"'},{value:'"ch"'},{value:'"sy"'},{value:'"tj"'},{value:'"tz"'},{value:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{value:'"ug"'},{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{f as S,h as a};

package/dist/assets/TextField-C5NAs2Cw.js

@@ -1,6 +0,0 @@
-import{r as h,j as e}from"./iframe-rPxPheSO.js";import{F as b}from"./FormControl-CzKrRqYA.js";import{w as q}from"./componentNames-Dts5uwdK.js";import{I as g}from"./Input-CY8WPfKe.js";const a=h.forwardRef(function({id:n,label:u,description:t,error:r,required:i,type:d="text",inputDataset:s,dataset:o,hideLabel:m,onClick:p,hasError:v,useLegacyRequiredLabel:f,className:E,style:V,...c},y){return e.jsx(b,{id:n,label:u,description:t,error:r,hasError:v,required:i,dataset:o,hideLabel:m,onClick:p,useLegacyRequiredLabel:f,preplyDsComponent:q.TextField,children:e.jsx(g,{...c,type:d,ref:y,dataset:s})})});try{a.displayName="TextField",a.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
-If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
-indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",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"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
-to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
-When false, adds a "Optional" indicator next to the label for the optional fields instead.
-@deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},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:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"name"'},{value:'"url"'},{value:'"off"'},{value:'"on"'},{value:'"tel"'},{value:'"email"'},{value:'"username"'},{value:'"language"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",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: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{a as T};

package/dist/assets/componentNames-Dts5uwdK.js

@@ -1 +0,0 @@
-const e={Accordion:"Accordion",AlertDialog:"AlertDialog",AlertBanner:"AlertBanner",AlertBannerAction:"AlertBannerAction",Avatar:"Avatar",AvatarWithStatus:"AvatarWithStatus",Badge:"Badge",Box:"Box",BubbleCounter:"BubbleCounter",Button:"Button",CalloutBanner:"CalloutBanner",Checkbox:"Checkbox",Chip:"Chip",Chips:"Chips",SingleSelectChips:"SingleSelectChips",SingleSelectChipsItem:"SingleSelectChipsItem",MultiSelectChips:"MultiSelectChips",MultiSelectChipsItem:"MultiSelectChipsItem",DismissibleChips:"DismissibleChips",DismissibleChipsItem:"DismissibleChipsItem",Dialog:"Dialog",DropdownMenu:"DropdownMenu",Divider:"Divider",FieldButton:"FieldButton",CountryFlag:"CountryFlag",FormControl:"FormControl",Heading:"Heading",Icon:"Icon",IconTile:"IconTile",IconButton:"IconButton",LayoutFlex:"LayoutFlex",LayoutFlexItem:"LayoutFlexItem",LayoutGrid:"LayoutGrid",LayoutGridItem:"LayoutGridItem",Link:"Link",Loader:"Loader",NumberField:"NumberField",ObserverIntersection:"ObserverIntersection",OnboardingTooltip:"OnboardingTooltip",PasswordField:"PasswordField",PreplyLogo:"PreplyLogo",ProgressBar:"ProgressBar",ProgressSteps:"ProgressSteps",Rating:"Rating",RatingInput:"RatingInput",Select:"Select",SelectField:"SelectField",SelectFieldOption:"SelectFieldOption",Slider:"Slider",Steps:"Steps",Switch:"Switch",Text:"Text",TextareaField:"TextareaField",TextField:"TextField",TextHighlighted:"TextHighlighted",TextInline:"TextInline",Toast:"Toast",Tooltip:"Tooltip"};export{e as w};