@preply/ds-docs 1.3.0 → 1.4.0

package/dist/assets/{Dialog.stories-tKAuFOhG.js → Dialog.stories-CAPNnMI_.js}

@@ -1,10 +1,10 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tly.js";import{a as P}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{f as je,u as T,w as B,e as p}from"./index-BVDq5o4N.js";import{R as Te,P as Be,O as Pe,C as Ie,T as He,D as Ee,a as Fe}from"./index-BoUZTGSt.js";import{B as l}from"./Button-CGkNG45w.js";import{I as Re}from"./IconButton-Bh5Ni2UR.js";import{H as Ae}from"./Heading-D5Sdpx6j.js";import{g as Ne}from"./shared-strings-Biv7UF3M.js";import{u as Le}from"./index-D1pfvbUR.js";import{i as Ve}from"./PortalElementProvider-C0EkDknq.js";import{g as We}from"./index-DdzHuZ-Y.js";import{w as I}from"./componentNames-Bwls0I02.js";import{m as qe,s as Me}from"./classNames-BUL1Zq7e.js";import{S as u}from"./Steps-BA9vRUSH.js";import{I as Ue}from"./Icon-C6rDUkYo.js";import{A as Ze}from"./Avatar-BhQ7jOQj.js";import{F as Ke}from"./TokyoUIInfo-DbkQBubr.js";import{L as Je}from"./LayoutFlex-gmvguImq.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-CWwb_nwj.js";import"./tslib.es6-BntfKcQG.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-DGRySlif.js";import"./Spinner-DvSs1_DJ.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-accent-CvjwTDtK.js";import"./text-centered-DqK_kb5q.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./ProgressSteps-DKRENNWi.js";import"./message-B1DLZQ1U.js";import"./constants--ewUoBsO.js";import"./layout-relative.module-CictnSCd.js";const Xe=({title:s,titleId:o,...t},a)=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":o,...t},s?n.createElement("title",{id:o},s):null,n.createElement("path",{fillRule:"evenodd",d:"M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z",clipRule:"evenodd"})),Ye=n.forwardRef(Xe),$e="_overlay_tkbr8_56",Ge="_overlayShow_tkbr8_1",Qe="_overlayHide_tkbr8_1",et="_Dialog_tkbr8_70",tt="_mobileContentShow_tkbr8_1",ot="_mobileContentHide_tkbr8_1",st="_contentShow_tkbr8_1",at="_contentHide_tkbr8_1",nt="_header_tkbr8_402",it="_description_tkbr8_428",rt="_actions_tkbr8_434",m={overlay:$e,overlayShow:Ge,overlayHide:Qe,Dialog:et,mobileContentShow:tt,mobileContentHide:ot,"Dialog--size-xs":"_Dialog--size-xs_tkbr8_90","Dialog--narrow-l--size-xs":"_Dialog--narrow-l--size-xs_tkbr8_96","Dialog--medium-s--size-xs":"_Dialog--medium-s--size-xs_tkbr8_103","Dialog--medium-l--size-xs":"_Dialog--medium-l--size-xs_tkbr8_110","Dialog--wide-s--size-xs":"_Dialog--wide-s--size-xs_tkbr8_117","Dialog--wide-l--size-xs":"_Dialog--wide-l--size-xs_tkbr8_124","Dialog--size-sm":"_Dialog--size-sm_tkbr8_130","Dialog--narrow-l--size-sm":"_Dialog--narrow-l--size-sm_tkbr8_136","Dialog--medium-s--size-sm":"_Dialog--medium-s--size-sm_tkbr8_143","Dialog--medium-l--size-sm":"_Dialog--medium-l--size-sm_tkbr8_150","Dialog--wide-s--size-sm":"_Dialog--wide-s--size-sm_tkbr8_157","Dialog--wide-l--size-sm":"_Dialog--wide-l--size-sm_tkbr8_164","Dialog--size-md":"_Dialog--size-md_tkbr8_170","Dialog--narrow-l--size-md":"_Dialog--narrow-l--size-md_tkbr8_176","Dialog--medium-s--size-md":"_Dialog--medium-s--size-md_tkbr8_183","Dialog--medium-l--size-md":"_Dialog--medium-l--size-md_tkbr8_190","Dialog--wide-s--size-md":"_Dialog--wide-s--size-md_tkbr8_197","Dialog--wide-l--size-md":"_Dialog--wide-l--size-md_tkbr8_204","Dialog--size-lg":"_Dialog--size-lg_tkbr8_210","Dialog--narrow-l--size-lg":"_Dialog--narrow-l--size-lg_tkbr8_216","Dialog--medium-s--size-lg":"_Dialog--medium-s--size-lg_tkbr8_223","Dialog--medium-l--size-lg":"_Dialog--medium-l--size-lg_tkbr8_230","Dialog--wide-s--size-lg":"_Dialog--wide-s--size-lg_tkbr8_237","Dialog--wide-l--size-lg":"_Dialog--wide-l--size-lg_tkbr8_244",contentShow:st,contentHide:at,header:nt,description:it,actions:rt},lt=({open:s,title:o,description:t,children:a,size:d="md",hideHeader:g,onClose:y,dataset:be})=>{const{formatMessage:Se}=Le(),we=Ve(),_e=We(be,{preplyDsComponent:I.Dialog}),ze=qe(m,I.Dialog,[Me("size",d)]).join(" "),Oe=n.useCallback(ke=>{ke||y==null||y()},[y]);return e.jsx(Te,{open:s,onOpenChange:Oe,children:e.jsxs(Be,{container:we,children:[e.jsx(Pe,{className:m.overlay,"data-testid":"dialog-overlay"}),e.jsxs(Ie,{..._e,className:ze,children:[e.jsxs("header",{className:m.header,children:[e.jsxs("hgroup",{hidden:g,children:[e.jsx(He,{asChild:!0,children:e.jsx(Ae,{tag:"h3",variant:"medium",children:o})}),t&&e.jsx(Ee,{asChild:!0,children:e.jsx("p",{className:m.description,children:t})})]}),e.jsx(Fe,{asChild:!0,children:e.jsx(Re,{variant:"ghost",dataset:{testid:"dialog-close"},assistiveText:Se(Ne.close),svg:Ye})})]}),a]})]})})},dt=({primaryLabel:s,secondaryLabel:o,onPrimaryClick:t,onSecondaryClick:a})=>e.jsxs("div",{className:m.actions,children:[e.jsx(l,{variant:"secondary",onClick:a,children:o}),e.jsx(l,{variant:"primary",onClick:t,children:s})]}),i=Object.assign(lt,{Actions:dt});try{i.displayName="Dialog",i.__docgenInfo={description:`A modal dialog component that can be used to show content in an overlay.
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tly.js";import{a as P}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{f as ke,u as T,w as B,e as p}from"./index-BVDq5o4N.js";import{R as Te,P as Be,O as Pe,C as Ie,T as He,D as Ee,a as Fe}from"./index-CJrO-Wtu.js";import{B as l}from"./Button-DqwK0S70.js";import{I as Re}from"./IconButton-CI9clg4P.js";import{H as Ae}from"./Heading-CifnBvGj.js";import{g as Ne}from"./shared-strings-Biv7UF3M.js";import{u as Le}from"./index-D1pfvbUR.js";import{i as Ve}from"./PortalElementProvider-DidBkzFe.js";import{g as We}from"./index-DdzHuZ-Y.js";import{w as I}from"./componentNames-Bwls0I02.js";import{m as qe,s as Me}from"./classNames-BUL1Zq7e.js";import{S as u}from"./Steps-ifU4R9DW.js";import{I as Ue}from"./Icon-BwwIOKM_.js";import{A as Ze}from"./Avatar-CmnrM37w.js";import{F as Ke}from"./TokyoUIInfo-DbkQBubr.js";import{L as Je}from"./LayoutFlex-CaenMVBF.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-B-5rsJjr.js";import"./tslib.es6-BntfKcQG.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D31GBWHv.js";import"./Spinner-Dsa9X0G6.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-accent-CrnHOlvW.js";import"./text-centered-1sU8-E1D.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./ProgressSteps-DWp2S1-b.js";import"./message-B1DLZQ1U.js";import"./constants--ewUoBsO.js";import"./layout-relative.module-Bf3FithH.js";const Xe=({title:s,titleId:o,...t},a)=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":o,...t},s?n.createElement("title",{id:o},s):null,n.createElement("path",{fillRule:"evenodd",d:"M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z",clipRule:"evenodd"})),Ye=n.forwardRef(Xe),$e="_overlay_11wph_56",Ge="_overlayShow_11wph_1",Qe="_overlayHide_11wph_1",et="_Dialog_11wph_70",tt="_mobileContentShow_11wph_1",ot="_mobileContentHide_11wph_1",st="_contentShow_11wph_1",at="_contentHide_11wph_1",nt="_header_11wph_402",it="_description_11wph_428",rt="_actions_11wph_434",m={overlay:$e,overlayShow:Ge,overlayHide:Qe,Dialog:et,mobileContentShow:tt,mobileContentHide:ot,"Dialog--size-xs":"_Dialog--size-xs_11wph_90","Dialog--narrow-l--size-xs":"_Dialog--narrow-l--size-xs_11wph_96","Dialog--medium-s--size-xs":"_Dialog--medium-s--size-xs_11wph_103","Dialog--medium-l--size-xs":"_Dialog--medium-l--size-xs_11wph_110","Dialog--wide-s--size-xs":"_Dialog--wide-s--size-xs_11wph_117","Dialog--wide-l--size-xs":"_Dialog--wide-l--size-xs_11wph_124","Dialog--size-sm":"_Dialog--size-sm_11wph_130","Dialog--narrow-l--size-sm":"_Dialog--narrow-l--size-sm_11wph_136","Dialog--medium-s--size-sm":"_Dialog--medium-s--size-sm_11wph_143","Dialog--medium-l--size-sm":"_Dialog--medium-l--size-sm_11wph_150","Dialog--wide-s--size-sm":"_Dialog--wide-s--size-sm_11wph_157","Dialog--wide-l--size-sm":"_Dialog--wide-l--size-sm_11wph_164","Dialog--size-md":"_Dialog--size-md_11wph_170","Dialog--narrow-l--size-md":"_Dialog--narrow-l--size-md_11wph_176","Dialog--medium-s--size-md":"_Dialog--medium-s--size-md_11wph_183","Dialog--medium-l--size-md":"_Dialog--medium-l--size-md_11wph_190","Dialog--wide-s--size-md":"_Dialog--wide-s--size-md_11wph_197","Dialog--wide-l--size-md":"_Dialog--wide-l--size-md_11wph_204","Dialog--size-lg":"_Dialog--size-lg_11wph_210","Dialog--narrow-l--size-lg":"_Dialog--narrow-l--size-lg_11wph_216","Dialog--medium-s--size-lg":"_Dialog--medium-s--size-lg_11wph_223","Dialog--medium-l--size-lg":"_Dialog--medium-l--size-lg_11wph_230","Dialog--wide-s--size-lg":"_Dialog--wide-s--size-lg_11wph_237","Dialog--wide-l--size-lg":"_Dialog--wide-l--size-lg_11wph_244",contentShow:st,contentHide:at,header:nt,description:it,actions:rt},lt=({open:s,title:o,description:t,children:a,size:d="md",hideHeader:g,onClose:h,dataset:De})=>{const{formatMessage:Se}=Le(),_e=Ve(),ze=We(De,{preplyDsComponent:I.Dialog}),be=qe(m,I.Dialog,[Me("size",d)]).join(" "),Oe=n.useCallback(je=>{je||h==null||h()},[h]);return e.jsx(Te,{open:s,onOpenChange:Oe,children:e.jsxs(Be,{container:_e,children:[e.jsx(Pe,{className:m.overlay,"data-testid":"dialog-overlay"}),e.jsxs(Ie,{...ze,className:be,children:[e.jsxs("header",{className:m.header,children:[e.jsxs("hgroup",{hidden:g,children:[e.jsx(He,{asChild:!0,children:e.jsx(Ae,{tag:"h3",variant:"medium",children:o})}),t&&e.jsx(Ee,{asChild:!0,children:e.jsx("p",{className:m.description,children:t})})]}),e.jsx(Fe,{asChild:!0,children:e.jsx(Re,{variant:"ghost",dataset:{testid:"dialog-close"},assistiveText:Se(Ne.close),svg:Ye})})]}),a]})]})})},dt=({primaryLabel:s,secondaryLabel:o,onPrimaryClick:t,onSecondaryClick:a})=>e.jsxs("div",{className:m.actions,children:[e.jsx(l,{variant:"secondary",onClick:a,children:o}),e.jsx(l,{variant:"primary",onClick:t,children:s})]}),i=Object.assign(lt,{Actions:dt});try{i.displayName="Dialog",i.__docgenInfo={description:`A modal dialog component that can be used to show content in an overlay.
 
 Composed of:
 - Dialog: The main component
 - Dialog.Actions: Footer actions with primary and secondary buttons`,displayName:"Dialog",props:{open:{defaultValue:null,description:"Controls the visibility of the dialog",name:"open",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},title:{defaultValue:null,description:"Title displayed in the dialog header",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Optional description displayed below the title",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"}]}},children:{defaultValue:null,description:"Content to be rendered inside the dialog",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},size:{defaultValue:{value:"md"},description:"Controls the width of the dialog on desktop and height on mobile",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'ResponsiveProp<"xs" | "sm" | "md" | "lg">'}]}},hideHeader:{defaultValue:{value:"false"},description:`When true, visually hides the header (title and description) while
 keeping it accessible to screen readers`,name:"hideHeader",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClose:{defaultValue:null,description:`Callback fired when the user tries to close the dialog (via escape
-key, overlay click, or close button).`,name:"onClose",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const Yt={title:"Components/Dialog",component:i,parameters:{docs:{story:{inline:!1,height:600}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},args:{onClose:je()}},r=e.jsx("div",{style:{width:"100%",height:"200px",backgroundColor:"#e0e0e0"}}),c=async({canvas:s,step:o})=>{let t;return await o("Open dialog",async()=>{const a=s.getByTestId("trigger");return await T.click(a),B(()=>(t=s.getByTestId("dialog"),p(t).toBeVisible()))}),t},h={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"xs",title:"Extra Small Dialog",dataset:{testid:"dialog"},children:r})]})},play:c},f={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"sm",title:"Small Dialog",dataset:{testid:"dialog"},children:r})]})},play:c},v={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:"Medium Dialog",dataset:{testid:"dialog"},children:r})]})},play:c},x={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"lg",title:"Large Dialog",dataset:{testid:"dialog"},children:r})]})},play:c},C={parameters:{docs:{description:{story:`
+key, overlay click, or close button).`,name:"onClose",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const Yt={title:"Components/Dialog",component:i,parameters:{docs:{story:{inline:!1,height:600}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},args:{onClose:ke()}},r=e.jsx("div",{style:{width:"100%",height:"200px",backgroundColor:"#e0e0e0"}}),c=async({canvas:s,step:o})=>{let t;return await o("Open dialog",async()=>{const a=s.getByTestId("trigger");return await T.click(a),B(()=>(t=s.getByTestId("dialog"),p(t).toBeVisible()))}),t},y={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"xs",title:"Extra Small Dialog",dataset:{testid:"dialog"},children:r})]})},play:c},f={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"sm",title:"Small Dialog",dataset:{testid:"dialog"},children:r})]})},play:c},v={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:"Medium Dialog",dataset:{testid:"dialog"},children:r})]})},play:c},x={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"lg",title:"Large Dialog",dataset:{testid:"dialog"},children:r})]})},play:c},C={parameters:{docs:{description:{story:`
 The Dialog component adapts to different screen sizes through responsive size props.
 Use an object with breakpoints as keys to specify different sizes at different viewport widths:
 
@@ -18,11 +18,11 @@ Use an object with breakpoints as keys to specify different sizes at different v
 \`\`\`
 
 This example uses a full-width dialog on mobile and a compact dialog on larger screens.
-                `}}},render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:{_:"lg","narrow-l":"xs"},title:"Responsive Dialog",description:"This dialog changes size based on the viewport width: `lg` on mobile, `xs` on larger screens",dataset:{testid:"dialog"},children:r})]})},play:c},D={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:"Visually Hidden Title",description:"This header is hidden visually but still accessible to screen readers",hideHeader:!0,dataset:{testid:"dialog"},children:r})]})},play:c},b={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsxs(i,{open:o,onClose:()=>t(!1),size:"md",title:"Dialog Title",description:"This is the dialog description.",dataset:{testid:"dialog"},children:[r,e.jsx(i.Actions,{primaryLabel:"Primary",secondaryLabel:"Secondary",onPrimaryClick:P("Primary button clicked"),onSecondaryClick:P("Secondary button clicked")})]})]})},play:c},S={parameters:{docs:{description:{story:`
+                `}}},render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:{_:"lg","narrow-l":"xs"},title:"Responsive Dialog",description:"This dialog changes size based on the viewport width: `lg` on mobile, `xs` on larger screens",dataset:{testid:"dialog"},children:r})]})},play:c},w={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:"Visually Hidden Title",description:"This header is hidden visually but still accessible to screen readers",hideHeader:!0,dataset:{testid:"dialog"},children:r})]})},play:c},D={render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsxs(i,{open:o,onClose:()=>t(!1),size:"md",title:"Dialog Title",description:"This is the dialog description.",dataset:{testid:"dialog"},children:[r,e.jsx(i.Actions,{primaryLabel:"Primary",secondaryLabel:"Secondary",onPrimaryClick:P("Primary button clicked"),onSecondaryClick:P("Secondary button clicked")})]})]})},play:c},S={parameters:{docs:{description:{story:`
 The Dialog component can be used with the Steps component to create multi-step flows. 
 You can hide the Dialog's header using \`hideHeader\` and add your own headers to each step,
 like in this story.
-                `}}},render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:"Hidden Dialog Title",hideHeader:!0,dataset:{testid:"dialog"},children:e.jsxs(u,{"aria-label":"Onboarding Steps",children:[e.jsx(u.Step,{title:"Profile",description:"Tell us more about yourself",children:r}),e.jsx(u.Step,{title:"Subject",description:"What do you want to learn?",children:r}),e.jsx(u.Step,{title:"Availability",description:"When are you available?",children:r}),e.jsx("br",{}),e.jsxs(Je,{justifyContent:"space-between",children:[e.jsx(u.Previous,{}),e.jsx(u.Next,{})]})]})})]})},play:c},w={parameters:{docs:{description:{story:"A dialog with an Icon component in the title. This demonstrates how to use React elements in the title."}}},render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(Ue,{svg:Ke}),e.jsx("span",{children:"Information Dialog"})]}),description:"This dialog title includes an icon component",dataset:{testid:"dialog"},children:r})]})},play:c},_={parameters:{docs:{description:{story:"A dialog with an Avatar component in the title. This demonstrates how to use compound components in the title."}}},render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(Ze,{size:"s",alt:"User"}),e.jsx("span",{children:"User Profile"})]}),description:"This dialog shows a user profile with an avatar in the title",dataset:{testid:"dialog"},children:r})]})},play:c},z={parameters:{docs:{description:{story:`
+                `}}},render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:"Hidden Dialog Title",hideHeader:!0,dataset:{testid:"dialog"},children:e.jsxs(u,{"aria-label":"Onboarding Steps",children:[e.jsx(u.Step,{title:"Profile",description:"Tell us more about yourself",children:r}),e.jsx(u.Step,{title:"Subject",description:"What do you want to learn?",children:r}),e.jsx(u.Step,{title:"Availability",description:"When are you available?",children:r}),e.jsx("br",{}),e.jsxs(Je,{justifyContent:"space-between",children:[e.jsx(u.Previous,{}),e.jsx(u.Next,{})]})]})})]})},play:c},_={parameters:{docs:{description:{story:"A dialog with an Icon component in the title. This demonstrates how to use React elements in the title."}}},render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(Ue,{svg:Ke}),e.jsx("span",{children:"Information Dialog"})]}),description:"This dialog title includes an icon component",dataset:{testid:"dialog"},children:r})]})},play:c},z={parameters:{docs:{description:{story:"A dialog with an Avatar component in the title. This demonstrates how to use compound components in the title."}}},render:function(){const[o,t]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,onClose:()=>t(!1),size:"md",title:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(Ze,{size:"s",alt:"User"}),e.jsx("span",{children:"User Profile"})]}),description:"This dialog shows a user profile with an avatar in the title",dataset:{testid:"dialog"},children:r})]})},play:c},b={parameters:{docs:{description:{story:`
 The Dialog component provides CSS property escape hatches for controlling the z-index of both the overlay and content:
 
 - \`--ds-dialog-overlay-z-index-override\`: Controls the overlay's z-index
@@ -34,7 +34,7 @@ In the following example, the stacking order of the dialog trigger, overlay, and
 reveresed using the above CSS properties.
 
 Note: This is done using a \`useEffect\` just for the sake of the story. In a real-world scenario, this should ideally be done in a global stylesheet or a theme provider.
-                `}}},render:function(){const[o,t]=n.useState(!1);return n.useEffect(()=>(document.body.style.setProperty("--ds-dialog-overlay-z-index-override","2"),document.body.style.setProperty("--ds-dialog-content-z-index-override","1"),()=>{document.body.style.removeProperty("--ds-dialog-overlay-z-index-override"),document.body.style.removeProperty("--ds-dialog-content-z-index-override")}),[]),e.jsxs("div",{style:{position:"relative",zIndex:3},children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,title:"ZIndex Override",size:"md",onClose:()=>t(!1),dataset:{testid:"dialog"},children:r})]})},play:c},O={tags:["!autodocs"],render:function(o){const[t,a]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>a(!0),children:"Open"}),e.jsx(i,{open:t,onClose:()=>{var d;a(!1),(d=o.onClose)==null||d.call(o)},size:"md",title:"Test Close Button",dataset:{testid:"dialog"},children:r})]})},play:async s=>{const o=await c(s),{canvas:t,step:a,args:d}=s;await a("Close dialog using close button",async()=>{const g=t.getByTestId("dialog-close");return await T.click(g),B(async()=>(await p(o).not.toBeVisible(),p(d.onClose).toHaveBeenCalledOnce()))})}},k={tags:["!autodocs"],render:function(o){const[t,a]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>a(!0),children:"Open"}),e.jsx(i,{open:t,onClose:()=>{var d;a(!1),(d=o.onClose)==null||d.call(o)},size:"md",title:"Test Close Overlay",dataset:{testid:"dialog"},children:r})]})},play:async s=>{const o=await c(s),{canvas:t,step:a,args:d}=s;await a("Close dialog by clicking overlay",async()=>{const g=t.getByTestId("dialog-overlay");return await T.click(g),B(async()=>(await p(o).not.toBeVisible(),p(d.onClose).toHaveBeenCalledOnce()))})}},j={tags:["!autodocs"],render:function(o){const[t,a]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>a(!0),children:"Open"}),e.jsx(i,{open:t,onClose:()=>{var d;a(!1),(d=o.onClose)==null||d.call(o)},size:"md",title:"Test Close Keyboard",dataset:{testid:"dialog"},children:r})]})},play:async s=>{const o=await c(s),{step:t,args:a}=s;await t("Close dialog using escape key",async()=>(await T.keyboard("{Escape}"),B(async()=>(await p(o).not.toBeVisible(),p(a.onClose).toHaveBeenCalledOnce()))))}};var H,E,F;h.parameters={...h.parameters,docs:{...(H=h.parameters)==null?void 0:H.docs,source:{originalSource:`{
+                `}}},render:function(){const[o,t]=n.useState(!1);return n.useEffect(()=>(document.body.style.setProperty("--ds-dialog-overlay-z-index-override","2"),document.body.style.setProperty("--ds-dialog-content-z-index-override","1"),()=>{document.body.style.removeProperty("--ds-dialog-overlay-z-index-override"),document.body.style.removeProperty("--ds-dialog-content-z-index-override")}),[]),e.jsxs("div",{style:{position:"relative",zIndex:3},children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>t(!0),children:"Open"}),e.jsx(i,{open:o,title:"ZIndex Override",size:"md",onClose:()=>t(!1),dataset:{testid:"dialog"},children:r})]})},play:c},O={tags:["!autodocs"],render:function(o){const[t,a]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>a(!0),children:"Open"}),e.jsx(i,{open:t,onClose:()=>{var d;a(!1),(d=o.onClose)==null||d.call(o)},size:"md",title:"Test Close Button",dataset:{testid:"dialog"},children:r})]})},play:async s=>{const o=await c(s),{canvas:t,step:a,args:d}=s;await a("Close dialog using close button",async()=>{const g=t.getByTestId("dialog-close");return await T.click(g),B(async()=>(await p(o).not.toBeVisible(),p(d.onClose).toHaveBeenCalledOnce()))})}},j={tags:["!autodocs"],render:function(o){const[t,a]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>a(!0),children:"Open"}),e.jsx(i,{open:t,onClose:()=>{var d;a(!1),(d=o.onClose)==null||d.call(o)},size:"md",title:"Test Close Overlay",dataset:{testid:"dialog"},children:r})]})},play:async s=>{const o=await c(s),{canvas:t,step:a,args:d}=s;await a("Close dialog by clicking overlay",async()=>{const g=t.getByTestId("dialog-overlay");return await T.click(g),B(async()=>(await p(o).not.toBeVisible(),p(d.onClose).toHaveBeenCalledOnce()))})}},k={tags:["!autodocs"],render:function(o){const[t,a]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{dataset:{testid:"trigger"},onClick:()=>a(!0),children:"Open"}),e.jsx(i,{open:t,onClose:()=>{var d;a(!1),(d=o.onClose)==null||d.call(o)},size:"md",title:"Test Close Keyboard",dataset:{testid:"dialog"},children:r})]})},play:async s=>{const o=await c(s),{step:t,args:a}=s;await t("Close dialog using escape key",async()=>(await T.keyboard("{Escape}"),B(async()=>(await p(o).not.toBeVisible(),p(a.onClose).toHaveBeenCalledOnce()))))}};var H,E,F;y.parameters={...y.parameters,docs:{...(H=y.parameters)==null?void 0:H.docs,source:{originalSource:`{
   render: function Story() {
     const [open, setOpen] = useState(false);
     return <>
@@ -51,7 +51,7 @@ Note: This is done using a \`useEffect\` just for the sake of the story. In a re
             </>;
   },
   play: openDialogPlay
-}`,...(F=(E=h.parameters)==null?void 0:E.docs)==null?void 0:F.source}}};var R,A,N;f.parameters={...f.parameters,docs:{...(R=f.parameters)==null?void 0:R.docs,source:{originalSource:`{
+}`,...(F=(E=y.parameters)==null?void 0:E.docs)==null?void 0:F.source}}};var R,A,N;f.parameters={...f.parameters,docs:{...(R=f.parameters)==null?void 0:R.docs,source:{originalSource:`{
   render: function Story() {
     const [open, setOpen] = useState(false);
     return <>
@@ -143,7 +143,7 @@ This example uses a full-width dialog on mobile and a compact dialog on larger s
             </>;
   },
   play: openDialogPlay
-}`,...(J=(K=C.parameters)==null?void 0:K.docs)==null?void 0:J.source}}};var X,Y,$;D.parameters={...D.parameters,docs:{...(X=D.parameters)==null?void 0:X.docs,source:{originalSource:`{
+}`,...(J=(K=C.parameters)==null?void 0:K.docs)==null?void 0:J.source}}};var X,Y,$;w.parameters={...w.parameters,docs:{...(X=w.parameters)==null?void 0:X.docs,source:{originalSource:`{
   render: function Story() {
     const [open, setOpen] = useState(false);
     return <>
@@ -160,7 +160,7 @@ This example uses a full-width dialog on mobile and a compact dialog on larger s
             </>;
   },
   play: openDialogPlay
-}`,...($=(Y=D.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var G,Q,ee;b.parameters={...b.parameters,docs:{...(G=b.parameters)==null?void 0:G.docs,source:{originalSource:`{
+}`,...($=(Y=w.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var G,Q,ee;D.parameters={...D.parameters,docs:{...(G=D.parameters)==null?void 0:G.docs,source:{originalSource:`{
   render: function Story() {
     const [open, setOpen] = useState(false);
     return <>
@@ -178,7 +178,7 @@ This example uses a full-width dialog on mobile and a compact dialog on larger s
             </>;
   },
   play: openDialogPlay
-}`,...(ee=(Q=b.parameters)==null?void 0:Q.docs)==null?void 0:ee.source}}};var te,oe,se;S.parameters={...S.parameters,docs:{...(te=S.parameters)==null?void 0:te.docs,source:{originalSource:`{
+}`,...(ee=(Q=D.parameters)==null?void 0:Q.docs)==null?void 0:ee.source}}};var te,oe,se;S.parameters={...S.parameters,docs:{...(te=S.parameters)==null?void 0:te.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -221,7 +221,7 @@ like in this story.
             </>;
   },
   play: openDialogPlay
-}`,...(se=(oe=S.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};var ae,ne,ie;w.parameters={...w.parameters,docs:{...(ae=w.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+}`,...(se=(oe=S.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};var ae,ne,ie;_.parameters={..._.parameters,docs:{...(ae=_.parameters)==null?void 0:ae.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -252,7 +252,7 @@ like in this story.
             </>;
   },
   play: openDialogPlay
-}`,...(ie=(ne=w.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};var re,le,de;_.parameters={..._.parameters,docs:{...(re=_.parameters)==null?void 0:re.docs,source:{originalSource:`{
+}`,...(ie=(ne=_.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};var re,le,de;z.parameters={...z.parameters,docs:{...(re=z.parameters)==null?void 0:re.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -283,7 +283,7 @@ like in this story.
             </>;
   },
   play: openDialogPlay
-}`,...(de=(le=_.parameters)==null?void 0:le.docs)==null?void 0:de.source}}};var ce,pe,ue;z.parameters={...z.parameters,docs:{...(ce=z.parameters)==null?void 0:ce.docs,source:{originalSource:`{
+}`,...(de=(le=z.parameters)==null?void 0:le.docs)==null?void 0:de.source}}};var ce,pe,ue;b.parameters={...b.parameters,docs:{...(ce=b.parameters)==null?void 0:ce.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -330,7 +330,7 @@ Note: This is done using a \\\`useEffect\\\` just for the sake of the story. In
             </div>;
   },
   play: openDialogPlay
-}`,...(ue=(pe=z.parameters)==null?void 0:pe.docs)==null?void 0:ue.source}}};var ge,me,ye;O.parameters={...O.parameters,docs:{...(ge=O.parameters)==null?void 0:ge.docs,source:{originalSource:`{
+}`,...(ue=(pe=b.parameters)==null?void 0:pe.docs)==null?void 0:ue.source}}};var ge,me,he;O.parameters={...O.parameters,docs:{...(ge=O.parameters)==null?void 0:ge.docs,source:{originalSource:`{
   tags: ['!autodocs'],
   render: function Story(args) {
     const [open, setOpen] = useState(false);
@@ -366,7 +366,7 @@ Note: This is done using a \\\`useEffect\\\` just for the sake of the story. In
       });
     });
   }
-}`,...(ye=(me=O.parameters)==null?void 0:me.docs)==null?void 0:ye.source}}};var he,fe,ve;k.parameters={...k.parameters,docs:{...(he=k.parameters)==null?void 0:he.docs,source:{originalSource:`{
+}`,...(he=(me=O.parameters)==null?void 0:me.docs)==null?void 0:he.source}}};var ye,fe,ve;j.parameters={...j.parameters,docs:{...(ye=j.parameters)==null?void 0:ye.docs,source:{originalSource:`{
   tags: ['!autodocs'],
   render: function Story(args) {
     const [open, setOpen] = useState(false);
@@ -402,7 +402,7 @@ Note: This is done using a \\\`useEffect\\\` just for the sake of the story. In
       });
     });
   }
-}`,...(ve=(fe=k.parameters)==null?void 0:fe.docs)==null?void 0:ve.source}}};var xe,Ce,De;j.parameters={...j.parameters,docs:{...(xe=j.parameters)==null?void 0:xe.docs,source:{originalSource:`{
+}`,...(ve=(fe=j.parameters)==null?void 0:fe.docs)==null?void 0:ve.source}}};var xe,Ce,we;k.parameters={...k.parameters,docs:{...(xe=k.parameters)==null?void 0:xe.docs,source:{originalSource:`{
   tags: ['!autodocs'],
   render: function Story(args) {
     const [open, setOpen] = useState(false);
@@ -436,4 +436,4 @@ Note: This is done using a \\\`useEffect\\\` just for the sake of the story. In
       });
     });
   }
-}`,...(De=(Ce=j.parameters)==null?void 0:Ce.docs)==null?void 0:De.source}}};const $t=["ExtraSmall","Small","Medium","Large","Responsive","WithHiddenHeader","WithActions","WithSteps","WithIconInTitle","WithAvatarInTitle","WithZIndexOverride","TestCloseButton","TestCloseOverlay","TestCloseKeyboard"];export{h as ExtraSmall,x as Large,v as Medium,C as Responsive,f as Small,O as TestCloseButton,j as TestCloseKeyboard,k as TestCloseOverlay,b as WithActions,_ as WithAvatarInTitle,D as WithHiddenHeader,w as WithIconInTitle,S as WithSteps,z as WithZIndexOverride,$t as __namedExportsOrder,Yt as default};
+}`,...(we=(Ce=k.parameters)==null?void 0:Ce.docs)==null?void 0:we.source}}};const $t=["ExtraSmall","Small","Medium","Large","Responsive","WithHiddenHeader","WithActions","WithSteps","WithIconInTitle","WithAvatarInTitle","WithZIndexOverride","TestCloseButton","TestCloseOverlay","TestCloseKeyboard"];export{y as ExtraSmall,x as Large,v as Medium,C as Responsive,f as Small,O as TestCloseButton,k as TestCloseKeyboard,j as TestCloseOverlay,D as WithActions,z as WithAvatarInTitle,w as WithHiddenHeader,_ as WithIconInTitle,S as WithSteps,b as WithZIndexOverride,$t as __namedExportsOrder,Yt as default};

package/dist/assets/{DocsRenderer-CFRXHY34-CKni1BW8.js → DocsRenderer-CFRXHY34-C35smYsV.js}

@@ -1,2 +1,2 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BN6VMYqa.js","./index-Cb9e4tly.js","./_commonjsHelpers-Cpj98o6Y.js","./index-ChsGqxH_.js"])))=>i.map(i=>d[i]);
-import{_ as l}from"./iframe-vWKo2WPz.js";import{r as s,e as n}from"./index-Cb9e4tly.js";import{H as p,A as h,C as E,c as d}from"./index-D1KM2TH6.js";import{c as v}from"./client-C1fTPCwG.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-ChsGqxH_.js";import"./jsx-runtime-BTJTZTIL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";var i=new Map;function R(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var w=async(e,t,r)=>{let o=await x(t,r);if(R()){o.render(e);return}let{promise:m,resolve:a}=Promise.withResolvers();return o.render(s.createElement(f,{callback:a},e)),m},_=(e,t)=>{let r=i.get(e);r&&(r.unmount(),i.delete(e))},x=async(e,t)=>{let r=i.get(e);return r||(r=v.createRoot(e,t),i.set(e,r)),r},g={code:E,a:h,...p},y=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},L=class{constructor(){this.render=async(e,t,r)=>{let o={...g,...t==null?void 0:t.components},m=d;return new Promise((a,c)=>{l(async()=>{const{MDXProvider:u}=await import("./index-BN6VMYqa.js");return{MDXProvider:u}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:u})=>w(n.createElement(y,{showException:c,key:Math.random()},n.createElement(u,{components:o},n.createElement(m,{context:e,docsParameter:t}))),r)).then(()=>a())})},this.unmount=e=>{_(e)}}};export{L as DocsRenderer,g as defaultComponents};
+import{_ as l}from"./iframe-B08s_jqc.js";import{r as s,e as n}from"./index-Cb9e4tly.js";import{H as p,A as h,C as E,c as d}from"./index-BGAhMoqL.js";import{c as v}from"./client-C1fTPCwG.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-ChsGqxH_.js";import"./jsx-runtime-BTJTZTIL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";var i=new Map;function R(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var w=async(e,t,r)=>{let o=await x(t,r);if(R()){o.render(e);return}let{promise:m,resolve:a}=Promise.withResolvers();return o.render(s.createElement(f,{callback:a},e)),m},_=(e,t)=>{let r=i.get(e);r&&(r.unmount(),i.delete(e))},x=async(e,t)=>{let r=i.get(e);return r||(r=v.createRoot(e,t),i.set(e,r)),r},g={code:E,a:h,...p},y=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},L=class{constructor(){this.render=async(e,t,r)=>{let o={...g,...t==null?void 0:t.components},m=d;return new Promise((a,c)=>{l(async()=>{const{MDXProvider:u}=await import("./index-BN6VMYqa.js");return{MDXProvider:u}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:u})=>w(n.createElement(y,{showException:c,key:Math.random()},n.createElement(u,{components:o},n.createElement(m,{context:e,docsParameter:t}))),r)).then(()=>a())})},this.unmount=e=>{_(e)}}};export{L as DocsRenderer,g as defaultComponents};

package/dist/assets/FieldAdditionalText-CUu6JGoC.css

@@ -0,0 +1 @@
+._FieldAdditionalText_mzylc_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_mzylc_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_mzylc_14{color:var(--9167e9)}

package/dist/assets/{FieldAdditionalText-DuEWaFeu.js → FieldAdditionalText-lW7Q1VGp.js}

@@ -1 +1 @@
-import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{m as r,s as n}from"./classNames-BUL1Zq7e.js";import{w as a}from"./componentNames-Bwls0I02.js";import{g as s}from"./index-DdzHuZ-Y.js";import{a as m}from"./constants-DL6gdbsq.js";const p="_FieldAdditionalText_14eoq_4",_={FieldAdditionalText:p,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_14eoq_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_14eoq_14"},i=({id:e,variant:t=m,children:o})=>{const d=r(_,a.FieldAdditionalText,[n("variant",t)]);return l.jsx("p",{id:e,className:d.join(" "),...s(void 0,{preplyDsComponent:a.FieldAdditionalText}),children:o})};try{i.displayName="FieldAdditionalText",i.__docgenInfo={description:"",displayName:"FieldAdditionalText",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"normal"'}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}}}}}catch{}export{i as F};
+import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{m as o,s as n}from"./classNames-BUL1Zq7e.js";import{w as a}from"./componentNames-Bwls0I02.js";import{g as s}from"./index-DdzHuZ-Y.js";import{a as m}from"./constants-DL6gdbsq.js";const p="_FieldAdditionalText_mzylc_4",_={FieldAdditionalText:p,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_mzylc_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_mzylc_14"},i=({id:e,variant:t=m,children:l})=>{const d=o(_,a.FieldAdditionalText,[n("variant",t)]);return r.jsx("p",{id:e,className:d.join(" "),...s(void 0,{preplyDsComponent:a.FieldAdditionalText}),children:l})};try{i.displayName="FieldAdditionalText",i.__docgenInfo={description:"",displayName:"FieldAdditionalText",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"normal"'}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}}}}}catch{}export{i as F};

package/dist/assets/{FieldAdditionalText.stories-BKzJywVE.js → FieldAdditionalText.stories-DcGxrOlS.js}

@@ -1,4 +1,4 @@
-import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./FieldAdditionalText-DuEWaFeu.js";import"./index-ChsGqxH_.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants-DL6gdbsq.js";const v={title:"components/FieldAdditionalText",component:o},r=()=>u.jsx(o,{children:"Provide a telephone number so we can contact you."}),e=()=>u.jsx(o,{variant:"error",children:"Please fill out this field."}),t={parameters:{chromatic:{disableSnapshot:!0}},args:{children:"Additional text",variant:"normal"},argTypes:{children:{control:"text"},id:{control:"text"}}};var a,n,i;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:"() => <FieldAdditionalText>Provide a telephone number so we can contact you.</FieldAdditionalText>",...(i=(n=r.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var s,d,l;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:'() => <FieldAdditionalText variant="error">Please fill out this field.</FieldAdditionalText>',...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var c,m,p;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{
+import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./FieldAdditionalText-lW7Q1VGp.js";import"./index-ChsGqxH_.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants-DL6gdbsq.js";const v={title:"components/FieldAdditionalText",component:o},r=()=>u.jsx(o,{children:"Provide a telephone number so we can contact you."}),e=()=>u.jsx(o,{variant:"error",children:"Please fill out this field."}),t={parameters:{chromatic:{disableSnapshot:!0}},args:{children:"Additional text",variant:"normal"},argTypes:{children:{control:"text"},id:{control:"text"}}};var a,n,i;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:"() => <FieldAdditionalText>Provide a telephone number so we can contact you.</FieldAdditionalText>",...(i=(n=r.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var s,d,l;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:'() => <FieldAdditionalText variant="error">Please fill out this field.</FieldAdditionalText>',...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var c,m,p;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{
   parameters: {
     chromatic: {
       disableSnapshot: true

package/dist/assets/{FieldButton-D-la2Jzn.js → FieldButton-QHhW28uq.js}

@@ -1 +1 @@
-import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{f as v}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as y}from"./classNames-BUL1Zq7e.js";import{g}from"./index-DdzHuZ-Y.js";import{w as a}from"./componentNames-Bwls0I02.js";const b="_FieldButton_10uw8_4",h={FieldButton:b},l=f.forwardRef(function({svg:o,assistiveText:r,onClick:e,dataset:u,...i},m){const d=y(h,a.FieldButton),p=t=>{t.stopPropagation(),e==null||e(t)},c={...v(i),...g(u,{preplyDsComponent:a.FieldButton}),className:d.join(" "),title:r,onClick:p,ref:m};return n.jsx("button",{...c,type:"button",children:n.jsx(o,{"aria-hidden":"true",focusable:"false"})})});try{l.displayName="FieldButton",l.__docgenInfo={description:"",displayName:"FieldButton",props:{svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"MouseEventHandler<Element>"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as F};
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{f as v}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as y}from"./classNames-BUL1Zq7e.js";import{g}from"./index-DdzHuZ-Y.js";import{w as a}from"./componentNames-Bwls0I02.js";const b="_FieldButton_1lwjl_4",h={FieldButton:b},l=f.forwardRef(function({svg:o,assistiveText:r,onClick:e,dataset:u,...i},m){const d=y(h,a.FieldButton),p=t=>{t.stopPropagation(),e==null||e(t)},c={...v(i),...g(u,{preplyDsComponent:a.FieldButton}),className:d.join(" "),title:r,onClick:p,ref:m};return n.jsx("button",{...c,type:"button",children:n.jsx(o,{"aria-hidden":"true",focusable:"false"})})});try{l.displayName="FieldButton",l.__docgenInfo={description:"",displayName:"FieldButton",props:{svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"MouseEventHandler<Element>"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as F};

package/dist/assets/{FieldButton-DnMkKpFP.css → FieldButton-k7TvuQHy.css}

@@ -1 +1 @@
-._FieldButton_10uw8_4{display:flex;justify-content: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_10uw8_4:hover{background-color:var(--0bbea4)}}._FieldButton_10uw8_4:active{background-color:var(--33e933)}._FieldButton_10uw8_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._FieldButton_10uw8_4 svg{width:var(--f02c4e);height:var(--f02c4e)}
+._FieldButton_1lwjl_4{display:flex;justify-content: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_1lwjl_4:hover{background-color:var(--0bbea4)}}._FieldButton_1lwjl_4:active{background-color:var(--33e933)}._FieldButton_1lwjl_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._FieldButton_1lwjl_4 svg{width:var(--f02c4e);height:var(--f02c4e)}

package/dist/assets/{FieldButton.stories-DNCX_6wX.js → FieldButton.stories-vBmg2O9Q.js}

@@ -1 +1 @@
-import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{F as m}from"./LibraryExplore-oBYfEgnm.js";import{F as s}from"./FieldButton-D-la2Jzn.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";const v={title:"components/FieldButton",component:s},o=()=>i.jsx(s,{svg:m,assistiveText:"Lorem Ipsum",onClick:()=>{}});o.storyName="FieldButton";var t,e,r;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:'() => <FieldButton svg={LibSvg} assistiveText="Lorem Ipsum" onClick={() => undefined} />',...(r=(e=o.parameters)==null?void 0:e.docs)==null?void 0:r.source}}};const B=["Base"];export{o as Base,B as __namedExportsOrder,v as default};
+import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{F as m}from"./LibraryExplore-oBYfEgnm.js";import{F as s}from"./FieldButton-QHhW28uq.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";const v={title:"components/FieldButton",component:s},o=()=>i.jsx(s,{svg:m,assistiveText:"Lorem Ipsum",onClick:()=>{}});o.storyName="FieldButton";var t,e,r;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:'() => <FieldButton svg={LibSvg} assistiveText="Lorem Ipsum" onClick={() => undefined} />',...(r=(e=o.parameters)==null?void 0:e.docs)==null?void 0:r.source}}};const B=["Base"];export{o as Base,B as __namedExportsOrder,v as default};

package/dist/assets/{FieldLayout-ucPtI83J.js → FieldLayout-BGkL1EMg.js}

@@ -1 +1 @@
-import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Cb9e4tly.js";import{F as R}from"./FieldLayoutBase-BmwMSdWE.js";import{a as i,b as a}from"./classNames-BUL1Zq7e.js";import{w as t}from"./componentNames-Bwls0I02.js";const o={"FieldLayout--input":"_FieldLayout--input_d2g4c_5","FieldLayout--icon":"_FieldLayout--icon_d2g4c_42","FieldLayout--has-icon":"_FieldLayout--has-icon_d2g4c_55","FieldLayout--has-button":"_FieldLayout--has-button_d2g4c_58","FieldLayout--has-error":"_FieldLayout--has-error_d2g4c_61","FieldLayout--is-focused":"_FieldLayout--is-focused_d2g4c_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_d2g4c_76"},N=({id:m,className:c,input:b,icon:n,button:v,disabled:p,isFocused:f,hasError:y,inputHandle:e,onClick:r,preplyDsComponent:L,...F},_)=>{const l=d.useRef(null);d.useImperativeHandle(_,()=>({setFocus:()=>e==null?void 0:e.setFocus(),scrollIntoView:()=>{var u;return(u=l==null?void 0:l.current)==null?void 0:u.scrollIntoView()}}));const h=i(o,t.FieldLayout,[a("is-disabled",void 0,p),a("is-focused",void 0,f),a("has-error",void 0,y),a("has-icon",void 0,!!n),a("has-button",void 0,!!v)]),q=c?[c,...h]:h,V=i(o,t.FieldLayout,["input"]),C=i(o,t.FieldLayout,["icon"]),E=u=>{e==null||e.setFocus(),r==null||r(u)};return s.jsx(R,{id:m,className:q.join(" "),disabled:p,isFocused:f,hasError:y,...F,preplyDsComponent:L??t.FieldLayout,ref:l,children:s.jsxs("div",{className:V.join(" "),onClick:E,children:[n&&s.jsx("span",{className:C.join(" "),children:n}),b,v]})})},g=d.forwardRef(N);try{g.displayName="FieldLayout",g.__docgenInfo={description:"A component for building custom fields.",displayName:"FieldLayout",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},label:{defaultValue:null,description:"",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"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",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"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},hideLabel:{defaultValue:null,description:"",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"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},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"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",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"}]}},input:{defaultValue:null,description:"An `<input>` element.",name:"input",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},inputHandle:{defaultValue:null,description:"A ref handle to the `<input>` element, used to manage focus when\nclicking on elements within the layout, such as the button and icon.",name:"inputHandle",required:!0,type:{name:"enum",value:[{value:"null"},{value:"InputImperativeHandle"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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{}export{g as F};
+import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Cb9e4tly.js";import{F as R}from"./FieldLayoutBase-DQbxDQVA.js";import{a as i,b as a}from"./classNames-BUL1Zq7e.js";import{w as t}from"./componentNames-Bwls0I02.js";const o={"FieldLayout--input":"_FieldLayout--input_1gi35_5","FieldLayout--icon":"_FieldLayout--icon_1gi35_42","FieldLayout--has-icon":"_FieldLayout--has-icon_1gi35_55","FieldLayout--has-button":"_FieldLayout--has-button_1gi35_58","FieldLayout--has-error":"_FieldLayout--has-error_1gi35_61","FieldLayout--is-focused":"_FieldLayout--is-focused_1gi35_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_1gi35_76"},N=({id:m,className:c,input:b,icon:n,button:v,disabled:p,isFocused:f,hasError:y,inputHandle:e,onClick:r,preplyDsComponent:L,...F},_)=>{const l=d.useRef(null);d.useImperativeHandle(_,()=>({setFocus:()=>e==null?void 0:e.setFocus(),scrollIntoView:()=>{var u;return(u=l==null?void 0:l.current)==null?void 0:u.scrollIntoView()}}));const h=i(o,t.FieldLayout,[a("is-disabled",void 0,p),a("is-focused",void 0,f),a("has-error",void 0,y),a("has-icon",void 0,!!n),a("has-button",void 0,!!v)]),q=c?[c,...h]:h,V=i(o,t.FieldLayout,["input"]),C=i(o,t.FieldLayout,["icon"]),E=u=>{e==null||e.setFocus(),r==null||r(u)};return s.jsx(R,{id:m,className:q.join(" "),disabled:p,isFocused:f,hasError:y,...F,preplyDsComponent:L??t.FieldLayout,ref:l,children:s.jsxs("div",{className:V.join(" "),onClick:E,children:[n&&s.jsx("span",{className:C.join(" "),children:n}),b,v]})})},g=d.forwardRef(N);try{g.displayName="FieldLayout",g.__docgenInfo={description:"A component for building custom fields.",displayName:"FieldLayout",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"",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"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},hideLabel:{defaultValue:null,description:"",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"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},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"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",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"}]}},input:{defaultValue:null,description:"An `<input>` element.",name:"input",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},inputHandle:{defaultValue:null,description:"A ref handle to the `<input>` element, used to manage focus when\nclicking on elements within the layout, such as the button and icon.",name:"inputHandle",required:!0,type:{name:"enum",value:[{value:"null"},{value:"InputImperativeHandle"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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{}export{g as F};

package/dist/assets/FieldLayout-CG9n-WOS.css

@@ -0,0 +1 @@
+._FieldLayout--input_1gi35_5{border-radius:var(--c4b051);display:flex;position:relative;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){._FieldLayout--input_1gi35_5:hover input,._FieldLayout--input_1gi35_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_1gi35_5 input,._FieldLayout--input_1gi35_5 textarea{border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051);border-style:solid;background:none;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);padding:calc(var(--d9baa3) + var(--1ba55a));padding-right:calc(var(--477fda) - var(--d9baa3));padding-left:calc(var(--477fda) - var(--d9baa3))}._FieldLayout--input_1gi35_5 input::placeholder,._FieldLayout--input_1gi35_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_1gi35_42{position:absolute;top:0;display:flex;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}._FieldLayout--icon_1gi35_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_1gi35_55 ._FieldLayout--input_1gi35_5 input{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_1gi35_58 ._FieldLayout--input_1gi35_5 input{padding-right:58px}._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5{background-color:var(--95df5b)}._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5 input,._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_1gi35_61 ._FieldLayout--icon_1gi35_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_1gi35_72 ._FieldLayout--input_1gi35_5 input,._FieldLayout--is-focused_1gi35_72 ._FieldLayout--input_1gi35_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5 input,._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5 textarea{border-color:transparent}._FieldLayout--input_1gi35_5 button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}

package/dist/assets/{FieldLayout.stories-BaXyFyV0.js → FieldLayout.stories-CtD6-C6l.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as U}from"./index-Cb9e4tly.js";import{a as g}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{w as M,e as P}from"./index-BVDq5o4N.js";import{F as X,a as Z}from"./TokyoUIUser-Hwg3-lyt.js";import{F as ee}from"./FieldButton-D-la2Jzn.js";import{I as re}from"./Icon-C6rDUkYo.js";import{I as te}from"./InputText-DcyrRnV_.js";import{F as h}from"./FieldLayout-ucPtI83J.js";import{B as Q}from"./Button-CGkNG45w.js";import{T as ae}from"./Text-DYAggeGe.js";import{u as oe}from"./useForcedRef--iGFM41p.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./text-accent-CvjwTDtK.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./FieldLayoutBase-BmwMSdWE.js";import"./FieldAdditionalText-DuEWaFeu.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"./ButtonBase-DGRySlif.js";import"./Spinner-DvSs1_DJ.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-centered-DqK_kb5q.js";const Ae={title:"components/FieldLayout",component:h,args:{onClick:g("onClick")},render:function(t){const a=U.useRef(null),o=oe();return t.ref=a,r.jsx(h,{...t,id:"full-name",label:"Full name",icon:r.jsx(re,{svg:Z,label:"The hat"}),input:r.jsx(te,{type:"text",id:"full-name-input",ref:o,placeholder:"John Smith",disabled:t.disabled,dataset:{testid:"input"}}),inputHandle:o.current,button:r.jsx(ee,{svg:X,assistiveText:"Do the thing",onClick:g("button clicked")})})}},s={},n={args:{additionalText:"This is additional text"}},i={args:{required:!0}},c={args:{required:!0,requiredLabel:r.jsx(ae,{accent:"critical",variant:"m-bold",children:"Needed"})}},p={args:{hideLabel:!0}},d={args:{isFocused:!0}},u={args:{hasError:!0}},l={args:{disabled:!0}},m={decorators:[(e,{args:t})=>r.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var a,o;return(o=(a=t.ref)==null?void 0:a.current)==null?void 0:o.setFocus()},children:"Focus"})," ","the input imperatively."]}),r.jsx(e,{})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");e.ref.current.setFocus(),await M(()=>P(a).toHaveFocus())}},f={decorators:[(e,{args:t})=>r.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!x(t.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");t.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),r.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:r.jsx(e,{})})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");e.ref.current.scrollIntoView(),await M(()=>P(a).toBeVisible())}};function x(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}var v,y,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var I,w,F;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`{
+import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as U}from"./index-Cb9e4tly.js";import{a as g}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{w as M,e as P}from"./index-BVDq5o4N.js";import{F as X,a as Z}from"./TokyoUIUser-Hwg3-lyt.js";import{F as ee}from"./FieldButton-QHhW28uq.js";import{I as re}from"./Icon-BwwIOKM_.js";import{I as te}from"./InputText-DmOW3mdD.js";import{F as h}from"./FieldLayout-BGkL1EMg.js";import{B as Q}from"./Button-DqwK0S70.js";import{T as ae}from"./Text-CDqVYAcD.js";import{u as oe}from"./useForcedRef--iGFM41p.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./text-accent-CrnHOlvW.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./FieldLayoutBase-DQbxDQVA.js";import"./FieldAdditionalText-lW7Q1VGp.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"./ButtonBase-D31GBWHv.js";import"./Spinner-Dsa9X0G6.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-centered-1sU8-E1D.js";const Ae={title:"components/FieldLayout",component:h,args:{onClick:g("onClick")},render:function(t){const a=U.useRef(null),o=oe();return t.ref=a,r.jsx(h,{...t,id:"full-name",label:"Full name",icon:r.jsx(re,{svg:Z,label:"The hat"}),input:r.jsx(te,{type:"text",id:"full-name-input",ref:o,placeholder:"John Smith",disabled:t.disabled,dataset:{testid:"input"}}),inputHandle:o.current,button:r.jsx(ee,{svg:X,assistiveText:"Do the thing",onClick:g("button clicked")})})}},s={},n={args:{additionalText:"This is additional text"}},i={args:{required:!0}},c={args:{required:!0,requiredLabel:r.jsx(ae,{accent:"critical",variant:"m-bold",children:"Needed"})}},p={args:{hideLabel:!0}},d={args:{isFocused:!0}},u={args:{hasError:!0}},l={args:{disabled:!0}},m={decorators:[(e,{args:t})=>r.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var a,o;return(o=(a=t.ref)==null?void 0:a.current)==null?void 0:o.setFocus()},children:"Focus"})," ","the input imperatively."]}),r.jsx(e,{})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");e.ref.current.setFocus(),await M(()=>P(a).toHaveFocus())}},f={decorators:[(e,{args:t})=>r.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!x(t.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");t.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),r.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:r.jsx(e,{})})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");e.ref.current.scrollIntoView(),await M(()=>P(a).toBeVisible())}};function x(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}var v,y,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var I,w,F;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`{
   args: {
     additionalText: 'This is additional text'
   }

package/dist/assets/FieldLayoutBase-CoIn-2cd.css

@@ -0,0 +1 @@
+._InputText_1rqjx_4,._InputPassword_1rqjx_11,._InputDate_1rqjx_18,._InputTime_1rqjx_25,._InputNumber_1rqjx_32,._Textarea_1rqjx_39{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._Textarea--resize-none_1rqjx_46{resize:none}._Textarea--resize-vertical_1rqjx_49{resize:vertical}._Textarea--resize-horizontal_1rqjx_52{resize:horizontal}._Textarea--resize-both_1rqjx_55{resize:both}._Checkbox_1rqjx_58,._Radio_1rqjx_61{display:inline-block}._Select_1rqjx_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._FieldLabel_j5zrj_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--e41135);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);font-style:var(--0ab3be);display:flex;gap:var(--6947b0);max-width:max-content}._FieldLabel--wrap_j5zrj_19{display:inline}._FieldLabel--wrapGap_j5zrj_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_j5zrj_26{display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_j5zrj_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_1u9vo_2{display:flex;flex-direction:column;gap:var(--6947b0)}._FieldLayoutBase_1u9vo_2 input,._FieldLayoutBase_1u9vo_2 textarea{display:block;width:100%}

package/dist/assets/{FieldLayoutBase-BmwMSdWE.js → FieldLayoutBase-DQbxDQVA.js}

@@ -1,12 +1,12 @@
-import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{a as k,g as H,b as z}from"./useForcedRef--iGFM41p.js";import{g as N}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-DuEWaFeu.js";import"./index-D1pfvbUR.js";import{m as T,b as F,a as D}from"./classNames-BUL1Zq7e.js";import{M as A}from"./message-B1DLZQ1U.js";const w={textarea:"textarea",select:"select"},M=()=>{},K=(e,a)=>{const{type:l,id:n,name:t,className:r,onChange:i,onFocus:d,onBlur:v,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:x,readOnly:p,disabled:c,dataset:h,preplyDsComponent:V}=e,s=m.useRef(null);m.useImperativeHandle(a,()=>({setFocus:()=>{var o;return(o=s.current)==null?void 0:o.focus()},scrollIntoView:()=>{var o;return(o=s.current)==null?void 0:o.scrollIntoView()}}));const j=k({disabled:c,captureChildEvents:!0,onBlur:v,onFocus:d}),I=w[l]||"input",P=I===l in w?void 0:l,B={...{ref:s,type:P,id:n,name:t,className:r,...j,onChange:i||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:x,readOnly:p,disabled:c},...z(e),...N(h,{preplyDsComponent:V}),...H(e)};return u.jsx(I,{...B,ref:s})},R=m.forwardRef(K);try{R.displayName="InputBase",R.__docgenInfo={description:"",displayName:"InputBase",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"number"'},{value:'"url"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"text"'},{value:'"select"'},{value:'"textarea"'},{value:'"time"'},{value:'"password"'},{value:'"date"'},{value:'"checkbox"'},{value:'"radio"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},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"}]}},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"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",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"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{a as z,g as k,b as H}from"./useForcedRef--iGFM41p.js";import{g as C}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-lW7Q1VGp.js";import"./index-D1pfvbUR.js";import{m as N,b as I,a as T}from"./classNames-BUL1Zq7e.js";import{M as A}from"./message-B1DLZQ1U.js";const F={textarea:"textarea",select:"select"},M=()=>{},K=(e,a)=>{const{type:l,id:n,name:t,className:r,onChange:i,onFocus:d,onBlur:c,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:q,onPaste:_,required:E,readOnly:p,disabled:v,dataset:h,preplyDsComponent:V}=e,s=m.useRef(null);m.useImperativeHandle(a,()=>({setFocus:()=>{var o;return(o=s.current)==null?void 0:o.focus()},scrollIntoView:()=>{var o;return(o=s.current)==null?void 0:o.scrollIntoView()}}));const D=z({disabled:v,captureChildEvents:!0,onBlur:c,onFocus:d}),j=F[l]||"input",P=j===l in F?void 0:l,B={...{ref:s,type:P,id:n,name:t,className:r,...D,onChange:i||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:q,onPaste:_,required:E,readOnly:p,disabled:v},...H(e),...C(h,{preplyDsComponent:V}),...k(e)};return u.jsx(j,{...B,ref:s})},w=m.forwardRef(K);try{w.displayName="InputBase",w.__docgenInfo={description:"",displayName:"InputBase",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"number"'},{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"email"'},{value:'"tel"'},{value:'"password"'},{value:'"date"'},{value:'"time"'},{value:'"select"'},{value:'"textarea"'},{value:'"checkbox"'},{value:'"radio"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},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"}]}},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"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",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"}]}},"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"}]}},"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"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},preplyDsComponent:{defaultValue:null,description:`@deprecated preplyDsComponent is meant for internal Design SYstem use only!!
-@see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"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"}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"string"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"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"'}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}function be(e,a,l,n=[]){return m.useMemo(()=>{if(!(!a&&!l))return t=>{a==null||a(t);const r=e(t);l==null||l(r)}},[a,l,...n])}const O="_InputText_4od6i_4",U="_InputPassword_4od6i_11",G="_InputDate_4od6i_18",J="_InputTime_4od6i_25",X="_InputNumber_4od6i_32",$="_Textarea_4od6i_39",Y="_Checkbox_4od6i_58",Q="_Radio_4od6i_61",W="_Select_4od6i_64",_e={InputText:O,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"_Textarea--resize-none_4od6i_46","Textarea--resize-vertical":"_Textarea--resize-vertical_4od6i_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_4od6i_52","Textarea--resize-both":"_Textarea--resize-both_4od6i_55",Checkbox:Y,Radio:Q,Select:W},Z="_FieldLabel_1ycai_4",L={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_1ycai_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_1ycai_22","FieldLabel--required":"_FieldLabel--required_1ycai_26","FieldLabel--hide":"_FieldLabel--hide_1ycai_31"},E="FieldLabel",ee="•",ae=u.jsx(A,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"}),le=({label:e=ae})=>{const a=D(L,E,["required"]);return u.jsxs("span",{className:a.join(" "),children:[u.jsx("span",{children:ee}),u.jsx("span",{children:e})]})},ue=()=>{const e=D(L,E,["wrapGap"]);return u.jsx("span",{className:e.join(" ")})},g=({id:e,label:a,hideLabel:l,wrapLabel:n=!1,required:t,requiredLabel:r})=>{const i=T(L,E,[F("hide",void 0,l),F("wrap",void 0,n)]);return u.jsxs("label",{htmlFor:e,className:i.join(" "),children:[a,n&&u.jsx(ue,{}),t&&u.jsx(le,{label:r})]})};try{g.displayName="FieldLabel",g.__docgenInfo={description:"",displayName:"FieldLabel",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:{value:`(
+@see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"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"}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"string"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"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"'}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}function be(e,a,l,n=[]){return m.useMemo(()=>{if(!(!a&&!l))return t=>{a==null||a(t);const r=e(t);l==null||l(r)}},[a,l,...n])}const O="_InputText_1rqjx_4",U="_InputPassword_1rqjx_11",G="_InputDate_1rqjx_18",J="_InputTime_1rqjx_25",X="_InputNumber_1rqjx_32",$="_Textarea_1rqjx_39",Y="_Checkbox_1rqjx_58",Q="_Radio_1rqjx_61",W="_Select_1rqjx_64",qe={InputText:O,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"_Textarea--resize-none_1rqjx_46","Textarea--resize-vertical":"_Textarea--resize-vertical_1rqjx_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_1rqjx_52","Textarea--resize-both":"_Textarea--resize-both_1rqjx_55",Checkbox:Y,Radio:Q,Select:W},Z="_FieldLabel_j5zrj_4",x={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_j5zrj_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_j5zrj_22","FieldLabel--required":"_FieldLabel--required_j5zrj_26","FieldLabel--hide":"_FieldLabel--hide_j5zrj_31"},L="FieldLabel",ee="•",ae=u.jsx(A,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"}),le=({label:e=ae})=>{const a=T(x,L,["required"]);return u.jsxs("span",{className:a.join(" "),children:[u.jsx("span",{children:ee}),u.jsx("span",{children:e})]})},ue=()=>{const e=T(x,L,["wrapGap"]);return u.jsx("span",{className:e.join(" ")})},g=({id:e,label:a,hideLabel:l,wrapLabel:n=!1,required:t,requiredLabel:r})=>{const i=N(x,L,[I("hide",void 0,l),I("wrap",void 0,n)]);return u.jsxs("label",{htmlFor:e,className:i.join(" "),children:[a,n&&u.jsx(ue,{}),t&&u.jsx(le,{label:r})]})};try{g.displayName="FieldLabel",g.__docgenInfo={description:"",displayName:"FieldLabel",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:{value:`(
     <FormattedMessage
         id="preply-ds.fieldLabel.required"
         defaultMessage="Required"
         description="Form field required label"
     />
-)`},description:"",name:"label",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:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}}}}}catch{}const ne="_FieldLayoutBase_1mf8i_2",te={FieldLayoutBase:ne},re="FieldLayoutBase",se=({id:e,className:a,label:l,hideLabel:n,wrapLabel:t=!1,required:r,requiredLabel:i,additionalText:d,preserveSpace:v,hasError:f,dataset:y,children:b,preplyDsComponent:_},q)=>{const p=[...T(te,re)];a&&p.push(a);const c={className:p.join(" "),...N(y,{preplyDsComponent:_})},h={id:e,label:l,hideLabel:n,wrapLabel:t,required:r,requiredLabel:i},V=!d&&v?u.jsx("span",{children:" "}):void 0,s=f?"error":"normal";return u.jsxs("div",{...c,ref:q,children:[u.jsx(g,{...h}),b,d&&u.jsx(S,{id:`${e}-desc`,variant:s,children:d}),V]})},C=m.forwardRef(se);try{C.displayName="FieldLayoutBase",C.__docgenInfo={description:"",displayName:"FieldLayoutBase",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"",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"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},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"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"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: HTMLDivElement | null) => void"},{value:"RefObject<HTMLDivElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{C as F,R as I,_e as s,be as u};
+)`},description:"",name:"label",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:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}}}}}catch{}const ne="_FieldLayoutBase_1u9vo_2",te={FieldLayoutBase:ne},re="FieldLayoutBase",se=({id:e,className:a,label:l,hideLabel:n,wrapLabel:t=!1,required:r,requiredLabel:i,additionalText:d,preserveSpace:c,hasError:f,dataset:y,children:b,preplyDsComponent:q},_)=>{const p=[...N(te,re)];a&&p.push(a);const v={className:p.join(" "),...C(y,{preplyDsComponent:q})},h={id:e,label:l,hideLabel:n,wrapLabel:t,required:r,requiredLabel:i},V=!d&&c?u.jsx("span",{children:" "}):void 0,s=f?"error":"normal";return u.jsxs("div",{...v,ref:_,children:[u.jsx(g,{...h}),b,d&&u.jsx(S,{id:`${e}-desc`,variant:s,children:d}),V]})},R=m.forwardRef(se);try{R.displayName="FieldLayoutBase",R.__docgenInfo={description:"",displayName:"FieldLayoutBase",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"",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"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},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"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"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: HTMLDivElement | null) => void"},{value:"RefObject<HTMLDivElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{R as F,w as I,qe as s,be as u};

package/dist/assets/Heading-CifnBvGj.js

@@ -0,0 +1,2 @@
+import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{r as b}from"./index-Cb9e4tly.js";import{g as C,a as L}from"./text-accent-CrnHOlvW.js";import{g as N}from"./text-centered-1sU8-E1D.js";import{f as V}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as q,s as T,b as R}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-Bwls0I02.js";import{g as k}from"./index-DdzHuZ-Y.js";const D="_Heading_1nyhm_4",j={Heading:D,"Heading--level-h1-normal":"_Heading--level-h1-normal_1nyhm_11","Heading--level-h1-large":"_Heading--level-h1-large_1nyhm_17","Heading--level-h2-normal":"_Heading--level-h2-normal_1nyhm_23","Heading--level-h2-large":"_Heading--level-h2-large_1nyhm_29","Heading--level-h3-normal":"_Heading--level-h3-normal_1nyhm_35","Heading--level-h3-large":"_Heading--level-h3-large_1nyhm_41","Heading--level-h4-normal":"_Heading--level-h4-normal_1nyhm_47","Heading--level-h4-large":"_Heading--level-h4-large_1nyhm_53","Heading--level-h5-normal":"_Heading--level-h5-normal_1nyhm_59","Heading--level-h5-large":"_Heading--level-h5-large_1nyhm_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_1nyhm_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_1nyhm_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_1nyhm_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_1nyhm_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_1nyhm_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_1nyhm_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_1nyhm_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_1nyhm_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_1nyhm_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_1nyhm_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_1nyhm_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_1nyhm_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_1nyhm_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_1nyhm_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_1nyhm_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_1nyhm_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_1nyhm_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_1nyhm_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_1nyhm_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_1nyhm_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_1nyhm_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_1nyhm_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_1nyhm_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_1nyhm_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_1nyhm_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_1nyhm_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_1nyhm_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_1nyhm_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_1nyhm_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_1nyhm_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_1nyhm_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_1nyhm_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_1nyhm_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_1nyhm_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_1nyhm_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_1nyhm_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_1nyhm_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_1nyhm_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_1nyhm_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_1nyhm_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_1nyhm_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_1nyhm_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_1nyhm_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_1nyhm_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_1nyhm_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_1nyhm_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_1nyhm_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_1nyhm_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_1nyhm_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_1nyhm_374","Heading--variant-massive":"_Heading--variant-massive_1nyhm_381","Heading--variant-huge":"_Heading--variant-huge_1nyhm_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_1nyhm_393","Heading--variant-large":"_Heading--variant-large_1nyhm_399","Heading--variant-medium":"_Heading--variant-medium_1nyhm_405","Heading--variant-small":"_Heading--variant-small_1nyhm_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_1nyhm_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_1nyhm_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_1nyhm_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_1nyhm_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_1nyhm_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_1nyhm_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_1nyhm_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_1nyhm_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_1nyhm_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_1nyhm_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_1nyhm_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_1nyhm_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_1nyhm_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_1nyhm_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_1nyhm_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_1nyhm_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_1nyhm_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_1nyhm_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_1nyhm_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_1nyhm_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_1nyhm_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_1nyhm_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_1nyhm_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_1nyhm_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_1nyhm_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_1nyhm_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_1nyhm_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_1nyhm_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_1nyhm_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_1nyhm_600"},r=b.forwardRef(function({children:m,variant:a,accent:l,level:e,large:g=!1,tag:v,color:n,centered:_,dataset:u,id:t,...s},h){const o=v||e||"h1",H=q(j,i.Heading,a?T("variant",a):R(`level-${e}-large`,`level-${e}-normal`,g)),y=N(_),w=C(!(l?void 0:n),l),c=L(n),p=["preply-ds-heading",...H,...y,...w,...c],f={...V(s),className:p.join(" "),...k(u,{preplyDsComponent:i.Heading}),id:t,ref:h};return x.jsx(o,{...f,children:m})});try{r.displayName="Heading",r.__docgenInfo={description:"",displayName:"Heading",props:{strong:{defaultValue:null,description:"@deprecated The appropriate `font-weight` is automatically set",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'},{value:'"accent"'},{value:'"inverted"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"accentDark"'},{value:'"placeholder"'},{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"'}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:'"massive"'},{value:'"huge"'},{value:'"extraLarge"'},{value:"ResponsiveProp<HeadingVariant>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"p"'},{value:'"span"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},level:{defaultValue:null,description:"@deprecated Use `variant` instead\n@deprecated Use `variant` instead",name:"level",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},large:{defaultValue:{value:"false"},description:`@deprecated There is no large version in Tokyo UI.
+@deprecated There is no large version in Tokyo UI.`,name:"large",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},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: HTMLHeadingElement | null) => void"},{value:"RefObject<HTMLHeadingElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as H};

package/dist/assets/{Heading-DamS8I5F.css → Heading-DeYpQLgb.css}

@@ -1 +1 @@
-._Heading_c9109_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_c9109_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_c9109_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_c9109_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_c9109_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_c9109_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_c9109_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_c9109_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_c9109_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_c9109_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_c9109_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_c9109_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_c9109_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_c9109_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_c9109_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_c9109_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_c9109_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_c9109_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_c9109_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_c9109_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_c9109_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_c9109_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_c9109_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_c9109_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_c9109_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_c9109_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_c9109_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_c9109_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_c9109_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_c9109_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_c9109_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_c9109_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_c9109_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_c9109_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_c9109_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_c9109_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_c9109_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_c9109_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_c9109_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_c9109_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_c9109_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_c9109_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_c9109_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_c9109_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_c9109_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_c9109_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_c9109_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_c9109_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_c9109_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_c9109_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_c9109_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_c9109_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_c9109_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_c9109_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_c9109_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_c9109_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_c9109_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_c9109_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_c9109_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_c9109_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_c9109_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_c9109_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_c9109_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_c9109_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_c9109_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_c9109_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_c9109_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_c9109_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_c9109_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_c9109_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_c9109_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_c9109_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_c9109_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_c9109_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_c9109_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_c9109_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_c9109_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_c9109_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_c9109_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_c9109_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_c9109_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_c9109_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_c9109_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_c9109_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_c9109_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_c9109_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_c9109_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_c9109_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_c9109_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_c9109_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_c9109_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_c9109_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_c9109_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_c9109_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_c9109_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_c9109_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_c9109_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}
+._Heading_1nyhm_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_1nyhm_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_1nyhm_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_1nyhm_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_1nyhm_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_1nyhm_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_1nyhm_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_1nyhm_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_1nyhm_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_1nyhm_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_1nyhm_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_1nyhm_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_1nyhm_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_1nyhm_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_1nyhm_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_1nyhm_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_1nyhm_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_1nyhm_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_1nyhm_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_1nyhm_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_1nyhm_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_1nyhm_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_1nyhm_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_1nyhm_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_1nyhm_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_1nyhm_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_1nyhm_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_1nyhm_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_1nyhm_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_1nyhm_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_1nyhm_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_1nyhm_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_1nyhm_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_1nyhm_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_1nyhm_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_1nyhm_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_1nyhm_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_1nyhm_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_1nyhm_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_1nyhm_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_1nyhm_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_1nyhm_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_1nyhm_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_1nyhm_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_1nyhm_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_1nyhm_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_1nyhm_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_1nyhm_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_1nyhm_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_1nyhm_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_1nyhm_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_1nyhm_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_1nyhm_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_1nyhm_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_1nyhm_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_1nyhm_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_1nyhm_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_1nyhm_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_1nyhm_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_1nyhm_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_1nyhm_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_1nyhm_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_1nyhm_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_1nyhm_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_1nyhm_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_1nyhm_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_1nyhm_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_1nyhm_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_1nyhm_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_1nyhm_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_1nyhm_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_1nyhm_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_1nyhm_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_1nyhm_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_1nyhm_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_1nyhm_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_1nyhm_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_1nyhm_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_1nyhm_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_1nyhm_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_1nyhm_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_1nyhm_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_1nyhm_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_1nyhm_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_1nyhm_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_1nyhm_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_1nyhm_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_1nyhm_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_1nyhm_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_1nyhm_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_1nyhm_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_1nyhm_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_1nyhm_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_1nyhm_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_1nyhm_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_1nyhm_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_1nyhm_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}