@preply/ds-docs 3.5.1 → 3.6.0

package/dist/assets/{Slider-6E9fmd7P.js → Slider-CIF6srIP.js}

@@ -1,2 +1,2 @@
-import{j as n}from"./jsx-runtime-BYouaCF_.js";import{r as b}from"./index-B3evPFBL.js";import{R as g,T as y,a as _,b as V}from"./index--DZ0VX4g.js";import{g as q}from"./index-DdzHuZ-Y.js";import{w}from"./componentNames-CpCJzpB9.js";const T="root__Eki38",x="track__zosW2",j="range__Awc-3",k="thumb__IV11l",t={root:T,track:x,range:j,thumb:k};function u(l){const e={};return Object.entries(l).forEach(([a,r])=>{switch(a){case"id":case"aria-label":case"aria-labelledby":case"aria-describedby":case"aria-invalid":case"aria-errormessage":e[a]=r}}),e}const i=b.forwardRef(function({value:e,defaultValue:a=0,onValueChange:r,min:s=0,max:o=100,step:d=1,dataset:m,...c},f){const p=q(m,{preplyDsComponent:w.Slider}),v=r?h=>r(h[0]):void 0;return n.jsxs(g,{ref:f,...p,className:t.root,value:e!==void 0?[e]:void 0,defaultValue:a!==void 0?[a]:void 0,onValueChange:v,min:s,max:o,step:d,children:[n.jsx(y,{className:t.track,children:n.jsx(_,{className:t.range})}),n.jsx(V,{...u(c),className:t.thumb})]})});try{u.displayName="filterThumbProps",u.__docgenInfo={description:"",displayName:"filterThumbProps",props:{}}}catch{}try{i.displayName="Slider",i.__docgenInfo={description:"A slider input that allows users to select a single value from a range.",displayName:"Slider",props:{id:{defaultValue:null,description:"The unique identifier for the range slider element.",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the range slider.",name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:"ID of the element that labels the range slider.",name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:"ID of the element that describes the range slider.",name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-invalid":{defaultValue:null,description:"Indicates whether the range slider value is invalid.",name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-errormessage":{defaultValue:null,description:"ID of the element that describes the error, if any.",name:"aria-errormessage",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"The controlled value of the slider.\nMust be used in conjunction with `onValueChange`.",name:"value",required:!1,type:{name:"enum",value:[{value:"number"}]}},defaultValue:{defaultValue:{value:"0"},description:`The value of the slider when initially rendered.
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as b}from"./index-Cb9e4tly.js";import{R as g,T as y,a as _,b as V}from"./index-Bt5ip-xO.js";import{g as q}from"./index-DdzHuZ-Y.js";import{w}from"./componentNames-NXEPEzbR.js";const T="root__Eki38",x="track__zosW2",j="range__Awc-3",k="thumb__IV11l",t={root:T,track:x,range:j,thumb:k};function u(l){const e={};return Object.entries(l).forEach(([a,r])=>{switch(a){case"id":case"aria-label":case"aria-labelledby":case"aria-describedby":case"aria-invalid":case"aria-errormessage":e[a]=r}}),e}const i=b.forwardRef(function({value:e,defaultValue:a=0,onValueChange:r,min:s=0,max:o=100,step:d=1,dataset:m,...c},f){const p=q(m,{preplyDsComponent:w.Slider}),v=r?h=>r(h[0]):void 0;return n.jsxs(g,{ref:f,...p,className:t.root,value:e!==void 0?[e]:void 0,defaultValue:a!==void 0?[a]:void 0,onValueChange:v,min:s,max:o,step:d,children:[n.jsx(y,{className:t.track,children:n.jsx(_,{className:t.range})}),n.jsx(V,{...u(c),className:t.thumb})]})});try{u.displayName="filterThumbProps",u.__docgenInfo={description:"",displayName:"filterThumbProps",props:{}}}catch{}try{i.displayName="Slider",i.__docgenInfo={description:"A slider input that allows users to select a single value from a range.",displayName:"Slider",props:{id:{defaultValue:null,description:"The unique identifier for the range slider element.",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the range slider.",name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:"ID of the element that labels the range slider.",name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:"ID of the element that describes the range slider.",name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-invalid":{defaultValue:null,description:"Indicates whether the range slider value is invalid.",name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-errormessage":{defaultValue:null,description:"ID of the element that describes the error, if any.",name:"aria-errormessage",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"The controlled value of the slider.\nMust be used in conjunction with `onValueChange`.",name:"value",required:!1,type:{name:"enum",value:[{value:"number"}]}},defaultValue:{defaultValue:{value:"0"},description:`The value of the slider when initially rendered.
 Use when you do not need to control the state of the slider.`,name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"number"}]}},onValueChange:{defaultValue:null,description:"Event handler called when the value changes.",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: number) => void"}]}},name:{defaultValue:null,description:"The name of the slider. Submitted with its owning form as part of a name/value pair.",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},min:{defaultValue:{value:"0"},description:"The minimum value for the slider.",name:"min",required:!1,type:{name:"enum",value:[{value:"number"}]}},max:{defaultValue:{value:"100"},description:"The maximum value for the slider.",name:"max",required:!1,type:{name:"enum",value:[{value:"number"}]}},step:{defaultValue:{value:"1"},description:"The slider stepping interval.",name:"step",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: 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{}export{i as S,u as f,t as s};

package/dist/assets/{Slider.stories-B5LCqqgS.js → Slider.stories-DPwe4ZY9.js}

@@ -1,4 +1,4 @@
-import{j as c}from"./jsx-runtime-BYouaCF_.js";import{r as B}from"./index-B3evPFBL.js";import{a as C}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{f as R,w as u,e as a,u as d}from"./index-DDyIDR-R.js";import{S as H}from"./Slider-6E9fmd7P.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index--DZ0VX4g.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-DdzHuZ-Y.js";import"./componentNames-CpCJzpB9.js";const l=R(C("change")),O={title:"Components/Slider",component:H,decorators:[n=>c.jsx("div",{style:{padding:"32px",maxWidth:"400px"},children:c.jsx(n,{})})],args:{"aria-label":"Sample",onValueChange:l}},o={play:async({canvasElement:n,step:t})=>{const e=u(n).getByRole("slider");await t("Initial state",async()=>{a(e).toBeInTheDocument(),a(e).toHaveAttribute("aria-valuemin","0"),a(e).toHaveAttribute("aria-valuemax","100"),a(e).toHaveAttribute("aria-valuenow","0")}),await t("Move thumb via keyboard interactions",async()=>{e.focus(),await d.keyboard("{ArrowRight}"),a(e).toHaveAttribute("aria-valuenow","1"),a(l).toBeCalledWith(1)})}},i={args:{defaultValue:50},play:async({canvasElement:n,step:t})=>{const e=u(n).getByRole("slider");await t("Initial state",async()=>{a(e).toBeInTheDocument(),a(e).toHaveAttribute("aria-valuemin","0"),a(e).toHaveAttribute("aria-valuemax","100"),a(e).toHaveAttribute("aria-valuenow","50")}),await t("Move thumb via keyboard interactions",async()=>{e.focus(),await d.keyboard("{ArrowRight}"),a(e).toHaveAttribute("aria-valuenow","51"),a(l).toBeCalledWith(51)})}},s={render:function(t){const[r,e]=B.useState(50);return c.jsx(H,{...t,value:r,onValueChange:v=>{var p;e(v),(p=t.onValueChange)==null||p.call(t,v)}})},play:async({canvasElement:n,step:t})=>{const e=u(n).getByRole("slider");await t("Initial controlled state",async()=>{a(e).toBeInTheDocument(),a(e).toHaveAttribute("aria-valuenow","50")}),await t("Move thumb and verify value updates",async()=>{e.focus(),await d.keyboard("{ArrowRight}"),a(e).toHaveAttribute("aria-valuenow","51"),a(l).toBeCalledWith(51)})}};var m,y,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
+import{j as c}from"./jsx-runtime-BTJTZTIL.js";import{r as B}from"./index-Cb9e4tly.js";import{a as C}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{f as R,w as u,e as a,u as d}from"./index-Ctq3gFTp.js";import{S as H}from"./Slider-CIF6srIP.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-Bt5ip-xO.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-DdzHuZ-Y.js";import"./componentNames-NXEPEzbR.js";const l=R(C("change")),q={title:"Components/Slider",component:H,decorators:[n=>c.jsx("div",{style:{padding:"32px",maxWidth:"400px"},children:c.jsx(n,{})})],args:{"aria-label":"Sample",onValueChange:l}},o={play:async({canvasElement:n,step:t})=>{const e=u(n).getByRole("slider");await t("Initial state",async()=>{a(e).toBeInTheDocument(),a(e).toHaveAttribute("aria-valuemin","0"),a(e).toHaveAttribute("aria-valuemax","100"),a(e).toHaveAttribute("aria-valuenow","0")}),await t("Move thumb via keyboard interactions",async()=>{e.focus(),await d.keyboard("{ArrowRight}"),a(e).toHaveAttribute("aria-valuenow","1"),a(l).toBeCalledWith(1)})}},i={args:{defaultValue:50},play:async({canvasElement:n,step:t})=>{const e=u(n).getByRole("slider");await t("Initial state",async()=>{a(e).toBeInTheDocument(),a(e).toHaveAttribute("aria-valuemin","0"),a(e).toHaveAttribute("aria-valuemax","100"),a(e).toHaveAttribute("aria-valuenow","50")}),await t("Move thumb via keyboard interactions",async()=>{e.focus(),await d.keyboard("{ArrowRight}"),a(e).toHaveAttribute("aria-valuenow","51"),a(l).toBeCalledWith(51)})}},s={render:function(t){const[r,e]=B.useState(50);return c.jsx(H,{...t,value:r,onValueChange:v=>{var p;e(v),(p=t.onValueChange)==null||p.call(t,v)}})},play:async({canvasElement:n,step:t})=>{const e=u(n).getByRole("slider");await t("Initial controlled state",async()=>{a(e).toBeInTheDocument(),a(e).toHaveAttribute("aria-valuenow","50")}),await t("Move thumb and verify value updates",async()=>{e.focus(),await d.keyboard("{ArrowRight}"),a(e).toHaveAttribute("aria-valuenow","51"),a(l).toBeCalledWith(51)})}};var m,y,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
   play: async ({
     canvasElement,
     step
@@ -66,4 +66,4 @@ import{j as c}from"./jsx-runtime-BYouaCF_.js";import{r as B}from"./index-B3evPFB
       expect(onValueChange).toBeCalledWith(51);
     });
   }
-}`,...(f=(A=s.parameters)==null?void 0:A.docs)==null?void 0:f.source}}};const q=["Uncontrolled","UncontrolledWithDefault","Controlled"];export{s as Controlled,o as Uncontrolled,i as UncontrolledWithDefault,q as __namedExportsOrder,O as default};
+}`,...(f=(A=s.parameters)==null?void 0:A.docs)==null?void 0:f.source}}};const z=["Uncontrolled","UncontrolledWithDefault","Controlled"];export{s as Controlled,o as Uncontrolled,i as UncontrolledWithDefault,z as __namedExportsOrder,q as default};

package/dist/assets/{Spinner-BCTJunNM.js → Spinner-T-vTyHiv.js}

@@ -1 +1 @@
-import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as e}from"./index-B3evPFBL.js";import{m as o,s as m,a as p}from"./classNames-BUL1Zq7e.js";import{S as c}from"./defaults-B1rzzf6M.js";const u="Spinner__XvUpd",S="spin__iEg7N",l={Spinner:u,"Spinner--size-default":"Spinner--size-default__mYug6","Spinner--size-large":"Spinner--size-large__w-57e","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__Y1CEQ","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__10-GA","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__sGEJB","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__z3YD6","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__Gc7Yo","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__a1mSJ","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__n3cXu","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__kdEFZ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__44Cv-","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__uxzU7","Spinner--static":"Spinner--static__Jjv6L","Spinner--animated":"Spinner--animated__gi5FM",spin:S},_=({title:n,titleId:i,...r},s)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),f=e.forwardRef(_),z=({title:n,titleId:i,...r},s)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("g",{clipPath:"url(#clip0_1785_4234)"},e.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1785_4234"},e.createElement("rect",{width:32,height:32,fill:"white"})))),g=e.forwardRef(z),t="Spinner",d=({size:n=c})=>{const i=o(l,t,[m("size",n)]),r=[...p(l,t,["animated"])],s=[...p(l,t,["static"])];return a.jsxs("span",{className:i.join(" "),children:[a.jsx("span",{className:r.join(" "),children:a.jsx(g,{})}),a.jsx("span",{className:s.join(" "),children:a.jsx(f,{})})]})};try{d.displayName="Spinner",d.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"default"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}}}}}catch{}export{d as S};
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as e}from"./index-Cb9e4tly.js";import{m as o,s as m,a as p}from"./classNames-BUL1Zq7e.js";import{S as c}from"./defaults-Clr6nbGc.js";const u="Spinner__XvUpd",S="spin__iEg7N",l={Spinner:u,"Spinner--size-default":"Spinner--size-default__mYug6","Spinner--size-large":"Spinner--size-large__w-57e","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__Y1CEQ","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__10-GA","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__sGEJB","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__z3YD6","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__Gc7Yo","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__a1mSJ","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__n3cXu","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__kdEFZ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__44Cv-","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__uxzU7","Spinner--static":"Spinner--static__Jjv6L","Spinner--animated":"Spinner--animated__gi5FM",spin:S},_=({title:n,titleId:i,...r},s)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),f=e.forwardRef(_),z=({title:n,titleId:i,...r},s)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("g",{clipPath:"url(#clip0_1785_4234)"},e.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1785_4234"},e.createElement("rect",{width:32,height:32,fill:"white"})))),g=e.forwardRef(z),t="Spinner",d=({size:n=c})=>{const i=o(l,t,[m("size",n)]),r=[...p(l,t,["animated"])],s=[...p(l,t,["static"])];return a.jsxs("span",{className:i.join(" "),children:[a.jsx("span",{className:r.join(" "),children:a.jsx(g,{})}),a.jsx("span",{className:s.join(" "),children:a.jsx(f,{})})]})};try{d.displayName="Spinner",d.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"default"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}}}}}catch{}export{d as S};

package/dist/assets/{Steps-CCm9vCgl.js → Steps-ffbOMhEJ.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{B as y}from"./Button-BSyqsKC5.js";import"./index-BfBdt3zW.js";import{H as C}from"./Heading-ese4_5Hg.js";import{P as I}from"./ProgressSteps-BBrWCYks.js";import{g as M}from"./index-DdzHuZ-Y.js";import{w as V}from"./componentNames-CpCJzpB9.js";import{M as b}from"./message-BraTJ16C.js";const E="steps__6mN2m",q="content__t3rlv",A="header__hCorO",B="description__j42sQ",g={steps:E,content:q,header:A,description:B},N=i.createContext(void 0),P=()=>{const n=i.useContext(N);if(n===void 0)throw new Error("Steps navigation components must be used within a Steps component");return n||{}},O=i.forwardRef(function({onClick:t,disabled:p,variant:o="tertiary",...c},d){const{goToPreviousStep:s,currentStep:u,isNavigating:l,contentId:m}=P();return e.jsx(y,{...c,ref:d,variant:o,onClick:r=>{t==null||t(r),!r.defaultPrevented&&s()},disabled:u===1||l||p,"aria-controls":m,children:c.children||e.jsx(b,{id:"preply-ds.steps.previous",defaultMessage:"Previous",description:"Button used to navigate to the previous step"})})}),D=i.forwardRef(function({onClick:t,disabled:p,variant:o="primary",...c},d){const{goToNextStep:s,currentStep:u,totalSteps:l,isNavigating:m,contentId:r}=P();return e.jsx(y,{...c,ref:d,variant:o,onClick:S=>{t==null||t(S),!S.defaultPrevented&&s()},disabled:u===l||m||p,"aria-controls":r,children:c.children||e.jsx(b,{id:"preply-ds.steps.next",defaultMessage:"Next",description:"Button used to navigate to the next step"})})}),R=({children:n,"aria-label":t,initialStep:p=1,onStepChange:o,dataset:c})=>{const d=i.useId(),[s,u]=i.useState(p),[l,m]=i.useState(!1),r=[],S=[];n==null||n.forEach(a=>{i.isValidElement(a)&&a.type===T?r.push(a):S.push(a)});const h=r.length,w=M(c,{preplyDsComponent:V.Steps}),f=async a=>{const v=Math.min(Math.max(a,1),h);if(!o){u(v);return}m(!0);try{const _=await o(s,v);u(_??v)}finally{m(!1)}},j={goToPreviousStep:()=>f(s-1),goToNextStep:()=>f(s+1),goToStep:a=>f(a),currentStep:s,totalSteps:h,isNavigating:l,contentId:d};return e.jsxs("div",{...w,className:g.steps,id:d,"aria-live":"polite","aria-busy":l,children:[e.jsx(I,{currentStep:s,totalSteps:h,"aria-label":t}),e.jsx("div",{className:g.content,children:e.jsxs(N.Provider,{value:j,children:[r[s-1],S]})})]})},T=({title:n,description:t,children:p,hideHeader:o})=>e.jsxs(e.Fragment,{children:[!o&&e.jsxs("hgroup",{className:g.header,children:[e.jsx(C,{tag:"h3",variant:"medium",children:n}),t&&e.jsx("p",{className:g.description,children:t})]}),p]}),x=Object.assign(R,{Step:T,Previous:O,Next:D});try{x.displayName="Steps",x.__docgenInfo={description:"This component allows users to navigate through a series of steps, providing\na structured way to complete tasks or forms. It will also handle screen reader\nannouncements and progress indicators.\n\nTo create a step, wrap the content of each step in a `Steps.Step` component.\nAny non-`Steps.Step` children will be rendered outside of the steps flow,\nright after the currently active step.\n\nTo navigate between steps, use the `Steps.Previous` and `Steps.Next` components.\nAlternatively, you can use the `StepsContext` directly to call\n`goToPreviousStep`, `goToNextStep`, or `goToStep`.",displayName:"Steps",props:{"aria-label":{defaultValue:null,description:`A description of the step flow and its content for screen readers.
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{B as y}from"./Button-C5gzVt4K.js";import"./index-DSVnVYmz.js";import{H as C}from"./Heading-BLxyLk9f.js";import{P as I}from"./ProgressSteps--PLRO2gB.js";import{g as M}from"./index-DdzHuZ-Y.js";import{w as V}from"./componentNames-NXEPEzbR.js";import{M as b}from"./message-BqoANQez.js";const E="steps__6mN2m",q="content__t3rlv",A="header__hCorO",B="description__j42sQ",g={steps:E,content:q,header:A,description:B},N=i.createContext(void 0),P=()=>{const n=i.useContext(N);if(n===void 0)throw new Error("Steps navigation components must be used within a Steps component");return n||{}},O=i.forwardRef(function({onClick:t,disabled:p,variant:o="tertiary",...c},d){const{goToPreviousStep:s,currentStep:u,isNavigating:l,contentId:m}=P();return e.jsx(y,{...c,ref:d,variant:o,onClick:r=>{t==null||t(r),!r.defaultPrevented&&s()},disabled:u===1||l||p,"aria-controls":m,children:c.children||e.jsx(b,{id:"preply-ds.steps.previous",defaultMessage:"Previous",description:"Button used to navigate to the previous step"})})}),D=i.forwardRef(function({onClick:t,disabled:p,variant:o="primary",...c},d){const{goToNextStep:s,currentStep:u,totalSteps:l,isNavigating:m,contentId:r}=P();return e.jsx(y,{...c,ref:d,variant:o,onClick:S=>{t==null||t(S),!S.defaultPrevented&&s()},disabled:u===l||m||p,"aria-controls":r,children:c.children||e.jsx(b,{id:"preply-ds.steps.next",defaultMessage:"Next",description:"Button used to navigate to the next step"})})}),R=({children:n,"aria-label":t,initialStep:p=1,onStepChange:o,dataset:c})=>{const d=i.useId(),[s,u]=i.useState(p),[l,m]=i.useState(!1),r=[],S=[];n==null||n.forEach(a=>{i.isValidElement(a)&&a.type===T?r.push(a):S.push(a)});const h=r.length,w=M(c,{preplyDsComponent:V.Steps}),f=async a=>{const v=Math.min(Math.max(a,1),h);if(!o){u(v);return}m(!0);try{const _=await o(s,v);u(_??v)}finally{m(!1)}},j={goToPreviousStep:()=>f(s-1),goToNextStep:()=>f(s+1),goToStep:a=>f(a),currentStep:s,totalSteps:h,isNavigating:l,contentId:d};return e.jsxs("div",{...w,className:g.steps,id:d,"aria-live":"polite","aria-busy":l,children:[e.jsx(I,{currentStep:s,totalSteps:h,"aria-label":t}),e.jsx("div",{className:g.content,children:e.jsxs(N.Provider,{value:j,children:[r[s-1],S]})})]})},T=({title:n,description:t,children:p,hideHeader:o})=>e.jsxs(e.Fragment,{children:[!o&&e.jsxs("hgroup",{className:g.header,children:[e.jsx(C,{tag:"h3",variant:"medium",children:n}),t&&e.jsx("p",{className:g.description,children:t})]}),p]}),x=Object.assign(R,{Step:T,Previous:O,Next:D});try{x.displayName="Steps",x.__docgenInfo={description:"This component allows users to navigate through a series of steps, providing\na structured way to complete tasks or forms. It will also handle screen reader\nannouncements and progress indicators.\n\nTo create a step, wrap the content of each step in a `Steps.Step` component.\nAny non-`Steps.Step` children will be rendered outside of the steps flow,\nright after the currently active step.\n\nTo navigate between steps, use the `Steps.Previous` and `Steps.Next` components.\nAlternatively, you can use the `StepsContext` directly to call\n`goToPreviousStep`, `goToNextStep`, or `goToStep`.",displayName:"Steps",props:{"aria-label":{defaultValue:null,description:`A description of the step flow and its content for screen readers.
 @example 'Onboarding Steps', 'Checkout Steps', 'Survey Steps', etc.`,name:"aria-label",required:!0,type:{name:"string"}},initialStep:{defaultValue:{value:"1"},description:"The initial step to start at (from `1` to `children.length`).",name:"initialStep",required:!1,type:{name:"enum",value:[{value:"number"}]}},onStepChange:{defaultValue:null,description:`Optional callback to control navigation between steps.
 
 This is triggered either by using the \`Steps.Previous\` and \`Steps.Next\`

package/dist/assets/{Steps.stories-BLFM3WRM.js → Steps.stories-CPOi2Oi8.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as G}from"./index-B3evPFBL.js";import{e as r,u as a,a as o}from"./index-DDyIDR-R.js";import{S as t,u as X}from"./Steps-CCm9vCgl.js";import{L as h}from"./LayoutFlex-BBGvSVMb.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Button-BSyqsKC5.js";import"./render-icon-CVTdrNe-.js";import"./ButtonBase-Bdtn25V2.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BCTJunNM.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-CeyIhNgY.js";import"./useHostname-CH18gHFj.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-CpCJzpB9.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-ese4_5Hg.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./ProgressSteps-BBrWCYks.js";import"./message-BraTJ16C.js";import"./layout-relative.module-ed9bC4H4.js";const je={title:"Components/Steps",component:t,decorators:[s=>e.jsx("div",{style:{padding:"32px"},children:e.jsx(s,{})})]},i=e.jsx("div",{style:{width:"100%",height:"300px",backgroundColor:"#e0e0e0",marginBottom:"16px"}}),c={parameters:{docs:{description:{story:"Basic usage with header, controls, and content per step."}}},render:()=>e.jsxs(t,{dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"This is the description for step 1.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"This is the description for step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the description for step 3.",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]}),play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 1")).toBeVisible()})}},d={parameters:{docs:{description:{story:"Example with hidden headers and only content per step."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 2",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 3",hideHeader:!0,children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},l={parameters:{docs:{description:{story:"Example demonstrating the use of a custom `initialStep`."}}},render:()=>e.jsxs(t,{initialStep:2,"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Step 1 is skipped.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Starting at step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the third step.",children:i})]})},S={parameters:{docs:{description:{story:"Example with only navigation controls, no headers or content."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",children:i}),e.jsx(t.Step,{title:"Step 2",children:i}),e.jsx(t.Step,{title:"Step 3",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},u={parameters:{docs:{description:{story:`Example with a 1-second async delay between steps.
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as G}from"./index-Cb9e4tly.js";import{e as r,u as a,a as o}from"./index-Ctq3gFTp.js";import{S as t,u as X}from"./Steps-ffbOMhEJ.js";import{L as h}from"./LayoutFlex-C3k4b85b.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Button-C5gzVt4K.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D5O3MkG2.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-T-vTyHiv.js";import"./classNames-BUL1Zq7e.js";import"./defaults-Clr6nbGc.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-NXEPEzbR.js";import"./index-DSVnVYmz.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-BLxyLk9f.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./ProgressSteps--PLRO2gB.js";import"./message-BqoANQez.js";import"./layout-relative.module-ChaXrVQQ.js";const Be={title:"Components/Steps",component:t,decorators:[s=>e.jsx("div",{style:{padding:"32px"},children:e.jsx(s,{})})]},i=e.jsx("div",{style:{width:"100%",height:"300px",backgroundColor:"#e0e0e0",marginBottom:"16px"}}),c={parameters:{docs:{description:{story:"Basic usage with header, controls, and content per step."}}},render:()=>e.jsxs(t,{dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"This is the description for step 1.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"This is the description for step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the description for step 3.",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]}),play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 1")).toBeVisible()})}},d={parameters:{docs:{description:{story:"Example with hidden headers and only content per step."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 2",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 3",hideHeader:!0,children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},l={parameters:{docs:{description:{story:"Example demonstrating the use of a custom `initialStep`."}}},render:()=>e.jsxs(t,{initialStep:2,"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Step 1 is skipped.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Starting at step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the third step.",children:i})]})},S={parameters:{docs:{description:{story:"Example with only navigation controls, no headers or content."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",children:i}),e.jsx(t.Step,{title:"Step 2",children:i}),e.jsx(t.Step,{title:"Step 3",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},u={parameters:{docs:{description:{story:`Example with a 1-second async delay between steps.
 
 Navigation controls are disabled during transitions, with a cursor loading indicator.`}}},render:()=>{const s=async(p,n)=>(await new Promise(g=>setTimeout(g,1e3)),n);return e.jsxs(t,{onStepChange:s,dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Navigation has a 1s delay",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Each navigation has async validation",children:i}),e.jsx(t.Step,{title:"Step 3",description:"Buttons are disabled during validation",children:i}),e.jsx(t.Step,{title:"Step 4",description:"Final step",children:i}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},play:async({canvas:s})=>{const p=s.getByTestId("steps");r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),r(p).toContainHTML('aria-busy="true"'),await o(()=>{r(p).toContainHTML('aria-busy="false"'),r(s.getByText("Step 2")).toBeVisible()})}},y={parameters:{docs:{description:{story:"You can override the navigation flow using `onStepChange`.\n\nThe following example skips step 3 and goes directly to step 4."}}},render:()=>{const s=async(p,n)=>n===3?p<3?4:2:n;return e.jsxs(t,{onStepChange:s,dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Next goes to step 2",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Step 3 will always be skipped",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This step is not accessible",children:i}),e.jsx(t.Step,{title:"Step 4",description:"Previous goes to step 2",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 4")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()})}},x={parameters:{docs:{description:{story:"Although not a great UX, you can customize the placement of the navigation buttons."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Custom Buttons Location",description:"Navigation buttons can be placed anywhere",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(t.Previous,{variant:"secondary"}),e.jsx(t.Next,{})]}),i]})}),e.jsxs(t.Step,{title:"Customized Navigation",description:"Buttons can have custom text and styles",children:[i,e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},children:[e.jsx(t.Next,{variant:"secondary",children:"Continue"}),e.jsx(t.Previous,{variant:"tertiary",children:"Go Back"})]})]}),e.jsxs(t.Step,{title:"Final Step",description:"Only previous button is needed here",children:[i,e.jsx("div",{children:e.jsx(t.Previous,{children:"Return to previous step"})})]})]})},Y=()=>{const{goToPreviousStep:s,goToNextStep:p,goToStep:n,totalSteps:g,isNavigating:v}=X();return G.useEffect(()=>{const b=O=>{if(!v)switch(O.key){case"ArrowLeft":s();break;case"ArrowRight":p();break;case"1":n(1);break;case"2":n(2);break;case"3":n(3);break}};return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[s,p,n,g,v]),e.jsxs("div",{style:{padding:"16px",backgroundColor:"#f5f5f5",borderRadius:"4px"},children:[e.jsxs("p",{children:[e.jsx("strong",{children:"Keyboard Navigation:"})," Click here to focus, then use:"]}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("kbd",{children:"←"})," Previous step"]}),e.jsxs("li",{children:[e.jsx("kbd",{children:"→"})," Next step"]}),e.jsxs("li",{children:[e.jsx("kbd",{children:"1"})," - ",e.jsx("kbd",{children:"3"})," Jump to step"]})]})]})},m={parameters:{docs:{description:{story:`This example demonstrates controlled navigation using the Steps context.
 
@@ -303,4 +303,4 @@ The component listens for keyboard events and uses the context functions to navi
       expect(canvas.getByText('Step 3')).toBeVisible();
     });
   }
-}`,...(_=(U=m.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};const Be=["WithHeadersAndControls","WithHiddenHeaders","WithCustomInitialStep","WithConstantControls","WithAsyncNavigation","WithNonLinearFlow","WithVaryingControls","WithCustomControls"];export{u as WithAsyncNavigation,S as WithConstantControls,m as WithCustomControls,l as WithCustomInitialStep,c as WithHeadersAndControls,d as WithHiddenHeaders,y as WithNonLinearFlow,x as WithVaryingControls,Be as __namedExportsOrder,je as default};
+}`,...(_=(U=m.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};const Ce=["WithHeadersAndControls","WithHiddenHeaders","WithCustomInitialStep","WithConstantControls","WithAsyncNavigation","WithNonLinearFlow","WithVaryingControls","WithCustomControls"];export{u as WithAsyncNavigation,S as WithConstantControls,m as WithCustomControls,l as WithCustomInitialStep,c as WithHeadersAndControls,d as WithHiddenHeaders,y as WithNonLinearFlow,x as WithVaryingControls,Ce as __namedExportsOrder,Be as default};

package/dist/assets/{StorybookGlobalStyle-B1zhYl96.js → StorybookGlobalStyle-CQSpwvw3.js}

@@ -1,4 +1,4 @@
-import{r as c,e as v}from"./index-B3evPFBL.js";import{f as k}from"./styled-components.browser.esm-CwsnEFnS.js";class b{constructor(e,t){this.features=e,this.error=t}getError(){return this.error}getFeature(e,t){if(this.features)return this.features.find(s=>s.project===e&&s.name===t)}}class f{constructor(e,t){this.icons=e,this.error=t}getError(){return this.error}searchIcons(e){if(!this.icons)return[];const t=e.terms?e.terms.toLowerCase():"";return this.icons.filter(s=>{var r;return s.name.toLowerCase().match(t)||((r=s.description)===null||r===void 0?void 0:r.toLowerCase().match(t))})}static getIconPath(e){return`${e.path}/${e.source}`}}const M="/assets",_=/(.*):(.*)/,w=n=>n.replace(/^\.\//,"");class j{constructor(e,t){this.projects=e,this.error=t}parseModule(e){const t=e.match(_),s=t&&this.getProject(t[1])||void 0,r=w(t&&t[2]||e);return{project:s,path:r}}getError(){return this.error}getProject(e,t){var s;if(this.projects)return(s=this.projects)===null||s===void 0?void 0:s.find(r=>r.name===e&&(!t||r.type===t))}getModuleUrl(e,t){const{project:s,path:r}=this.parseModule(e.module),o=s||this.getProject(t);if(o)return`${o.repo}/tree/master/${o.path}/${r}`}getAssetBasePath(e){if(!this.projects)return;const t=this.getProject(e.name);return t&&`${M}/${t.name}`}}class B{constructor(e){this.stacks=e}getStackLabel(e){const t=this.stacks.find(s=>s.key===e);return t?t.label:e}}const $=(n,e)=>n.module>e.module?1:-1;function g(n,e){const t={};return n.forEach(s=>{t[e(s)]=s}),Object.values(t)}function y(n){const e=n.reduce((t,s)=>(t[s.app]=t[s.app]||[],t[s.app].push(s),t),{});return Object.keys(e).forEach(t=>{e[t]=e[t].sort($)}),e}class x{constructor(e,t){this.usedByMap=e,this.error=t}all(){return Object.values(this.usedByMap||{}).flatMap(e=>e)}getError(){return this.error}findUses(e){return this.usedByMap?this.usedByMap[`${e.project}:${e.name}`]||[]:[]}findUsesGroupedByApp(e){const t=this.findUses(e);return y(t)}allUsesByFeature(){return this.usedByMap||{}}allUses(){return this.all()}allModules(){return g(this.all(),e=>e.module)}modulesByApp(){const e=y(this.all());return Object.keys(e).forEach(t=>{e[t]=g(e[t],s=>s.module)}),e}}class S{constructor(e,t){this.validations=e,this.error=t}all(){return[...this.validations||[]]}getError(){return this.error}allValidations(){return this.all()}getExperimentalComponentValidation(e){var t;return(t=this.validations)===null||t===void 0?void 0:t.find(s=>s.type==="component"&&s.subject[0]===e&&s.template==="experimental")}getDeprecatedComponentValidation(e){var t;return(t=this.validations)===null||t===void 0?void 0:t.find(s=>s.type==="component"&&s.subject[0]===e&&(!s.template||s.template==="deprecated"))}getDeprecatedPropValidation(e,t){var s;return(s=this.validations)===null||s===void 0?void 0:s.find(r=>r.type==="prop"&&r.subject[0]===e&&r.subject[1]===t&&(!r.template||r.template==="deprecated"))}getExperimentalPropValidation(e,t){var s;return(s=this.validations)===null||s===void 0?void 0:s.find(r=>r.type==="prop"&&r.subject[0]===e&&r.subject[1]===t&&r.template==="experimental")}getMandatoryPropValidation(e,t){var s;return(s=this.validations)===null||s===void 0?void 0:s.find(r=>r.type==="prop"&&r.subject[0]===e&&r.subject[1]===t&&r.template==="mandatory")}getExperimentalPropOptionValidation(e,t,s){var r;return(r=this.validations)===null||r===void 0?void 0:r.find(o=>o.type==="option"&&o.subject[0]===e&&o.subject[1]===t&&o.subject[2]===s&&o.template==="experimental")}getDeprecatedPropOptionValidation(e,t,s){var r;return(r=this.validations)===null||r===void 0?void 0:r.find(o=>o.type==="option"&&o.subject[0]===e&&o.subject[1]===t&&o.subject[2]===s&&(!o.template||o.template==="deprecated"))}getExperimentalTokenValidation(e){var t;return(t=this.validations)===null||t===void 0?void 0:t.find(s=>s.type==="token"&&s.subject[0]===e&&s.template==="experimental")}getDeprecatedTokenValidation(e){var t;return(t=this.validations)===null||t===void 0?void 0:t.find(s=>s.type==="token"&&s.subject[0]===e&&(!s.template||s.template==="deprecated"))}}const V=[{key:"react",label:"React"},{key:"react-sc",label:"React + Styled Components"},{key:"react-less",label:"React + CSS Modules (Less)"},{key:"react-native",label:"React + CSS Modules (Less)"}],d="global/docs/static/data",C=c.createContext({}),u=n=>fetch(n).then(e=>e.json()),I=({children:n})=>{const[e,t]=c.useState(void 0),[s,r]=c.useState(void 0),[o,p]=c.useState(void 0),[i,l]=c.useState(void 0),[E,h]=c.useState(void 0),[P,m]=c.useState(void 0);return c.useEffect(()=>{t(new B(V)),u(`${d}/projects.json`).then(a=>r(new j(a))).catch(a=>r(new j(void 0,a))),u(`${d}/features.json`).then(a=>p(new b(a))).catch(a=>p(new b(void 0,a))),u(`${d}/used-by.json`).then(a=>l(new x(a))).catch(a=>l(new x(void 0,a))),u(`${d}/validations.json`).then(a=>h(new S(a))).catch(a=>h(new S(void 0,a))),u(`${d}/icons.json`).then(a=>m(new f(a))).catch(a=>m(new f(void 0,a)))},[]),v.createElement(C.Provider,{value:{projects:s,features:o,usedBy:i,validations:E,stacks:e,icons:P}},n)};I.__docgenInfo={description:"",methods:[],displayName:"DocMetadataProvider"};const U=()=>c.useContext(C),A=c.createContext({terms:"",results:[],setSearchTerms:()=>null}),D=({children:n})=>{const{icons:e}=U(),[t,s]=c.useState(""),[r,o]=c.useState([]),p=c.useCallback(i=>s(i),[s]);return c.useEffect(()=>{if(e){const i=e.searchIcons({terms:t});o(i)}},[e,t]),v.createElement(A.Provider,{value:{terms:t,results:r,setSearchTerms:p}},n)};D.__docgenInfo={description:"",methods:[],displayName:"IconSearchProvider"};const R=k`
+import{r as c,e as v}from"./index-Cb9e4tly.js";import{f as k}from"./styled-components.browser.esm-BgpGX317.js";class b{constructor(e,t){this.features=e,this.error=t}getError(){return this.error}getFeature(e,t){if(this.features)return this.features.find(s=>s.project===e&&s.name===t)}}class f{constructor(e,t){this.icons=e,this.error=t}getError(){return this.error}searchIcons(e){if(!this.icons)return[];const t=e.terms?e.terms.toLowerCase():"";return this.icons.filter(s=>{var r;return s.name.toLowerCase().match(t)||((r=s.description)===null||r===void 0?void 0:r.toLowerCase().match(t))})}static getIconPath(e){return`${e.path}/${e.source}`}}const M="/assets",_=/(.*):(.*)/,w=n=>n.replace(/^\.\//,"");class j{constructor(e,t){this.projects=e,this.error=t}parseModule(e){const t=e.match(_),s=t&&this.getProject(t[1])||void 0,r=w(t&&t[2]||e);return{project:s,path:r}}getError(){return this.error}getProject(e,t){var s;if(this.projects)return(s=this.projects)===null||s===void 0?void 0:s.find(r=>r.name===e&&(!t||r.type===t))}getModuleUrl(e,t){const{project:s,path:r}=this.parseModule(e.module),o=s||this.getProject(t);if(o)return`${o.repo}/tree/master/${o.path}/${r}`}getAssetBasePath(e){if(!this.projects)return;const t=this.getProject(e.name);return t&&`${M}/${t.name}`}}class B{constructor(e){this.stacks=e}getStackLabel(e){const t=this.stacks.find(s=>s.key===e);return t?t.label:e}}const $=(n,e)=>n.module>e.module?1:-1;function g(n,e){const t={};return n.forEach(s=>{t[e(s)]=s}),Object.values(t)}function y(n){const e=n.reduce((t,s)=>(t[s.app]=t[s.app]||[],t[s.app].push(s),t),{});return Object.keys(e).forEach(t=>{e[t]=e[t].sort($)}),e}class x{constructor(e,t){this.usedByMap=e,this.error=t}all(){return Object.values(this.usedByMap||{}).flatMap(e=>e)}getError(){return this.error}findUses(e){return this.usedByMap?this.usedByMap[`${e.project}:${e.name}`]||[]:[]}findUsesGroupedByApp(e){const t=this.findUses(e);return y(t)}allUsesByFeature(){return this.usedByMap||{}}allUses(){return this.all()}allModules(){return g(this.all(),e=>e.module)}modulesByApp(){const e=y(this.all());return Object.keys(e).forEach(t=>{e[t]=g(e[t],s=>s.module)}),e}}class S{constructor(e,t){this.validations=e,this.error=t}all(){return[...this.validations||[]]}getError(){return this.error}allValidations(){return this.all()}getExperimentalComponentValidation(e){var t;return(t=this.validations)===null||t===void 0?void 0:t.find(s=>s.type==="component"&&s.subject[0]===e&&s.template==="experimental")}getDeprecatedComponentValidation(e){var t;return(t=this.validations)===null||t===void 0?void 0:t.find(s=>s.type==="component"&&s.subject[0]===e&&(!s.template||s.template==="deprecated"))}getDeprecatedPropValidation(e,t){var s;return(s=this.validations)===null||s===void 0?void 0:s.find(r=>r.type==="prop"&&r.subject[0]===e&&r.subject[1]===t&&(!r.template||r.template==="deprecated"))}getExperimentalPropValidation(e,t){var s;return(s=this.validations)===null||s===void 0?void 0:s.find(r=>r.type==="prop"&&r.subject[0]===e&&r.subject[1]===t&&r.template==="experimental")}getMandatoryPropValidation(e,t){var s;return(s=this.validations)===null||s===void 0?void 0:s.find(r=>r.type==="prop"&&r.subject[0]===e&&r.subject[1]===t&&r.template==="mandatory")}getExperimentalPropOptionValidation(e,t,s){var r;return(r=this.validations)===null||r===void 0?void 0:r.find(o=>o.type==="option"&&o.subject[0]===e&&o.subject[1]===t&&o.subject[2]===s&&o.template==="experimental")}getDeprecatedPropOptionValidation(e,t,s){var r;return(r=this.validations)===null||r===void 0?void 0:r.find(o=>o.type==="option"&&o.subject[0]===e&&o.subject[1]===t&&o.subject[2]===s&&(!o.template||o.template==="deprecated"))}getExperimentalTokenValidation(e){var t;return(t=this.validations)===null||t===void 0?void 0:t.find(s=>s.type==="token"&&s.subject[0]===e&&s.template==="experimental")}getDeprecatedTokenValidation(e){var t;return(t=this.validations)===null||t===void 0?void 0:t.find(s=>s.type==="token"&&s.subject[0]===e&&(!s.template||s.template==="deprecated"))}}const V=[{key:"react",label:"React"},{key:"react-sc",label:"React + Styled Components"},{key:"react-less",label:"React + CSS Modules (Less)"},{key:"react-native",label:"React + CSS Modules (Less)"}],d="global/docs/static/data",C=c.createContext({}),u=n=>fetch(n).then(e=>e.json()),I=({children:n})=>{const[e,t]=c.useState(void 0),[s,r]=c.useState(void 0),[o,p]=c.useState(void 0),[i,l]=c.useState(void 0),[E,h]=c.useState(void 0),[P,m]=c.useState(void 0);return c.useEffect(()=>{t(new B(V)),u(`${d}/projects.json`).then(a=>r(new j(a))).catch(a=>r(new j(void 0,a))),u(`${d}/features.json`).then(a=>p(new b(a))).catch(a=>p(new b(void 0,a))),u(`${d}/used-by.json`).then(a=>l(new x(a))).catch(a=>l(new x(void 0,a))),u(`${d}/validations.json`).then(a=>h(new S(a))).catch(a=>h(new S(void 0,a))),u(`${d}/icons.json`).then(a=>m(new f(a))).catch(a=>m(new f(void 0,a)))},[]),v.createElement(C.Provider,{value:{projects:s,features:o,usedBy:i,validations:E,stacks:e,icons:P}},n)};I.__docgenInfo={description:"",methods:[],displayName:"DocMetadataProvider"};const U=()=>c.useContext(C),A=c.createContext({terms:"",results:[],setSearchTerms:()=>null}),D=({children:n})=>{const{icons:e}=U(),[t,s]=c.useState(""),[r,o]=c.useState([]),p=c.useCallback(i=>s(i),[s]);return c.useEffect(()=>{if(e){const i=e.searchIcons({terms:t});o(i)}},[e,t]),v.createElement(A.Provider,{value:{terms:t,results:r,setSearchTerms:p}},n)};D.__docgenInfo={description:"",methods:[],displayName:"IconSearchProvider"};const R=k`
     @import url('https://static.preply.com/ds/global.css');
 
     * {

package/dist/assets/Switch-Dw6ODsdd.js

@@ -0,0 +1,12 @@
+import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as u}from"./index-Cb9e4tly.js";import{g as b}from"./index-DdzHuZ-Y.js";import{w}from"./componentNames-NXEPEzbR.js";const y="Switch__mFYAU",k="thumb__IEKpQ",c={Switch:y,thumb:k};function g(l){const e={};return Object.entries(l).forEach(([t,a])=>{switch(t){case"id":case"disabled":case"aria-label":case"aria-labelledby":case"aria-describedby":case"aria-invalid":case"aria-errormessage":e[t]=a}}),e}const d=u.forwardRef(function({checked:e,defaultChecked:t,onCheckedChange:a,dataset:o,...h},m){const[f,p]=u.useState(t??!1),n=e!==void 0,i=n?e:f,v=()=>{const s=!i;n||p(s),a==null||a(s)};return r.jsx("button",{...g(h),...b(o,{preplyDsComponent:w.Switch}),ref:m,role:"switch","aria-checked":i,className:c.Switch,onClick:v,children:r.jsx("span",{className:c.thumb})})});try{d.displayName="Switch",d.__docgenInfo={description:"",displayName:"Switch",props:{checked:{defaultValue:null,description:`The state of the switch.
+Use this for a controlled switch.
+@example const [checked, setChecked] = useState(initialChecked);
+<Switch
+  checked={checked}
+  onCheckedChange={setChecked}
+/>`,name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultChecked:{defaultValue:null,description:`The default state of the switch.
+Use for an uncontrolled switch.
+@example <Switch
+  defaultChecked={mySetting}
+  onCheckedChange={updateMySetting}
+/>`,name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onCheckedChange:{defaultValue:null,description:"Callback for when the switch state changes.",name:"onCheckedChange",required:!1,type:{name:"enum",value:[{value:"(checked: boolean) => void"}]}},id:{defaultValue:null,description:"The unique identifier for the switch element.",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"Disables interactions with the switch.",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the switch.",name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:"ID of the element that labels the switch.",name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:"ID of the element that describes the switch.",name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-invalid":{defaultValue:null,description:"Indicates whether the switch value is invalid.",name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-errormessage":{defaultValue:null,description:"ID of the element that describes the error, if any.",name:"aria-errormessage",required:!1,type:{name:"enum",value:[{value:"string"}]}},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{d as S};

package/dist/assets/Switch-DxL-NADD.css

@@ -0,0 +1 @@
+.Switch__mFYAU{all:unset;width:52px;height:var(--7789ee);border-radius:var(--aa6dcb);background-color:var(--a5c761);display:flex;align-items:center;transition:background-color .22s cubic-bezier(.22,1,.36,1);cursor:pointer}.Switch__mFYAU>.thumb__IEKpQ{display:inline-block;width:var(--f316e1);height:var(--f316e1);border-radius:var(--aa6dcb);background-color:var(--3546c3);translate:var(--590b8d);transition:translate .22s cubic-bezier(.22,1,.36,1)}.Switch__mFYAU[aria-checked=true]{background-color:var(--4983fe)}.Switch__mFYAU[aria-checked=true]>.thumb__IEKpQ{translate:var(--f316e1)}.Switch__mFYAU[disabled]{background-color:var(--04daeb);cursor:not-allowed}.Switch__mFYAU:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}@media (pointer: fine){.Switch__mFYAU{width:39px;height:var(--f316e1)}.Switch__mFYAU>.thumb__IEKpQ{width:18px;height:18px;translate:3px}.Switch__mFYAU[aria-checked=true]>.thumb__IEKpQ{translate:18px}}

package/dist/assets/Switch.stories-C1Mk3jSk.js

@@ -0,0 +1,138 @@
+import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as Q}from"./index-Cb9e4tly.js";import{f as V,w as m,u as s,e as t}from"./index-Ctq3gFTp.js";import{a as X}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{S as r}from"./Switch-Dw6ODsdd.js";import{L as w}from"./LayoutFlex-C3k4b85b.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-DdzHuZ-Y.js";import"./componentNames-NXEPEzbR.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-ChaXrVQQ.js";import"./classNames-BUL1Zq7e.js";import"./defaults-Clr6nbGc.js";const pe={title:"Components/Switch",component:r,args:{onCheckedChange:V(X("checked")),"aria-label":"Switch"},parameters:{layout:"padded"}},p={async play({args:c,canvasElement:a,step:n}){const e=m(a).getByRole("switch");await n("Switch on via click",async()=>{await s.click(e),t(c.onCheckedChange).toHaveBeenNthCalledWith(1,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via click",async()=>{await s.click(e),t(c.onCheckedChange).toHaveBeenNthCalledWith(2,!1),t(e).toHaveAttribute("aria-checked","false")}),await n("Switch on via Enter key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Enter]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(3,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via Enter key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Enter]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(4,!1),t(e).toHaveAttribute("aria-checked","false")}),await n("Switch on via Space key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Space]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(5,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via Space key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Space]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(6,!1),t(e).toHaveAttribute("aria-checked","false")})}},d={render:function(a){return o.jsxs(w,{gap:"12",children:[o.jsx(r,{...a}),o.jsx(r,{...a,defaultChecked:!0}),o.jsx(r,{...a,defaultChecked:!1})]})}},u={render:function(a){const n=({checked:i,...e})=>{const[J,K]=Q.useState(i);return o.jsx(r,{...e,checked:J,onCheckedChange:K})};return o.jsxs(w,{gap:"12",children:[o.jsx(n,{...a}),o.jsx(n,{...a,checked:!0}),o.jsx(n,{...a,checked:!1})]})}},h={args:{checked:!1},async play({canvasElement:c,step:a}){const i=m(c).getByRole("switch");await a("switch does not change state",async()=>{await s.click(i),t(i).toHaveAttribute("aria-checked","false")})}},v={args:{disabled:!0},render:function(a){return o.jsxs(w,{gap:"12",children:[o.jsx(r,{...a,disabled:!0}),o.jsx(r,{...a,defaultChecked:!0,disabled:!0})]})},async play({args:c,canvasElement:a,step:n}){const e=m(a).getAllByRole("switch")[0];await n("switch cannot be focused",()=>{e.focus(),t(e).not.toHaveFocus()}),await n("switch cannot be checked",async()=>{await s.click(e),t(c.onCheckedChange).not.toHaveBeenCalled(),t(e).toHaveAttribute("aria-checked","false")})}},l={parameters:{chromatic:{modes:{TouchDevice:{hasTouch:!0}}}}},k={tags:["!autodocs"],async play({canvasElement:c}){const n=m(c).getByRole("switch");n.focus(),t(n).toHaveFocus()}};var y,b,f;p.parameters={...p.parameters,docs:{...(y=p.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  async play({
+    args,
+    canvasElement,
+    step
+  }) {
+    const canvas = within(canvasElement);
+    const button = canvas.getByRole('switch');
+    await step('Switch on via click', async () => {
+      await userEvent.click(button);
+      expect(args.onCheckedChange).toHaveBeenNthCalledWith(1, true);
+      expect(button).toHaveAttribute('aria-checked', 'true');
+    });
+    await step('Switch off via click', async () => {
+      await userEvent.click(button);
+      expect(args.onCheckedChange).toHaveBeenNthCalledWith(2, false);
+      expect(button).toHaveAttribute('aria-checked', 'false');
+    });
+    await step('Switch on via Enter key', async () => {
+      button.focus();
+      expect(button).toHaveFocus();
+      await userEvent.keyboard('[Enter]');
+      expect(args.onCheckedChange).toHaveBeenNthCalledWith(3, true);
+      expect(button).toHaveAttribute('aria-checked', 'true');
+    });
+    await step('Switch off via Enter key', async () => {
+      button.focus();
+      expect(button).toHaveFocus();
+      await userEvent.keyboard('[Enter]');
+      expect(args.onCheckedChange).toHaveBeenNthCalledWith(4, false);
+      expect(button).toHaveAttribute('aria-checked', 'false');
+    });
+    await step('Switch on via Space key', async () => {
+      button.focus();
+      expect(button).toHaveFocus();
+      await userEvent.keyboard('[Space]');
+      expect(args.onCheckedChange).toHaveBeenNthCalledWith(5, true);
+      expect(button).toHaveAttribute('aria-checked', 'true');
+    });
+    await step('Switch off via Space key', async () => {
+      button.focus();
+      expect(button).toHaveFocus();
+      await userEvent.keyboard('[Space]');
+      expect(args.onCheckedChange).toHaveBeenNthCalledWith(6, false);
+      expect(button).toHaveAttribute('aria-checked', 'false');
+    });
+  }
+}`,...(f=(b=p.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var C,g,S,x,H;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  render: function Story(props) {
+    return <LayoutFlex gap="12">
+                <Switch {...props} />
+                <Switch {...props} defaultChecked />
+                <Switch {...props} defaultChecked={false} />
+            </LayoutFlex>;
+  }
+}`,...(S=(g=d.parameters)==null?void 0:g.docs)==null?void 0:S.source},description:{story:"The `Switch` can be an uncontrolled input using the `defaultChecked` prop.",...(H=(x=d.parameters)==null?void 0:x.docs)==null?void 0:H.description}}};var E,F,B,A,j;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  render: function Story(props) {
+    const ControlledTemplate = ({
+      checked: initialChecked,
+      ...props
+    }: SwitchProps) => {
+      const [checked, setChecked] = useState<boolean | undefined>(initialChecked);
+      return <Switch {...props} checked={checked} onCheckedChange={setChecked} />;
+    };
+    return <LayoutFlex gap="12">
+                <ControlledTemplate {...props} />
+                <ControlledTemplate {...props} checked />
+                <ControlledTemplate {...props} checked={false} />
+            </LayoutFlex>;
+  }
+}`,...(B=(F=u.parameters)==null?void 0:F.docs)==null?void 0:B.source},description:{story:"The `Switch` can be a controlled input using the `checked` and\n`onCheckedChange` props with a local `useState`.",...(j=(A=u.parameters)==null?void 0:A.docs)==null?void 0:j.description}}};var T,N,W,R,D;h.parameters={...h.parameters,docs:{...(T=h.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: {
+    checked: false
+  },
+  async play({
+    canvasElement,
+    step
+  }) {
+    const canvas = within(canvasElement);
+    const button = canvas.getByRole('switch');
+    await step('switch does not change state', async () => {
+      await userEvent.click(button);
+      expect(button).toHaveAttribute('aria-checked', 'false');
+    });
+  }
+}`,...(W=(N=h.parameters)==null?void 0:N.docs)==null?void 0:W.source},description:{story:"Since using the `checked` prop makes the `Switch` controlled, it will be\nforced to keep this value until it is manually updated, e.g. by reacting\nto `onCheckedChange`—see `Controlled` story.",...(D=(R=h.parameters)==null?void 0:R.docs)==null?void 0:D.description}}};var L,z,U;v.parameters={...v.parameters,docs:{...(L=v.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    disabled: true
+  },
+  render: function Story(props) {
+    return <LayoutFlex gap="12">
+                <Switch {...props} disabled />
+                <Switch {...props} defaultChecked disabled />
+            </LayoutFlex>;
+  },
+  async play({
+    args,
+    canvasElement,
+    step
+  }) {
+    const canvas = within(canvasElement);
+    const button = canvas.getAllByRole('switch')[0];
+    await step('switch cannot be focused', () => {
+      button.focus();
+      expect(button).not.toHaveFocus();
+    });
+    await step('switch cannot be checked', async () => {
+      await userEvent.click(button);
+      expect(args.onCheckedChange).not.toHaveBeenCalled();
+      expect(button).toHaveAttribute('aria-checked', 'false');
+    });
+  }
+}`,...(U=(z=v.parameters)==null?void 0:z.docs)==null?void 0:U.source}}};var _,M,O,P,Y;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      modes: {
+        TouchDevice: {
+          hasTouch: true
+        }
+      }
+    }
+  }
+}`,...(O=(M=l.parameters)==null?void 0:M.docs)==null?void 0:O.source},description:{story:`The \`Switch\` automatically sizes up to ergonomic dimensions for touch
+devices.
+
+You can inspect this behaviour in your browser devtools by setting the
+device type to \`Mobile (touch)\`—see this
+[Chrome developer article](https://developer.chrome.com/docs/devtools/device-mode).`,...(Y=(P=l.parameters)==null?void 0:P.docs)==null?void 0:Y.description}}};var q,G,I;k.parameters={...k.parameters,docs:{...(q=k.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  tags: ['!autodocs'],
+  async play({
+    canvasElement
+  }) {
+    const canvas = within(canvasElement);
+    const button = canvas.getByRole('switch');
+    button.focus();
+    expect(button).toHaveFocus();
+  }
+}`,...(I=(G=k.parameters)==null?void 0:G.docs)==null?void 0:I.source}}};const ve=["Default","Uncontrolled","Controlled","Forced","Disabled","TouchDeviceSizing","Focus"];export{u as Controlled,p as Default,v as Disabled,k as Focus,h as Forced,l as TouchDeviceSizing,d as Uncontrolled,ve as __namedExportsOrder,pe as default};

package/dist/assets/{Text-BmdJVr9v.js → Text-CykvSLVe.js}

@@ -1 +1 @@
-import{j as A}from"./jsx-runtime-BYouaCF_.js";import{r as z}from"./index-B3evPFBL.js";import{g as E,a as h}from"./text-accent-DZDDtpIt.js";import{g as U}from"./text-centered-CznToR0o.js";import{f as N}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as W,s as l,b as j}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-CpCJzpB9.js";import{g as C}from"./index-DdzHuZ-Y.js";import{T as G,b as F}from"./defaults-B1rzzf6M.js";const L="Text__BD7-C",k={Text:L,"Text--variant-caption-regular":"Text--variant-caption-regular__-ndGs","Text--variant-caption-semibold":"Text--variant-caption-semibold__-q81F","Text--variant-small-regular":"Text--variant-small-regular__V98UM","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__Ii9YT","Text--variant-small-semibold":"Text--variant-small-semibold__mTXWU","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__N2bGq","Text--variant-default-regular":"Text--variant-default-regular__GBkvP","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__h8iGC","Text--variant-default-semibold":"Text--variant-default-semibold__BREV0","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__0qH9S","Text--variant-large-regular":"Text--variant-large-regular__IFXFs","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__PBExC","Text--variant-large-semibold":"Text--variant-large-semibold__iyV1O","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__wKF6g","Text--variant-xs":"Text--variant-xs__-oA5D","Text--variant-xs-medium":"Text--variant-xs-medium__lJfcR","Text--variant-s":"Text--variant-s__xqH0U","Text--variant-s-italic":"Text--variant-s-italic__jUEl1","Text--variant-s-medium":"Text--variant-s-medium__waMrn","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__sLhV3","Text--variant-s-bold":"Text--variant-s-bold__tq4bK","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__GG7kG","Text--variant-m":"Text--variant-m__y2H-S","Text--variant-m-italic":"Text--variant-m-italic__Sslhm","Text--variant-m-medium":"Text--variant-m-medium__6RBW8","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__dWABZ","Text--variant-m-bold":"Text--variant-m-bold__5ZSGo","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__EA7SO","Text--variant-l":"Text--variant-l__kMF37","Text--variant-l-italic":"Text--variant-l-italic__O9IYe","Text--variant-l-medium":"Text--variant-l-medium__mlaL6","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__c-aUW","Text--variant-xl":"Text--variant-xl__mVHo2","Text--variant-xl-italic":"Text--variant-xl-italic__E-mAM","Text--variant-xl-medium":"Text--variant-xl-medium__oom4K","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__TE3Jt","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__nznL0","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__l0VQQ","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__VMmD6","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__nGADF","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__BQ1W4","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__7UUeq","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__pVzcT","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__RPEsW","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__AHeOG","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__Dhmq4","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__vY6mg","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__Jypdh","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__XaN0f","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__5DrpP","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__4uGu2","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__-CtgL","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__KqYpy","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__-gELi","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__utaTA","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__zkpxW","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__my0rm","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__-j36-","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__qcvbO","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__2guYD","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__R0Zn5","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__dbTJX","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__qG4uf","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__zQtJz","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__AXq1c","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__HGq6U","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__YwkyG","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__yFA2S","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__oBX0z","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__-zpWI","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__83EfM","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__XFZLh","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__QIFIm","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__qA3XV","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__Fujae","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__jaDXd","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__9pYQr","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__-ac-Q","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jyyg6","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__FzmWH","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__zfein","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__pwAKv","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__UQstF","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__BGPjz","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__ZTsh3","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__QsDHO","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__z3jXb","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__W652v","Text--medium-s--variant-s":"Text--medium-s--variant-s__7VRn-","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__BwgAM","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__GvQp3","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__FyNWz","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__21d9F","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__IGU-J","Text--medium-s--variant-m":"Text--medium-s--variant-m__Dn8L6","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__W45ct","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__l502U","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__Mn2Xv","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__udL4N","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__-JwlV","Text--medium-s--variant-l":"Text--medium-s--variant-l__enEs7","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__GWybE","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__OiUBT","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__E5PLY","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__WhyWE","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__quV4P","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__5w8u0","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__ZrCSq","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__neFtF","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__96Bxj","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__q832t","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__rh-C-","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__NyQYA","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__D8qtH","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__AZhpM","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__zLCku","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__3FVwk","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__dmKNV","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__4JxNh","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__wwnsG","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__WR7vo","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__lLaF0","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__Y6JFw","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__El12O","Text--medium-l--variant-s":"Text--medium-l--variant-s__FlmNU","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__5jiqZ","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__EAkmj","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__ucwOq","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__bgLyZ","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__1ov1K","Text--medium-l--variant-m":"Text--medium-l--variant-m__0iJWf","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__3Qg3q","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__KJ9Be","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__E11Pt","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__9zNb6","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Uhd8V","Text--medium-l--variant-l":"Text--medium-l--variant-l__sB-Yg","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__VFqnw","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__zrQ83","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__sdI6v","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__Y3-cI","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__SPEru","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__WoUQ5","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__WffJn","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__tfrra","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__pcHWg","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__qVuSz","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__paUwS","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__--T3V","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__YLx3p","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__7nbdM","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__ohsSu","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__-Q2Gu","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__v6oao","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__lrWEc","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__v55x9","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__FV1hE","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__8Xjhy","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__eeBxV","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__AENwl","Text--wide-s--variant-s":"Text--wide-s--variant-s__ZWFJx","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__IJH0P","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__w9kPs","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__mLEAh","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__mvwUE","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__X2TdA","Text--wide-s--variant-m":"Text--wide-s--variant-m__2VmLl","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__-cijk","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__1M-am","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__7mmlc","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__AiN1T","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__IeqkZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__3OwLa","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__kOKA0","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__fexUj","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__nljBU","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__U-I9z","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__Ezp9P","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__bm-qs","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__gd-Un","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__RmVMU","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__nWA4i","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jofJW","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__vt9vP","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__jSimt","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__CPy01","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__zGDH3","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__pj89w","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__AzL9L","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__4AXL6","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__iIUQK","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__OtyLZ","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__ZTrU9","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__UNwvX","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__jktTZ","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__Snw-d","Text--wide-l--variant-s":"Text--wide-l--variant-s__yhpAB","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__JEQga","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__t2Vrb","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__b4sif","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__a2thi","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__dKJ86","Text--wide-l--variant-m":"Text--wide-l--variant-m__kv0Xt","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__drCVx","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__Nklnx","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__dyKE3","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__nGadW","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__Qyayk","Text--wide-l--variant-l":"Text--wide-l--variant-l__X0Wqt","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__N9AMu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__sUOBO","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__LYJjd","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__0XyZB","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__fIE0o","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__P1SBX","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__wNV3Q","Text--strong":"Text--strong__ig9qo","Text--size-2xs":"Text--size-2xs__YlUqj","Text--size-xs":"Text--size-xs__GSGix","Text--size-s":"Text--size-s__WrxO0","Text--size-m":"Text--size-m__p4phq","Text--size-l":"Text--size-l__GI6Vj","Text--size-xl":"Text--size-xl__es-C8"},m=z.forwardRef(function({children:d,variant:a,tag:u=G,size:e,accent:i,color:v,strong:s,centered:x,dataset:T,..._},o){const c=a||(e?void 0:F),w=a?void 0:e,g=a?void 0:s,b=W(k,r.Text,[l("variant",c),l("size",w),j("strong",void 0,g)]),t=i?void 0:v,f=E(!t,i),p=h(t),y=U(x),V=[...b,...f,...p,...y],q={...N(_),ref:o,className:V.join(" "),...C(T,{preplyDsComponent:r.Text})};return A.jsx(u,{...q,children:d})});try{m.displayName="Text",m.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"caption-regular"'},{value:'"caption-semibold"'},{value:'"small-regular"'},{value:'"small-regular-italic"'},{value:'"small-semibold"'},{value:'"small-semibold-italic"'},{value:'"default-regular"'},{value:'"default-regular-italic"'},{value:'"default-semibold"'},{value:'"default-semibold-italic"'},{value:'"large-regular"'},{value:'"large-regular-italic"'},{value:'"large-semibold"'},{value:'"large-semibold-italic"'},{value:'"xs"'},{value:'"xs-medium"'},{value:'"s"'},{value:'"s-italic"'},{value:'"s-medium"'},{value:'"s-medium-italic"'},{value:'"s-bold"'},{value:'"s-bold-italic"'},{value:'"m"'},{value:'"m-italic"'},{value:'"m-medium"'},{value:'"m-medium-italic"'},{value:'"m-bold"'},{value:'"m-bold-italic"'},{value:'"l"'},{value:'"l-italic"'},{value:'"l-medium"'},{value:'"l-medium-italic"'},{value:'"xl"'},{value:'"xl-italic"'},{value:'"xl-medium"'},{value:'"xl-medium-italic"'},{value:"ResponsiveProp<TextVariant>"}]}},size:{defaultValue:null,description:"@deprecated Use variant instead.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"disabled"'},{value:'"branded"'},{value:'"selected"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},strong:{defaultValue:null,description:"@deprecated Text automatically sets the appropriate `font-weight` per variant",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'}]}},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: HTMLParagraphElement | null) => void"},{value:"RefObject<HTMLParagraphElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as T};
+import{j as A}from"./jsx-runtime-BTJTZTIL.js";import{r as z}from"./index-Cb9e4tly.js";import{g as E,a as h}from"./text-accent-DZDDtpIt.js";import{g as U}from"./text-centered-CznToR0o.js";import{f as N}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as W,s as l,b as j}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-NXEPEzbR.js";import{g as C}from"./index-DdzHuZ-Y.js";import{T as G,a as F}from"./defaults-Clr6nbGc.js";const L="Text__BD7-C",k={Text:L,"Text--variant-caption-regular":"Text--variant-caption-regular__-ndGs","Text--variant-caption-semibold":"Text--variant-caption-semibold__-q81F","Text--variant-small-regular":"Text--variant-small-regular__V98UM","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__Ii9YT","Text--variant-small-semibold":"Text--variant-small-semibold__mTXWU","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__N2bGq","Text--variant-default-regular":"Text--variant-default-regular__GBkvP","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__h8iGC","Text--variant-default-semibold":"Text--variant-default-semibold__BREV0","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__0qH9S","Text--variant-large-regular":"Text--variant-large-regular__IFXFs","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__PBExC","Text--variant-large-semibold":"Text--variant-large-semibold__iyV1O","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__wKF6g","Text--variant-xs":"Text--variant-xs__-oA5D","Text--variant-xs-medium":"Text--variant-xs-medium__lJfcR","Text--variant-s":"Text--variant-s__xqH0U","Text--variant-s-italic":"Text--variant-s-italic__jUEl1","Text--variant-s-medium":"Text--variant-s-medium__waMrn","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__sLhV3","Text--variant-s-bold":"Text--variant-s-bold__tq4bK","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__GG7kG","Text--variant-m":"Text--variant-m__y2H-S","Text--variant-m-italic":"Text--variant-m-italic__Sslhm","Text--variant-m-medium":"Text--variant-m-medium__6RBW8","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__dWABZ","Text--variant-m-bold":"Text--variant-m-bold__5ZSGo","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__EA7SO","Text--variant-l":"Text--variant-l__kMF37","Text--variant-l-italic":"Text--variant-l-italic__O9IYe","Text--variant-l-medium":"Text--variant-l-medium__mlaL6","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__c-aUW","Text--variant-xl":"Text--variant-xl__mVHo2","Text--variant-xl-italic":"Text--variant-xl-italic__E-mAM","Text--variant-xl-medium":"Text--variant-xl-medium__oom4K","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__TE3Jt","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__nznL0","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__l0VQQ","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__VMmD6","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__nGADF","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__BQ1W4","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__7UUeq","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__pVzcT","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__RPEsW","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__AHeOG","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__Dhmq4","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__vY6mg","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__Jypdh","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__XaN0f","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__5DrpP","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__4uGu2","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__-CtgL","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__KqYpy","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__-gELi","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__utaTA","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__zkpxW","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__my0rm","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__-j36-","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__qcvbO","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__2guYD","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__R0Zn5","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__dbTJX","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__qG4uf","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__zQtJz","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__AXq1c","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__HGq6U","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__YwkyG","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__yFA2S","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__oBX0z","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__-zpWI","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__83EfM","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__XFZLh","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__QIFIm","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__qA3XV","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__Fujae","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__jaDXd","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__9pYQr","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__-ac-Q","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jyyg6","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__FzmWH","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__zfein","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__pwAKv","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__UQstF","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__BGPjz","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__ZTsh3","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__QsDHO","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__z3jXb","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__W652v","Text--medium-s--variant-s":"Text--medium-s--variant-s__7VRn-","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__BwgAM","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__GvQp3","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__FyNWz","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__21d9F","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__IGU-J","Text--medium-s--variant-m":"Text--medium-s--variant-m__Dn8L6","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__W45ct","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__l502U","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__Mn2Xv","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__udL4N","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__-JwlV","Text--medium-s--variant-l":"Text--medium-s--variant-l__enEs7","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__GWybE","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__OiUBT","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__E5PLY","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__WhyWE","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__quV4P","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__5w8u0","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__ZrCSq","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__neFtF","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__96Bxj","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__q832t","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__rh-C-","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__NyQYA","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__D8qtH","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__AZhpM","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__zLCku","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__3FVwk","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__dmKNV","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__4JxNh","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__wwnsG","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__WR7vo","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__lLaF0","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__Y6JFw","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__El12O","Text--medium-l--variant-s":"Text--medium-l--variant-s__FlmNU","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__5jiqZ","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__EAkmj","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__ucwOq","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__bgLyZ","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__1ov1K","Text--medium-l--variant-m":"Text--medium-l--variant-m__0iJWf","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__3Qg3q","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__KJ9Be","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__E11Pt","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__9zNb6","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Uhd8V","Text--medium-l--variant-l":"Text--medium-l--variant-l__sB-Yg","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__VFqnw","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__zrQ83","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__sdI6v","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__Y3-cI","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__SPEru","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__WoUQ5","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__WffJn","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__tfrra","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__pcHWg","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__qVuSz","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__paUwS","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__--T3V","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__YLx3p","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__7nbdM","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__ohsSu","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__-Q2Gu","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__v6oao","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__lrWEc","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__v55x9","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__FV1hE","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__8Xjhy","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__eeBxV","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__AENwl","Text--wide-s--variant-s":"Text--wide-s--variant-s__ZWFJx","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__IJH0P","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__w9kPs","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__mLEAh","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__mvwUE","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__X2TdA","Text--wide-s--variant-m":"Text--wide-s--variant-m__2VmLl","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__-cijk","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__1M-am","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__7mmlc","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__AiN1T","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__IeqkZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__3OwLa","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__kOKA0","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__fexUj","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__nljBU","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__U-I9z","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__Ezp9P","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__bm-qs","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__gd-Un","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__RmVMU","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__nWA4i","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jofJW","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__vt9vP","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__jSimt","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__CPy01","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__zGDH3","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__pj89w","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__AzL9L","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__4AXL6","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__iIUQK","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__OtyLZ","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__ZTrU9","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__UNwvX","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__jktTZ","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__Snw-d","Text--wide-l--variant-s":"Text--wide-l--variant-s__yhpAB","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__JEQga","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__t2Vrb","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__b4sif","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__a2thi","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__dKJ86","Text--wide-l--variant-m":"Text--wide-l--variant-m__kv0Xt","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__drCVx","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__Nklnx","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__dyKE3","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__nGadW","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__Qyayk","Text--wide-l--variant-l":"Text--wide-l--variant-l__X0Wqt","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__N9AMu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__sUOBO","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__LYJjd","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__0XyZB","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__fIE0o","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__P1SBX","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__wNV3Q","Text--strong":"Text--strong__ig9qo","Text--size-2xs":"Text--size-2xs__YlUqj","Text--size-xs":"Text--size-xs__GSGix","Text--size-s":"Text--size-s__WrxO0","Text--size-m":"Text--size-m__p4phq","Text--size-l":"Text--size-l__GI6Vj","Text--size-xl":"Text--size-xl__es-C8"},m=z.forwardRef(function({children:d,variant:a,tag:u=G,size:e,accent:i,color:v,strong:s,centered:x,dataset:T,..._},o){const c=a||(e?void 0:F),w=a?void 0:e,g=a?void 0:s,b=W(k,r.Text,[l("variant",c),l("size",w),j("strong",void 0,g)]),t=i?void 0:v,f=E(!t,i),p=h(t),y=U(x),V=[...b,...f,...p,...y],q={...N(_),ref:o,className:V.join(" "),...C(T,{preplyDsComponent:r.Text})};return A.jsx(u,{...q,children:d})});try{m.displayName="Text",m.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"caption-regular"'},{value:'"caption-semibold"'},{value:'"small-regular"'},{value:'"small-regular-italic"'},{value:'"small-semibold"'},{value:'"small-semibold-italic"'},{value:'"default-regular"'},{value:'"default-regular-italic"'},{value:'"default-semibold"'},{value:'"default-semibold-italic"'},{value:'"large-regular"'},{value:'"large-regular-italic"'},{value:'"large-semibold"'},{value:'"large-semibold-italic"'},{value:'"xs"'},{value:'"xs-medium"'},{value:'"s"'},{value:'"s-italic"'},{value:'"s-medium"'},{value:'"s-medium-italic"'},{value:'"s-bold"'},{value:'"s-bold-italic"'},{value:'"m"'},{value:'"m-italic"'},{value:'"m-medium"'},{value:'"m-medium-italic"'},{value:'"m-bold"'},{value:'"m-bold-italic"'},{value:'"l"'},{value:'"l-italic"'},{value:'"l-medium"'},{value:'"l-medium-italic"'},{value:'"xl"'},{value:'"xl-italic"'},{value:'"xl-medium"'},{value:'"xl-medium-italic"'},{value:"ResponsiveProp<TextVariant>"}]}},size:{defaultValue:null,description:"@deprecated Use variant instead.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"disabled"'},{value:'"branded"'},{value:'"selected"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},strong:{defaultValue:null,description:"@deprecated Text automatically sets the appropriate `font-weight` per variant",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'}]}},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: HTMLParagraphElement | null) => void"},{value:"RefObject<HTMLParagraphElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as T};

package/dist/assets/Text.stories-BM7oD1Ya.js

@@ -0,0 +1,69 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as i}from"./Text-CykvSLVe.js";import{S as c}from"./consts-KAYct7Gj.js";import{T as f}from"./options-DiZKU5qS.js";import{g as S}from"./getTokenVar-DU_DEzTd.js";import{c as k}from"./tokens-CJh_FSIl.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-NXEPEzbR.js";import"./index-DdzHuZ-Y.js";import"./defaults-Clr6nbGc.js";import"./constants-BgBLeZzp.js";const D={title:"components/Text",component:i,argTypes:{variant:{description:c},centered:{description:c}}},a=()=>e.jsx(i,{children:"Lorem ipsum"});a.tags=["!test"];a.parameters={chromatic:{disableSnapshot:!0}};const n=()=>{const r=S(k.background.primaryInverted);return e.jsx(e.Fragment,{children:f.map(({id:t})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(t)?r:void 0},children:e.jsx(i,{accent:t,children:t})},t))})},j=["caption-regular","caption-semibold","small-regular","small-regular-italic","small-semibold","small-semibold-italic","default-regular","default-regular-italic","default-semibold","default-semibold-italic","large-regular","large-regular-italic","large-semibold","large-semibold-italic"],o=()=>e.jsx(e.Fragment,{children:j.map(r=>e.jsx(i,{variant:r,children:r},r))}),s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.accent==="inverted"?"black":void 0},children:r()})],args:{children:"Lorem ipsum dolor sit amet",variant:"default-regular",dataset:{qaid:"text"}},argTypes:{dataset:{control:"object"},children:{control:"text"},variant:{control:"select"},accent:{control:"select"},centered:{control:"boolean"},size:{table:{disable:!0}},strong:{table:{disable:!0}},color:{table:{disable:!0}}}};var l,d,m;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(m=(d=a.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,u,g;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+  const grey = getTokenVar(color.background.primaryInverted);
+  return <>
+            {TEXT_ACCENT_OPTIONS.map(({
+      id
+    }) => <div key={id} style={{
+      backgroundColor: ['inverted', 'branded', 'selected'].includes(id) ? grey : undefined
+    }}>
+                    <Text accent={id}>{id}</Text>
+                </div>)}
+        </>;
+}`,...(g=(u=n.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var b,T,x;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`() => <>
+        {tokyoUiVariants.map(variant => <Text key={variant} variant={variant}>
+                {variant}
+            </Text>)}
+    </>`,...(x=(T=o.parameters)==null?void 0:T.docs)==null?void 0:x.source}}};var v,y,h;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  decorators: [(story, {
+    args
+  }) => <div style={{
+    backgroundColor: args.accent === 'inverted' ? 'black' : undefined
+  }}>
+                {story()}
+            </div>],
+  args: {
+    children: 'Lorem ipsum dolor sit amet',
+    variant: 'default-regular',
+    dataset: {
+      qaid: 'text'
+    }
+  },
+  argTypes: {
+    dataset: {
+      control: 'object'
+    },
+    children: {
+      control: 'text'
+    },
+    variant: {
+      control: 'select'
+    },
+    accent: {
+      control: 'select'
+    },
+    centered: {
+      control: 'boolean'
+    },
+    // Disable deprecated props
+    size: {
+      table: {
+        disable: true
+      }
+    },
+    strong: {
+      table: {
+        disable: true
+      }
+    },
+    color: {
+      table: {
+        disable: true
+      }
+    }
+  }
+}`,...(h=(y=s.parameters)==null?void 0:y.docs)==null?void 0:h.source}}};const w=["Base","Accents","Variants","Playground"];export{n as Accents,a as Base,s as Playground,o as Variants,w as __namedExportsOrder,D as default};

package/dist/assets/{TextField-D2GlsmWF.css → TextField-C5AoK3Cj.css}

@@ -1 +1 @@
-.container__dtKps{--ds-input-scroll-margin-top: var(--d434fb);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--590b8d);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container__dtKps:has(.label__S0tQE:not([data-hidden=true])){--ds-input-scroll-margin-top: calc(var(--590b8d) + var(--360264))}.label__S0tQE{color:var(--628fb7);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);white-space:nowrap}.label__S0tQE[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.label__S0tQE .required__GVzWg{color:var(--a2f1c8)}.description__h6Gw1,.error__MGvA2{margin:var(--d434fb);font-weight:var(--c2057a);font-size:var(--d4ea3f);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);color:var(--a2f1c8)}.error__MGvA2{color:var(--8ec9e5)}.container__B-gQ9{width:100%;position:relative}@media (hover: hover) and (pointer: fine){.container__B-gQ9:hover .input__WZN7y{border-color:var(--11d206)}}.container__B-gQ9 .icon__6Xfum{position:absolute;left:calc(var(--558c4c) - var(--d9baa3));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--cbc724);pointer-events:none}.container__B-gQ9 .trailingIcon__Bgnv4{position:absolute;right:calc(var(--558c4c) - var(--d9baa3));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--cbc724);pointer-events:none}.container__B-gQ9 .button__auAU0{position:absolute;right:var(--590b8d);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.container__B-gQ9:has(>.icon__6Xfum) .input__WZN7y{padding-left:calc((var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b));padding-left:calc(calc(var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b))}.container__B-gQ9:has(>.button__auAU0) .input__WZN7y{padding-right:58px}.container__B-gQ9:has(>.trailingIcon__Bgnv4) .input__WZN7y{padding-right:calc((var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b));padding-right:calc(calc(var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b))}.container__B-gQ9:has(>.input__WZN7y[aria-invalid=true]) .icon__6Xfum{color:var(--7b0f41)}.input__WZN7y{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--d9baa3) + var(--66b80b)) calc(var(--558c4c) - var(--d9baa3));border:var(--d9baa3) solid var(--29cd58);border-radius:var(--fa4b1a);font-size:var(--7f027e);line-height:var(--11f5c9);font-weight:var(--59913e);letter-spacing:var(--b2e406);scroll-margin-top:var(--ds-input-scroll-margin-top)}.input__WZN7y::-webkit-input-placeholder{color:var(--d9209f)}.input__WZN7y::-moz-placeholder{color:var(--d9209f)}.input__WZN7y:-ms-input-placeholder{color:var(--d9209f)}.input__WZN7y::-ms-input-placeholder{color:var(--d9209f)}.input__WZN7y::placeholder{color:var(--d9209f)}.input__WZN7y:focus{outline:var(--398094) auto var(--d9baa3)}.input__WZN7y:disabled,.input__WZN7y:disabled:hover{border-color:transparent;background-color:var(--04daeb)}.input__WZN7y[aria-invalid=true]{border-color:var(--7b0f41);background-color:var(--95df5b);color:var(--7b0f41)}input.input__WZN7y[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input.input__WZN7y[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:var(--d434fb)}input.input__WZN7y[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:var(--d434fb)}select.input__WZN7y{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.input__WZN7y[data-empty=true]{color:var(--d9209f)}
+.container__dtKps{--ds-input-scroll-margin-top: var(--d434fb);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--590b8d);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container__dtKps:has(.label__S0tQE:not([data-hidden=true])){--ds-input-scroll-margin-top: calc(var(--590b8d) + var(--360264))}.label__S0tQE{color:var(--628fb7);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f)}.label__S0tQE[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.label__S0tQE .required__GVzWg{white-space:nowrap;color:var(--a2f1c8)}.description__h6Gw1,.error__MGvA2{margin:var(--d434fb);font-weight:var(--c2057a);font-size:var(--d4ea3f);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);color:var(--a2f1c8)}.error__MGvA2{color:var(--8ec9e5)}.container__B-gQ9{width:100%;position:relative}@media (hover: hover) and (pointer: fine){.container__B-gQ9:hover .input__WZN7y{border-color:var(--11d206)}}.container__B-gQ9 .icon__6Xfum{position:absolute;left:calc(var(--558c4c) - var(--d9baa3));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--cbc724);pointer-events:none}.container__B-gQ9 .trailingIcon__Bgnv4{position:absolute;right:calc(var(--558c4c) - var(--d9baa3));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--cbc724);pointer-events:none}.container__B-gQ9 .button__auAU0{position:absolute;right:var(--590b8d);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.container__B-gQ9:has(>.icon__6Xfum) .input__WZN7y{padding-left:calc((var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b));padding-left:calc(calc(var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b))}.container__B-gQ9:has(>.button__auAU0) .input__WZN7y{padding-right:58px}.container__B-gQ9:has(>.trailingIcon__Bgnv4) .input__WZN7y{padding-right:calc((var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b));padding-right:calc(calc(var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b))}.container__B-gQ9:has(>.input__WZN7y[aria-invalid=true]) .icon__6Xfum{color:var(--7b0f41)}.input__WZN7y{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--d9baa3) + var(--66b80b)) calc(var(--558c4c) - var(--d9baa3));border:var(--d9baa3) solid var(--29cd58);border-radius:var(--fa4b1a);font-size:var(--7f027e);line-height:var(--11f5c9);font-weight:var(--59913e);letter-spacing:var(--b2e406);scroll-margin-top:var(--ds-input-scroll-margin-top)}.input__WZN7y::-webkit-input-placeholder{color:var(--d9209f)}.input__WZN7y::-moz-placeholder{color:var(--d9209f)}.input__WZN7y:-ms-input-placeholder{color:var(--d9209f)}.input__WZN7y::-ms-input-placeholder{color:var(--d9209f)}.input__WZN7y::placeholder{color:var(--d9209f)}.input__WZN7y:focus{outline:var(--398094) auto var(--d9baa3)}.input__WZN7y:disabled,.input__WZN7y:disabled:hover{border-color:transparent;background-color:var(--04daeb)}.input__WZN7y[aria-invalid=true]{border-color:var(--7b0f41);background-color:var(--95df5b);color:var(--7b0f41)}input.input__WZN7y[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input.input__WZN7y[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:var(--d434fb)}input.input__WZN7y[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:var(--d434fb)}select.input__WZN7y{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.input__WZN7y[data-empty=true]{color:var(--d9209f)}

package/dist/assets/{TextField-Co0wSa5c.js → TextField-DakE_vDk.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as j}from"./index-B3evPFBL.js";import{S as F}from"./index-DRKYGVyc.js";import"./index-BfBdt3zW.js";import{g as b}from"./index-DdzHuZ-Y.js";import{w as I}from"./componentNames-CpCJzpB9.js";import{M as N}from"./message-BraTJ16C.js";const A="container__dtKps",q="label__S0tQE",C="required__GVzWg",M="description__h6Gw1",$="error__MGvA2",c={container:A,label:q,required:C,description:M,error:$};function w({id:a,error:s,description:n,hasError:r}){const t={};return r&&(t["aria-invalid"]=!0),s&&(t["aria-invalid"]=!0,t["aria-errormessage"]=`${a}-error`),n&&(t["aria-describedby"]=`${a}-description`),t}const T=({id:a,label:s,hideLabel:n,description:r,error:t,hasError:o,children:p,required:i,dataset:u,onClick:m,preplyDsComponent:d=I.FormControl,useLegacyRequiredLabel:x=!1})=>{const _=j.useId(),l=a||_,g=w({id:l,error:t,description:r,hasError:o}),h=b(u,{preplyDsComponent:d});return e.jsxs("div",{className:c.container,...h,onClick:m,children:[e.jsxs("label",{htmlFor:l,className:c.label,"data-hidden":n||!s,"data-testid":"label",children:[s,!!x&&i&&e.jsxs("span",{"aria-hidden":!0,className:c.required,children:[" • ",e.jsx(N,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]})]}),!x&&!i&&e.jsxs("span",{"aria-hidden":!0,className:c.required,children:[" • ",e.jsx(N,{id:"preply-ds.fieldLabel.optional",defaultMessage:[{type:0,value:"Optional"}]})]})]}),e.jsx(F,{id:l,required:i,...g,children:p}),t?e.jsx("p",{className:c.error,role:"alert",id:`${l}-error`,"data-testid":"error",children:t}):r?e.jsx("p",{className:c.description,id:`${l}-description`,"data-testid":"description",children:r}):null]})},E="container__B-gQ9",G="input__WZN7y",P="icon__6Xfum",R="trailingIcon__Bgnv4",S="button__auAU0",f={container:E,input:G,icon:P,trailingIcon:R,button:S};function z({button:a,icon:s,trailingIcon:n,children:r}){return e.jsxs("div",{className:f.container,children:[!!s&&e.jsx("span",{className:f.icon,children:s}),r,!!n&&e.jsx("span",{className:f.trailingIcon,children:n}),!!a&&e.jsx("span",{className:f.button,children:a})]})}const v=j.forwardRef(function({button:s,icon:n,dataset:r,onChange:t,onValueChange:o,...p},i){const u=b(r),m=d=>{t==null||t(d),o==null||o(d.target.value)};return e.jsx(z,{button:s,icon:n,children:e.jsx("input",{...u,...p,ref:i,onChange:m,className:f.input})})});v.__docgenInfo={description:"",methods:[],displayName:"Input"};const B=j.forwardRef(function({id:s,label:n,description:r,error:t,required:o,type:p="text",inputDataset:i,dataset:u,hideLabel:m,onClick:d,hasError:x,useLegacyRequiredLabel:_,className:l,style:g,...h},y){return e.jsx(T,{id:s,label:n,description:r,error:t,hasError:x,required:o,dataset:u,hideLabel:m,onClick:d,useLegacyRequiredLabel:_,preplyDsComponent:I.TextField,children:e.jsx(v,{...h,type:p,ref:y,dataset:i})})});B.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:'"text"',computed:!1},required:!1}}};export{T as F,z as I,B as T,v as a,f as s};
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{S as F}from"./index-C6wF8VM1.js";import"./index-DSVnVYmz.js";import{g as b}from"./index-DdzHuZ-Y.js";import{w as I}from"./componentNames-NXEPEzbR.js";import{M as N}from"./message-BqoANQez.js";const A="container__dtKps",q="label__S0tQE",C="required__GVzWg",M="description__h6Gw1",$="error__MGvA2",c={container:A,label:q,required:C,description:M,error:$};function w({id:a,error:s,description:n,hasError:r}){const t={};return r&&(t["aria-invalid"]=!0),s&&(t["aria-invalid"]=!0,t["aria-errormessage"]=`${a}-error`),n&&(t["aria-describedby"]=`${a}-description`),t}const T=({id:a,label:s,hideLabel:n,description:r,error:t,hasError:o,children:p,required:i,dataset:u,onClick:m,preplyDsComponent:d=I.FormControl,useLegacyRequiredLabel:x=!1})=>{const _=j.useId(),l=a||_,g=w({id:l,error:t,description:r,hasError:o}),h=b(u,{preplyDsComponent:d});return e.jsxs("div",{className:c.container,...h,onClick:m,children:[e.jsxs("label",{htmlFor:l,className:c.label,"data-hidden":n||!s,"data-testid":"label",children:[s,!!x&&i&&e.jsxs("span",{"aria-hidden":!0,className:c.required,children:[" • ",e.jsx(N,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]})]}),!x&&!i&&e.jsxs("span",{"aria-hidden":!0,className:c.required,children:[" • ",e.jsx(N,{id:"preply-ds.fieldLabel.optional",defaultMessage:[{type:0,value:"Optional"}]})]})]}),e.jsx(F,{id:l,required:i,...g,children:p}),t?e.jsx("p",{className:c.error,role:"alert",id:`${l}-error`,"data-testid":"error",children:t}):r?e.jsx("p",{className:c.description,id:`${l}-description`,"data-testid":"description",children:r}):null]})},E="container__B-gQ9",G="input__WZN7y",P="icon__6Xfum",R="trailingIcon__Bgnv4",S="button__auAU0",f={container:E,input:G,icon:P,trailingIcon:R,button:S};function z({button:a,icon:s,trailingIcon:n,children:r}){return e.jsxs("div",{className:f.container,children:[!!s&&e.jsx("span",{className:f.icon,children:s}),r,!!n&&e.jsx("span",{className:f.trailingIcon,children:n}),!!a&&e.jsx("span",{className:f.button,children:a})]})}const v=j.forwardRef(function({button:s,icon:n,dataset:r,onChange:t,onValueChange:o,...p},i){const u=b(r),m=d=>{t==null||t(d),o==null||o(d.target.value)};return e.jsx(z,{button:s,icon:n,children:e.jsx("input",{...u,...p,ref:i,onChange:m,className:f.input})})});v.__docgenInfo={description:"",methods:[],displayName:"Input"};const B=j.forwardRef(function({id:s,label:n,description:r,error:t,required:o,type:p="text",inputDataset:i,dataset:u,hideLabel:m,onClick:d,hasError:x,useLegacyRequiredLabel:_,className:l,style:g,...h},y){return e.jsx(T,{id:s,label:n,description:r,error:t,hasError:x,required:o,dataset:u,hideLabel:m,onClick:d,useLegacyRequiredLabel:_,preplyDsComponent:I.TextField,children:e.jsx(v,{...h,type:p,ref:y,dataset:i})})});B.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:'"text"',computed:!1},required:!1}}};export{T as F,z as I,B as T,v as a,f as s};