@preply/ds-docs 3.1.1-beta.060c7778978d1ba1488656e79c5f79997a641cf1.0 → 3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0

package/dist/assets/{SelectField.stories-C8b5ZtGG.js → SelectField.stories-l2h7AeUs.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPFBL.js";import{f as r,w as f,e as t,u as w}from"./index-DDyIDR-R.js";import{F as $}from"./TokyoUILanguage-BNq9ng3F.js";import{I as ee}from"./Icon-Cx1Om39U.js";import{S as i}from"./SelectField-M6d20_vW.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-Ba2ybP0W.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./FormControl-V3kzTeDQ.js";import"./index-DRKYGVyc.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-BraTJ16C.js";import"./InputContainer-C1TOTxt4.js";import"./TokyoUIExpand-DThzqohx.js";const He={title:"components/SelectField",component:i,subcomponents:{SelectFieldOption:i.Option},args:{name:"language",label:"Language",placeholder:"Select a language",defaultValue:"",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:r(),onValueChange:r(),onBlur:r(),onFocus:r(),onClick:r(),onCopy:r(),onKeyDown:r(),onKeyUp:r(),onPaste:r(),children:o.jsxs(o.Fragment,{children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})}},p={play:async({canvasElement:a,step:e,args:n})=>{const s=f(a),l=s.getByTestId("field"),c=s.getByTestId("input");await e("it should render correct label",async()=>{const x=f(l).getByTestId("label");t(x).toHaveTextContent("Language • Optional"),t(c).toHaveAccessibleName("Language")}),await e("it should call onFocus when the input is focused",async()=>{c.focus(),t(n.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await w.selectOptions(c,"spanish"),t(n.onValueChange).toHaveBeenCalledWith("spanish"),t(n.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await w.keyboard("{tab}"),t(n.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{t(l).toHaveAttribute("data-testid","field"),t(l).toHaveAttribute("data-foo","bar"),t(c).toHaveAttribute("data-testid","input"),t(c).toHaveAttribute("data-foo","bar")}),await e("it should render all options",async()=>{const x=s.getByRole("option",{name:"English"}),te=s.getByRole("option",{name:"Spanish"}),ne=s.getByRole("option",{name:"French"});t(x).toBeInTheDocument(),t(te).toBeInTheDocument(),t(ne).toBeInTheDocument()})}},d={render:function(e){const[n,s]=ae.useState(e.value);return o.jsxs(i,{...e,value:n,onChange:l=>{var c;s(l.target.value),(c=e.onChange)==null||c.call(e,l)},children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})},args:{label:"Controlled SelectField",placeholder:"Select a language...",value:"spanish"},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const n=a.getByTestId("input");await t(n).toHaveValue("spanish")}),await e("it should update the value when the user selects",async()=>{const n=a.getByTestId("input");await w.selectOptions(n,"french"),t(n).toHaveValue("french")})}},u={args:{icon:o.jsx(ee,{svg:$,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const n=a.getByTestId("icon");t(n).toBeInTheDocument()})}},h={args:{description:"We will use this to get a personalized choice of tutors"},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("description");await e("it should render the description",async()=>{t(n).toHaveAccessibleDescription("We will use this to get a personalized choice of tutors"),t(s).toHaveTextContent("We will use this to get a personalized choice of tutors")})}},g={args:{required:!0},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("label");await e("it should render correct label",async()=>{t(n).toHaveAccessibleName("Language"),t(s).toHaveTextContent("Language")}),await e("it should render required attribute",async()=>{t(n).toHaveAttribute("required")})}},m={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const n=a.getByTestId("input");t(n).toHaveAccessibleName("Language")})}},y={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("error");await e("it should render the error message",async()=>{t(n).toHaveAccessibleErrorMessage("This is an error message"),t(s).toHaveTextContent("This is an error message")})}},v={args:{disabled:!0},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input");await e("it should render the disabled input",async()=>{t(n).toHaveAttribute("disabled")})}},b={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Language",placeholder:"Select a subject",description:"We will use this to get a personalized choice of tutors",children:o.jsxs(o.Fragment,{children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":o.jsx(ee,{svg:$,label:"Student with a hat"})},control:"select"},children:{control:!1},hasError:{table:{disable:!0}}}};var B,T,S,I,H;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
+import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPFBL.js";import{f as r,w as f,e as t,u as w}from"./index-DDyIDR-R.js";import{F as $}from"./TokyoUILanguage-BNq9ng3F.js";import{I as ee}from"./Icon-D4cMo1we.js";import{S as i}from"./SelectField-DVUeHaUI.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-CVVyamkx.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./FormControl-DD3JEwg1.js";import"./index-DRKYGVyc.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-BraTJ16C.js";import"./InputContainer-C1TOTxt4.js";import"./TokyoUIExpand-DThzqohx.js";const He={title:"components/SelectField",component:i,subcomponents:{SelectFieldOption:i.Option},args:{name:"language",label:"Language",placeholder:"Select a language",defaultValue:"",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:r(),onValueChange:r(),onBlur:r(),onFocus:r(),onClick:r(),onCopy:r(),onKeyDown:r(),onKeyUp:r(),onPaste:r(),children:o.jsxs(o.Fragment,{children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})}},p={play:async({canvasElement:a,step:e,args:n})=>{const s=f(a),l=s.getByTestId("field"),c=s.getByTestId("input");await e("it should render correct label",async()=>{const x=f(l).getByTestId("label");t(x).toHaveTextContent("Language"),t(c).toHaveAccessibleName("Language")}),await e("it should call onFocus when the input is focused",async()=>{c.focus(),t(n.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await w.selectOptions(c,"spanish"),t(n.onValueChange).toHaveBeenCalledWith("spanish"),t(n.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await w.keyboard("{tab}"),t(n.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{t(l).toHaveAttribute("data-testid","field"),t(l).toHaveAttribute("data-foo","bar"),t(c).toHaveAttribute("data-testid","input"),t(c).toHaveAttribute("data-foo","bar")}),await e("it should render all options",async()=>{const x=s.getByRole("option",{name:"English"}),te=s.getByRole("option",{name:"Spanish"}),ne=s.getByRole("option",{name:"French"});t(x).toBeInTheDocument(),t(te).toBeInTheDocument(),t(ne).toBeInTheDocument()})}},d={render:function(e){const[n,s]=ae.useState(e.value);return o.jsxs(i,{...e,value:n,onChange:l=>{var c;s(l.target.value),(c=e.onChange)==null||c.call(e,l)},children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})},args:{label:"Controlled SelectField",placeholder:"Select a language...",value:"spanish"},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const n=a.getByTestId("input");await t(n).toHaveValue("spanish")}),await e("it should update the value when the user selects",async()=>{const n=a.getByTestId("input");await w.selectOptions(n,"french"),t(n).toHaveValue("french")})}},u={args:{icon:o.jsx(ee,{svg:$,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const n=a.getByTestId("icon");t(n).toBeInTheDocument()})}},h={args:{description:"We will use this to get a personalized choice of tutors"},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("description");await e("it should render the description",async()=>{t(n).toHaveAccessibleDescription("We will use this to get a personalized choice of tutors"),t(s).toHaveTextContent("We will use this to get a personalized choice of tutors")})}},g={args:{required:!0},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("label");await e("it should render correct label",async()=>{t(n).toHaveAccessibleName("Language"),t(s).toHaveTextContent("Language • Required")}),await e("it should render required attribute",async()=>{t(n).toHaveAttribute("required")})}},m={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const n=a.getByTestId("input");t(n).toHaveAccessibleName("Language")})}},y={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("error");await e("it should render the error message",async()=>{t(n).toHaveAccessibleErrorMessage("This is an error message"),t(s).toHaveTextContent("This is an error message")})}},v={args:{disabled:!0},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input");await e("it should render the disabled input",async()=>{t(n).toHaveAttribute("disabled")})}},b={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Language",placeholder:"Select a subject",description:"We will use this to get a personalized choice of tutors",children:o.jsxs(o.Fragment,{children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":o.jsx(ee,{svg:$,label:"Student with a hat"})},control:"select"},children:{control:!1},hasError:{table:{disable:!0}}}};var B,T,S,I,H;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
   play: async ({
     canvasElement,
     step,
@@ -9,7 +9,7 @@ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPF
     const input = canvas.getByTestId('input');
     await step('it should render correct label', async () => {
       const label = within(field).getByTestId('label');
-      expect(label).toHaveTextContent('Language • Optional');
+      expect(label).toHaveTextContent('Language');
       expect(input).toHaveAccessibleName('Language');
     });
     await step('it should call onFocus when the input is focused', async () => {
@@ -46,7 +46,7 @@ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPF
       expect(frenchOption).toBeInTheDocument();
     });
   }
-}`,...(S=(T=p.parameters)==null?void 0:T.docs)==null?void 0:S.source},description:{story:"An empty field with a `label` and a `placeholder`.",...(H=(I=p.parameters)==null?void 0:I.docs)==null?void 0:H.description}}};var O,F,C,A,j;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`{
+}`,...(S=(T=p.parameters)==null?void 0:T.docs)==null?void 0:S.source},description:{story:"An empty field with a `label` and a `placeholder`.",...(H=(I=p.parameters)==null?void 0:I.docs)==null?void 0:H.description}}};var F,O,C,A,j;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`{
   render: function ControlledSelectField(args) {
     const [value, setValue] = useState(args.value);
     return <SelectField {...args} value={value} onChange={e => {
@@ -77,7 +77,7 @@ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPF
       expect(input).toHaveValue('french');
     });
   }
-}`,...(C=(F=d.parameters)==null?void 0:F.docs)==null?void 0:C.source},description:{story:"A controlled component where the value is managed by React state.",...(j=(A=d.parameters)==null?void 0:A.docs)==null?void 0:j.description}}};var E,W,L;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`{
+}`,...(C=(O=d.parameters)==null?void 0:O.docs)==null?void 0:C.source},description:{story:"A controlled component where the value is managed by React state.",...(j=(A=d.parameters)==null?void 0:A.docs)==null?void 0:j.description}}};var E,W,L;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`{
   args: {
     icon: <Icon svg={LanguageSvg} dataset={{
       testid: 'icon'
@@ -92,7 +92,7 @@ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPF
       expect(icon).toBeInTheDocument();
     });
   }
-}`,...(L=(W=u.parameters)==null?void 0:W.docs)==null?void 0:L.source}}};var D,V,R;h.parameters={...h.parameters,docs:{...(D=h.parameters)==null?void 0:D.docs,source:{originalSource:`{
+}`,...(L=(W=u.parameters)==null?void 0:W.docs)==null?void 0:L.source}}};var D,R,V;h.parameters={...h.parameters,docs:{...(D=h.parameters)==null?void 0:D.docs,source:{originalSource:`{
   args: {
     description: 'We will use this to get a personalized choice of tutors'
   },
@@ -107,7 +107,7 @@ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPF
       expect(description).toHaveTextContent('We will use this to get a personalized choice of tutors');
     });
   }
-}`,...(R=(V=h.parameters)==null?void 0:V.docs)==null?void 0:R.source}}};var q,N,z;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
+}`,...(V=(R=h.parameters)==null?void 0:R.docs)==null?void 0:V.source}}};var q,N,z;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
   args: {
     required: true
   },
@@ -119,7 +119,7 @@ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPF
     const label = canvas.getByTestId('label');
     await step('it should render correct label', async () => {
       expect(input).toHaveAccessibleName('Language');
-      expect(label).toHaveTextContent('Language');
+      expect(label).toHaveTextContent('Language • Required');
     });
     await step('it should render required attribute', async () => {
       expect(input).toHaveAttribute('required');
@@ -240,4 +240,4 @@ import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as ae}from"./index-B3evPF
       }
     }
   }
-}`,...(Z=(Y=b.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};const Oe=["Basic","Controlled","WithIcon","WithDescription","Required","WithHiddenLabel","WithError","Disabled","Playground"];export{p as Basic,d as Controlled,v as Disabled,b as Playground,g as Required,h as WithDescription,y as WithError,m as WithHiddenLabel,u as WithIcon,Oe as __namedExportsOrder,He as default};
+}`,...(Z=(Y=b.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};const Fe=["Basic","Controlled","WithIcon","WithDescription","Required","WithHiddenLabel","WithError","Disabled","Playground"];export{p as Basic,d as Controlled,v as Disabled,b as Playground,g as Required,h as WithDescription,y as WithError,m as WithHiddenLabel,u as WithIcon,Fe as __namedExportsOrder,He as default};

package/dist/assets/{ShowOnIntersection.stories-CkN1WDGU.js → ShowOnIntersection.stories-B24bNVFn.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BYouaCF_.js";import{r as o}from"./index-B3evPFBL.js";import{O as f}from"./ObserveIntersection-BM5DGF0-.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./componentNames-Ba2ybP0W.js";const a=({onIntersect:e,once:u,threshold:c,tag:d,dataset:p,children:m})=>{const[l,v]=o.useState(!1),h=o.useCallback(()=>{l||v(!0),e==null||e()},[l,e]);return t.jsx(f,{onIntersect:h,once:e?u:!0,threshold:c,tag:d,dataset:p,children:l&&m})};try{a.displayName="ShowOnIntersection",a.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"enum",value:[{value:"number"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"article"'},{value:'"caption"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"header"'},{value:'"li"'},{value:'"main"'},{value:'"ol"'},{value:'"section"'},{value:'"table"'},{value:'"tbody"'},{value:'"td"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"tr"'},{value:'"ul"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const I={title:"components/ShowOnIntersection",component:a,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(a,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var r,s,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
+import{j as t}from"./jsx-runtime-BYouaCF_.js";import{r as o}from"./index-B3evPFBL.js";import{O as f}from"./ObserveIntersection-CvDmrhxS.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./componentNames-CVVyamkx.js";const a=({onIntersect:e,once:u,threshold:c,tag:d,dataset:p,children:m})=>{const[l,v]=o.useState(!1),h=o.useCallback(()=>{l||v(!0),e==null||e()},[l,e]);return t.jsx(f,{onIntersect:h,once:e?u:!0,threshold:c,tag:d,dataset:p,children:l&&m})};try{a.displayName="ShowOnIntersection",a.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"enum",value:[{value:"number"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const I={title:"components/ShowOnIntersection",component:a,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(a,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var r,s,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
   return <div style={{
     height: '200px',
     overflowY: 'scroll',

package/dist/assets/{Steps-C32suZpN.js → Steps-Cnv3Nys-.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-etPAfZn6.js";import"./index-BfBdt3zW.js";import{H as C}from"./Heading-BSlUFvxo.js";import{P as I}from"./ProgressSteps-ByDec2fC.js";import{g as M}from"./index-DdzHuZ-Y.js";import{w as V}from"./componentNames-Ba2ybP0W.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-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{B as y}from"./Button-BumqXQgN.js";import"./index-BfBdt3zW.js";import{H as C}from"./Heading-D79pA8cG.js";import{P as I}from"./ProgressSteps-CuGX9_Fy.js";import{g as M}from"./index-DdzHuZ-Y.js";import{w as V}from"./componentNames-CVVyamkx.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.
 @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-Bb8vy8e1.js → Steps.stories-DcSCPhwD.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-C32suZpN.js";import{L as h}from"./LayoutFlex-DT7eMWg5.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Button-etPAfZn6.js";import"./render-icon-CVTdrNe-.js";import"./ButtonBase-CiON5Gq9.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-Ba2ybP0W.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-BSlUFvxo.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./ProgressSteps-ByDec2fC.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-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-Cnv3Nys-.js";import{L as h}from"./LayoutFlex-oRwI31fW.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Button-BumqXQgN.js";import"./render-icon-CVTdrNe-.js";import"./ButtonBase-OAaaGRgi.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-CVVyamkx.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-D79pA8cG.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./ProgressSteps-CuGX9_Fy.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.
 
 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.
 

package/dist/assets/{Text-DmTAIIVj.js → Text-C3jprdij.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-Ba2ybP0W.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-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-CVVyamkx.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:'"disabled"'},{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{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-D1y5agve.js → Text.stories-CGHOveiR.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BYouaCF_.js";import{T as i}from"./Text-DmTAIIVj.js";import{S as c}from"./consts-KAYct7Gj.js";import{T as f}from"./options-Dn0Ts6qK.js";import{g as S}from"./getTokenVar-DU_DEzTd.js";import{c as k}from"./tokens-DXy5hgn5.js";import"./index-B3evPFBL.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-Ba2ybP0W.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const X={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:`() => {
+import{j as e}from"./jsx-runtime-BYouaCF_.js";import{T as i}from"./Text-C3jprdij.js";import{S as c}from"./consts-KAYct7Gj.js";import{T as f}from"./options-Dn0Ts6qK.js";import{g as S}from"./getTokenVar-DU_DEzTd.js";import{c as k}from"./tokens-DXy5hgn5.js";import"./index-B3evPFBL.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-CVVyamkx.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const X={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(({

package/dist/assets/TextField-872WjatY.js

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

package/dist/assets/TextField-X8bB9C1g.js

@@ -0,0 +1,4 @@
+import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as y}from"./index-B3evPFBL.js";import{F as h}from"./FormControl-DD3JEwg1.js";import{w as b}from"./componentNames-CVVyamkx.js";import{I as E}from"./Input-B7MlX4U9.js";const a=y.forwardRef(function({id:n,label:u,description:t,error:r,required:i,type:d="text",inputDataset:s,dataset:o,hideLabel:m,onClick:p,hasError:v,className:V,style:q,...f},c){return e.jsx(h,{id:n,label:u,description:t,error:r,hasError:v,required:i,dataset:o,hideLabel:m,onClick:p,preplyDsComponent:b.TextField,children:e.jsx(E,{...f,type:d,ref:c,dataset:s})})});try{a.displayName="TextField",a.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
+If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
+indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to exlicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
+to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"username"'},{value:'"language"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{a as T};

package/dist/assets/{TextField.stories-Db1NKI4j.js → TextField.stories-DQBz69MT.js}

@@ -1,4 +1,4 @@
-import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as oe}from"./index-B3evPFBL.js";import{a as re}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{T as te}from"./TextField-Cbt-ocgZ.js";import{F as ne}from"./TokyoUIUser-CEt_udNR.js";import{F as se}from"./TokyoUIAttach-BvBvQVx_.js";import{I as ie}from"./Icon-Cx1Om39U.js";import{F as le}from"./FieldButton-Dprr9FF4.js";import{f as r,w,e as n,u as b}from"./index-DDyIDR-R.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./FormControl-V3kzTeDQ.js";import"./index-DRKYGVyc.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-DdzHuZ-Y.js";import"./message-BraTJ16C.js";import"./componentNames-Ba2ybP0W.js";import"./Input-B5nl0Iyd.js";import"./InputContainer-C1TOTxt4.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./defaults-B1rzzf6M.js";const ke={title:"components/TextField",component:te,args:{name:"fullName",label:"Full name",defaultValue:"",placeholder:"John Doe",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:r(),onValueChange:r(),onBlur:r(),onFocus:r(),onClick:r(),onCopy:r(),onKeyDown:r(),onKeyUp:r(),onPaste:r()}},l={play:async({canvasElement:a,step:e,args:t})=>{const o=w(a),i=o.getByTestId("field"),s=o.getByTestId("input");await e("it should render correct label",async()=>{const ae=w(i).getByTestId("label");n(ae).toHaveTextContent("Full name • Optional"),n(s).toHaveAccessibleName("Full name")}),await e("it should call onFocus when the input is focused",async()=>{s.focus(),n(t.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await b.type(s,"John Doe"),n(t.onValueChange).toHaveBeenCalledWith("John Doe"),n(t.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await b.keyboard("{tab}"),n(t.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{n(i).toHaveAttribute("data-testid","field"),n(i).toHaveAttribute("data-foo","bar"),n(s).toHaveAttribute("data-testid","input"),n(s).toHaveAttribute("data-foo","bar")})}},c={render:function(e){const[t,o]=oe.useState(e.value);return x.jsx(te,{...e,value:t,onChange:i=>{var s;o(i.target.value),(s=e.onChange)==null||s.call(e,i)}})},args:{label:"Controlled TextField",placeholder:"Type something...",value:"Initial value"},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const t=a.getByTestId("input");await n(t).toHaveValue("Initial value")}),await e("it should update the value when the user types",async()=>{const t=a.getByTestId("input");await b.type(t," - New controlled value"),n(t).toHaveValue("Initial value - New controlled value")})}},d={args:{icon:x.jsx(ie,{svg:ne,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const t=a.getByTestId("icon");n(t).toBeInTheDocument()})}},u={args:{description:"Enter your full legal name"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("description");await e("it should render the description",async()=>{n(t).toHaveAccessibleDescription("Enter your full legal name"),n(o).toHaveTextContent("Enter your full legal name")})}},p={args:{required:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("label");await e("it should render correct label",async()=>{n(t).toHaveAccessibleName("Full name"),n(o).toHaveTextContent("Full name")}),await e("it should render required attribute",async()=>{n(t).toHaveAttribute("required")})}},h={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const t=a.getByTestId("input");n(t).toHaveAccessibleName("Full name")})}},m={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("error");await e("it should render the error message",async()=>{n(t).toHaveAccessibleErrorMessage("This is an error message"),n(o).toHaveTextContent("This is an error message")})}},y={args:{disabled:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the disabled input",async()=>{n(t).toHaveAttribute("disabled")})}},g={args:{readOnly:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the read only input",async()=>{n(t).toHaveAttribute("readonly")})}},v={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Full name",placeholder:"John Doe",description:"Enter your full legal name"},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":ne},control:"select"},button:{options:["None","With Button"],mapping:{None:void 0,"With Button":x.jsx(le,{svg:se,assistiveText:"Do the thing",onClick:re("field button clicked")})},control:"select"},readOnly:{control:"boolean"},maxLength:{control:"number"},hasError:{table:{disable:!0}}}};var T,f,B,I,H;l.parameters={...l.parameters,docs:{...(T=l.parameters)==null?void 0:T.docs,source:{originalSource:`{
+import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as oe}from"./index-B3evPFBL.js";import{a as re}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{T as te}from"./TextField-X8bB9C1g.js";import{F as ne}from"./TokyoUIUser-CEt_udNR.js";import{F as se}from"./TokyoUIAttach-BvBvQVx_.js";import{I as ie}from"./Icon-D4cMo1we.js";import{F as le}from"./FieldButton-xxvyfVcj.js";import{f as r,w,e as n,u as b}from"./index-DDyIDR-R.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./FormControl-DD3JEwg1.js";import"./index-DRKYGVyc.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-DdzHuZ-Y.js";import"./message-BraTJ16C.js";import"./componentNames-CVVyamkx.js";import"./Input-B7MlX4U9.js";import"./InputContainer-C1TOTxt4.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./defaults-B1rzzf6M.js";const qe={title:"components/TextField",component:te,args:{name:"fullName",label:"Full name",defaultValue:"",placeholder:"John Doe",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:r(),onValueChange:r(),onBlur:r(),onFocus:r(),onClick:r(),onCopy:r(),onKeyDown:r(),onKeyUp:r(),onPaste:r()}},l={play:async({canvasElement:a,step:e,args:t})=>{const o=w(a),i=o.getByTestId("field"),s=o.getByTestId("input");await e("it should render correct label",async()=>{const ae=w(i).getByTestId("label");n(ae).toHaveTextContent("Full name"),n(s).toHaveAccessibleName("Full name")}),await e("it should call onFocus when the input is focused",async()=>{s.focus(),n(t.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await b.type(s,"John Doe"),n(t.onValueChange).toHaveBeenCalledWith("John Doe"),n(t.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await b.keyboard("{tab}"),n(t.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{n(i).toHaveAttribute("data-testid","field"),n(i).toHaveAttribute("data-foo","bar"),n(s).toHaveAttribute("data-testid","input"),n(s).toHaveAttribute("data-foo","bar")})}},c={render:function(e){const[t,o]=oe.useState(e.value);return x.jsx(te,{...e,value:t,onChange:i=>{var s;o(i.target.value),(s=e.onChange)==null||s.call(e,i)}})},args:{label:"Controlled TextField",placeholder:"Type something...",value:"Initial value"},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const t=a.getByTestId("input");await n(t).toHaveValue("Initial value")}),await e("it should update the value when the user types",async()=>{const t=a.getByTestId("input");await b.type(t," - New controlled value"),n(t).toHaveValue("Initial value - New controlled value")})}},d={args:{icon:x.jsx(ie,{svg:ne,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const t=a.getByTestId("icon");n(t).toBeInTheDocument()})}},u={args:{description:"Enter your full legal name"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("description");await e("it should render the description",async()=>{n(t).toHaveAccessibleDescription("Enter your full legal name"),n(o).toHaveTextContent("Enter your full legal name")})}},p={args:{required:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("label");await e("it should render correct label",async()=>{n(t).toHaveAccessibleName("Full name"),n(o).toHaveTextContent("Full name • Required")}),await e("it should render required attribute",async()=>{n(t).toHaveAttribute("required")})}},h={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const t=a.getByTestId("input");n(t).toHaveAccessibleName("Full name")})}},m={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("error");await e("it should render the error message",async()=>{n(t).toHaveAccessibleErrorMessage("This is an error message"),n(o).toHaveTextContent("This is an error message")})}},y={args:{disabled:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the disabled input",async()=>{n(t).toHaveAttribute("disabled")})}},g={args:{readOnly:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the read only input",async()=>{n(t).toHaveAttribute("readonly")})}},v={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Full name",placeholder:"John Doe",description:"Enter your full legal name"},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":ne},control:"select"},button:{options:["None","With Button"],mapping:{None:void 0,"With Button":x.jsx(le,{svg:se,assistiveText:"Do the thing",onClick:re("field button clicked")})},control:"select"},readOnly:{control:"boolean"},maxLength:{control:"number"},hasError:{table:{disable:!0}}}};var T,f,B,I,H;l.parameters={...l.parameters,docs:{...(T=l.parameters)==null?void 0:T.docs,source:{originalSource:`{
   play: async ({
     canvasElement,
     step,
@@ -9,7 +9,7 @@ import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as oe}from"./index-B3evPF
     const input = canvas.getByTestId('input');
     await step('it should render correct label', async () => {
       const label = within(field).getByTestId('label');
-      expect(label).toHaveTextContent('Full name • Optional');
+      expect(label).toHaveTextContent('Full name');
       expect(input).toHaveAccessibleName('Full name');
     });
     await step('it should call onFocus when the input is focused', async () => {
@@ -77,7 +77,7 @@ import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as oe}from"./index-B3evPF
       expect(icon).toBeInTheDocument();
     });
   }
-}`,...(S=(W=d.parameters)==null?void 0:W.docs)==null?void 0:S.source}}};var V,k,j;u.parameters={...u.parameters,docs:{...(V=u.parameters)==null?void 0:V.docs,source:{originalSource:`{
+}`,...(S=(W=d.parameters)==null?void 0:W.docs)==null?void 0:S.source}}};var V,q,k;u.parameters={...u.parameters,docs:{...(V=u.parameters)==null?void 0:V.docs,source:{originalSource:`{
   args: {
     description: 'Enter your full legal name'
   },
@@ -92,7 +92,7 @@ import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as oe}from"./index-B3evPF
       expect(description).toHaveTextContent('Enter your full legal name');
     });
   }
-}`,...(j=(k=u.parameters)==null?void 0:k.docs)==null?void 0:j.source}}};var q,O,L;p.parameters={...p.parameters,docs:{...(q=p.parameters)==null?void 0:q.docs,source:{originalSource:`{
+}`,...(k=(q=u.parameters)==null?void 0:q.docs)==null?void 0:k.source}}};var j,R,L;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
   args: {
     required: true
   },
@@ -104,13 +104,13 @@ import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as oe}from"./index-B3evPF
     const label = canvas.getByTestId('label');
     await step('it should render correct label', async () => {
       expect(input).toHaveAccessibleName('Full name');
-      expect(label).toHaveTextContent('Full name');
+      expect(label).toHaveTextContent('Full name • Required');
     });
     await step('it should render required attribute', async () => {
       expect(input).toHaveAttribute('required');
     });
   }
-}`,...(L=(O=p.parameters)==null?void 0:O.docs)==null?void 0:L.source}}};var R,J,M;h.parameters={...h.parameters,docs:{...(R=h.parameters)==null?void 0:R.docs,source:{originalSource:`{
+}`,...(L=(R=p.parameters)==null?void 0:R.docs)==null?void 0:L.source}}};var J,O,M;h.parameters={...h.parameters,docs:{...(J=h.parameters)==null?void 0:J.docs,source:{originalSource:`{
   args: {
     hideLabel: true
   },
@@ -129,7 +129,7 @@ import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as oe}from"./index-B3evPF
       expect(input).toHaveAccessibleName('Full name');
     });
   }
-}`,...(M=(J=h.parameters)==null?void 0:J.docs)==null?void 0:M.source}}};var P,U,K;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
+}`,...(M=(O=h.parameters)==null?void 0:O.docs)==null?void 0:M.source}}};var P,U,K;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
   args: {
     error: 'This is an error message'
   },
@@ -250,4 +250,4 @@ import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as oe}from"./index-B3evPF
       }
     }
   }
-}`,...(ee=(Z=v.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};const je=["Basic","Controlled","WithIcon","WithDescription","Required","WithHiddenLabel","WithErrorMessage","Disabled","ReadOnly","Playground"];export{l as Basic,c as Controlled,y as Disabled,v as Playground,g as ReadOnly,p as Required,u as WithDescription,m as WithErrorMessage,h as WithHiddenLabel,d as WithIcon,je as __namedExportsOrder,ke as default};
+}`,...(ee=(Z=v.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};const ke=["Basic","Controlled","WithIcon","WithDescription","Required","WithHiddenLabel","WithErrorMessage","Disabled","ReadOnly","Playground"];export{l as Basic,c as Controlled,y as Disabled,v as Playground,g as ReadOnly,p as Required,u as WithDescription,m as WithErrorMessage,h as WithHiddenLabel,d as WithIcon,ke as __namedExportsOrder,qe as default};

package/dist/assets/{TextHighlighted-CfvNH8PY.js → TextHighlighted-B7-aMGmA.js}

@@ -1 +1 @@
-import{c as n,d as T}from"./constants-BgBLeZzp.js";import{r as e}from"./index-B3evPFBL.js";import{T as m}from"./useTheme-DiEoTTOi.js";import{j as x}from"./jsx-runtime-BYouaCF_.js";import{f as p}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as _,s as H}from"./classNames-BUL1Zq7e.js";import{i as c,h as f}from"./defaults-B1rzzf6M.js";import{w as i}from"./componentNames-Ba2ybP0W.js";import{g as u}from"./index-DdzHuZ-Y.js";const P=t=>Array.isArray(t)&&t.length===3&&n.includes(t[T]),R=()=>{const{setTheme:t}=e.useContext(m);return{setTheme:t}},E="TextHighlighted__ehLpO",y={TextHighlighted:E,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},N=e.forwardRef(function({children:h,highlight:g=c,tag:l=f,dataset:s,...r},a){const o=_(y,i.TextHighlighted,[H("highlight",g)]),d={...p(r),ref:a,className:o.join(" "),...u(s,{preplyDsComponent:i.TextHighlighted})};return x.jsx(l,{...d,children:h})});N.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};export{N as T,P as i,R as u};
+import{c as n,d as T}from"./constants-BgBLeZzp.js";import{r as e}from"./index-B3evPFBL.js";import{T as m}from"./useTheme-DiEoTTOi.js";import{j as x}from"./jsx-runtime-BYouaCF_.js";import{f as p}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as _,s as H}from"./classNames-BUL1Zq7e.js";import{i as c,h as f}from"./defaults-B1rzzf6M.js";import{w as i}from"./componentNames-CVVyamkx.js";import{g as u}from"./index-DdzHuZ-Y.js";const P=t=>Array.isArray(t)&&t.length===3&&n.includes(t[T]),R=()=>{const{setTheme:t}=e.useContext(m);return{setTheme:t}},E="TextHighlighted__ehLpO",y={TextHighlighted:E,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},N=e.forwardRef(function({children:h,highlight:g=c,tag:l=f,dataset:s,...r},a){const o=_(y,i.TextHighlighted,[H("highlight",g)]),d={...p(r),ref:a,className:o.join(" "),...u(s,{preplyDsComponent:i.TextHighlighted})};return x.jsx(l,{...d,children:h})});N.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};export{N as T,P as i,R as u};

package/dist/assets/{TextHighlighted.stories-PV3yANaI.js → TextHighlighted.stories-BepOj0Ru.js}

@@ -1,4 +1,4 @@
-import{j as i}from"./jsx-runtime-BYouaCF_.js";import{r as j}from"./index-B3evPFBL.js";import{f as E}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as L,s as w}from"./classNames-BUL1Zq7e.js";import{w as h}from"./componentNames-Ba2ybP0W.js";import{g as I}from"./index-DdzHuZ-Y.js";import{h as N,i as S}from"./defaults-B1rzzf6M.js";import{T as D}from"./Text-DmTAIIVj.js";import{a as O}from"./options-Dn0Ts6qK.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const q="TextHighlighted__ErxU-",A={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=S,tag:H=N,dataset:f,..._},v){const y=L(A,h.TextHighlighted,[w("highlight",x)]),b={...E(_),ref:v,className:y.join(" "),...I(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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{}const Q={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const r=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),l={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
+import{j as i}from"./jsx-runtime-BYouaCF_.js";import{r as j}from"./index-B3evPFBL.js";import{f as E}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as L,s as w}from"./classNames-BUL1Zq7e.js";import{w as h}from"./componentNames-CVVyamkx.js";import{g as I}from"./index-DdzHuZ-Y.js";import{h as N,i as S}from"./defaults-B1rzzf6M.js";import{T as D}from"./Text-C3jprdij.js";import{a as O}from"./options-Dn0Ts6qK.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const q="TextHighlighted__ErxU-",A={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=S,tag:H=N,dataset:f,..._},v){const y=L(A,h.TextHighlighted,[w("highlight",x)]),b={...E(_),ref:v,className:y.join(" "),...I(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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{}const Q={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const r=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),l={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   flexDirection: 'column',
   gap: '0.25rem',

package/dist/assets/{TextInline.stories-fEzj3mnz.js → TextInline.stories-E8plGh4A.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BYouaCF_.js";import{r as j}from"./index-B3evPFBL.js";import{g as D,a as q}from"./text-accent-DZDDtpIt.js";import{m as p,s as A,b as L}from"./classNames-BUL1Zq7e.js";import{f as V}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as i}from"./componentNames-Ba2ybP0W.js";import{g as R}from"./index-DdzHuZ-Y.js";import{h as k,j as M}from"./defaults-B1rzzf6M.js";import{T as S}from"./Text-DmTAIIVj.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-centered-CznToR0o.js";const G="TextWeight__tMRbd",P={TextWeight:G,"TextWeight--weight-400":"TextWeight--weight-400__EopTe","TextWeight--weight-500":"TextWeight--weight-500__wlyrw","TextWeight--weight-700":"TextWeight--weight-700__sVSfY","TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},H="TextWeight",U=e=>p(P,H,[A("weight",e)]),B="TextInline__fMaqi",F={TextInline:B,"TextInline--italic":"TextInline--italic__yG-Qj"},l=j.forwardRef(function({children:g,accent:r,color:h,weight:T=M,italic:x=!1,tag:f=k,dataset:y,..._},w){const b=p(F,i.TextInline,[L("italic",void 0,x)]),s=r?void 0:h,I=D(!s,r),W=q(s),N=U(T),C=[...b,...I,...W,...N],E={...V(_),ref:w,className:C.join(" "),...R(y,{preplyDsComponent:i.TextInline})};return t.jsx(f,{...E,children:g})});try{l.displayName="TextInline",l.__docgenInfo={description:"",displayName:"TextInline",props:{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"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"400"'},{value:'"500"'},{value:'"700"'},{value:'"normal"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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{}const le={title:"components/TextInline",component:l},a=()=>t.jsxs("p",{children:["Lorem ",t.jsx(l,{children:"ipsum"})]});a.storyName="TextInline";const n={parameters:{chromatic:{disableSnapshot:!0}},render:e=>t.jsxs(S,{children:["Lorem ipsum ",t.jsx(l,{...e})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"},color:{table:{disable:!0}}}};var o,u,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <p>
+import{j as t}from"./jsx-runtime-BYouaCF_.js";import{r as j}from"./index-B3evPFBL.js";import{g as D,a as q}from"./text-accent-DZDDtpIt.js";import{m as p,s as A,b as L}from"./classNames-BUL1Zq7e.js";import{f as V}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as i}from"./componentNames-CVVyamkx.js";import{g as R}from"./index-DdzHuZ-Y.js";import{h as k,j as M}from"./defaults-B1rzzf6M.js";import{T as S}from"./Text-C3jprdij.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-centered-CznToR0o.js";const G="TextWeight__tMRbd",P={TextWeight:G,"TextWeight--weight-400":"TextWeight--weight-400__EopTe","TextWeight--weight-500":"TextWeight--weight-500__wlyrw","TextWeight--weight-700":"TextWeight--weight-700__sVSfY","TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},H="TextWeight",U=e=>p(P,H,[A("weight",e)]),B="TextInline__fMaqi",F={TextInline:B,"TextInline--italic":"TextInline--italic__yG-Qj"},l=j.forwardRef(function({children:g,accent:r,color:h,weight:T=M,italic:x=!1,tag:f=k,dataset:y,..._},w){const b=p(F,i.TextInline,[L("italic",void 0,x)]),s=r?void 0:h,I=D(!s,r),W=q(s),N=U(T),C=[...b,...I,...W,...N],E={...V(_),ref:w,className:C.join(" "),...R(y,{preplyDsComponent:i.TextInline})};return t.jsx(f,{...E,children:g})});try{l.displayName="TextInline",l.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{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"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"400"'},{value:'"500"'},{value:'"700"'},{value:'"normal"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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{}const le={title:"components/TextInline",component:l},a=()=>t.jsxs("p",{children:["Lorem ",t.jsx(l,{children:"ipsum"})]});a.storyName="TextInline";const n={parameters:{chromatic:{disableSnapshot:!0}},render:e=>t.jsxs(S,{children:["Lorem ipsum ",t.jsx(l,{...e})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"},color:{table:{disable:!0}}}};var o,u,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <p>
         Lorem <TextInline>ipsum</TextInline>
     </p>`,...(c=(u=a.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};var m,d,v;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
   parameters: {