@preply/ds-docs 2.2.0 → 2.2.1

package/dist/assets/TextareaField.stories-BYSJeGAa.js

@@ -1,221 +0,0 @@
-import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as r}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as i,u as Fe,w as Re}from"./index-BVDq5o4N.js";import{B as j}from"./Button-BliYLmDQ.js";import{F as Be}from"./FieldLayout-CDdbTwnx.js";import{s as ke,u as je,I as _e}from"./FieldLayoutBase-BXt4M7sP.js";import{m as ze,s as De}from"./classNames-BUL1Zq7e.js";import{w as p}from"./componentNames-Y1T_IIlY.js";import{u as Le}from"./useForcedRef--iGFM41p.js";import{u as We}from"./useTextareaField-BDpSRnGe.js";import{T as Ke}from"./Text-WJLo2jWe.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-BPK7KgDE.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./FieldAdditionalText-Du1TBs7a.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const z=({onChange:e,onValueChange:a,resize:t="vertical",...l},o)=>{const d=ze(ke,p.Textarea,[De("resize",t)]),u=je(c=>c.target.value,e,a);return n.jsx(_e,{...l,ref:o,type:"textarea",className:d.join(" "),onChange:u,preplyDsComponent:p.Textarea})},B=s.forwardRef(z);try{z.displayName="TextareaLocal",z.__docgenInfo={description:"",displayName:"TextareaLocal",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
-@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
-@see aria-hidden
-@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
-@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},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"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}}}}}catch{}try{B.displayName="Textarea",B.__docgenInfo={description:"",displayName:"Textarea",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
-@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
-@see aria-hidden
-@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
-@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},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"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},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: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ne="TextareaField__Wpx9P",Me={TextareaField:Ne},Pe=({id:e,...a},t)=>{const l=s.useRef(null),o=Le();s.useImperativeHandle(t,()=>({setFocus:()=>{var m;return(m=l==null?void 0:l.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=l==null?void 0:l.current)==null?void 0:m.scrollIntoView()}}));const{layoutProps:d,inputProps:u}=We({id:e,...a},p.TextareaField),c=ze(Me,p.TextareaField),f=n.jsx(B,{...u,ref:o});return n.jsx(Be,{...d,className:c.join(" "),input:f,inputHandle:o.current,ref:l,preplyDsComponent:p.TextareaField})},v=s.forwardRef(Pe);try{v.displayName="TextareaField",v.__docgenInfo={description:"",displayName:"TextareaField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",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"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",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"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},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"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},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: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ea={title:"components/TextareaField",component:v,args:{label:"Textarea",defaultValue:"",placeholder:"Enter text here",inputDataset:{testid:"input"},onChange:r("onChange"),onBlur:r("onBlur"),onFocus:r("onFocus"),onClick:r("onClick"),onCopy:r("onCopy"),onKeyDown:r("onKeyDown"),onKeyUp:r("onKeyUp"),onPaste:r("onPaste"),onValueChange:r("onValueChange")},render:function(a){const t=s.useRef(null);return a.ref=t,n.jsx(v,{...a})}},y={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},h={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await i(a).toHaveValue("Hey, you!"),await Fe.type(a," How's it going?"),i(a).toHaveValue("Hey, you! How's it going?")}},g={args:{defaultValue:"Hey, you!",resize:"both"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"both"})}},b={args:{defaultValue:"Hey, you!",resize:"vertical"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"vertical"})}},V={args:{defaultValue:"Hey, you!",resize:"horizontal"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"horizontal"})}},x={args:{additionalText:"This is additional text"}},q={args:{required:!0}},E={args:{required:!0,requiredLabel:n.jsx(Ke,{accent:"critical",variant:"m-bold",children:"Needed"})}},w={args:{hideLabel:!0}},H={args:{hasError:!0}},C={args:{hasError:!0,errorMessage:"This is an error message"}},I={args:{disabled:!0}},T={args:{readOnly:!0}},S={decorators:[(e,{args:a})=>n.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[n.jsxs("p",{children:["You can"," ",n.jsx(j,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var t,l;return(l=(t=a.ref)==null?void 0:t.current)==null?void 0:l.setFocus()},children:"Focus"})," ","the input imperatively."]}),n.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!k(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=a.getByTestId("input");await Fe.click(a.getByTestId("focus-button")),await Re(()=>i(t).toHaveFocus())}},F={decorators:[(e,{args:a})=>n.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[n.jsxs("p",{children:["You can"," ",n.jsx(j,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!k(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),n.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:n.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!k(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=a.getByTestId("input");e.ref.current.scrollIntoView(),await Re(()=>i(t).toBeVisible())}};function k(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const R={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `TextareaField` with the `required` flag, a\n`button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const[a,t]=s.useState(""),[l,o]=s.useState(!1),d=l&&!a&&"Please provide your full name",u=s.useRef(null),c=()=>{var f;o(!0),a||(f=u==null?void 0:u.current)==null||f.setFocus()};return n.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[n.jsx(v,{value:a,label:"Full name",required:!0,placeholder:"e.g.: Mary Williams",additionalText:"Will be shown in your profile",onValueChange:t,errorMessage:d,ref:u,resize:"horizontal"}),n.jsx(j,{onClick:c,children:"Submit"})]})}};var _,D,L;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
-      }
-    }
-  }
-}`,...(L=(D=y.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var W,K,N;h.parameters={...h.parameters,docs:{...(W=h.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'Hey, you!'
-  },
-  play: async ({
-    canvas
-  }) => {
-    const input = canvas.getByTestId('input');
-    await expect(input).toHaveValue('Hey, you!');
-    await userEvent.type(input, " How's it going?");
-    return expect(input).toHaveValue("Hey, you! How's it going?");
-  }
-}`,...(N=(K=h.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var M,P,O;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'Hey, you!',
-    resize: 'both'
-  },
-  play: ({
-    canvas
-  }) => {
-    const textarea = canvas.getByTestId('input');
-    expect(textarea).toHaveStyle({
-      resize: 'both'
-    });
-  }
-}`,...(O=(P=g.parameters)==null?void 0:P.docs)==null?void 0:O.source}}};var U,A,J;b.parameters={...b.parameters,docs:{...(U=b.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'Hey, you!',
-    resize: 'vertical'
-  },
-  play: ({
-    canvas
-  }) => {
-    const textarea = canvas.getByTestId('input');
-    expect(textarea).toHaveStyle({
-      resize: 'vertical'
-    });
-  }
-}`,...(J=(A=b.parameters)==null?void 0:A.docs)==null?void 0:J.source}}};var X,Y,$;V.parameters={...V.parameters,docs:{...(X=V.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'Hey, you!',
-    resize: 'horizontal'
-  },
-  play: ({
-    canvas
-  }) => {
-    const textarea = canvas.getByTestId('input');
-    expect(textarea).toHaveStyle({
-      resize: 'horizontal'
-    });
-  }
-}`,...($=(Y=V.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var G,Q,Z;x.parameters={...x.parameters,docs:{...(G=x.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    additionalText: 'This is additional text'
-  }
-}`,...(Z=(Q=x.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var ee,ae,ne;q.parameters={...q.parameters,docs:{...(ee=q.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  args: {
-    required: true
-  }
-}`,...(ne=(ae=q.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var te,le,re;E.parameters={...E.parameters,docs:{...(te=E.parameters)==null?void 0:te.docs,source:{originalSource:`{
-  args: {
-    required: true,
-    requiredLabel: <Text accent="critical" variant="m-bold">
-                Needed
-            </Text>
-  }
-}`,...(re=(le=E.parameters)==null?void 0:le.docs)==null?void 0:re.source}}};var ue,se,ie;w.parameters={...w.parameters,docs:{...(ue=w.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  args: {
-    hideLabel: true
-  }
-}`,...(ie=(se=w.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var oe,de,ce;H.parameters={...H.parameters,docs:{...(oe=H.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  args: {
-    hasError: true
-  }
-}`,...(ce=(de=H.parameters)==null?void 0:de.docs)==null?void 0:ce.source}}};var me,pe,ve;C.parameters={...C.parameters,docs:{...(me=C.parameters)==null?void 0:me.docs,source:{originalSource:`{
-  args: {
-    hasError: true,
-    errorMessage: 'This is an error message'
-  }
-}`,...(ve=(pe=C.parameters)==null?void 0:pe.docs)==null?void 0:ve.source}}};var fe,ye,he;I.parameters={...I.parameters,docs:{...(fe=I.parameters)==null?void 0:fe.docs,source:{originalSource:`{
-  args: {
-    disabled: true
-  }
-}`,...(he=(ye=I.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var ge,be,Ve;T.parameters={...T.parameters,docs:{...(ge=T.parameters)==null?void 0:ge.docs,source:{originalSource:`{
-  args: {
-    readOnly: true
-  }
-}`,...(Ve=(be=T.parameters)==null?void 0:be.docs)==null?void 0:Ve.source}}};var xe,qe,Ee;S.parameters={...S.parameters,docs:{...(xe=S.parameters)==null?void 0:xe.docs,source:{originalSource:`{
-  decorators: [(Story, {
-    args
-  }) => <div style={{
-    padding: '8px',
-    margin: '8px'
-  }}>
-                <p>
-                    You can{' '}
-                    <Button variant="secondary" dataset={{
-        testid: 'focus-button'
-      }} onClick={() =>
-      // @ts-expect-error - This will fail gracefully,
-      // and the \`play\` function will assert it properly
-      args.ref?.current?.setFocus()}>
-                        Focus
-                    </Button>{' '}
-                    the input imperatively.
-                </p>
-                <Story />
-            </div>],
-  play: async ({
-    args,
-    canvas
-  }) => {
-    if (!isImperativeHandleRef(args.ref)) {
-      throw new Error('Expected ref.current to be an InputImperativeHandle');
-    }
-    const input = canvas.getByTestId('input');
-    await userEvent.click(canvas.getByTestId('focus-button'));
-    await waitFor(() => expect(input).toHaveFocus());
-  }
-}`,...(Ee=(qe=S.parameters)==null?void 0:qe.docs)==null?void 0:Ee.source}}};var we,He,Ce;F.parameters={...F.parameters,docs:{...(we=F.parameters)==null?void 0:we.docs,source:{originalSource:`{
-  decorators: [(Story, {
-    args
-  }) => <div style={{
-    height: '300px',
-    overflow: 'scroll',
-    padding: '8px',
-    margin: '8px'
-  }}>
-                <p>
-                    You can{' '}
-                    <Button variant="secondary" dataset={{
-        testid: 'scroll-button'
-      }} onClick={() => {
-        if (!isImperativeHandleRef(args.ref)) {
-          throw new Error('Expected ref.current to be an InputImperativeHandle');
-        }
-        args.ref.current.scrollIntoView();
-      }}>
-                        Scroll
-                    </Button>{' '}
-                    the input into view imperatively.
-                </p>
-                <div style={{
-      height: '1000px',
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'end',
-      border: '2px dashed lightgray',
-      padding: '16px'
-    }}>
-                    <Story />
-                </div>
-            </div>],
-  play: async ({
-    args,
-    canvas
-  }) => {
-    if (!isImperativeHandleRef(args.ref)) {
-      throw new Error('Expected ref.current to be an InputImperativeHandle');
-    }
-    const input = canvas.getByTestId('input');
-    args.ref.current.scrollIntoView();
-    await waitFor(() => expect(input).toBeVisible());
-  }
-}`,...(Ce=(He=F.parameters)==null?void 0:He.docs)==null?void 0:Ce.source}}};var Ie,Te,Se;R.parameters={...R.parameters,docs:{...(Ie=R.parameters)==null?void 0:Ie.docs,source:{originalSource:`{
-  tags: ['!test'],
-  parameters: {
-    docs: {
-      description: {
-        story: \`
-The following code renders a \\\`TextareaField\\\` with the \\\`required\\\` flag, a
-\\\`button\\\`, \\\`placeholder\\\` and some \\\`additionalText\\\`.
-
-When you click the "Submit" button, and the input \\\`value\\\` is empty:
-
-- Displays feedback via the \\\`errorMessage\\\` prop;
-- Brings the focus back to the field.
-\`
-      }
-    },
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  render: function Story() {
-    const [value, setValue] = useState('');
-    const [submited, setSubmitted] = useState(false);
-    const errorMessage = submited && !value && 'Please provide your full name';
-    const fieldRef = useRef<InputImperativeHandle>(null);
-    const handleClick = () => {
-      setSubmitted(true);
-      if (!value) {
-        fieldRef?.current?.setFocus();
-      }
-    };
-    return <div style={{
-      maxWidth: '500px',
-      display: 'flex',
-      flexDirection: 'column'
-    }}>
-                <TextareaField value={value} label="Full name" required placeholder="e.g.: Mary Williams" additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} resize="horizontal" />
-                <Button onClick={handleClick}>Submit</Button>
-            </div>;
-  }
-}`,...(Se=(Te=R.parameters)==null?void 0:Te.docs)==null?void 0:Se.source}}};const wa=["Basic","WithValue","WithResize","WithVerticalResize","WithHorizontalResize","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ReadOnly","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{y as Basic,I as Disabled,R as Example,H as HasError,C as HasErrorWithMessage,F as ImperativeScrollIntoView,S as ImperativeSetFocus,T as ReadOnly,q as Required,E as RequiredWithCustomLabel,x as WithAdditionalText,w as WithHiddenLabel,V as WithHorizontalResize,g as WithResize,h as WithValue,b as WithVerticalResize,wa as __namedExportsOrder,Ea as default};

package/dist/assets/TokyoUICheckmark-DzN1BbFq.js

@@ -1 +0,0 @@
-import{r as e}from"./index-Cb9e4tly.js";const l=({title:o,titleId:a,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...r},o?e.createElement("title",{id:a},o):null,e.createElement("path",{d:"M3 11h18v2H3v-2Z"})),d=e.forwardRef(l),n=({title:o,titleId:a,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...r},o?e.createElement("title",{id:a},o):null,e.createElement("path",{fillRule:"evenodd",d:"M8.707 18 4 13.293l1.414-1.414 3.293 3.293L18 5.879l1.414 1.414L8.707 18Z",clipRule:"evenodd"})),s=e.forwardRef(n);export{s as F,d as a};

package/dist/assets/playground-Cya3NPlx.css

@@ -1 +0,0 @@
-@-webkit-keyframes overlayShow__DlV95{0%{opacity:0}to{opacity:1}}@keyframes overlayShow__DlV95{0%{opacity:0}to{opacity:1}}@-webkit-keyframes contentShow__8iLk2{0%{opacity:0;-webkit-transform:translateY(var(--590b8d));transform:translateY(var(--590b8d))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes contentShow__8iLk2{0%{opacity:0;-webkit-transform:translateY(var(--590b8d));transform:translateY(var(--590b8d))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.overlay__cqEa0{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0}@media (prefers-reduced-motion: no-preference){.overlay__cqEa0[data-state=open]{-webkit-animation:overlayShow__DlV95 .15s cubic-bezier(.4,0,.2,1);animation:overlayShow__DlV95 .15s cubic-bezier(.4,0,.2,1)}}.content__U-iLo{background-color:var(--3546c3);-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:var(--f1b498);border-radius:var(--fa4b1a);width:90%;max-width:440px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-shadow:var(--df7dbb);box-shadow:var(--df7dbb);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--558c4c)}@media (prefers-reduced-motion: no-preference){.content__U-iLo[data-state=open]{-webkit-animation:contentShow__8iLk2 .15s cubic-bezier(.4,0,.2,1);animation:contentShow__8iLk2 .15s cubic-bezier(.4,0,.2,1)}}.description__7w95W{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}.actions__DbfEY{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--558c4c)}@media (min-width: 400px){.actions__DbfEY{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.AvatarWithStatus__STt5I{display:inline-block;position:relative}.AvatarWithStatus--indicator__FOBwU{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}.AvatarWithStatus--online__Qpspm .AvatarWithStatus--indicator__FOBwU{background-color:var(--62b71e)}.AvatarWithStatus--size-2xs__EN9rS .AvatarWithStatus--indicator__FOBwU{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}.AvatarWithStatus--size-xs__JdDZL .AvatarWithStatus--indicator__FOBwU{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}.AvatarWithStatus--size-m__fvff6 .AvatarWithStatus--indicator__FOBwU{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}.AvatarWithStatus--size-xl__HdmYf .AvatarWithStatus--indicator__FOBwU{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}.AvatarWithStatus--size-64__gBDkn .AvatarWithStatus--indicator__FOBwU{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}.AvatarWithStatus--size-96__mLsgd .AvatarWithStatus--indicator__FOBwU{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}.AvatarWithStatus--size-160__UeQyT .AvatarWithStatus--indicator__FOBwU{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}.badge__Aj95L{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--590b8d);border-radius:var(--5e8be4);padding:var(--05dd73) var(--66b80b);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--628fb7)}.badge__Aj95L[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}.badge__Aj95L[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}.badge__Aj95L[data-size=large]{height:var(--7789ee);padding:var(--590b8d) var(--813599);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}.badge__Aj95L[data-type=neutral]{background:var(--319b29)}.badge__Aj95L[data-type=positive]{background:var(--1836a4)}.badge__Aj95L[data-type=warning]{background:var(--b503b8)}.badge__Aj95L[data-type=info]{background:var(--94a45e)}.badge__Aj95L[data-type=critical]{background:var(--f15644)}.badge__Aj95L[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}.badge__Aj95L[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}.badge__Aj95L[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}.badge__Aj95L[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}.badge__Aj95L[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}.badge__Aj95L[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}.badge__Aj95L[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}.badge__Aj95L[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}.badge__Aj95L[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}.badge__Aj95L[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}.badge__Aj95L[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}.badge__Aj95L[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}.badge__Aj95L[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}.badge__Aj95L[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}.Box__sKgFi{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;color:var(--aface6);background-color:var(--786b9e);-webkit-box-shadow:var(--a814c9);box-shadow:var(--a814c9);-webkit-box-flex:1;-ms-flex:1;flex:1}.Box--box-radius-none__250jG{border-radius:var(--84e079)}.Box--box-radius-m__8pEG-{border-radius:var(--1c37d5)}.Box--box-radius-l__yBMLV{border-radius:var(--9e57e5)}.Box--box-radius-0__54Jf2{border-radius:var(--adc668)}.Box--box-radius-2__pEI33{border-radius:var(--9817c7)}.Box--box-radius-4__z3MJd{border-radius:var(--7dcb5e)}.Box--box-radius-8__iQAzJ{border-radius:var(--2071ea)}.Box--box-radius-12__fZQf2{border-radius:var(--c1925d)}.Box--box-radius-16__NGCMF{border-radius:var(--f3f949)}.Box--box-radius-24__-NA1R{border-radius:var(--67250f)}.Box--box-radius-32__qszHv{border-radius:var(--fba602)}.Box--box-radius-48__0mzz3{border-radius:var(--f8b939)}.Box--box-radius-64__-xyBK{border-radius:var(--4d9939)}.Box--box-radius-96__BMbNT{border-radius:var(--a78cb4)}.Box--box-radius-160__trgzQ{border-radius:var(--439947)}@media (min-width: 400px){.Box--narrow-l--box-radius-none__7wXsJ{border-radius:var(--84e079)}.Box--narrow-l--box-radius-m__U8sXx{border-radius:var(--1c37d5)}.Box--narrow-l--box-radius-l__QqbC9{border-radius:var(--9e57e5)}.Box--narrow-l--box-radius-0__nCUtM{border-radius:var(--adc668)}.Box--narrow-l--box-radius-2__Cze1y{border-radius:var(--9817c7)}.Box--narrow-l--box-radius-4__G5JK-{border-radius:var(--7dcb5e)}.Box--narrow-l--box-radius-8__yWuos{border-radius:var(--2071ea)}.Box--narrow-l--box-radius-12__rVag-{border-radius:var(--c1925d)}.Box--narrow-l--box-radius-16__Zyr3O{border-radius:var(--f3f949)}.Box--narrow-l--box-radius-24__39Iqj{border-radius:var(--67250f)}.Box--narrow-l--box-radius-32__foww6{border-radius:var(--fba602)}.Box--narrow-l--box-radius-48__BU2Vy{border-radius:var(--f8b939)}.Box--narrow-l--box-radius-64__LjDnh{border-radius:var(--4d9939)}.Box--narrow-l--box-radius-96__UT-9P{border-radius:var(--a78cb4)}.Box--narrow-l--box-radius-160__aXNI-{border-radius:var(--439947)}}@media (min-width: 700px){.Box--medium-s--box-radius-none__VSvFy{border-radius:var(--84e079)}.Box--medium-s--box-radius-m__271lP{border-radius:var(--1c37d5)}.Box--medium-s--box-radius-l__TmS7k{border-radius:var(--9e57e5)}.Box--medium-s--box-radius-0__WKjfo{border-radius:var(--adc668)}.Box--medium-s--box-radius-2__aRF-8{border-radius:var(--9817c7)}.Box--medium-s--box-radius-4__rLRaG{border-radius:var(--7dcb5e)}.Box--medium-s--box-radius-8__bfknI{border-radius:var(--2071ea)}.Box--medium-s--box-radius-12__2aEdL{border-radius:var(--c1925d)}.Box--medium-s--box-radius-16__ph01E{border-radius:var(--f3f949)}.Box--medium-s--box-radius-24__WL--w{border-radius:var(--67250f)}.Box--medium-s--box-radius-32__7doSb{border-radius:var(--fba602)}.Box--medium-s--box-radius-48__6gWcI{border-radius:var(--f8b939)}.Box--medium-s--box-radius-64__wLsPh{border-radius:var(--4d9939)}.Box--medium-s--box-radius-96__CpJAv{border-radius:var(--a78cb4)}.Box--medium-s--box-radius-160__C4yJh{border-radius:var(--439947)}}@media (min-width: 880px){.Box--medium-l--box-radius-none__2oVbx{border-radius:var(--84e079)}.Box--medium-l--box-radius-m__Wru-5{border-radius:var(--1c37d5)}.Box--medium-l--box-radius-l__jRdQs{border-radius:var(--9e57e5)}.Box--medium-l--box-radius-0__lPezW{border-radius:var(--adc668)}.Box--medium-l--box-radius-2__bmunw{border-radius:var(--9817c7)}.Box--medium-l--box-radius-4__IUY2C{border-radius:var(--7dcb5e)}.Box--medium-l--box-radius-8__Q67vL{border-radius:var(--2071ea)}.Box--medium-l--box-radius-12__8Rv0i{border-radius:var(--c1925d)}.Box--medium-l--box-radius-16__-vjtO{border-radius:var(--f3f949)}.Box--medium-l--box-radius-24__QuBKr{border-radius:var(--67250f)}.Box--medium-l--box-radius-32__hhmLk{border-radius:var(--fba602)}.Box--medium-l--box-radius-48__Y78v7{border-radius:var(--f8b939)}.Box--medium-l--box-radius-64__UGST5{border-radius:var(--4d9939)}.Box--medium-l--box-radius-96__lKa3V{border-radius:var(--a78cb4)}.Box--medium-l--box-radius-160__XsFpb{border-radius:var(--439947)}}@media (min-width: 1200px){.Box--wide-s--box-radius-none__ngmwV{border-radius:var(--84e079)}.Box--wide-s--box-radius-m__XbcGc{border-radius:var(--1c37d5)}.Box--wide-s--box-radius-l__-GWGe{border-radius:var(--9e57e5)}.Box--wide-s--box-radius-0__q7wPC{border-radius:var(--adc668)}.Box--wide-s--box-radius-2__OXe-M{border-radius:var(--9817c7)}.Box--wide-s--box-radius-4__sp-lm{border-radius:var(--7dcb5e)}.Box--wide-s--box-radius-8__i3loZ{border-radius:var(--2071ea)}.Box--wide-s--box-radius-12__hBTXG{border-radius:var(--c1925d)}.Box--wide-s--box-radius-16__lkphx{border-radius:var(--f3f949)}.Box--wide-s--box-radius-24__jn-mm{border-radius:var(--67250f)}.Box--wide-s--box-radius-32__11l0x{border-radius:var(--fba602)}.Box--wide-s--box-radius-48__9szbm{border-radius:var(--f8b939)}.Box--wide-s--box-radius-64__4ASkJ{border-radius:var(--4d9939)}.Box--wide-s--box-radius-96__Y4x9D{border-radius:var(--a78cb4)}.Box--wide-s--box-radius-160__Opb-Z{border-radius:var(--439947)}}@media (min-width: 1900px){.Box--wide-l--box-radius-none__cIfub{border-radius:var(--84e079)}.Box--wide-l--box-radius-m__KTfIE{border-radius:var(--1c37d5)}.Box--wide-l--box-radius-l__ogJOl{border-radius:var(--9e57e5)}.Box--wide-l--box-radius-0__yBz-a{border-radius:var(--adc668)}.Box--wide-l--box-radius-2__-9J90{border-radius:var(--9817c7)}.Box--wide-l--box-radius-4__WWouo{border-radius:var(--7dcb5e)}.Box--wide-l--box-radius-8__FjMqp{border-radius:var(--2071ea)}.Box--wide-l--box-radius-12__X-3Tg{border-radius:var(--c1925d)}.Box--wide-l--box-radius-16__Nf6SP{border-radius:var(--f3f949)}.Box--wide-l--box-radius-24__B64Qj{border-radius:var(--67250f)}.Box--wide-l--box-radius-32__htmzM{border-radius:var(--fba602)}.Box--wide-l--box-radius-48__-G9mK{border-radius:var(--f8b939)}.Box--wide-l--box-radius-64__Sd24d{border-radius:var(--4d9939)}.Box--wide-l--box-radius-96__eWvsL{border-radius:var(--a78cb4)}.Box--wide-l--box-radius-160__fYlyN{border-radius:var(--439947)}}.Box--background-white__kyecV{background-color:var(--145676)}.Box--background-gray-100__g1uM6{background-color:var(--55407f)}.Box--background-gray-200__WIIbR{background-color:var(--8f1238)}.Box--background-gray-300__LaTfC{background-color:var(--da403c)}.Box--background-gray-400__Qtef4{background-color:var(--7c8c3c)}.Box--background-gray-500__-Y9Y4{background-color:var(--c9575b)}.Box--background-gray-600__R-tIn{background-color:var(--2fb6f7)}.Box--background-teal-100__HnUc5{background-color:var(--54ed1d)}.Box--background-teal-200__MP6dM{background-color:var(--b706bf)}.Box--background-teal-300__kGGax{background-color:var(--4adefb)}.Box--background-teal-400__WEX8D{background-color:var(--de8a40)}.Box--background-teal-500__wfL9D{background-color:var(--574543)}.Box--background-green-100__9vNJA{background-color:var(--1383a7)}.Box--background-green-200__-VCH2{background-color:var(--9f1066)}.Box--background-green-300__N3EdD{background-color:var(--d4cf94)}.Box--background-green-400__R1lvy{background-color:var(--bbfa9f)}.Box--background-green-500__y-dFn{background-color:var(--5f8b30)}.Box--background-yellow-100__q-d-j{background-color:var(--c7d8be)}.Box--background-yellow-200__ENLGs{background-color:var(--17bab8)}.Box--background-yellow-300__Ra4VP{background-color:var(--f017e5)}.Box--background-yellow-400__HxStr{background-color:var(--2242ed)}.Box--background-yellow-500__bhuS5{background-color:var(--e40de4)}.Box--background-red-100__Qrclf{background-color:var(--ecb5d5)}.Box--background-red-200__mu-Pk{background-color:var(--5b5cb0)}.Box--background-red-300__Ovuu2{background-color:var(--d55c71)}.Box--background-red-400__zLrKg{background-color:var(--4e47fe)}.Box--background-red-500__Jexm-{background-color:var(--3e7877)}.Box--background-blue-100__Mdp7g{background-color:var(--21906f)}.Box--background-blue-200__qhQbQ{background-color:var(--5d87f3)}.Box--background-blue-300__zeElC{background-color:var(--201e14)}.Box--background-blue-400__KUDVf{background-color:var(--e1c27c)}.Box--background-blue-500__kqlFM{background-color:var(--6a1420)}.Box--background-magenta-100__LdZEO{background-color:var(--1a9963)}.Box--background-magenta-200__fWN9w{background-color:var(--b774df)}.Box--background-magenta-300__MgMQL{background-color:var(--f72cdd)}.Box--background-magenta-400__41ozV{background-color:var(--6cbd80)}.Box--background-magenta-500__Puw0N{background-color:var(--5893e7)}.Box--background-primary__iwTv3{background-color:var(--3546c3)}.Box--background-secondary__BDhTr{background-color:var(--302ecf)}.Box--background-tertiary__71k6r{background-color:var(--a5c761)}.Box--background-overlay__K0eEJ{background-color:var(--02a0d5)}.Box--background-disabled__5J3YK{background-color:var(--319b29)}.Box--background-brand__uZPPV{background-color:var(--cd91ab)}.Box--background-brandB2b__-CJU6{background-color:var(--706789)}.Box--background-accentLight__xKZph{background-color:var(--560eda)}.Box--background-accentDark__Zr7i7{background-color:var(--e4c520)}.Box--background-positiveLight__dPlfk{background-color:var(--1836a4)}.Box--background-positiveDark__Z5umI{background-color:var(--ae7f1f)}.Box--background-infoLight__jOsWt{background-color:var(--94a45e)}.Box--background-infoDark__17bK4{background-color:var(--79dffb)}.Box--background-warningLight__o5wMl{background-color:var(--b503b8)}.Box--background-warningDark__VxpPI{background-color:var(--34fc43)}.Box--background-criticalLight__h-v7I{background-color:var(--f15644)}.Box--background-criticalDark__X4qyY{background-color:var(--87fcf8)}.Box--background-statusOnline__RsqXY{background-color:var(--cbc115)}.Box--background-statusOffline__n49GJ{background-color:var(--7ff085)}.Box--background-primaryInverted__R1bFi{background-color:var(--4983fe)}.Box--background-secondaryInverted__PUg12{background-color:var(--19649f)}.Box--background-tertiaryInverted__lwYUb{background-color:var(--a469f2)}.chips__EeC-E{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--813599);-ms-flex-wrap:wrap;flex-wrap:wrap}ul.chips__EeC-E{list-style:none;margin:0;padding:0}.chips__EeC-E .chip__6zPKg{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chips__EeC-E .chip__6zPKg button{all:unset}@media (hover: hover) and (pointer: fine){.chips__EeC-E .chip__6zPKg:hover{background-color:var(--302ecf)}}.chips__EeC-E .chip__6zPKg:has(.chip-toggle__mj0W7:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}.chips__EeC-E .chip__6zPKg:has(.chip-toggle__mj0W7:active){border-color:var(--11d206);background-color:var(--a5c761)}.chips__EeC-E .chip__6zPKg:has(.chip-toggle__mj0W7[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}.chips__EeC-E .chip__6zPKg .chip-toggle__mj0W7{padding:var(--66b80b) var(--813599);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--66b80b)}.chips__EeC-E .chip__6zPKg .chip-remove__eAfkT{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}.chips__EeC-E .chip__6zPKg .chip-remove__eAfkT:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}.chips__EeC-E[data-variant=choice] .chip__6zPKg:has(.chip-toggle__mj0W7[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}.chips__EeC-E[data-variant=choice] .chip__6zPKg .chip-remove__eAfkT{display:none}.chips__EeC-E[data-variant=filter] .chip__6zPKg:has(.chip-toggle__mj0W7[aria-pressed=false]) .chip-remove__eAfkT{display:none}.checkbox__KtCna{-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--76ac8f);height:var(--76ac8f);background-color:var(--3546c3);border:var(--26b8e3) solid var(--c03289);border-radius:var(--5e8be4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.checkbox__KtCna input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.checkbox__KtCna .remove__GrRcv,.checkbox__KtCna .checkmark__ha-Nu{fill:var(--e6a034);display:none}.checkbox__KtCna .remove__GrRcv{width:10px;-webkit-transform:scale(2);transform:scale(2);pointer-events:none}.checkbox__KtCna .checkmark__ha-Nu{width:10px;-webkit-transform:scale(2.2);transform:scale(2.2);pointer-events:none}.checkbox__KtCna:has(input:checked){background-color:var(--4983fe);border-color:var(--4983fe)}.checkbox__KtCna:has(input:checked) .checkmark__ha-Nu{display:block}.checkbox__KtCna:has(input:indeterminate){background-color:var(--4983fe);border-color:var(--4983fe)}.checkbox__KtCna:has(input:indeterminate) .remove__GrRcv{display:block}.checkbox__KtCna:has(input[aria-invalid=true]){border-color:var(--a44465)}.checkbox__KtCna:has(input[aria-invalid=true]):has(input:checked),.checkbox__KtCna:has(input[aria-invalid=true]):has(input:indeterminate){border-color:var(--a44465);background-color:var(--87fcf8)}.checkbox__KtCna:focus-within,.checkbox--dsInternalSimulation-focus__NqNUT{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.checkbox__KtCna:has(input:disabled){cursor:default;background-color:var(--302ecf);border-color:var(--c03289)}.checkbox__KtCna:has(input:disabled) .remove__GrRcv,.checkbox__KtCna:has(input:disabled) .checkmark__ha-Nu{fill:var(--12f66e)}.checkbox__KtCna:has(input:disabled):has(input:checked),.checkbox__KtCna:has(input:disabled):has(input:indeterminate){background-color:var(--319b29)}.content__n7yV2{background-color:var(--79dffb);border-radius:var(--fa4b1a);padding:var(--558c4c);-webkit-box-shadow:var(--df7dbb);box-shadow:var(--df7dbb);width:304px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--813599);z-index:auto;z-index:var(--ds-onboarding-tooltip-z-index-override, auto);-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:cubic-bezier(.25,0,.5,1.3);animation-timing-function:cubic-bezier(.25,0,.5,1.3);-webkit-transform-origin:var(--radix-popover-content-transform-origin);transform-origin:var(--radix-popover-content-transform-origin);will-change:transform,opacity}.content__n7yV2[data-state=open]{-webkit-animation-name:appear__GAjFE;animation-name:appear__GAjFE}.content__n7yV2[data-state=closed]{-webkit-animation-name:disappear__VSH-q;animation-name:disappear__VSH-q}.header__Ac4lZ{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.close__vA-Wp{background:none;border:none;border-radius:var(--5e8be4);padding:0;margin:0;cursor:pointer}.close__vA-Wp:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.footer__LapLT{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--813599);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.arrow__L3Z6O{fill:var(--79dffb)}@-webkit-keyframes appear__GAjFE{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear__GAjFE{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes disappear__VSH-q{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes disappear__VSH-q{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.counter__e0-bi{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;color:var(--a924f9);font-size:var(--f7d879);font-weight:var(--87a7e3);line-height:var(--1cb31f)}@-webkit-keyframes overlayShow__9RhbW{0%{opacity:0}to{opacity:1}}@keyframes overlayShow__9RhbW{0%{opacity:0}to{opacity:1}}@-webkit-keyframes overlayHide__jsj3I{0%{opacity:1}to{opacity:0}}@keyframes overlayHide__jsj3I{0%{opacity:1}to{opacity:0}}@-webkit-keyframes contentShow__19MY3{0%{opacity:0;-webkit-transform:translateY(var(--b53873));transform:translateY(var(--b53873))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes contentShow__19MY3{0%{opacity:0;-webkit-transform:translateY(var(--b53873));transform:translateY(var(--b53873))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes contentHide__tqdpC{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(var(--b53873));transform:translateY(var(--b53873))}}@keyframes contentHide__tqdpC{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(var(--b53873));transform:translateY(var(--b53873))}}@-webkit-keyframes mobileContentShow__U0Qy-{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mobileContentShow__U0Qy-{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mobileContentHide__90KRP{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes mobileContentHide__90KRP{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.overlay__otkvG{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:auto;z-index:var(--ds-dialog-overlay-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){.overlay__otkvG[data-state=open]{-webkit-animation:overlayShow__9RhbW .15s cubic-bezier(.4,0,.2,1);animation:overlayShow__9RhbW .15s cubic-bezier(.4,0,.2,1)}.overlay__otkvG[data-state=closed]{-webkit-animation:overlayHide__jsj3I .15s cubic-bezier(.4,0,.2,1);animation:overlayHide__jsj3I .15s cubic-bezier(.4,0,.2,1)}}.Dialog__kEfBp{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--3546c3);position:fixed;right:0;bottom:0;left:0;top:auto;margin:auto;width:100%;padding:var(--f1b498) var(--558c4c);-webkit-box-shadow:var(--df7dbb);box-shadow:var(--df7dbb);z-index:auto;z-index:var(--ds-dialog-content-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){.Dialog__kEfBp[data-state=open]{-webkit-animation:mobileContentShow__U0Qy- .25s cubic-bezier(.4,0,.2,1);animation:mobileContentShow__U0Qy- .25s cubic-bezier(.4,0,.2,1)}.Dialog__kEfBp[data-state=closed]{-webkit-animation:mobileContentHide__90KRP .25s cubic-bezier(.4,0,.2,1);animation:mobileContentHide__90KRP .25s cubic-bezier(.4,0,.2,1)}}.Dialog--size-xs__p2N5-{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){.Dialog--narrow-l--size-xs__S-4vk{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){.Dialog--medium-s--size-xs__P8OWN{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){.Dialog--medium-l--size-xs__rJXys{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){.Dialog--wide-s--size-xs__lufm-{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){.Dialog--wide-l--size-xs__hbFeK{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}.Dialog--size-sm__Wz3Su{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){.Dialog--narrow-l--size-sm__toxzK{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){.Dialog--medium-s--size-sm__u8vh9{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){.Dialog--medium-l--size-sm__r7OL8{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){.Dialog--wide-s--size-sm__6so6w{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){.Dialog--wide-l--size-sm__NwqDQ{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}.Dialog--size-md__LgeyZ{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){.Dialog--narrow-l--size-md__y9u-U{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){.Dialog--medium-s--size-md__pAaLH{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){.Dialog--medium-l--size-md__Tllt2{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){.Dialog--wide-s--size-md__O0TVv{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){.Dialog--wide-l--size-md__kVJvb{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}.Dialog--size-lg__X6mjO{height:100%;border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 400px){.Dialog--narrow-l--size-lg__TCmXz{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 700px){.Dialog--medium-s--size-lg__61vCi{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 880px){.Dialog--medium-l--size-lg__06UXd{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 1200px){.Dialog--wide-s--size-lg__-xhKP{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 1900px){.Dialog--wide-l--size-lg__EOftK{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 880px){.Dialog__kEfBp{top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:var(--fa4b1a);padding:var(--f1b498)}.Dialog--size-xs__p2N5-{width:440px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Dialog--size-sm__Wz3Su{width:520px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Dialog--size-md__LgeyZ{width:640px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Dialog--size-lg__X6mjO{width:840px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (prefers-reduced-motion: no-preference){.Dialog__kEfBp[data-state=open]{-webkit-animation:contentShow__19MY3 .15s cubic-bezier(.4,0,.2,1);animation:contentShow__19MY3 .15s cubic-bezier(.4,0,.2,1)}.Dialog__kEfBp[data-state=closed]{-webkit-animation:contentHide__tqdpC .15s cubic-bezier(.4,0,.2,1);animation:contentHide__tqdpC .15s cubic-bezier(.4,0,.2,1)}}@media (min-width: 880px) and (min-width: 400px){.Dialog--narrow-l--size-xs__S-4vk{width:440px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){.Dialog--medium-s--size-xs__P8OWN{width:440px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){.Dialog--medium-l--size-xs__rJXys{width:440px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){.Dialog--wide-s--size-xs__lufm-{width:440px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){.Dialog--wide-l--size-xs__hbFeK{width:440px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){.Dialog--narrow-l--size-sm__toxzK{width:520px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){.Dialog--medium-s--size-sm__u8vh9{width:520px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){.Dialog--medium-l--size-sm__r7OL8{width:520px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){.Dialog--wide-s--size-sm__6so6w{width:520px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){.Dialog--wide-l--size-sm__NwqDQ{width:520px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){.Dialog--narrow-l--size-md__y9u-U{width:640px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){.Dialog--medium-s--size-md__pAaLH{width:640px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){.Dialog--medium-l--size-md__Tllt2{width:640px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){.Dialog--wide-s--size-md__O0TVv{width:640px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){.Dialog--wide-l--size-md__kVJvb{width:640px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){.Dialog--narrow-l--size-lg__TCmXz{width:840px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){.Dialog--medium-s--size-lg__61vCi{width:840px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){.Dialog--medium-l--size-lg__06UXd{width:840px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){.Dialog--wide-s--size-lg__-xhKP{width:840px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){.Dialog--wide-l--size-lg__EOftK{width:840px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.Dialog__kEfBp .header__ADm9A{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--558c4c)}.Dialog__kEfBp .header__ADm9A>hgroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--66b80b);-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-bottom:var(--558c4c)}.Dialog__kEfBp .header__ADm9A>hgroup[hidden]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.Dialog__kEfBp .header__ADm9A>button{margin-left:auto}.Dialog__kEfBp .description__84a0F{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}.Dialog__kEfBp .actions__QrK7-{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--558c4c);margin-top:var(--558c4c)}@media (min-width: 400px){.Dialog__kEfBp .actions__QrK7-{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.FieldButton__OWtNd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:var(--d57208);height:var(--3caeb9);border-width:1px;border-style:solid;border-radius:var(--0191ea);border-color:var(--ea1746);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.FieldButton__OWtNd:hover{background-color:var(--0bbea4)}}.FieldButton__OWtNd:active{background-color:var(--33e933)}.FieldButton__OWtNd:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.FieldButton__OWtNd svg{width:var(--f02c4e);height:var(--f02c4e)}.LayoutFlexItem__0eYcj{padding:0;margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0}.LayoutFlexItem--stretch__Jqv5O{-webkit-box-flex:1;-ms-flex:1;flex:1}.LayoutFlexItem--no-stretch__PvzwT{-webkit-box-flex:0;-ms-flex:none;flex:none}@media (min-width: 400px){.LayoutFlexItem--narrow-l--stretch__qHYyW{-webkit-box-flex:1;-ms-flex:1;flex:1}.LayoutFlexItem--narrow-l--no-stretch__gerLX{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width: 700px){.LayoutFlexItem--medium-s--stretch__BzvqZ{-webkit-box-flex:1;-ms-flex:1;flex:1}.LayoutFlexItem--medium-s--no-stretch__-yKBs{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width: 880px){.LayoutFlexItem--medium-l--stretch__Ta-hC{-webkit-box-flex:1;-ms-flex:1;flex:1}.LayoutFlexItem--medium-l--no-stretch__aO4iE{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width: 1200px){.LayoutFlexItem--wide-s--stretch__-5pQz{-webkit-box-flex:1;-ms-flex:1;flex:1}.LayoutFlexItem--wide-s--no-stretch__cge-J{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width: 1900px){.LayoutFlexItem--wide-l--stretch__7GhYM{-webkit-box-flex:1;-ms-flex:1;flex:1}.LayoutFlexItem--wide-l--no-stretch__9tE4Z{-webkit-box-flex:0;-ms-flex:none;flex:none}}.Link__0oP-l{display:inline-block;border-radius:var(--5eeb28);-webkit-text-decoration:var(--f13872);text-decoration:var(--f13872);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}.Link__0oP-l:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.Link--inline__VOKvL{display:inline}.Link--noUnderline__CpiR9{-webkit-text-decoration:none;text-decoration:none}.Link--variant-accentDark__ECRfH{color:var(--c6b68f)}.Link--variant-accentDark__ECRfH:hover,.Link--variant-accentDark--dsInternalSimulation-hover__JTAlS{color:var(--65e1ef)}.Link--variant-accentDark__ECRfH:active,.Link--variant-accentDark--dsInternalSimulation-active__ew7GY{color:var(--179b80)}.Link--variant-accentDarkInverted__csBv5{color:var(--7cbffc)}.Link--variant-accentDarkInverted__csBv5:hover,.Link--variant-accentDarkInverted--dsInternalSimulation-hover__eAUvo{color:var(--47fcde)}.Link--variant-accentDarkInverted__csBv5:active,.Link--variant-accentDarkInverted--dsInternalSimulation-active__Xb-2-{color:var(--1253e2)}.Link--variant-neutral__krm1o{color:var(--19fdf0)}.Link--variant-neutral__krm1o:hover,.Link--variant-neutral--dsInternalSimulation-hover__avwXp{color:var(--ce5fb9)}.Link--variant-neutral__krm1o:active,.Link--variant-neutral--dsInternalSimulation-active__I8XiT{color:var(--1d39ac)}.Link--variant-neutralInverted__gzzYq{color:var(--883d0f)}.Link--variant-neutralInverted__gzzYq:hover,.Link--variant-neutralInverted--dsInternalSimulation-hover__s6i9I{color:var(--065570)}.Link--variant-neutralInverted__gzzYq:active,.Link--variant-neutralInverted--dsInternalSimulation-active__y3WF5{color:var(--be41c4)}.Link--variant-unsetColors__S5q1C{color:var(--e66f2a)}.Link--variant-unsetColors__S5q1C:hover,.Link--variant-unsetColors--dsInternalSimulation-hover__ovNJh{color:var(--468ceb)}.Link--variant-unsetColors__S5q1C:active,.Link--variant-unsetColors--dsInternalSimulation-active__9v0om{color:var(--a5fc76)}.Loader__sOe0E{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Loader--normal__pJxRq{color:var(--19bcb6)}.Loader--inverted__PauMY{color:var(--38413d)}.NumberField__v7kgZ{display:-webkit-box;display:-ms-flexbox;display:flex}.NumberField__v7kgZ input::-webkit-outer-spin-button,.NumberField__v7kgZ input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.NumberField__v7kgZ input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.PasswordField__4RbVc{display:-webkit-box;display:-ms-flexbox;display:flex}.PreplyLogo__Grf-P{display:inline-block}.PreplyLogo__Grf-P svg{display:block}.PreplyLogo__Grf-P [data-name=preply] path,.PreplyLogo__Grf-P [data-name=business] path,.PreplyLogo__Grf-P [data-name=logomark]{fill:var(--95b129)}.PreplyLogo--inverted__9AnNM [data-name=preply] path,.PreplyLogo--inverted__9AnNM [data-name=business] path,.PreplyLogo--inverted__9AnNM [data-name=logomark]{fill:var(--e6a034)}.ProgressBar__BR9lE{display:block;height:var(--c484d1);position:relative;border:var(--26b8e3) solid var(--11d206);-webkit-box-sizing:border-box;box-sizing:border-box}.ProgressBar__BR9lE:before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;width:var(--progress-percentage, 0%);background-color:var(--11d206);-webkit-transition:width .1s ease;transition:width .1s ease}.ProgressSteps__FoPeH{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--590b8d);-ms-flex-wrap:wrap;flex-wrap:wrap}.ProgressSteps__FoPeH>.step__iXjRm{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--7789ee);height:var(--c484d1);border-style:solid;border-color:var(--11d206);border-width:var(--26b8e3)}.ProgressSteps__FoPeH>.step__iXjRm:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0);background-color:var(--11d206)}.ProgressSteps__FoPeH>.step__iXjRm[aria-current=step]:after,.ProgressSteps__FoPeH>.step__iXjRm[aria-current=step]+.step__iXjRm[data-active=false]:after{-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.ProgressSteps__FoPeH>.step__iXjRm[data-active=true]:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.SelectFieldLayout--input__zSTV8{position:relative;background-color:var(--302ecf);border-style:solid;color:var(--41d493);background-color:var(--211bc0);border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051)}@media (hover: hover) and (pointer: fine){.SelectFieldLayout--input__zSTV8:hover{border-color:var(--0bd642)}}.SelectFieldLayout--input__zSTV8 select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);color:var(--d9209f);padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:calc(var(--1ba55a) + (var(--7c1b1c) + var(--1ba55a)));padding-right:calc(var(--1ba55a) + calc(var(--7c1b1c) + var(--1ba55a)))}.SelectFieldLayout--icon__4h8dT{position:absolute;top:calc(var(--d9baa3) + var(--1ba55a));left:calc(var(--477fda) - var(--d9baa3));height:var(--7c1b1c);font-size:0;pointer-events:none}.SelectFieldLayout--icon__4h8dT svg{color:var(--cbc724)}.SelectFieldLayout--dropdown-indicator__FC75B{position:absolute;top:calc(var(--d9baa3) + var(--1ba55a));right:var(--1ba55a);height:var(--7c1b1c);font-size:0;pointer-events:none}.SelectFieldLayout--dropdown-indicator__FC75B svg{color:var(--cbc724)}.SelectFieldLayout--has-value__6pmXO .SelectFieldLayout--input__zSTV8 select{color:var(--41d493)}.SelectFieldLayout--has-icon__QkTsD .SelectFieldLayout--input__zSTV8 select{padding-left:calc((var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}.SelectFieldLayout--has-error__0TVsQ .SelectFieldLayout--input__zSTV8{background-color:var(--95df5b);border-color:var(--eaf4a3)}.SelectFieldLayout--has-error__0TVsQ .SelectFieldLayout--input__zSTV8 input{color:var(--7b0f41)}.SelectFieldLayout--has-error__0TVsQ .SelectFieldLayout--icon__4h8dT svg{color:var(--7b0f41)}.SelectFieldLayout--is-focused__NiJxy .SelectFieldLayout--input__zSTV8{border-color:var(--398094)}.SelectFieldLayout--is-disabled__riVA1 .SelectFieldLayout--input__zSTV8{background-color:var(--04daeb);border-color:transparent}.SelectField__2QMRi{display:-webkit-box;display:-ms-flexbox;display:flex}.steps__BxrkC[aria-busy=true]{cursor:wait}.steps__BxrkC>.content__VZ7oK{margin-top:var(--558c4c)}.steps__BxrkC>.content__VZ7oK>.header__HFxfM{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--66b80b);margin-bottom:var(--558c4c)}.steps__BxrkC>.content__VZ7oK>.header__HFxfM>.description__Gxo4V{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);color:var(--3d280d);margin:0}.TextareaField__H3mlF{display:-webkit-box;display:-ms-flexbox;display:flex}.TextWeight__nr38y.TextWeight--weight-400__FwN8u{font-weight:var(--73984e)}.TextWeight__nr38y.TextWeight--weight-500__czbqt{font-weight:var(--6e9792)}.TextWeight__nr38y.TextWeight--weight-700__0NzYu{font-weight:var(--d5337e)}.TextWeight__nr38y.TextWeight--weight-normal__WoBtA{font-weight:var(--5ea101)}.TextWeight__nr38y.TextWeight--weight-medium__73G59{font-weight:var(--2734e9)}.TextWeight__nr38y.TextWeight--weight-bold__1P7zX{font-weight:var(--800787)}.TextInline__SqhPj{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-style:normal}.TextInline--italic__Heqn0{font-style:var(--dfb500);font-variation-settings:var(--bc1abc)}.toast__JkBNR{width:var(--width);color:var(--c2b191);background-color:var(--a469f2);border-radius:var(--fa4b1a);padding:var(--558c4c) var(--813599);display:grid;grid-template-columns:-webkit-max-content auto -webkit-max-content;grid-template-columns:max-content auto max-content;-webkit-box-align:start;-ms-flex-align:start;align-items:start;justify-items:start;place-items:start;grid-gap:var(--66b80b);gap:var(--66b80b);grid-row-gap:var(--590b8d);row-gap:var(--590b8d)}.toast__JkBNR:has(.title__GML0C:first-child){grid-template-columns:auto auto -webkit-max-content;grid-template-columns:auto auto max-content}.toast__JkBNR.critical__3Bvx3{background-color:var(--87fcf8)}.toast__JkBNR .title__GML0C{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast__JkBNR .actionButton__-9sR3{all:unset;cursor:pointer;font-size:var(--303203);font-weight:var(--42bbea);line-height:var(--e6cb11);-webkit-text-decoration:var(--223210);text-decoration:var(--223210);grid-row:1;grid-column:3}@media (min-width: 700px){.toast__JkBNR .actionButton__-9sR3{grid-row:2;grid-column:2}}@media (min-width: 700px){.toast__JkBNR:has(.title__GML0C:first-child) .actionButton__-9sR3{grid-column:1}}.toast__JkBNR .closeButton__KzpIU{all:unset;cursor:pointer;grid-row:1;grid-column:3}.toast__JkBNR:has(.actionButton__-9sR3) .closeButton__KzpIU{display:none}@media (min-width: 700px){.toast__JkBNR:has(.actionButton__-9sR3) .closeButton__KzpIU{display:block}}.content__ZZg4T{background-color:var(--4983fe);color:var(--c2b191);border-radius:var(--5e8be4);padding:var(--590b8d) var(--66b80b);max-width:354px;-webkit-box-shadow:var(--df7dbb);box-shadow:var(--df7dbb);z-index:auto;z-index:var(--ds-tooltip-z-index-override, auto);font-size:var(--f7d879);font-weight:var(--87a7e3);line-height:var(--1cb31f);-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:cubic-bezier(.25,0,.5,1.3);animation-timing-function:cubic-bezier(.25,0,.5,1.3);-webkit-transform-origin:var(--radix-tooltip-content-transform-origin);transform-origin:var(--radix-tooltip-content-transform-origin);will-change:transform,opacity}.content__ZZg4T[data-state=instant-open],.content__ZZg4T[data-state=delayed-open]{-webkit-animation-name:appear__G3E6P;animation-name:appear__G3E6P}.content__ZZg4T[data-state=closed]{-webkit-animation-name:disappear__Y33gr;animation-name:disappear__Y33gr}.arrow__IVeyw{fill:var(--4983fe)}@-webkit-keyframes appear__G3E6P{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear__G3E6P{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes disappear__Y33gr{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes disappear__Y33gr{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}