@preply/ds-docs 10.0.0 → 11.0.0

package/dist/assets/Dialog.test.stories-tViVBTuF.js

@@ -1,127 +0,0 @@
-import{j as c,r as Q}from"./iframe-DjYTJz7A.js";import{B as X}from"./Button-DS2bg8PO.js";import{D as Z}from"./Dialog-DaLOtRn0.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-DZ6hllTG.js";import"./ButtonBase-sV1YoG7h.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BG27lVzS.js";import"./useMergeRefs-CL5DIjXV.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";import"./componentNames-hc9KR2nX.js";import"./DialogCloseButton-CDDeMFIL.js";import"./useOpenInteractionType-B976GY1b.js";import"./index-CUvrBGJo.js";import"./TokyoUIClose-DoJfpCh8.js";import"./IconButton-D4lbFOKH.js";import"./shared-strings-ZccoNgto.js";const{expect:r,fn:$,userEvent:d,waitFor:g}=__STORYBOOK_MODULE_TEST__,ee=()=>c.jsx("div",{style:{width:"100%",height:"200px",background:"linear-gradient(to bottom, color-mix(in srgb, #e0e0e0, transparent), #e0e0e0)"}}),se=(e,s)=>{const[o,n]=Q.useState(s.args.open),a=()=>{var i,T;n(!1),(T=(i=s.args).onClose)==null||T.call(i)};return c.jsxs(c.Fragment,{children:[c.jsx(X,{dataset:{testid:"trigger"},onClick:()=>n(!0),children:"Open"}),c.jsx(e,{args:{...s.args,open:o,onClose:a}})]})},t={title:"Components/Dialog/Tests",component:Z,parameters:{preventIframeFromScrollingParent:!0,docs:{story:{inline:!1,height:600}}},decorators:[se],args:{open:!1,onClose:$(),children:c.jsx(ee,{}),dataset:{testid:"dialog"}},play:async({canvas:e,step:s})=>{await s("Open dialog",async()=>{const o=e.getByTestId("trigger");return await d.click(o),g(()=>{r(e.getByTestId("dialog")).toBeVisible()})})}},p={tags:["!autodocs"],args:{size:"xs",title:"Extra Small Dialog"}},u={tags:["!autodocs"],args:{size:"sm",title:"Small Dialog"}},y={tags:["!autodocs"],args:{size:"md",title:"Medium Dialog"}},m={tags:["!autodocs"],args:{size:"lg",title:"Large Dialog"}},l={tags:["!autodocs"],args:{size:{_:"lg","wide-s":"xs"},title:"Width Responsiveness",description:"Change the window width to see the Dialog width respond to it"}},w={tags:["!autodocs"],args:{title:"Test Close Overlay"},play:async e=>{var a;await((a=t.play)==null?void 0:a.call(t,e));const{canvas:s,step:o,args:n}=e;await o("Close dialog by clicking overlay",async()=>{const i=s.getByTestId("dialog-overlay");return await d.click(i),g(async()=>(await r(s.queryByTestId("dialog")).not.toBeInTheDocument(),r(n.onClose).toHaveBeenCalledOnce()))})}},C={tags:["!autodocs"],args:{title:"Test Close Focus"},play:async e=>{var a;await((a=t.play)==null?void 0:a.call(t,e));const{canvas:s,step:o,args:n}=e;await o("Close dialog by pressing space",async()=>(await d.keyboard("{Enter}"),g(async()=>(await r(s.queryByTestId("dialog")).not.toBeInTheDocument(),r(n.onClose).toHaveBeenCalledOnce()))))}},v={tags:["!autodocs"],args:{title:"Test Close Keyboard"},play:async e=>{var a;await((a=t.play)==null?void 0:a.call(t,e));const{canvas:s,step:o,args:n}=e;await o("Close dialog using escape key",async()=>(await d.keyboard("{Escape}"),g(()=>{r(s.queryByTestId("dialog")).not.toBeInTheDocument(),r(n.onClose).toHaveBeenCalledOnce()})))}},B={tags:["!autodocs"],args:{title:"Test Close Button"},play:async e=>{var a;await((a=t.play)==null?void 0:a.call(t,e));const{canvas:s,step:o,args:n}=e;await o("Close dialog using close button",async()=>{const i=await s.findByLabelText("Close");return await d.click(i),g(async()=>(await r(s.queryByTestId("dialog")).not.toBeInTheDocument(),r(n.onClose).toHaveBeenCalledOnce()))})}};var x,h,D;p.parameters={...p.parameters,docs:{...(x=p.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    size: 'xs',
-    title: 'Extra Small Dialog'
-  }
-}`,...(D=(h=p.parameters)==null?void 0:h.docs)==null?void 0:D.source}}};var b,I,S;u.parameters={...u.parameters,docs:{...(b=u.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    size: 'sm',
-    title: 'Small Dialog'
-  }
-}`,...(S=(I=u.parameters)==null?void 0:I.docs)==null?void 0:S.source}}};var O,f,E;y.parameters={...y.parameters,docs:{...(O=y.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    size: 'md',
-    title: 'Medium Dialog'
-  }
-}`,...(E=(f=y.parameters)==null?void 0:f.docs)==null?void 0:E.source}}};var k,z,F;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    size: 'lg',
-    title: 'Large Dialog'
-  }
-}`,...(F=(z=m.parameters)==null?void 0:z.docs)==null?void 0:F.source}}};var _,j,q,H,L;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    size: {
-      _: 'lg',
-      'wide-s': 'xs'
-    },
-    title: 'Width Responsiveness',
-    description: 'Change the window width to see the Dialog width respond to it'
-  }
-}`,...(q=(j=l.parameters)==null?void 0:j.docs)==null?void 0:q.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={{
-    _: 'lg',
-    'wide-s': 'xs',
-  }}
-/>
-\`\`\``,...(L=(H=l.parameters)==null?void 0:H.docs)==null?void 0:L.description}}};var R,K,M;w.parameters={...w.parameters,docs:{...(R=w.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  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();
-      });
-    });
-  }
-}`,...(M=(K=w.parameters)==null?void 0:K.docs)==null?void 0:M.source}}};var W,U,P;C.parameters={...C.parameters,docs:{...(W=C.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    title: 'Test Close Focus'
-  },
-  play: async ctx => {
-    await meta.play?.(ctx);
-    const {
-      canvas,
-      step,
-      args
-    } = ctx;
-    await step('Close dialog by pressing space', async () => {
-      await userEvent.keyboard('{Enter}');
-      return waitFor(async () => {
-        await expect(canvas.queryByTestId('dialog')).not.toBeInTheDocument();
-        return expect(args.onClose).toHaveBeenCalledOnce();
-      });
-    });
-  }
-}`,...(P=(U=C.parameters)==null?void 0:U.docs)==null?void 0:P.source}}};var V,Y,A;v.parameters={...v.parameters,docs:{...(V=v.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  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();
-      });
-    });
-  }
-}`,...(A=(Y=v.parameters)==null?void 0:Y.docs)==null?void 0:A.source}}};var G,J,N;B.parameters={...B.parameters,docs:{...(G=B.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  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 = await canvas.findByLabelText('Close');
-      await userEvent.click(closeButton);
-      return waitFor(async () => {
-        await expect(canvas.queryByTestId('dialog')).not.toBeInTheDocument();
-        return expect(args.onClose).toHaveBeenCalledOnce();
-      });
-    });
-  }
-}`,...(N=(J=B.parameters)==null?void 0:J.docs)==null?void 0:N.source}}};const Te=["ExtraSmall","Small","Medium","Large","WidthResponsiveness","TestCloseOverlay","TestCloseFocus","TestCloseKeyboard","TestCloseButton"];export{p as ExtraSmall,m as Large,y as Medium,u as Small,B as TestCloseButton,C as TestCloseFocus,v as TestCloseKeyboard,w as TestCloseOverlay,l as WidthResponsiveness,Te as __namedExportsOrder,t as default};

package/dist/assets/IconButton-D4lbFOKH.js

@@ -1,8 +0,0 @@
-import{r as d,j as m,z as v,D as c}from"./iframe-DjYTJz7A.js";import{r as p}from"./render-icon-DZ6hllTG.js";import{B as f}from"./ButtonBase-sV1YoG7h.js";import{w as y}from"./componentNames-hc9KR2nX.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:{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"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"ai"'},{value:'"critical"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},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"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",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"}]}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",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/IconTile-CanD5Ibh.css

@@ -1 +0,0 @@
-.IconTile__XlzW3{display:inline-flex;border-radius:var(--5e8be4)}.IconTile--size-small__brJck,.IconTile--size-base__gPIDE{padding:var(--590b8d)}.IconTile--size-medium__gAwOs,.IconTile--size-large__M35fc{padding:var(--66b80b)}.IconTile--tone-neutral__IVJ2Y{background-color:var(--a5c761)}.IconTile--tone-info__o2x-M{background-color:var(--94a45e)}.IconTile--tone-ai__dJp9n{background:var(--decc79)}.IconTile--tone-positive__yJsa9{background-color:var(--1836a4)}.IconTile--tone-warning__q8yaj{background-color:var(--b503b8)}.IconTile--tone-critical__iAjl0{background-color:var(--f15644)}

package/dist/assets/IconTile.stories-BlATLdyV.js

@@ -1,88 +0,0 @@
-import{r as y,u as _,j as e,g as z}from"./iframe-DjYTJz7A.js";import{F as n}from"./TokyoUINotesWithPad-D6VO7CbF.js";import{I as w}from"./Icon-kphbe0CE.js";import{w as r}from"./componentNames-hc9KR2nX.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-C5-m5mrW.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-DZ6hllTG.js";const S="IconTile__XlzW3",N={IconTile:S,"IconTile--size-small":"IconTile--size-small__brJck","IconTile--size-base":"IconTile--size-base__gPIDE","IconTile--size-medium":"IconTile--size-medium__gAwOs","IconTile--size-large":"IconTile--size-large__M35fc","IconTile--tone-neutral":"IconTile--tone-neutral__IVJ2Y","IconTile--tone-info":"IconTile--tone-info__o2x-M","IconTile--tone-ai":"IconTile--tone-ai__dJp9n","IconTile--tone-positive":"IconTile--tone-positive__yJsa9","IconTile--tone-warning":"IconTile--tone-warning__q8yaj","IconTile--tone-critical":"IconTile--tone-critical__iAjl0"};function k(l){switch(l){case"small":return"16";case"medium":return"32";case"large":return"48"}return"24"}const t=y.forwardRef(function({size:i="base",tone:x="neutral",dataset:T,...j},b){const f=_(N,r.IconTile,[`size-${i}`,`tone-${x}`]);return e.jsx("span",{className:f.join(" "),...z(T,{preplyDsComponent:r.IconTile}),children:e.jsx(w,{...j,accent:"primary",size:k(i),ref:b})})});try{t.displayName="IconTile",t.__docgenInfo={description:"",displayName:"IconTile",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:"label",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>>"}]}},size:{defaultValue:{value:"base"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"base"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},tone:{defaultValue:{value:"neutral"},description:"",name:"tone",required:!1,type:{name:"enum",value:[{value:'"neutral"'},{value:'"info"'},{value:'"ai"'},{value:'"warning"'},{value:'"critical"'},{value:'"positive"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const A={title:"components/IconTile",component:t,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},a=()=>e.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"small"}),e.jsx("th",{children:"base"}),e.jsx("th",{children:"medium"}),e.jsx("th",{children:"large"})]})}),e.jsx("tbody",{children:e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx(t,{svg:n,size:"small"})}),e.jsx("td",{children:e.jsx(t,{svg:n,size:"base"})}),e.jsx("td",{children:e.jsx(t,{svg:n,size:"medium"})}),e.jsx("td",{children:e.jsx(t,{svg:n,size:"large"})})]})})]}),s=()=>e.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"neutral"}),e.jsx("th",{children:"info"}),e.jsx("th",{children:"ai"}),e.jsx("th",{children:"positive"}),e.jsx("th",{children:"warning"}),e.jsx("th",{children:"critical"})]})}),e.jsx("tbody",{children:e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx(t,{svg:n,tone:"neutral"})}),e.jsx("td",{children:e.jsx(t,{svg:n,tone:"info"})}),e.jsx("td",{children:e.jsx(t,{svg:n,tone:"ai"})}),e.jsx("td",{children:e.jsx(t,{svg:n,tone:"positive"})}),e.jsx("td",{children:e.jsx(t,{svg:n,tone:"warning"})}),e.jsx("td",{children:e.jsx(t,{svg:n,tone:"critical"})})]})})]}),o={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:n,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"}}};var c,d,u;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`() => <table style={{
-  borderCollapse: 'separate',
-  borderSpacing: '16px'
-}}>
-        <thead>
-            <tr>
-                <th>small</th>
-                <th>base</th>
-                <th>medium</th>
-                <th>large</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} size="small" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} size="base" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} size="medium" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} size="large" />
-                </td>
-            </tr>
-        </tbody>
-    </table>`,...(u=(d=a.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var p,m,h;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`() => <table style={{
-  borderCollapse: 'separate',
-  borderSpacing: '16px'
-}}>
-        <thead>
-            <tr>
-                <th>neutral</th>
-                <th>info</th>
-                <th>ai</th>
-                <th>positive</th>
-                <th>warning</th>
-                <th>critical</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="neutral" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="info" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="ai" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="positive" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="warning" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="critical" />
-                </td>
-            </tr>
-        </tbody>
-    </table>`,...(h=(m=s.parameters)==null?void 0:m.docs)==null?void 0:h.source}}};var g,v,I;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  args: {
-    svg: TokyoUINotesWithPad,
-    dataset: {
-      qaid: 'icon'
-    }
-  },
-  argTypes: {
-    svg: {
-      control: false
-    },
-    dataset: {
-      control: 'object'
-    },
-    label: {
-      control: 'text'
-    }
-  }
-}`,...(I=(v=o.parameters)==null?void 0:v.docs)==null?void 0:I.source}}};const D=["Sizes","Tones","Playground"];export{o as Playground,a as Sizes,s as Tones,D as __namedExportsOrder,A as default};

package/dist/assets/NumberField-FWK2ErPL.js

@@ -1,6 +0,0 @@
-import{r as V,j as u}from"./iframe-DjYTJz7A.js";import{F as g}from"./FormControl-DgD7Nr_L.js";import{w as H}from"./componentNames-hc9KR2nX.js";import{I as L}from"./Input-Cp2OkxN8.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:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},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"}]}},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"}]}},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"}]}},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"}]}},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>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<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"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},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/OnboardingTooltip-CsmroJZe.css

@@ -1 +0,0 @@
-.content__KHgp9{background-color:var(--79dffb);border-radius:var(--fa4b1a);padding:var(--558c4c);box-shadow:var(--df7dbb);width:304px;display:flex;flex-direction:column;gap:var(--813599);z-index:var(--ds-onboarding-tooltip-z-index-override, auto);animation-duration:.15s;animation-timing-function:cubic-bezier(.25,0,.5,1.3);transform-origin:var(--radix-popover-content-transform-origin);will-change:transform,opacity}.content__KHgp9[data-state=open]{animation-name:appear__G8agi}.content__KHgp9[data-state=closed]{animation-name:disappear__OWVSJ}.header__CaLti{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}.close__3s-VD{background:none;border:none;border-radius:var(--5e8be4);padding:0;margin:0;cursor:pointer}.close__3s-VD:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.footer__X5qXF{display:flex;justify-content:flex-end;gap:var(--813599);align-items:center}.arrow__0pg-s{fill:var(--79dffb)}@keyframes appear__G8agi{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes disappear__OWVSJ{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}

package/dist/assets/OnboardingTour-D0hvRI8H.css

@@ -1 +0,0 @@
-.counter__ArBS-{flex:1;min-width:max-content;color:var(--a924f9);font-size:var(--f7d879);font-weight:var(--87a7e3);line-height:var(--1cb31f)}

package/dist/assets/PasswordField-Bp2beBoD.js

@@ -1,6 +0,0 @@
-import{r as a,j as l}from"./iframe-DjYTJz7A.js";import{F as H}from"./FormControl-DgD7Nr_L.js";import{F as L,a as I}from"./TokyoUIEye-BRl8T4Ci.js";import{F as M}from"./FieldButton-CYcQXg37.js";import{u as x,d as T}from"./index-CUvrBGJo.js";import{u as F}from"./useMergeRefs-jFGYKOXz.js";import{w as P}from"./componentNames-hc9KR2nX.js";import{I as k}from"./Input-Cp2OkxN8.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:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},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"}]}},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"}]}},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"}]}},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"}]}},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>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<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"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},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/TextField--Ctd_eHi.js

@@ -1,6 +0,0 @@
-import{r as h,j as e}from"./iframe-DjYTJz7A.js";import{F as b}from"./FormControl-DgD7Nr_L.js";import{w as q}from"./componentNames-hc9KR2nX.js";import{I as g}from"./Input-Cp2OkxN8.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:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},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"}]}},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"}]}},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"}]}},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"}]}},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>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<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"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},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:'"url"'},{value:'"name"'},{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/TokyoUINotesWithPad-D6VO7CbF.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-DjYTJz7A.js";const v=({title:o,titleId:t,...r},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":t,...r},o?e.createElement("title",{id:t},o):null,e.createElement("path",{fillRule:"evenodd",d:"M17 5v2h2V3H8L3 8v14h16v-4h-2v2H5V8.828h3.828V5H17Zm4 6.4L18.613 9 12 15.6V18h2.405L21 11.4ZM7 12h5v2H7v-2Zm3 4H7v2h3v-2Z",clipRule:"evenodd"})),n=e.forwardRef(v);export{n as F};