@preply/ds-docs 1.4.1 → 1.4.2

package/dist/assets/{Dialog.stories-Co5ymfx-.js → Dialog.stories-aheiL1C_.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 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-znehaUck.js";import{I as Re}from"./IconButton-BVECCmzA.js";import{H as Ae}from"./Heading-DJsY9vSm.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-C2edM5zk.js";import{I as Ue}from"./Icon-Br57CUad.js";import{A as Ze}from"./Avatar-_lJcmrpe.js";import{F as Ke}from"./TokyoUIInfo-DbkQBubr.js";import{L as Je}from"./LayoutFlex-CojW884p.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-DmGBqbEZ.js";import"./Spinner-DNFm01hR.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-accent-BqpJYBrf.js";import"./text-centered-BvohyNwD.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./ProgressSteps-D-uurLZS.js";import"./message-B1DLZQ1U.js";import"./constants--ewUoBsO.js";import"./layout-relative.module-B8ilmhPe.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_15hi2_56",Ge="_overlayShow_15hi2_1",Qe="_overlayHide_15hi2_1",et="_Dialog_15hi2_70",tt="_mobileContentShow_15hi2_1",ot="_mobileContentHide_15hi2_1",st="_contentShow_15hi2_1",at="_contentHide_15hi2_1",nt="_header_15hi2_402",it="_description_15hi2_428",rt="_actions_15hi2_434",m={overlay:$e,overlayShow:Ge,overlayHide:Qe,Dialog:et,mobileContentShow:tt,mobileContentHide:ot,"Dialog--size-xs":"_Dialog--size-xs_15hi2_90","Dialog--narrow-l--size-xs":"_Dialog--narrow-l--size-xs_15hi2_96","Dialog--medium-s--size-xs":"_Dialog--medium-s--size-xs_15hi2_103","Dialog--medium-l--size-xs":"_Dialog--medium-l--size-xs_15hi2_110","Dialog--wide-s--size-xs":"_Dialog--wide-s--size-xs_15hi2_117","Dialog--wide-l--size-xs":"_Dialog--wide-l--size-xs_15hi2_124","Dialog--size-sm":"_Dialog--size-sm_15hi2_130","Dialog--narrow-l--size-sm":"_Dialog--narrow-l--size-sm_15hi2_136","Dialog--medium-s--size-sm":"_Dialog--medium-s--size-sm_15hi2_143","Dialog--medium-l--size-sm":"_Dialog--medium-l--size-sm_15hi2_150","Dialog--wide-s--size-sm":"_Dialog--wide-s--size-sm_15hi2_157","Dialog--wide-l--size-sm":"_Dialog--wide-l--size-sm_15hi2_164","Dialog--size-md":"_Dialog--size-md_15hi2_170","Dialog--narrow-l--size-md":"_Dialog--narrow-l--size-md_15hi2_176","Dialog--medium-s--size-md":"_Dialog--medium-s--size-md_15hi2_183","Dialog--medium-l--size-md":"_Dialog--medium-l--size-md_15hi2_190","Dialog--wide-s--size-md":"_Dialog--wide-s--size-md_15hi2_197","Dialog--wide-l--size-md":"_Dialog--wide-l--size-md_15hi2_204","Dialog--size-lg":"_Dialog--size-lg_15hi2_210","Dialog--narrow-l--size-lg":"_Dialog--narrow-l--size-lg_15hi2_216","Dialog--medium-s--size-lg":"_Dialog--medium-s--size-lg_15hi2_223","Dialog--medium-l--size-lg":"_Dialog--medium-l--size-lg_15hi2_230","Dialog--wide-s--size-lg":"_Dialog--wide-s--size-lg_15hi2_237","Dialog--wide-l--size-lg":"_Dialog--wide-l--size-lg_15hi2_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:Se})=>{const{formatMessage:we}=Le(),_e=Ve(),ze=We(Se,{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:we(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-G5Zxq86f.js";import{I as Re}from"./IconButton-iyWiUe9X.js";import{H as Ae}from"./Heading-BDNRMwVu.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-DbST4vmL.js";import{I as Ue}from"./Icon-DAQd7Eod.js";import{A as Ze}from"./Avatar-lFZ8Cfpv.js";import{F as Ke}from"./TokyoUIInfo-DbkQBubr.js";import{L as Je}from"./LayoutFlex-BaXqezhY.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-Desxs10d.js";import"./Spinner-C3p2WoxW.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-accent-DbbdQjKI.js";import"./text-centered-6MZg9O0U.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./ProgressSteps-CVWVi5_G.js";import"./message-B1DLZQ1U.js";import"./constants--ewUoBsO.js";import"./layout-relative.module-CYNzEGVH.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_1u61m_56",Ge="_overlayShow_1u61m_1",Qe="_overlayHide_1u61m_1",et="_Dialog_1u61m_70",tt="_mobileContentShow_1u61m_1",ot="_mobileContentHide_1u61m_1",st="_contentShow_1u61m_1",at="_contentHide_1u61m_1",nt="_header_1u61m_402",it="_description_1u61m_428",rt="_actions_1u61m_434",g={overlay:$e,overlayShow:Ge,overlayHide:Qe,Dialog:et,mobileContentShow:tt,mobileContentHide:ot,"Dialog--size-xs":"_Dialog--size-xs_1u61m_90","Dialog--narrow-l--size-xs":"_Dialog--narrow-l--size-xs_1u61m_96","Dialog--medium-s--size-xs":"_Dialog--medium-s--size-xs_1u61m_103","Dialog--medium-l--size-xs":"_Dialog--medium-l--size-xs_1u61m_110","Dialog--wide-s--size-xs":"_Dialog--wide-s--size-xs_1u61m_117","Dialog--wide-l--size-xs":"_Dialog--wide-l--size-xs_1u61m_124","Dialog--size-sm":"_Dialog--size-sm_1u61m_130","Dialog--narrow-l--size-sm":"_Dialog--narrow-l--size-sm_1u61m_136","Dialog--medium-s--size-sm":"_Dialog--medium-s--size-sm_1u61m_143","Dialog--medium-l--size-sm":"_Dialog--medium-l--size-sm_1u61m_150","Dialog--wide-s--size-sm":"_Dialog--wide-s--size-sm_1u61m_157","Dialog--wide-l--size-sm":"_Dialog--wide-l--size-sm_1u61m_164","Dialog--size-md":"_Dialog--size-md_1u61m_170","Dialog--narrow-l--size-md":"_Dialog--narrow-l--size-md_1u61m_176","Dialog--medium-s--size-md":"_Dialog--medium-s--size-md_1u61m_183","Dialog--medium-l--size-md":"_Dialog--medium-l--size-md_1u61m_190","Dialog--wide-s--size-md":"_Dialog--wide-s--size-md_1u61m_197","Dialog--wide-l--size-md":"_Dialog--wide-l--size-md_1u61m_204","Dialog--size-lg":"_Dialog--size-lg_1u61m_210","Dialog--narrow-l--size-lg":"_Dialog--narrow-l--size-lg_1u61m_216","Dialog--medium-s--size-lg":"_Dialog--medium-s--size-lg_1u61m_223","Dialog--medium-l--size-lg":"_Dialog--medium-l--size-lg_1u61m_230","Dialog--wide-s--size-lg":"_Dialog--wide-s--size-lg_1u61m_237","Dialog--wide-l--size-lg":"_Dialog--wide-l--size-lg_1u61m_244",contentShow:st,contentHide:at,header:nt,description:it,actions:rt},lt=({open:s,title:o,description:t,children:a,size:d="md",hideHeader:m,onClose:y,dataset:Se})=>{const{formatMessage:we}=Le(),_e=Ve(),ze=We(Se,{preplyDsComponent:I.Dialog}),be=qe(g,I.Dialog,[Me("size",d)]).join(" "),Oe=n.useCallback(je=>{je||y==null||y()},[y]);return e.jsx(Te,{open:s,onOpenChange:Oe,children:e.jsxs(Be,{container:_e,children:[e.jsx(Pe,{className:g.overlay,"data-testid":"dialog-overlay"}),e.jsxs(Ie,{...ze,className:be,children:[e.jsxs("header",{className:g.header,children:[e.jsxs("hgroup",{hidden:m,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:g.description,children:t})})]}),e.jsx(Fe,{asChild:!0,children:e.jsx(Re,{variant:"ghost",dataset:{testid:"dialog-close"},assistiveText:we(Ne.close),svg:Ye})})]}),a]})]})})},dt=({primaryLabel:s,secondaryLabel:o,onPrimaryClick:t,onSecondaryClick:a})=>e.jsxs("div",{className:g.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: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:`
+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},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:`
 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:
 
@@ -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()))})}},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(){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 m=t.getByTestId("dialog-close");return await T.click(m),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 m=t.getByTestId("dialog-overlay");return await T.click(m),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;h.parameters={...h.parameters,docs:{...(H=h.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=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:`{
+}`,...(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:`{
   render: function Story() {
     const [open, setOpen] = useState(false);
     return <>
@@ -330,7 +330,7 @@ Note: This is done using a \\\`useEffect\\\` just for the sake of the story. In
             </div>;
   },
   play: openDialogPlay
-}`,...(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:`{
+}`,...(ue=(pe=b.parameters)==null?void 0:pe.docs)==null?void 0:ue.source}}};var me,ge,ye;O.parameters={...O.parameters,docs:{...(me=O.parameters)==null?void 0:me.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
       });
     });
   }
-}`,...(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:`{
+}`,...(ye=(ge=O.parameters)==null?void 0:ge.docs)==null?void 0:ye.source}}};var he,fe,ve;j.parameters={...j.parameters,docs:{...(he=j.parameters)==null?void 0:he.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=k.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{y as ExtraSmall,x as Large,v as Medium,C as Responsive,f as Small,O as TestCloseButton,k as TestCloseKeyboard,j as TestCloseOverlay,S as WithActions,z as WithAvatarInTitle,D as WithHiddenHeader,_ as WithIconInTitle,w as WithSteps,b as WithZIndexOverride,$t as __namedExportsOrder,Yt as default};
+}`,...(De=(Ce=k.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,k as TestCloseKeyboard,j as TestCloseOverlay,S as WithActions,z as WithAvatarInTitle,D as WithHiddenHeader,_ as WithIconInTitle,w as WithSteps,b as WithZIndexOverride,$t as __namedExportsOrder,Yt as default};

package/dist/assets/{DocsRenderer-CFRXHY34-B1Udjgvc.js → DocsRenderer-CFRXHY34-C7iNFBWT.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-D9FBaTKu.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-CN8MkqPu.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-DbVfH8B5.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-UAdYqHL0.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-Die4PBVq.js → FieldAdditionalText-CK-mP7eE.js}

@@ -1 +1 @@
-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_xsvgp_4",_={FieldAdditionalText:p,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_xsvgp_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_xsvgp_14"},i=({id:e,variant:t=m,children:d})=>{const l=o(_,a.FieldAdditionalText,[n("variant",t)]);return r.jsx("p",{id:e,className:l.join(" "),...s(void 0,{preplyDsComponent:a.FieldAdditionalText}),children:d})};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_1hle4_4",_={FieldAdditionalText:p,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_1hle4_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_1hle4_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-DmrAhCSm.css

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

package/dist/assets/{FieldAdditionalText.stories-BPTKuFmF.js → FieldAdditionalText.stories-JWcqGRDw.js}

@@ -1,4 +1,4 @@
-import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./FieldAdditionalText-Die4PBVq.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-CK-mP7eE.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-XtDXwnax.js → FieldButton-B9DsbnCd.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_midf2_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_dysk8_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-D95l0ZqE.css → FieldButton-ClSNKPdl.css}

@@ -1 +1 @@
-._FieldButton_midf2_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_midf2_4:hover{background-color:var(--0bbea4)}}._FieldButton_midf2_4:active{background-color:var(--33e933)}._FieldButton_midf2_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._FieldButton_midf2_4 svg{width:var(--f02c4e);height:var(--f02c4e)}
+._FieldButton_dysk8_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_dysk8_4:hover{background-color:var(--0bbea4)}}._FieldButton_dysk8_4:active{background-color:var(--33e933)}._FieldButton_dysk8_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._FieldButton_dysk8_4 svg{width:var(--f02c4e);height:var(--f02c4e)}

package/dist/assets/{FieldButton.stories-7KYed0Ix.js → FieldButton.stories-B5JDNmNP.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-XtDXwnax.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-B9DsbnCd.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-xpRx1mGJ.js → FieldLayout-2zlcC5-S.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-V0BYOPiv.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_fa7oo_5","FieldLayout--icon":"_FieldLayout--icon_fa7oo_42","FieldLayout--has-icon":"_FieldLayout--has-icon_fa7oo_55","FieldLayout--has-button":"_FieldLayout--has-button_fa7oo_58","FieldLayout--has-error":"_FieldLayout--has-error_fa7oo_61","FieldLayout--is-focused":"_FieldLayout--is-focused_fa7oo_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_fa7oo_76"},N=({id:m,className:c,input:L,icon:n,button:v,disabled:p,isFocused:f,hasError:y,inputHandle:e,onClick:r,preplyDsComponent:F,..._},q)=>{const l=d.useRef(null);d.useImperativeHandle(q,()=>({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)]),V=c?[c,...h]:h,g=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:V.join(" "),disabled:p,isFocused:f,hasError:y,..._,preplyDsComponent:F??t.FieldLayout,ref:l,children:s.jsxs("div",{className:g.join(" "),onClick:E,children:[n&&s.jsx("span",{className:C.join(" "),children:n}),L,v]})})},b=d.forwardRef(N);try{b.displayName="FieldLayout",b.__docgenInfo={description:"A component for building custom fields.",displayName:"FieldLayout",props:{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"}]}},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"}},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"}]}},required:{defaultValue:null,description:"",name:"required",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"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},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{b 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-0r0SpleC.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_93kt2_5","FieldLayout--icon":"_FieldLayout--icon_93kt2_42","FieldLayout--has-icon":"_FieldLayout--has-icon_93kt2_55","FieldLayout--has-button":"_FieldLayout--has-button_93kt2_58","FieldLayout--has-error":"_FieldLayout--has-error_93kt2_61","FieldLayout--is-focused":"_FieldLayout--is-focused_93kt2_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_93kt2_76"},N=({id:m,className:c,input:L,icon:n,button:v,disabled:p,isFocused:f,hasError:y,inputHandle:e,onClick:r,preplyDsComponent:F,..._},q)=>{const l=d.useRef(null);d.useImperativeHandle(q,()=>({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)]),V=c?[c,...h]:h,g=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:V.join(" "),disabled:p,isFocused:f,hasError:y,..._,preplyDsComponent:F??t.FieldLayout,ref:l,children:s.jsxs("div",{className:g.join(" "),onClick:E,children:[n&&s.jsx("span",{className:C.join(" "),children:n}),L,v]})})},b=d.forwardRef(N);try{b.displayName="FieldLayout",b.__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"}]}},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"}]}},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"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",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"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},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{b as F};

package/dist/assets/FieldLayout-ayailSRB.css

@@ -0,0 +1 @@
+._FieldLayout--input_93kt2_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_93kt2_5:hover input,._FieldLayout--input_93kt2_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_93kt2_5 input,._FieldLayout--input_93kt2_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_93kt2_5 input::placeholder,._FieldLayout--input_93kt2_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_93kt2_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_93kt2_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_93kt2_55 ._FieldLayout--input_93kt2_5 input{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_93kt2_58 ._FieldLayout--input_93kt2_5 input{padding-right:58px}._FieldLayout--has-error_93kt2_61 ._FieldLayout--input_93kt2_5{background-color:var(--95df5b)}._FieldLayout--has-error_93kt2_61 ._FieldLayout--input_93kt2_5 input,._FieldLayout--has-error_93kt2_61 ._FieldLayout--input_93kt2_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_93kt2_61 ._FieldLayout--icon_93kt2_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_93kt2_72 ._FieldLayout--input_93kt2_5 input,._FieldLayout--is-focused_93kt2_72 ._FieldLayout--input_93kt2_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_93kt2_76 ._FieldLayout--input_93kt2_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_93kt2_76 ._FieldLayout--input_93kt2_5 input,._FieldLayout--is-disabled_93kt2_76 ._FieldLayout--input_93kt2_5 textarea{border-color:transparent}._FieldLayout--input_93kt2_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-C14Em5UG.js → FieldLayout.stories-oIX7x6Q6.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-XtDXwnax.js";import{I as re}from"./Icon-Br57CUad.js";import{I as te}from"./InputText-vDqY25St.js";import{F as h}from"./FieldLayout-xpRx1mGJ.js";import{B as Q}from"./Button-znehaUck.js";import{T as ae}from"./Text-CHUOSFiB.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-BqpJYBrf.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./FieldLayoutBase-V0BYOPiv.js";import"./FieldAdditionalText-Die4PBVq.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-DmGBqbEZ.js";import"./Spinner-DNFm01hR.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-centered-BvohyNwD.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-B9DsbnCd.js";import{I as re}from"./Icon-DAQd7Eod.js";import{I as te}from"./InputText-IEjR9ee0.js";import{F as h}from"./FieldLayout-2zlcC5-S.js";import{B as Q}from"./Button-G5Zxq86f.js";import{T as ae}from"./Text-D3ATKGXs.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-DbbdQjKI.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./FieldLayoutBase-0r0SpleC.js";import"./FieldAdditionalText-CK-mP7eE.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-Desxs10d.js";import"./Spinner-C3p2WoxW.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-centered-6MZg9O0U.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-V0BYOPiv.js → FieldLayoutBase-0r0SpleC.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-Die4PBVq.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:c,disabled:p,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:p,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:c,disabled:p},...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:'"select"'},{value:'"textarea"'},{value:'"time"'},{value:'"email"'},{value:'"tel"'},{value:'"text"'},{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:'"new-password"'},{value:'"current-password"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'}]}},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 B,g as z,b as H}from"./useForcedRef--iGFM41p.js";import{g as N}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-CK-mP7eE.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:c,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:E,readOnly:p,disabled:v,dataset:h,preplyDsComponent:g}=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=B({disabled:v,captureChildEvents:!0,onBlur:c,onFocus:d}),I=w[l]||"input",k=I===l in w?void 0:l,P={...{ref:s,type:k,id:n,name:t,className:r,...j,onChange:i||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:E,readOnly:p,disabled:v},...H(e),...N(h,{preplyDsComponent:g}),...z(e)};return u.jsx(I,{...P,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"'}]}},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"}]}},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_cit1c_4",U="_InputPassword_cit1c_11",G="_InputDate_cit1c_18",J="_InputTime_cit1c_25",X="_InputNumber_cit1c_32",$="_Textarea_cit1c_39",Y="_Checkbox_cit1c_58",Q="_Radio_cit1c_61",W="_Select_cit1c_64",_e={InputText:O,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"_Textarea--resize-none_cit1c_46","Textarea--resize-vertical":"_Textarea--resize-vertical_cit1c_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_cit1c_52","Textarea--resize-both":"_Textarea--resize-both_cit1c_55",Checkbox:Y,Radio:Q,Select:W},Z="_FieldLabel_11syn_4",L={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_11syn_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_11syn_22","FieldLabel--required":"_FieldLabel--required_11syn_26","FieldLabel--hide":"_FieldLabel--hide_11syn_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"}]}},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"'}]}},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"'}]}},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_14uya_4",U="_InputPassword_14uya_11",G="_InputDate_14uya_18",J="_InputTime_14uya_25",X="_InputNumber_14uya_32",$="_Textarea_14uya_39",Y="_Checkbox_14uya_58",Q="_Radio_14uya_61",W="_Select_14uya_64",_e={InputText:O,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"_Textarea--resize-none_14uya_46","Textarea--resize-vertical":"_Textarea--resize-vertical_14uya_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_14uya_52","Textarea--resize-both":"_Textarea--resize-both_14uya_55",Checkbox:Y,Radio:Q,Select:W},Z="_FieldLabel_g68kx_4",L={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_g68kx_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_g68kx_22","FieldLabel--required":"_FieldLabel--required_g68kx_26","FieldLabel--hide":"_FieldLabel--hide_g68kx_31"},x="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,x,["required"]);return u.jsxs("span",{className:a.join(" "),children:[u.jsx("span",{children:ee}),u.jsx("span",{children:e})]})},ue=()=>{const e=D(L,x,["wrapGap"]);return u.jsx("span",{className:e.join(" ")})},V=({id:e,label:a,hideLabel:l,wrapLabel:n=!1,required:t,requiredLabel:r})=>{const i=T(L,x,[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{V.displayName="FieldLabel",V.__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_6riib_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 c=[...T(te,re)];a&&c.push(a);const p={className:c.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",{...p,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_hgvza_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=[...T(te,re)];a&&p.push(a);const v={className:p.join(" "),...N(y,{preplyDsComponent:_})},h={id:e,label:l,hideLabel:n,wrapLabel:t,required:r,requiredLabel:i},g=!d&&c?u.jsx("span",{children:" "}):void 0,s=f?"error":"normal";return u.jsxs("div",{...v,ref:q,children:[u.jsx(V,{...h}),b,d&&u.jsx(S,{id:`${e}-desc`,variant:s,children:d}),g]})},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};

package/dist/assets/FieldLayoutBase-DaHOfSqh.css

@@ -0,0 +1 @@
+._InputText_14uya_4,._InputPassword_14uya_11,._InputDate_14uya_18,._InputTime_14uya_25,._InputNumber_14uya_32,._Textarea_14uya_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_14uya_46{resize:none}._Textarea--resize-vertical_14uya_49{resize:vertical}._Textarea--resize-horizontal_14uya_52{resize:horizontal}._Textarea--resize-both_14uya_55{resize:both}._Checkbox_14uya_58,._Radio_14uya_61{display:inline-block}._Select_14uya_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._FieldLabel_g68kx_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_g68kx_19{display:inline}._FieldLabel--wrapGap_g68kx_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_g68kx_26{display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_g68kx_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_hgvza_2{display:flex;flex-direction:column;gap:var(--6947b0)}._FieldLayoutBase_hgvza_2 input,._FieldLayoutBase_hgvza_2 textarea{display:block;width:100%}

package/dist/assets/Heading-BDNRMwVu.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-DbbdQjKI.js";import{g as N}from"./text-centered-6MZg9O0U.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_av3vf_4",j={Heading:D,"Heading--level-h1-normal":"_Heading--level-h1-normal_av3vf_11","Heading--level-h1-large":"_Heading--level-h1-large_av3vf_17","Heading--level-h2-normal":"_Heading--level-h2-normal_av3vf_23","Heading--level-h2-large":"_Heading--level-h2-large_av3vf_29","Heading--level-h3-normal":"_Heading--level-h3-normal_av3vf_35","Heading--level-h3-large":"_Heading--level-h3-large_av3vf_41","Heading--level-h4-normal":"_Heading--level-h4-normal_av3vf_47","Heading--level-h4-large":"_Heading--level-h4-large_av3vf_53","Heading--level-h5-normal":"_Heading--level-h5-normal_av3vf_59","Heading--level-h5-large":"_Heading--level-h5-large_av3vf_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_av3vf_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_av3vf_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_av3vf_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_av3vf_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_av3vf_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_av3vf_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_av3vf_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_av3vf_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_av3vf_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_av3vf_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_av3vf_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_av3vf_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_av3vf_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_av3vf_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_av3vf_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_av3vf_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_av3vf_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_av3vf_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_av3vf_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_av3vf_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_av3vf_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_av3vf_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_av3vf_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_av3vf_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_av3vf_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_av3vf_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_av3vf_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_av3vf_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_av3vf_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_av3vf_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_av3vf_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_av3vf_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_av3vf_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_av3vf_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_av3vf_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_av3vf_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_av3vf_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_av3vf_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_av3vf_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_av3vf_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_av3vf_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_av3vf_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_av3vf_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_av3vf_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_av3vf_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_av3vf_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_av3vf_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_av3vf_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_av3vf_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_av3vf_374","Heading--variant-massive":"_Heading--variant-massive_av3vf_381","Heading--variant-huge":"_Heading--variant-huge_av3vf_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_av3vf_393","Heading--variant-large":"_Heading--variant-large_av3vf_399","Heading--variant-medium":"_Heading--variant-medium_av3vf_405","Heading--variant-small":"_Heading--variant-small_av3vf_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_av3vf_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_av3vf_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_av3vf_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_av3vf_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_av3vf_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_av3vf_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_av3vf_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_av3vf_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_av3vf_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_av3vf_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_av3vf_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_av3vf_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_av3vf_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_av3vf_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_av3vf_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_av3vf_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_av3vf_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_av3vf_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_av3vf_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_av3vf_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_av3vf_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_av3vf_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_av3vf_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_av3vf_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_av3vf_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_av3vf_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_av3vf_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_av3vf_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_av3vf_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_av3vf_600"},v=b.forwardRef(function({children:d,variant:a,accent:l,level:e,large:g=!1,tag:m,color:n,centered:_,dataset:u,id:t,...s},o){const H=m||e||"h1",h=q(j,i.Heading,a?T("variant",a):R(`level-${e}-large`,`level-${e}-normal`,g)),f=N(_),w=C(!(l?void 0:n),l),c=L(n),p=["preply-ds-heading",...h,...f,...w,...c],y={...V(s),className:p.join(" "),...k(u,{preplyDsComponent:i.Heading}),id:t,ref:o};return x.jsx(H,{...y,children:d})});try{v.displayName="Heading",v.__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:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use `accent` instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-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:'"large"'},{value:'"medium"'},{value:'"small"'},{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{v as H};

package/dist/assets/{Heading-Ckaft8cb.css → Heading-DhbbSS03.css}

@@ -1 +1 @@
-._Heading_5qzgj_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_5qzgj_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_5qzgj_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_5qzgj_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_5qzgj_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_5qzgj_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_5qzgj_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_5qzgj_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_5qzgj_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_5qzgj_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_5qzgj_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_5qzgj_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_5qzgj_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_5qzgj_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_5qzgj_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_5qzgj_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_5qzgj_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_5qzgj_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_5qzgj_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_5qzgj_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_5qzgj_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_5qzgj_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_5qzgj_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_5qzgj_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_5qzgj_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_5qzgj_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_5qzgj_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_5qzgj_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_5qzgj_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_5qzgj_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_5qzgj_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_5qzgj_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_5qzgj_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_5qzgj_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_5qzgj_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_5qzgj_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_5qzgj_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_5qzgj_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_5qzgj_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_5qzgj_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_5qzgj_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_5qzgj_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_5qzgj_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_5qzgj_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_5qzgj_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_5qzgj_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_5qzgj_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_5qzgj_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_5qzgj_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_5qzgj_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_5qzgj_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_5qzgj_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_5qzgj_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_5qzgj_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_5qzgj_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_5qzgj_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_5qzgj_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_5qzgj_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_5qzgj_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_5qzgj_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_5qzgj_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_5qzgj_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_5qzgj_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_5qzgj_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_5qzgj_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_5qzgj_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_5qzgj_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_5qzgj_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_5qzgj_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_5qzgj_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_5qzgj_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_5qzgj_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_5qzgj_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_5qzgj_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_5qzgj_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_5qzgj_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_5qzgj_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_5qzgj_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_5qzgj_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_5qzgj_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_5qzgj_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_5qzgj_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_5qzgj_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_5qzgj_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_5qzgj_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_5qzgj_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_5qzgj_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_5qzgj_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_5qzgj_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_5qzgj_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_5qzgj_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_5qzgj_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_5qzgj_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_5qzgj_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_5qzgj_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_5qzgj_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_5qzgj_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}
+._Heading_av3vf_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_av3vf_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_av3vf_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_av3vf_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_av3vf_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_av3vf_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_av3vf_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_av3vf_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_av3vf_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_av3vf_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_av3vf_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_av3vf_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_av3vf_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_av3vf_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_av3vf_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_av3vf_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_av3vf_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_av3vf_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_av3vf_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_av3vf_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_av3vf_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_av3vf_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_av3vf_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_av3vf_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_av3vf_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_av3vf_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_av3vf_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_av3vf_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_av3vf_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_av3vf_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_av3vf_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_av3vf_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_av3vf_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_av3vf_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_av3vf_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_av3vf_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_av3vf_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_av3vf_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_av3vf_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_av3vf_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_av3vf_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_av3vf_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_av3vf_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_av3vf_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_av3vf_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_av3vf_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_av3vf_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_av3vf_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_av3vf_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_av3vf_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_av3vf_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_av3vf_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_av3vf_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_av3vf_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_av3vf_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_av3vf_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_av3vf_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_av3vf_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_av3vf_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_av3vf_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_av3vf_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_av3vf_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_av3vf_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_av3vf_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_av3vf_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_av3vf_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_av3vf_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_av3vf_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_av3vf_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_av3vf_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_av3vf_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_av3vf_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_av3vf_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_av3vf_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_av3vf_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_av3vf_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_av3vf_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_av3vf_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_av3vf_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_av3vf_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_av3vf_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_av3vf_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_av3vf_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_av3vf_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_av3vf_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_av3vf_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_av3vf_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_av3vf_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_av3vf_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_av3vf_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_av3vf_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_av3vf_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_av3vf_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_av3vf_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_av3vf_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_av3vf_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_av3vf_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}

package/dist/assets/{Heading.stories-DRJ0yv7j.js → Heading.stories-BW49vEiT.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-DJsY9vSm.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-BqpJYBrf.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-BvohyNwD.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";const f={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(l,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:l()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-BDNRMwVu.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DbbdQjKI.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-6MZg9O0U.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";const f={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(l,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:l()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
   padding: '16px',
   display: 'grid',
   gridTemplateColumns: 'auto 3fr',

package/dist/assets/Icon-COBslmJH.css

@@ -0,0 +1 @@
+._ExpColor_1sbgg_3._ExpColor--exp-color-grey-0_1sbgg_3{color:var(--d751dc)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-50_1sbgg_6{color:var(--d4e1b8)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-100_1sbgg_9{color:var(--e986ec)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-200_1sbgg_12{color:var(--8a8cb8)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-300_1sbgg_15{color:var(--e7dcf4)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-400_1sbgg_18{color:var(--d48a93)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-500_1sbgg_21{color:var(--9b582c)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-600_1sbgg_24{color:var(--bd0a12)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-700_1sbgg_27{color:var(--5540cb)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-800_1sbgg_30{color:var(--3f9d59)}._ExpColor_1sbgg_3._ExpColor--exp-color-grey-900_1sbgg_33{color:var(--0d2c1d)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-50_1sbgg_36{color:var(--696262)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-100_1sbgg_39{color:var(--2a8bdc)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-200_1sbgg_42{color:var(--9c55fe)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-300_1sbgg_45{color:var(--55b1b2)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-400_1sbgg_48{color:var(--e2e617)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-500_1sbgg_51{color:var(--28075b)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-600_1sbgg_54{color:var(--0d21bc)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-700_1sbgg_57{color:var(--dcc28c)}._ExpColor_1sbgg_3._ExpColor--exp-color-pink-800_1sbgg_60{color:var(--e2ccaa)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-50_1sbgg_63{color:var(--f73f81)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-100_1sbgg_66{color:var(--05c737)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-200_1sbgg_69{color:var(--32d8a2)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-300_1sbgg_72{color:var(--92f9a7)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-400_1sbgg_75{color:var(--4db3c1)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-500_1sbgg_78{color:var(--2d6e08)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-600_1sbgg_81{color:var(--2db5c2)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-700_1sbgg_84{color:var(--b31329)}._ExpColor_1sbgg_3._ExpColor--exp-color-yellow-800_1sbgg_87{color:var(--66ebdf)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-50_1sbgg_90{color:var(--6ae6f0)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-100_1sbgg_93{color:var(--b916ba)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-200_1sbgg_96{color:var(--c6fc9c)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-300_1sbgg_99{color:var(--b773b2)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-400_1sbgg_102{color:var(--e848c4)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-500_1sbgg_105{color:var(--e57766)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-600_1sbgg_108{color:var(--fdf041)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-700_1sbgg_111{color:var(--cd5904)}._ExpColor_1sbgg_3._ExpColor--exp-color-blue-800_1sbgg_114{color:var(--440fc3)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-50_1sbgg_117{color:var(--9fac3a)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-100_1sbgg_120{color:var(--32b0b3)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-200_1sbgg_123{color:var(--873ad3)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-300_1sbgg_126{color:var(--202011)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-400_1sbgg_129{color:var(--4f3eb4)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-500_1sbgg_132{color:var(--c47d0d)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-600_1sbgg_135{color:var(--985403)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-700_1sbgg_138{color:var(--2c9147)}._ExpColor_1sbgg_3._ExpColor--exp-color-teal-800_1sbgg_141{color:var(--0d9ea5)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-50_1sbgg_144{color:var(--f951e9)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-100_1sbgg_147{color:var(--3aa891)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-200_1sbgg_150{color:var(--ba4c34)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-300_1sbgg_153{color:var(--943cfc)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-400_1sbgg_156{color:var(--8af651)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-500_1sbgg_159{color:var(--f5bfe7)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-600_1sbgg_162{color:var(--1bd221)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-700_1sbgg_165{color:var(--38cd90)}._ExpColor_1sbgg_3._ExpColor--exp-color-red-800_1sbgg_168{color:var(--e9fcc6)}._Icon_1apu0_4{display:inline-block;vertical-align:text-top}._Icon_1apu0_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_1apu0_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_1apu0_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_1apu0_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_1apu0_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_1apu0_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_1apu0_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_1apu0_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_1apu0_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_1apu0_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}

package/dist/assets/Icon-DAQd7Eod.js

@@ -0,0 +1,8 @@
+import{j as f}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{g as I,a as k}from"./text-accent-DbbdQjKI.js";import{f as h}from"./filterHTMLAttributes-DYdLqcvH.js";import{r as N}from"./render-icon-BT0Aq7PA.js";import{m as x,s as z,b as V}from"./classNames-BUL1Zq7e.js";import{w as s}from"./componentNames-Bwls0I02.js";import{g as T}from"./index-DdzHuZ-Y.js";import{I as S}from"./defaults-B1rzzf6M.js";const q="_Icon_1apu0_4",U={Icon:q,"Icon--size-2xs":"_Icon--size-2xs_1apu0_16","Icon--size-xs":"_Icon--size-xs_1apu0_22","Icon--size-s":"_Icon--size-s_1apu0_28","Icon--size-m":"_Icon--size-m_1apu0_34","Icon--size-l":"_Icon--size-l_1apu0_40","Icon--size-16":"_Icon--size-16_1apu0_46","Icon--size-24":"_Icon--size-24_1apu0_52","Icon--size-32":"_Icon--size-32_1apu0_58","Icon--size-48":"_Icon--size-48_1apu0_64"},P="_ExpColor_1sbgg_3",R={ExpColor:P,"ExpColor--exp-color-grey-0":"_ExpColor--exp-color-grey-0_1sbgg_3","ExpColor--exp-color-grey-50":"_ExpColor--exp-color-grey-50_1sbgg_6","ExpColor--exp-color-grey-100":"_ExpColor--exp-color-grey-100_1sbgg_9","ExpColor--exp-color-grey-200":"_ExpColor--exp-color-grey-200_1sbgg_12","ExpColor--exp-color-grey-300":"_ExpColor--exp-color-grey-300_1sbgg_15","ExpColor--exp-color-grey-400":"_ExpColor--exp-color-grey-400_1sbgg_18","ExpColor--exp-color-grey-500":"_ExpColor--exp-color-grey-500_1sbgg_21","ExpColor--exp-color-grey-600":"_ExpColor--exp-color-grey-600_1sbgg_24","ExpColor--exp-color-grey-700":"_ExpColor--exp-color-grey-700_1sbgg_27","ExpColor--exp-color-grey-800":"_ExpColor--exp-color-grey-800_1sbgg_30","ExpColor--exp-color-grey-900":"_ExpColor--exp-color-grey-900_1sbgg_33","ExpColor--exp-color-pink-50":"_ExpColor--exp-color-pink-50_1sbgg_36","ExpColor--exp-color-pink-100":"_ExpColor--exp-color-pink-100_1sbgg_39","ExpColor--exp-color-pink-200":"_ExpColor--exp-color-pink-200_1sbgg_42","ExpColor--exp-color-pink-300":"_ExpColor--exp-color-pink-300_1sbgg_45","ExpColor--exp-color-pink-400":"_ExpColor--exp-color-pink-400_1sbgg_48","ExpColor--exp-color-pink-500":"_ExpColor--exp-color-pink-500_1sbgg_51","ExpColor--exp-color-pink-600":"_ExpColor--exp-color-pink-600_1sbgg_54","ExpColor--exp-color-pink-700":"_ExpColor--exp-color-pink-700_1sbgg_57","ExpColor--exp-color-pink-800":"_ExpColor--exp-color-pink-800_1sbgg_60","ExpColor--exp-color-yellow-50":"_ExpColor--exp-color-yellow-50_1sbgg_63","ExpColor--exp-color-yellow-100":"_ExpColor--exp-color-yellow-100_1sbgg_66","ExpColor--exp-color-yellow-200":"_ExpColor--exp-color-yellow-200_1sbgg_69","ExpColor--exp-color-yellow-300":"_ExpColor--exp-color-yellow-300_1sbgg_72","ExpColor--exp-color-yellow-400":"_ExpColor--exp-color-yellow-400_1sbgg_75","ExpColor--exp-color-yellow-500":"_ExpColor--exp-color-yellow-500_1sbgg_78","ExpColor--exp-color-yellow-600":"_ExpColor--exp-color-yellow-600_1sbgg_81","ExpColor--exp-color-yellow-700":"_ExpColor--exp-color-yellow-700_1sbgg_84","ExpColor--exp-color-yellow-800":"_ExpColor--exp-color-yellow-800_1sbgg_87","ExpColor--exp-color-blue-50":"_ExpColor--exp-color-blue-50_1sbgg_90","ExpColor--exp-color-blue-100":"_ExpColor--exp-color-blue-100_1sbgg_93","ExpColor--exp-color-blue-200":"_ExpColor--exp-color-blue-200_1sbgg_96","ExpColor--exp-color-blue-300":"_ExpColor--exp-color-blue-300_1sbgg_99","ExpColor--exp-color-blue-400":"_ExpColor--exp-color-blue-400_1sbgg_102","ExpColor--exp-color-blue-500":"_ExpColor--exp-color-blue-500_1sbgg_105","ExpColor--exp-color-blue-600":"_ExpColor--exp-color-blue-600_1sbgg_108","ExpColor--exp-color-blue-700":"_ExpColor--exp-color-blue-700_1sbgg_111","ExpColor--exp-color-blue-800":"_ExpColor--exp-color-blue-800_1sbgg_114","ExpColor--exp-color-teal-50":"_ExpColor--exp-color-teal-50_1sbgg_117","ExpColor--exp-color-teal-100":"_ExpColor--exp-color-teal-100_1sbgg_120","ExpColor--exp-color-teal-200":"_ExpColor--exp-color-teal-200_1sbgg_123","ExpColor--exp-color-teal-300":"_ExpColor--exp-color-teal-300_1sbgg_126","ExpColor--exp-color-teal-400":"_ExpColor--exp-color-teal-400_1sbgg_129","ExpColor--exp-color-teal-500":"_ExpColor--exp-color-teal-500_1sbgg_132","ExpColor--exp-color-teal-600":"_ExpColor--exp-color-teal-600_1sbgg_135","ExpColor--exp-color-teal-700":"_ExpColor--exp-color-teal-700_1sbgg_138","ExpColor--exp-color-teal-800":"_ExpColor--exp-color-teal-800_1sbgg_141","ExpColor--exp-color-red-50":"_ExpColor--exp-color-red-50_1sbgg_144","ExpColor--exp-color-red-100":"_ExpColor--exp-color-red-100_1sbgg_147","ExpColor--exp-color-red-200":"_ExpColor--exp-color-red-200_1sbgg_150","ExpColor--exp-color-red-300":"_ExpColor--exp-color-red-300_1sbgg_153","ExpColor--exp-color-red-400":"_ExpColor--exp-color-red-400_1sbgg_156","ExpColor--exp-color-red-500":"_ExpColor--exp-color-red-500_1sbgg_159","ExpColor--exp-color-red-600":"_ExpColor--exp-color-red-600_1sbgg_162","ExpColor--exp-color-red-700":"_ExpColor--exp-color-red-700_1sbgg_165","ExpColor--exp-color-red-800":"_ExpColor--exp-color-red-800_1sbgg_168"},j="ExpColor",A=o=>x(R,j,[z("exp-color",o)]),u=w.forwardRef(function({svg:r,size:e=S,accent:l,expColor:n,color:c,label:a,dataset:t,..._},g){const p=!Number.isNaN(Number(e)),i=p?{width:`${e}px`,height:`${e}px`}:{},v=x(U,s.Icon,[V(`size-${e}`,void 0,!p)]),C=l?void 0:c,E=I(!1,l),d=k(C),b=l?[]:A(n),y=[...v,...E,...d,...b],m={...h(_),className:y.join(" "),...T(t,{preplyDsComponent:s.Icon}),ref:g};if(!r)throw new Error("Icon prop svg is mandatory");return f.jsx("span",{...m,role:"img",style:i,"aria-hidden":!a,"aria-label":a,children:N(r,{"aria-hidden":"true",focusable:"false"})})});try{u.displayName="Icon",u.__docgenInfo={description:"",displayName:"Icon",props:{svg:{defaultValue:null,description:`The SVG icon to render.
+@example import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
+
+<Icon svg={TokyoUINotesWithPad} />
+@example <caption>Using as react server component</caption>
+import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
+
+<Icon svg={<TokyoUINotesWithPad />} />`,name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"16"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:"expColor",required:!1,type:{name:"enum",value:[{value:'"grey-0"'},{value:'"grey-50"'},{value:'"grey-100"'},{value:'"grey-200"'},{value:'"grey-300"'},{value:'"grey-400"'},{value:'"grey-500"'},{value:'"grey-600"'},{value:'"grey-700"'},{value:'"grey-800"'},{value:'"grey-900"'},{value:'"pink-50"'},{value:'"pink-100"'},{value:'"pink-200"'},{value:'"pink-300"'},{value:'"pink-400"'},{value:'"pink-500"'},{value:'"pink-600"'},{value:'"pink-700"'},{value:'"pink-800"'},{value:'"yellow-50"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"yellow-600"'},{value:'"yellow-700"'},{value:'"yellow-800"'},{value:'"blue-50"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"blue-600"'},{value:'"blue-700"'},{value:'"blue-800"'},{value:'"teal-50"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"teal-600"'},{value:'"teal-700"'},{value:'"teal-800"'},{value:'"red-50"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"red-600"'},{value:'"red-700"'},{value:'"red-800"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:"label",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{u as I};

package/dist/assets/{Icon-RSC-CxTuxwwx.js → Icon-RSC-DXv5b9K1.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-CN8MkqPu.js";import{ServerComponent as i}from"./Icon.stories-BzjV31aL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-B-o4vu0Y.js";import"./Icon-Br57CUad.js";import"./text-accent-BqpJYBrf.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./options-DSKYF8ow.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
+import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-UAdYqHL0.js";import{ServerComponent as i}from"./Icon.stories-MzKcutu8.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DbVfH8B5.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-B-o4vu0Y.js";import"./Icon-DAQd7Eod.js";import"./text-accent-DbbdQjKI.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./options-DSKYF8ow.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
 `,o.jsx(e.h1,{id:"use-icon-as-react-server-component",children:"Use Icon as react server component"}),`
 `,o.jsxs(e.p,{children:["To use Icon as react server component, provide ",o.jsx(e.code,{children:"svg"})," as element:"]}),`
 `,o.jsx(s,{of:i}),`