@preply/ds-docs 5.2.0 → 5.2.1

package/dist/assets/{00.LayoutFlex.stories-CU_PBheh.js → 00.LayoutFlex.stories-DziNsvND.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{L as r}from"./LayoutFlexItem-BLtc7R2u.js";import{L as p}from"./LayoutFlex-CnhOGGxA.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./align-self-Cj4aclWl.js";import"./classNames-9hsFPPZv.js";import"./layout-relative-C9i8Tz-b.js";import"./layout-relative.module-uOnIKnjS.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";const E={title:"components/LayoutFlex",component:p,subcomponents:{LayoutFlexItem:r},argTypes:{gap:{description:t},padding:{description:h},direction:{description:t},justifyContent:{description:t},alignItems:{description:t},hide:{description:t},relative:{description:t}}},e=()=>n.jsxs(p,{gap:"xs",children:[n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});e.storyName="LayoutFlex";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",children:n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{minWidth:"100px",height:50,backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",height:75,backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",height:100,backgroundColor:"hotpink",textAlign:"center"}})})]}),dataset:{qaid:"layout-flex"}},argTypes:{dataset:{control:"object"},nowrap:{control:"boolean"},hide:{control:"boolean"},relative:{control:"boolean"},inline:{control:"boolean"},direction:{control:"select"},children:{control:!1},column:{table:{disable:!0}},reverse:{table:{disable:!0}}}};var i,a,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`() => <LayoutFlex gap="xs">
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{L as r}from"./LayoutFlexItem-ZIv-8Mnt.js";import{L as p}from"./LayoutFlex--W1D5e-w.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./align-self-Cj4aclWl.js";import"./classNames-9hsFPPZv.js";import"./layout-relative-C9i8Tz-b.js";import"./layout-relative.module-uOnIKnjS.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";const E={title:"components/LayoutFlex",component:p,subcomponents:{LayoutFlexItem:r},argTypes:{gap:{description:t},padding:{description:h},direction:{description:t},justifyContent:{description:t},alignItems:{description:t},hide:{description:t},relative:{description:t}}},e=()=>n.jsxs(p,{gap:"xs",children:[n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});e.storyName="LayoutFlex";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",children:n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{minWidth:"100px",height:50,backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",height:75,backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",height:100,backgroundColor:"hotpink",textAlign:"center"}})})]}),dataset:{qaid:"layout-flex"}},argTypes:{dataset:{control:"object"},nowrap:{control:"boolean"},hide:{control:"boolean"},relative:{control:"boolean"},inline:{control:"boolean"},direction:{control:"select"},children:{control:!1},column:{table:{disable:!0}},reverse:{table:{disable:!0}}}};var i,a,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`() => <LayoutFlex gap="xs">
         <div style={{
     minWidth: '100px',
     backgroundColor: 'hotpink'

package/dist/assets/{00.applications-k4E6Kp9W.js → 00.applications-CfdAX6zp.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/Applications"}),`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/Applications"}),`
 `,e.jsx(n.h1,{id:"installation-applications",children:"Installation: Applications"}),`
 `,e.jsx(n.p,{children:"This guide applies to both client-side and server-side rendered React applications."}),`
 `,e.jsx(n.h2,{id:"packages",children:"Packages"}),`

package/dist/assets/{00.favicons.guide-li3I_F6g.js → 00.favicons.guide-TFQ_QGH8.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function o(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...t(),...s.components};return n.jsxs(n.Fragment,{children:[n.jsx(i,{title:"Guides/Assets/Favicons"}),`
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function o(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...t(),...s.components};return n.jsxs(n.Fragment,{children:[n.jsx(i,{title:"Guides/Assets/Favicons"}),`
 `,n.jsx(e.h1,{id:"favicons",children:"Favicons"}),`
 `,n.jsxs(e.p,{children:["The optimised assets are available under ",n.jsx(e.strong,{children:"preply.com"})," in the formats required by modern and legacy browsers, as well as Android and iOS devices."]}),`
 `,n.jsxs(e.p,{children:["Refer to ",n.jsx(e.a,{href:"https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs",rel:"nofollow",children:"How to Favicon in 2022: Six files that fit most needs"})," for a detailed breakdown of the formats."]}),`

package/dist/assets/{00.token-explorer-DPyy8Qse.js → 00.token-explorer-Dih-Pw-i.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"./index-BN6VMYqa.js";import{M as F}from"./index-xzr6a2UN.js";import{L as p,T as w}from"./LayoutFlex-B9hPEubG.js";import{r as a}from"./index-Cb9e4tly.js";import{g as E,u as N}from"./useToken-9pfUFuu3.js";import{d as A,e as L,c as O,T as W}from"./constants-DTpaCXm6.js";import{t as B}from"./tokens-B6goZRPa.js";import{d as M,e as H,u as R,C as V,c as q}from"./useTheme-DYA9F6CC.js";import{L as y}from"./LayoutGrid-EzfUD7Oc.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as K,s as Y}from"./classNames-9hsFPPZv.js";import{i as X,h as U}from"./defaults-czRWsFkX.js";import{w as T}from"./componentNames-k0j3gHgH.js";import{g as Q}from"./index-qlqSh81O.js";import{d as o}from"./styled-components.browser.esm-COuAnjOv.js";import{o as J}from"./mixins-DZk1Zeoo.js";import"./index-ChsGqxH_.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./text-centered-7Z5xvJY4.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";const Z=e=>Array.isArray(e)&&e.length===3&&A.includes(e[L]),ee=()=>{const{setTheme:e}=a.useContext(M);return{setTheme:e}},te="TextHighlighted__ehLpO",re={TextHighlighted:te,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=X,tag:n=U,dataset:s,...l},d){const u=K(re,T.TextHighlighted,[Y("highlight",i)]),g={...G(l),ref:d,className:u.join(" "),...Q(s,{preplyDsComponent:T.TextHighlighted})};return t.jsx(n,{...g,children:r})});h.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const oe=(e,r)=>({token:r,name:e,id:r[W],type:r[L],colorSchemeAware:!!r[O]}),I=(e,r)=>Object.entries(r).flatMap(([i,n])=>{const s=`${e}.${i}`;return Z(n)?[oe(s,n)]:I(s,n)}),ne=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ie=ne(B),se=(e,r,i)=>e.filter(n=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return n.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=n.name.toLowerCase().indexOf(r.toLowerCase())>-1,l=n.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||l)&&(i?n.colorSchemeAware:!n.colorSchemeAware)}return i?n.colorSchemeAware:!n.colorSchemeAware}),_=a.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var D;const ae=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function le(e,r){return ie.map(n=>({...n,value:`${E(e,r,n.token)}`}))}const de=({children:e})=>{const{findColorScheme:r}=H(),{theme:i}=R(),[n,s]=a.useState(ae),[l,d]=a.useState(""),[u,g]=a.useState([]),m=a.useCallback(x=>s(x),[s]),f=a.useCallback(x=>d(x),[d]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const x=r(n||"base"),v=le(i,x);g(se(v,l,!!n))},[n,r,l,i]),t.jsx(_.Provider,{value:{terms:l,results:u,colorScheme:n,setSearchTerms:f,setColorScheme:m},children:t.jsx(V,{colorScheme:n||"base",children:e})})},j=()=>a.useContext(_),ce=o.div`
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"./index-BN6VMYqa.js";import{M as F}from"./index-GU-yTW76.js";import{L as p,T as w}from"./LayoutFlex-B9hPEubG.js";import{r as a}from"./index-Cb9e4tly.js";import{g as E,u as N}from"./useToken-9pfUFuu3.js";import{d as A,e as L,c as O,T as W}from"./constants-DTpaCXm6.js";import{t as B}from"./tokens-B6goZRPa.js";import{d as M,e as H,u as R,C as V,c as q}from"./useTheme-DYA9F6CC.js";import{L as y}from"./LayoutGrid-EzfUD7Oc.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as K,s as Y}from"./classNames-9hsFPPZv.js";import{i as X,h as U}from"./defaults-czRWsFkX.js";import{w as T}from"./componentNames-k0j3gHgH.js";import{g as Q}from"./index-qlqSh81O.js";import{d as o}from"./styled-components.browser.esm-COuAnjOv.js";import{o as J}from"./mixins-DZk1Zeoo.js";import"./index-ChsGqxH_.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./text-centered-7Z5xvJY4.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";const Z=e=>Array.isArray(e)&&e.length===3&&A.includes(e[L]),ee=()=>{const{setTheme:e}=a.useContext(M);return{setTheme:e}},te="TextHighlighted__ehLpO",re={TextHighlighted:te,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=X,tag:n=U,dataset:s,...l},d){const u=K(re,T.TextHighlighted,[Y("highlight",i)]),g={...G(l),ref:d,className:u.join(" "),...Q(s,{preplyDsComponent:T.TextHighlighted})};return t.jsx(n,{...g,children:r})});h.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const oe=(e,r)=>({token:r,name:e,id:r[W],type:r[L],colorSchemeAware:!!r[O]}),I=(e,r)=>Object.entries(r).flatMap(([i,n])=>{const s=`${e}.${i}`;return Z(n)?[oe(s,n)]:I(s,n)}),ne=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ie=ne(B),se=(e,r,i)=>e.filter(n=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return n.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=n.name.toLowerCase().indexOf(r.toLowerCase())>-1,l=n.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||l)&&(i?n.colorSchemeAware:!n.colorSchemeAware)}return i?n.colorSchemeAware:!n.colorSchemeAware}),_=a.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var D;const ae=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function le(e,r){return ie.map(n=>({...n,value:`${E(e,r,n.token)}`}))}const de=({children:e})=>{const{findColorScheme:r}=H(),{theme:i}=R(),[n,s]=a.useState(ae),[l,d]=a.useState(""),[u,g]=a.useState([]),m=a.useCallback(x=>s(x),[s]),f=a.useCallback(x=>d(x),[d]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const x=r(n||"base"),v=le(i,x);g(se(v,l,!!n))},[n,r,l,i]),t.jsx(_.Provider,{value:{terms:l,results:u,colorScheme:n,setSearchTerms:f,setColorScheme:m},children:t.jsx(V,{colorScheme:n||"base",children:e})})},j=()=>a.useContext(_),ce=o.div`
     width: 64px;
     height: 64px;
     color: white;

package/dist/assets/{00.using-responsive-props-DvJjPn4l.js → 00.using-responsive-props-CiPSgnLs.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as v}from"./index-BN6VMYqa.js";import{r as w}from"./index-Cb9e4tly.js";import{f as c}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as h,s as f,b as j}from"./classNames-9hsFPPZv.js";import{w as t}from"./componentNames-k0j3gHgH.js";import{g}from"./index-qlqSh81O.js";import{A as b}from"./constants-5om8Ptru.js";import{A as N}from"./defaults-czRWsFkX.js";import{M as C}from"./index-xzr6a2UN.js";import{B as R}from"./breakpoints-BfMlrtxE.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";const y="Avatar__ENaap",P={Avatar:y,"Avatar--size-2xs":"Avatar--size-2xs__d2pNq","Avatar--size-xs":"Avatar--size-xs__hlQlf","Avatar--size-s":"Avatar--size-s__OXNzr","Avatar--size-m":"Avatar--size-m__4n3bp","Avatar--size-l":"Avatar--size-l__VHR4R","Avatar--size-xl":"Avatar--size-xl__AQlZ0","Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-2xs":"Avatar--narrow-l--size-2xs__-PmgC","Avatar--narrow-l--size-xs":"Avatar--narrow-l--size-xs__RdTWx","Avatar--narrow-l--size-s":"Avatar--narrow-l--size-s__zwV93","Avatar--narrow-l--size-m":"Avatar--narrow-l--size-m__pW4--","Avatar--narrow-l--size-l":"Avatar--narrow-l--size-l__1pv2G","Avatar--narrow-l--size-xl":"Avatar--narrow-l--size-xl__vH5iG","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-2xs":"Avatar--medium-s--size-2xs__qWyz5","Avatar--medium-s--size-xs":"Avatar--medium-s--size-xs__2e4Qo","Avatar--medium-s--size-s":"Avatar--medium-s--size-s__d0fm8","Avatar--medium-s--size-m":"Avatar--medium-s--size-m__ZHi66","Avatar--medium-s--size-l":"Avatar--medium-s--size-l__xxroc","Avatar--medium-s--size-xl":"Avatar--medium-s--size-xl__2QWlo","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-2xs":"Avatar--medium-l--size-2xs__Kt93i","Avatar--medium-l--size-xs":"Avatar--medium-l--size-xs__BwpLG","Avatar--medium-l--size-s":"Avatar--medium-l--size-s__JjLGR","Avatar--medium-l--size-m":"Avatar--medium-l--size-m__L-KEk","Avatar--medium-l--size-l":"Avatar--medium-l--size-l__a53QC","Avatar--medium-l--size-xl":"Avatar--medium-l--size-xl__kUFUb","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-2xs":"Avatar--wide-s--size-2xs__1jiA7","Avatar--wide-s--size-xs":"Avatar--wide-s--size-xs__CwbZa","Avatar--wide-s--size-s":"Avatar--wide-s--size-s__DxpiN","Avatar--wide-s--size-m":"Avatar--wide-s--size-m__qn5xe","Avatar--wide-s--size-l":"Avatar--wide-s--size-l__4TPfZ","Avatar--wide-s--size-xl":"Avatar--wide-s--size-xl__NtVch","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-2xs":"Avatar--wide-l--size-2xs__BuADe","Avatar--wide-l--size-xs":"Avatar--wide-l--size-xs__g8Tfi","Avatar--wide-l--size-s":"Avatar--wide-l--size-s__qYwnP","Avatar--wide-l--size-m":"Avatar--wide-l--size-m__tMD4S","Avatar--wide-l--size-l":"Avatar--wide-l--size-l__M3npP","Avatar--wide-l--size-xl":"Avatar--wide-l--size-xl__-vkhW","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},i=w.forwardRef(function({size:e=N,round:r,src:d,alt:A="",dataset:_,crossOrigin:z,...n},o){const p=r??!0,u=h(P,t.Avatar,[f("size",e),j("round",void 0,p)]),x={...c(n),ref:o,className:u.join(" "),...g(_,{preplyDsComponent:t.Avatar})};return a.jsx("picture",{...x,children:a.jsx("img",{src:d||b,alt:A,crossOrigin:z})})});i.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};const M=()=>a.jsx("table",{style:{fontSize:14},children:a.jsx("tbody",{children:Object.entries(R).map(([s,e])=>a.jsxs("tr",{children:[a.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:a.jsx("code",{children:s})}),a.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:a.jsxs("code",{children:[e,"px"]})})]},s))})}),m="./web-lib/src/components/Avatar/docs/static/avatar-1.png";function l(s){const e={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...v(),...s.components};return a.jsxs(a.Fragment,{children:[a.jsx(C,{title:"Guides/Responsive Props"}),`
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as v}from"./index-BN6VMYqa.js";import{r as w}from"./index-Cb9e4tly.js";import{f as c}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as h,s as f,b as j}from"./classNames-9hsFPPZv.js";import{w as t}from"./componentNames-k0j3gHgH.js";import{g}from"./index-qlqSh81O.js";import{A as b}from"./constants-5om8Ptru.js";import{A as N}from"./defaults-czRWsFkX.js";import{M as C}from"./index-GU-yTW76.js";import{B as R}from"./breakpoints-BfMlrtxE.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";const y="Avatar__ENaap",P={Avatar:y,"Avatar--size-2xs":"Avatar--size-2xs__d2pNq","Avatar--size-xs":"Avatar--size-xs__hlQlf","Avatar--size-s":"Avatar--size-s__OXNzr","Avatar--size-m":"Avatar--size-m__4n3bp","Avatar--size-l":"Avatar--size-l__VHR4R","Avatar--size-xl":"Avatar--size-xl__AQlZ0","Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-2xs":"Avatar--narrow-l--size-2xs__-PmgC","Avatar--narrow-l--size-xs":"Avatar--narrow-l--size-xs__RdTWx","Avatar--narrow-l--size-s":"Avatar--narrow-l--size-s__zwV93","Avatar--narrow-l--size-m":"Avatar--narrow-l--size-m__pW4--","Avatar--narrow-l--size-l":"Avatar--narrow-l--size-l__1pv2G","Avatar--narrow-l--size-xl":"Avatar--narrow-l--size-xl__vH5iG","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-2xs":"Avatar--medium-s--size-2xs__qWyz5","Avatar--medium-s--size-xs":"Avatar--medium-s--size-xs__2e4Qo","Avatar--medium-s--size-s":"Avatar--medium-s--size-s__d0fm8","Avatar--medium-s--size-m":"Avatar--medium-s--size-m__ZHi66","Avatar--medium-s--size-l":"Avatar--medium-s--size-l__xxroc","Avatar--medium-s--size-xl":"Avatar--medium-s--size-xl__2QWlo","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-2xs":"Avatar--medium-l--size-2xs__Kt93i","Avatar--medium-l--size-xs":"Avatar--medium-l--size-xs__BwpLG","Avatar--medium-l--size-s":"Avatar--medium-l--size-s__JjLGR","Avatar--medium-l--size-m":"Avatar--medium-l--size-m__L-KEk","Avatar--medium-l--size-l":"Avatar--medium-l--size-l__a53QC","Avatar--medium-l--size-xl":"Avatar--medium-l--size-xl__kUFUb","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-2xs":"Avatar--wide-s--size-2xs__1jiA7","Avatar--wide-s--size-xs":"Avatar--wide-s--size-xs__CwbZa","Avatar--wide-s--size-s":"Avatar--wide-s--size-s__DxpiN","Avatar--wide-s--size-m":"Avatar--wide-s--size-m__qn5xe","Avatar--wide-s--size-l":"Avatar--wide-s--size-l__4TPfZ","Avatar--wide-s--size-xl":"Avatar--wide-s--size-xl__NtVch","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-2xs":"Avatar--wide-l--size-2xs__BuADe","Avatar--wide-l--size-xs":"Avatar--wide-l--size-xs__g8Tfi","Avatar--wide-l--size-s":"Avatar--wide-l--size-s__qYwnP","Avatar--wide-l--size-m":"Avatar--wide-l--size-m__tMD4S","Avatar--wide-l--size-l":"Avatar--wide-l--size-l__M3npP","Avatar--wide-l--size-xl":"Avatar--wide-l--size-xl__-vkhW","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},i=w.forwardRef(function({size:e=N,round:r,src:d,alt:A="",dataset:_,crossOrigin:z,...n},o){const p=r??!0,u=h(P,t.Avatar,[f("size",e),j("round",void 0,p)]),x={...c(n),ref:o,className:u.join(" "),...g(_,{preplyDsComponent:t.Avatar})};return a.jsx("picture",{...x,children:a.jsx("img",{src:d||b,alt:A,crossOrigin:z})})});i.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};const M=()=>a.jsx("table",{style:{fontSize:14},children:a.jsx("tbody",{children:Object.entries(R).map(([s,e])=>a.jsxs("tr",{children:[a.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:a.jsx("code",{children:s})}),a.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:a.jsxs("code",{children:[e,"px"]})})]},s))})}),m="./web-lib/src/components/Avatar/docs/static/avatar-1.png";function l(s){const e={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...v(),...s.components};return a.jsxs(a.Fragment,{children:[a.jsx(C,{title:"Guides/Responsive Props"}),`
 `,a.jsx(e.h1,{id:"responsive-props",children:"Responsive Props"}),`
 `,a.jsx(e.p,{children:`Some component props optionally accept responsive values for different screen sizes
 based on the global breakpoints:`}),`

package/dist/assets/{01.semantic-tokens-BJFCWksP.js → 01.semantic-tokens-BilArNNI.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as L}from"./index-BN6VMYqa.js";import{M as C}from"./index-xzr6a2UN.js";import{H as a,B as t}from"./Button-Df8up6U_.js";import{g as I,a as D,L as c}from"./LayoutGrid-EzfUD7Oc.js";import{r as G}from"./index-Cb9e4tly.js";import{m as j,s as N}from"./classNames-9hsFPPZv.js";import{f as B}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as m}from"./componentNames-k0j3gHgH.js";import{g as M}from"./index-qlqSh81O.js";import{L as P}from"./defaults-czRWsFkX.js";import{t as o}from"./tokens-B6goZRPa.js";import"./index-ChsGqxH_.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./text-centered-7Z5xvJY4.js";import"./render-icon-Du0nasoi.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./constants-DYYVurUY.js";import"./constants-DTpaCXm6.js";const $="AlignSelf__huNbz",H={AlignSelf:$,"AlignSelf--align-self-start":"AlignSelf--align-self-start__Pk4Ld","AlignSelf--align-self-center":"AlignSelf--align-self-center__oKqnl","AlignSelf--align-self-end":"AlignSelf--align-self-end__mLp7w","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__e5jP9","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__RD68B","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__9KYyf","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__ydYg3","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__an8ci","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__qq8h0","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__d0RSi","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__Kmsf2","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__j3NnI","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__74bsY","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__ljw4i","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__Pewtw","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__TkySK","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__zgUOz","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__sU3Gp","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__o-XTQ","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__G9OEM","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__DcXjX","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__36VHM","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__VolCH","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__pdrgF"},R="AlignSelf",X=r=>j(H,R,[N("align-self",r)]),U="LayoutGridItem__HXV4b",E={LayoutGridItem:U},g=G.forwardRef(function({children:l,alignSelf:d,tag:f,hide:u,relative:p,dataset:h,...k},A){const y=j(E,m.LayoutGridItem,[]),v=X(d),S=I(u),_=D(p),b=[...y,...v,...S,..._],T=f??P,w={...B(k),ref:A,className:b.join(" "),...M(h,{preplyDsComponent:m.LayoutGridItem})};return e.jsx(T,{...w,children:l})});g.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};const s=({inverted:r,textToken:l})=>{const d=o.color.text[l];return Array.isArray(d)?e.jsxs(g,{children:[e.jsx(a,{level:"h4",children:l}),e.jsx("div",{style:{color:`var(--${d[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${r?o.color.background.primaryInverted[1]:o.color.background.primary[1]})`},children:e.jsxs("code",{children:["color.text.",l]})})]},l):null};s.defaultProps={inverted:!1};const n=({inverted:r,bgToken:l})=>{const d=o.color.background[l];return Array.isArray(d)?e.jsxs(g,{children:[e.jsx(a,{level:"h4",children:l}),e.jsxs("div",{style:{background:`var(--${o.color.background[l][1]})`,color:`var(--${r?o.color.text.inverted[1]:o.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",e.jsxs("code",{children:["color.background.",l]})]})]},l):null};n.defaultProps={inverted:!1};const i=({contentToken:r})=>{const l=o.color.border[r];return Array.isArray(l)?e.jsxs(g,{children:[e.jsx(a,{level:"h4",children:r}),e.jsx("br",{}),e.jsxs("div",{style:{border:`1px solid var(--${l[1]})`,background:"transparent",color:`var(--${l[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",r]})]},r):null};i.defaultProps={};const O=()=>e.jsxs(c,{gap:"xs",columns:2,children:[e.jsx(t,{children:"Token family: action.variant.primary.*"}),e.jsx(t,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),e.jsx(t,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),e.jsx(t,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),e.jsx(t,{variant:"critical",children:"Token family: action.variant.critical.*"}),e.jsx(t,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),e.jsx(t,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),e.jsx(t,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),F=()=>e.jsxs("div",{children:[e.jsx(a,{level:"h1",children:"Semantic token examples"}),e.jsx("p",{children:"With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx(a,{level:"h2",children:"Text tokens"}),e.jsx("br",{}),e.jsx("br",{}),e.jsxs(c,{gap:"xs",columns:4,children:[e.jsx(s,{textToken:"primary"}),e.jsx(s,{textToken:"secondary"}),e.jsx(s,{textToken:"tertiary"}),e.jsx(s,{textToken:"accentDark"}),e.jsx(s,{textToken:"placeholder"}),e.jsx(s,{textToken:"inverted",inverted:!0}),e.jsx(s,{textToken:"positive"}),e.jsx(s,{textToken:"info"}),e.jsx(s,{textToken:"warning"}),e.jsx(s,{textToken:"critical"})]}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(a,{level:"h2",children:"Background tokens"}),e.jsxs(c,{gap:"xs",columns:4,children:[e.jsx(n,{bgToken:"primary"}),e.jsx(n,{bgToken:"secondary"}),e.jsx(n,{bgToken:"tertiary"}),e.jsx(n,{bgToken:"overlay"}),e.jsx(n,{bgToken:"disabled"}),e.jsx(n,{bgToken:"brand"}),e.jsx(n,{bgToken:"brandB2b"}),e.jsx(n,{bgToken:"accentLight"}),e.jsx(n,{bgToken:"accentDark",inverted:!0}),e.jsx(n,{bgToken:"positiveLight"}),e.jsx(n,{bgToken:"positiveDark",inverted:!0}),e.jsx(n,{bgToken:"infoLight"}),e.jsx(n,{bgToken:"infoDark",inverted:!0}),e.jsx(n,{bgToken:"warningLight"}),e.jsx(n,{bgToken:"warningDark",inverted:!0}),e.jsx(n,{bgToken:"criticalLight"}),e.jsx(n,{bgToken:"criticalDark",inverted:!0}),e.jsx(n,{bgToken:"statusOnline"}),e.jsx(n,{bgToken:"statusOffline"}),e.jsx(n,{bgToken:"primaryInverted",inverted:!0}),e.jsx(n,{bgToken:"secondaryInverted",inverted:!0}),e.jsx(n,{bgToken:"tertiaryInverted",inverted:!0})]}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx(a,{level:"h2",children:"Action"}),e.jsx("br",{}),e.jsx(O,{}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx(a,{level:"h2",children:"Borders"}),e.jsx("br",{}),e.jsxs(c,{gap:"xs",columns:4,children:[e.jsx(i,{contentToken:"primary"}),e.jsx(i,{contentToken:"secondary"}),e.jsx(i,{contentToken:"secondary-opacity"}),e.jsx(i,{contentToken:"tertiary"}),e.jsx(i,{contentToken:"disabled"}),e.jsx(i,{contentToken:"brand"}),e.jsx(i,{contentToken:"critical"}),e.jsx(i,{contentToken:"focus"}),e.jsx(i,{contentToken:"positive"})]})]});function x(r){return e.jsxs(e.Fragment,{children:[e.jsx(C,{title:"Guides/Semantic tokens examples"}),`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as L}from"./index-BN6VMYqa.js";import{M as C}from"./index-GU-yTW76.js";import{H as a,B as t}from"./Button-Df8up6U_.js";import{g as I,a as D,L as c}from"./LayoutGrid-EzfUD7Oc.js";import{r as G}from"./index-Cb9e4tly.js";import{m as j,s as N}from"./classNames-9hsFPPZv.js";import{f as B}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as m}from"./componentNames-k0j3gHgH.js";import{g as M}from"./index-qlqSh81O.js";import{L as P}from"./defaults-czRWsFkX.js";import{t as o}from"./tokens-B6goZRPa.js";import"./index-ChsGqxH_.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./text-centered-7Z5xvJY4.js";import"./render-icon-Du0nasoi.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./constants-DYYVurUY.js";import"./constants-DTpaCXm6.js";const $="AlignSelf__huNbz",H={AlignSelf:$,"AlignSelf--align-self-start":"AlignSelf--align-self-start__Pk4Ld","AlignSelf--align-self-center":"AlignSelf--align-self-center__oKqnl","AlignSelf--align-self-end":"AlignSelf--align-self-end__mLp7w","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__e5jP9","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__RD68B","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__9KYyf","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__ydYg3","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__an8ci","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__qq8h0","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__d0RSi","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__Kmsf2","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__j3NnI","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__74bsY","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__ljw4i","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__Pewtw","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__TkySK","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__zgUOz","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__sU3Gp","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__o-XTQ","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__G9OEM","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__DcXjX","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__36VHM","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__VolCH","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__pdrgF"},R="AlignSelf",X=r=>j(H,R,[N("align-self",r)]),U="LayoutGridItem__HXV4b",E={LayoutGridItem:U},g=G.forwardRef(function({children:l,alignSelf:d,tag:f,hide:u,relative:p,dataset:h,...k},A){const y=j(E,m.LayoutGridItem,[]),v=X(d),S=I(u),_=D(p),b=[...y,...v,...S,..._],T=f??P,w={...B(k),ref:A,className:b.join(" "),...M(h,{preplyDsComponent:m.LayoutGridItem})};return e.jsx(T,{...w,children:l})});g.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};const s=({inverted:r,textToken:l})=>{const d=o.color.text[l];return Array.isArray(d)?e.jsxs(g,{children:[e.jsx(a,{level:"h4",children:l}),e.jsx("div",{style:{color:`var(--${d[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${r?o.color.background.primaryInverted[1]:o.color.background.primary[1]})`},children:e.jsxs("code",{children:["color.text.",l]})})]},l):null};s.defaultProps={inverted:!1};const n=({inverted:r,bgToken:l})=>{const d=o.color.background[l];return Array.isArray(d)?e.jsxs(g,{children:[e.jsx(a,{level:"h4",children:l}),e.jsxs("div",{style:{background:`var(--${o.color.background[l][1]})`,color:`var(--${r?o.color.text.inverted[1]:o.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",e.jsxs("code",{children:["color.background.",l]})]})]},l):null};n.defaultProps={inverted:!1};const i=({contentToken:r})=>{const l=o.color.border[r];return Array.isArray(l)?e.jsxs(g,{children:[e.jsx(a,{level:"h4",children:r}),e.jsx("br",{}),e.jsxs("div",{style:{border:`1px solid var(--${l[1]})`,background:"transparent",color:`var(--${l[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",r]})]},r):null};i.defaultProps={};const O=()=>e.jsxs(c,{gap:"xs",columns:2,children:[e.jsx(t,{children:"Token family: action.variant.primary.*"}),e.jsx(t,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),e.jsx(t,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),e.jsx(t,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),e.jsx(t,{variant:"critical",children:"Token family: action.variant.critical.*"}),e.jsx(t,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),e.jsx(t,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),e.jsx(t,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),F=()=>e.jsxs("div",{children:[e.jsx(a,{level:"h1",children:"Semantic token examples"}),e.jsx("p",{children:"With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx(a,{level:"h2",children:"Text tokens"}),e.jsx("br",{}),e.jsx("br",{}),e.jsxs(c,{gap:"xs",columns:4,children:[e.jsx(s,{textToken:"primary"}),e.jsx(s,{textToken:"secondary"}),e.jsx(s,{textToken:"tertiary"}),e.jsx(s,{textToken:"accentDark"}),e.jsx(s,{textToken:"placeholder"}),e.jsx(s,{textToken:"inverted",inverted:!0}),e.jsx(s,{textToken:"positive"}),e.jsx(s,{textToken:"info"}),e.jsx(s,{textToken:"warning"}),e.jsx(s,{textToken:"critical"})]}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(a,{level:"h2",children:"Background tokens"}),e.jsxs(c,{gap:"xs",columns:4,children:[e.jsx(n,{bgToken:"primary"}),e.jsx(n,{bgToken:"secondary"}),e.jsx(n,{bgToken:"tertiary"}),e.jsx(n,{bgToken:"overlay"}),e.jsx(n,{bgToken:"disabled"}),e.jsx(n,{bgToken:"brand"}),e.jsx(n,{bgToken:"brandB2b"}),e.jsx(n,{bgToken:"accentLight"}),e.jsx(n,{bgToken:"accentDark",inverted:!0}),e.jsx(n,{bgToken:"positiveLight"}),e.jsx(n,{bgToken:"positiveDark",inverted:!0}),e.jsx(n,{bgToken:"infoLight"}),e.jsx(n,{bgToken:"infoDark",inverted:!0}),e.jsx(n,{bgToken:"warningLight"}),e.jsx(n,{bgToken:"warningDark",inverted:!0}),e.jsx(n,{bgToken:"criticalLight"}),e.jsx(n,{bgToken:"criticalDark",inverted:!0}),e.jsx(n,{bgToken:"statusOnline"}),e.jsx(n,{bgToken:"statusOffline"}),e.jsx(n,{bgToken:"primaryInverted",inverted:!0}),e.jsx(n,{bgToken:"secondaryInverted",inverted:!0}),e.jsx(n,{bgToken:"tertiaryInverted",inverted:!0})]}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx(a,{level:"h2",children:"Action"}),e.jsx("br",{}),e.jsx(O,{}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx(a,{level:"h2",children:"Borders"}),e.jsx("br",{}),e.jsxs(c,{gap:"xs",columns:4,children:[e.jsx(i,{contentToken:"primary"}),e.jsx(i,{contentToken:"secondary"}),e.jsx(i,{contentToken:"secondary-opacity"}),e.jsx(i,{contentToken:"tertiary"}),e.jsx(i,{contentToken:"disabled"}),e.jsx(i,{contentToken:"brand"}),e.jsx(i,{contentToken:"critical"}),e.jsx(i,{contentToken:"focus"}),e.jsx(i,{contentToken:"positive"})]})]});function x(r){return e.jsxs(e.Fragment,{children:[e.jsx(C,{title:"Guides/Semantic tokens examples"}),`
 `,e.jsx(F,{})]})}function he(r={}){const{wrapper:l}={...L(),...r.components};return l?e.jsx(l,{...r,children:e.jsx(x,{...r})}):x()}export{he as default};

package/dist/assets/{01.using-shorthand-props-7TTqmP-1.js → 01.using-shorthand-props-Sbq3I8ie.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Shorthand Props"}),`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Shorthand Props"}),`
 `,e.jsx(n.h1,{id:"shorthand-props",children:"Shorthand Props"}),`
 `,e.jsxs(n.p,{children:["Some components accept shorthand values for spacing properties like ",e.jsx(n.code,{children:"padding"})," and ",e.jsx(n.code,{children:"margin"}),". These props can be specified in several ways:"]}),`
 `,e.jsx(n.h2,{id:"single-value",children:"Single Value"}),`

package/dist/assets/{10.Combinations.stories-DSSBuYKH.js → 10.Combinations.stories-BA2P_--4.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{L as I}from"./LayoutFlexItem-BLtc7R2u.js";import{L as n}from"./LayoutFlex-CnhOGGxA.js";import{f as L,d as D}from"./styled-components.browser.esm-COuAnjOv.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./align-self-Cj4aclWl.js";import"./classNames-9hsFPPZv.js";import"./layout-relative-C9i8Tz-b.js";import"./layout-relative.module-uOnIKnjS.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function T(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueUndefined"},column:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueFalse"},column:!0,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueTrue"},column:!0,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function $(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseUndefined"},column:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseFalse"},column:!1,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function J(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseTrue"},column:!1,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedUndefined"},children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedFalse"},reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedTrue"},reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function p(s){return e.jsx("div",{style:{background:"yellow",width:"50%"},children:s.children})}function g(s){return e.jsx("div",{style:{background:"orange",width:"50%"},children:s.children})}function X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRow"}),e.jsxs(n,{dataset:{testid:"DirectionRow"},direction:"row",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function B(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverse"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverse"},direction:"column-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsive"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsive"},direction:{_:"column-reverse","narrow-l":"column","medium-s":"row-reverse","medium-l":"column-reverse","wide-s":"column","wide-l":"row-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsiveInvertedOrder"},direction:{"wide-l":"row-reverse","wide-s":"column","medium-l":"column-reverse","medium-s":"row-reverse","narrow-l":"column",_:"column-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function j(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function h(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function K(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentCenter"}),e.jsxs(n,{dataset:{testid:"JustifyContentCenter"},justifyContent:"center",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentStart"}),e.jsxs(n,{dataset:{testid:"JustifyContentStart"},justifyContent:"start",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function V(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentEnd"}),e.jsxs(n,{dataset:{testid:"JustifyContentEnd"},justifyContent:"end",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function W(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function o(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function u(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},gap:"32",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},gap:"48",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},gap:"64",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},gap:"96",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},gap:"160",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapNone"}),e.jsxs(n,{dataset:{testid:"LayoutGapNone"},gap:"none",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap3xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap3xs"},gap:"3xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap2xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap2xs"},gap:"2xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXs"}),e.jsxs(n,{dataset:{testid:"LayoutGapXs"},gap:"xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapS"}),e.jsxs(n,{dataset:{testid:"LayoutGapS"},gap:"s",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapM"}),e.jsxs(n,{dataset:{testid:"LayoutGapM"},gap:"m",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapL"}),e.jsxs(n,{dataset:{testid:"LayoutGapL"},gap:"l",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXl"}),e.jsxs(n,{dataset:{testid:"LayoutGapXl"},gap:"xl",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},gap:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingNone"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingNone"},padding:"none",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding3xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding3xs"},padding:"3xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding2xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding2xs"},padding:"2xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXs"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXs"},padding:"xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingS"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingS"},padding:"s",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingM"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingM"},padding:"m",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingL"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingL"},padding:"l",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXl"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXl"},padding:"xl",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function an(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ln(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function cn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueUndefined"},hide:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function xn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueFalse"},hide:!0,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function jn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueTrue"},hide:!0,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function hn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function on(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function un(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseTrue"},hide:!1,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function pn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedUndefined"},children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function gn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedFalse"},inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function mn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedTrue"},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function fn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsive"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsive"},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[e.jsx(a,{children:"A responsive"}),e.jsx(l,{children:"B responsive"})]})]})}function vn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsiveInvertedOrder"},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function f(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function v(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function bn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function Fn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsive"}),e.jsxs(n,{dataset:{testid:"RelativeResponsive"},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function yn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"RelativeResponsiveInvertedOrder"},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function w(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function C(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const Rn=L`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{L as I}from"./LayoutFlexItem-ZIv-8Mnt.js";import{L as n}from"./LayoutFlex--W1D5e-w.js";import{f as L,d as D}from"./styled-components.browser.esm-COuAnjOv.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./align-self-Cj4aclWl.js";import"./classNames-9hsFPPZv.js";import"./layout-relative-C9i8Tz-b.js";import"./layout-relative.module-uOnIKnjS.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function T(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueUndefined"},column:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueFalse"},column:!0,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueTrue"},column:!0,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function $(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseUndefined"},column:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseFalse"},column:!1,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function J(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseTrue"},column:!1,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedUndefined"},children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedFalse"},reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedTrue"},reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function p(s){return e.jsx("div",{style:{background:"yellow",width:"50%"},children:s.children})}function g(s){return e.jsx("div",{style:{background:"orange",width:"50%"},children:s.children})}function X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRow"}),e.jsxs(n,{dataset:{testid:"DirectionRow"},direction:"row",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function B(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverse"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverse"},direction:"column-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsive"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsive"},direction:{_:"column-reverse","narrow-l":"column","medium-s":"row-reverse","medium-l":"column-reverse","wide-s":"column","wide-l":"row-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsiveInvertedOrder"},direction:{"wide-l":"row-reverse","wide-s":"column","medium-l":"column-reverse","medium-s":"row-reverse","narrow-l":"column",_:"column-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function j(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function h(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function K(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentCenter"}),e.jsxs(n,{dataset:{testid:"JustifyContentCenter"},justifyContent:"center",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentStart"}),e.jsxs(n,{dataset:{testid:"JustifyContentStart"},justifyContent:"start",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function V(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentEnd"}),e.jsxs(n,{dataset:{testid:"JustifyContentEnd"},justifyContent:"end",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function W(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function o(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function u(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(o,{children:"a"}),e.jsx(u,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},gap:"32",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},gap:"48",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},gap:"64",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},gap:"96",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},gap:"160",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapNone"}),e.jsxs(n,{dataset:{testid:"LayoutGapNone"},gap:"none",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap3xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap3xs"},gap:"3xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap2xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap2xs"},gap:"2xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXs"}),e.jsxs(n,{dataset:{testid:"LayoutGapXs"},gap:"xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapS"}),e.jsxs(n,{dataset:{testid:"LayoutGapS"},gap:"s",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapM"}),e.jsxs(n,{dataset:{testid:"LayoutGapM"},gap:"m",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapL"}),e.jsxs(n,{dataset:{testid:"LayoutGapL"},gap:"l",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXl"}),e.jsxs(n,{dataset:{testid:"LayoutGapXl"},gap:"xl",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},gap:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingNone"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingNone"},padding:"none",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding3xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding3xs"},padding:"3xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding2xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding2xs"},padding:"2xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXs"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXs"},padding:"xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingS"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingS"},padding:"s",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingM"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingM"},padding:"m",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingL"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingL"},padding:"l",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXl"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXl"},padding:"xl",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function an(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ln(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function cn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueUndefined"},hide:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function xn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueFalse"},hide:!0,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function jn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueTrue"},hide:!0,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function hn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function on(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function un(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseTrue"},hide:!1,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function pn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedUndefined"},children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function gn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedFalse"},inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function mn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedTrue"},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function fn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsive"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsive"},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[e.jsx(a,{children:"A responsive"}),e.jsx(l,{children:"B responsive"})]})]})}function vn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsiveInvertedOrder"},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function f(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function v(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function bn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function Fn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsive"}),e.jsxs(n,{dataset:{testid:"RelativeResponsive"},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function yn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"RelativeResponsiveInvertedOrder"},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function w(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function C(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const Rn=L`
     div[data-override='true'] {
         display:grid;
     }

package/dist/assets/{10.fonts.guide-DkLccLAL.js → 10.fonts.guide-6c2twxLe.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Assets/Fonts"}),`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Assets/Fonts"}),`
 `,e.jsx(n.h1,{id:"fonts",children:"Fonts"}),`
 `,e.jsxs(n.p,{children:["The optimised assets are available under ",e.jsx(n.strong,{children:"preply.com"})," in the formats required by modern and legacy browsers."]}),`
 `,e.jsxs(n.p,{children:["Refer to ",e.jsx(n.a,{href:"https://preply.atlassian.net/l/cp/0sQoEgGa",rel:"nofollow",children:"Create new universal brand fonts"})," for a detailed breakdown of the formats, optimisations and technical decisions."]}),`

package/dist/assets/{10.ssr-CefkGBfp.js → 10.ssr-DsFrbjyY.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
 `,e.jsx(n.h1,{id:"installation-nextjs-pages-router",children:"Installation: Next.js pages router"}),`
 `,e.jsxs(n.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(n.h2,{id:"packages",children:"Packages"}),`

package/dist/assets/{11.ssr.app-router-Dl5IwciZ.js → 11.ssr.app-router-Bq0XjlUK.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
 `,e.jsx(t.h1,{id:"installation-nextjs-app-router",children:"Installation: Next.js app router"}),`
 `,e.jsxs(t.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(t.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(t.h2,{id:"packages",children:"Packages"}),`

package/dist/assets/{20.libraries-Df17azd4.js → 20.libraries-DuLqrS-7.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
 `,e.jsx(n.h1,{id:"installation-libraries",children:"Installation: Libraries"}),`
 `,e.jsxs(n.p,{children:["This guide applies to libraries consumed in Preply applications, and assumes these applications are already integrated according to the steps outlined in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(n.h2,{id:"install-packages",children:"Install Packages"}),`

package/dist/assets/{30.icons.explorer-BcmjbQML.js → 30.icons.explorer-DZ7hOOqz.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as f}from"./index-BN6VMYqa.js";import{M as V}from"./index-xzr6a2UN.js";import{r as e}from"./index-Cb9e4tly.js";import{a as L}from"./StorybookGlobalStyle-CtZU2X7e.js";import{d}from"./styled-components.browser.esm-COuAnjOv.js";import{g as F,a as I}from"./text-centered-7Z5xvJY4.js";import{f as B}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as $}from"./render-icon-Du0nasoi.js";import{m as y,s as A,b as z}from"./classNames-9hsFPPZv.js";import{I as _}from"./defaults-czRWsFkX.js";import{w as g}from"./componentNames-k0j3gHgH.js";import{g as j}from"./index-qlqSh81O.js";import{T as D,L as P}from"./LayoutFlex-B9hPEubG.js";import{F as N}from"./LibraryExplore-oBYfEgnm.js";import{F as G}from"./Messages-VCFIwUal.js";import{F as q}from"./TokyoUIAttach-BWl7Jkq1.js";import{c as W,b as O,a as Q,F as K}from"./TokyoUIAvailability7LateNight-TgMFD5Or.js";import{F as J,a as X}from"./TokyoUICheck-BMIsD36S.js";import{F as Y}from"./TokyoUIClose-thK8sk63.js";import{F as e1}from"./TokyoUIEmojiFrowning-DwuiVRut.js";import{F as l1}from"./TokyoUIExpand-oMdXmNcg.js";import{F as a1,a as o1}from"./TokyoUIEye-CteyS9_g.js";import{F as n1}from"./TokyoUIFav-DOVerCtW.js";import{F as t1}from"./TokyoUIInfo-DbkQBubr.js";import{F as r1}from"./TokyoUILanguage-CLpo5Vdq.js";import{F as c1}from"./TokyoUILock-CUE2UpP8.js";import{b as d1,F as v1,a as s1}from"./TokyoUISettings-47T4QHhu.js";import{a as m1,F as w1}from"./TokyoUIMinus-RacYe9uc.js";import{F as p1}from"./TokyoUINotebook-kt8pWj_a.js";import{F as i1}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{F as g1}from"./TokyoUIPhone-CvuBM6jb.js";import{F as h1,a as f1}from"./TokyoUIStarFilled-CVOoYvsY.js";import{F as y1}from"./TokyoUITag-CS4uarg6.js";import{F as R1}from"./TokyoUIUpload-Bf0gWv4M.js";import{F as E1}from"./TokyoUIUser-Cvenl_VS.js";import{g as v}from"./getTokenVar-4Jlty0xz.js";import{c as s}from"./tokens-B6goZRPa.js";import{o as u1}from"./mixins-DZk1Zeoo.js";import"./index-ChsGqxH_.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./constants-DTpaCXm6.js";const x1="ExpColor__S0PGo",Z1={ExpColor:x1,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},b1="ExpColor",S1=l=>y(Z1,b1,[A("exp-color",l)]),k1="Icon__jDdMD",T1={Icon:k1,"Icon--size-2xs":"Icon--size-2xs__3r954","Icon--size-xs":"Icon--size-xs__Fcq73","Icon--size-s":"Icon--size-s__bQoUv","Icon--size-m":"Icon--size-m__7Z05l","Icon--size-l":"Icon--size-l__2o-6h","Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},r=e.forwardRef(function({svg:a,size:o=_,accent:n,expColor:m,color:E,label:p,dataset:u,...x},Z){const i=!Number.isNaN(Number(o)),b=i?{width:`${o}px`,height:`${o}px`}:{},S=y(T1,g.Icon,[z(`size-${o}`,void 0,!i)]),k=n?void 0:E,T=F(!1,n),H=I(k),U=n?[]:S1(m),M=[...S,...T,...H,...U],C={...B(x),className:M.join(" "),...j(u,{preplyDsComponent:g.Icon}),ref:Z};if(!a)throw new Error("Icon prop svg is mandatory");return t.jsx("span",{...C,role:"img",style:b,"aria-hidden":!p,"aria-label":p,children:$(a,{"aria-hidden":"true",focusable:"false"})})});r.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};const R=()=>e.useContext(L),H1=d.form`
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as f}from"./index-BN6VMYqa.js";import{M as V}from"./index-GU-yTW76.js";import{r as e}from"./index-Cb9e4tly.js";import{a as L}from"./StorybookGlobalStyle-CtZU2X7e.js";import{d}from"./styled-components.browser.esm-COuAnjOv.js";import{g as F,a as I}from"./text-centered-7Z5xvJY4.js";import{f as B}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as $}from"./render-icon-Du0nasoi.js";import{m as y,s as A,b as z}from"./classNames-9hsFPPZv.js";import{I as _}from"./defaults-czRWsFkX.js";import{w as g}from"./componentNames-k0j3gHgH.js";import{g as j}from"./index-qlqSh81O.js";import{T as D,L as P}from"./LayoutFlex-B9hPEubG.js";import{F as N}from"./LibraryExplore-oBYfEgnm.js";import{F as G}from"./Messages-VCFIwUal.js";import{F as q}from"./TokyoUIAttach-BWl7Jkq1.js";import{c as W,b as O,a as Q,F as K}from"./TokyoUIAvailability7LateNight-TgMFD5Or.js";import{F as J,a as X}from"./TokyoUICheck-BMIsD36S.js";import{F as Y}from"./TokyoUIClose-thK8sk63.js";import{F as e1}from"./TokyoUIEmojiFrowning-DwuiVRut.js";import{F as l1}from"./TokyoUIExpand-oMdXmNcg.js";import{F as a1,a as o1}from"./TokyoUIEye-CteyS9_g.js";import{F as n1}from"./TokyoUIFav-DOVerCtW.js";import{F as t1}from"./TokyoUIInfo-DbkQBubr.js";import{F as r1}from"./TokyoUILanguage-CLpo5Vdq.js";import{F as c1}from"./TokyoUILock-CUE2UpP8.js";import{b as d1,F as v1,a as s1}from"./TokyoUISettings-47T4QHhu.js";import{a as m1,F as w1}from"./TokyoUIMinus-RacYe9uc.js";import{F as p1}from"./TokyoUINotebook-kt8pWj_a.js";import{F as i1}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{F as g1}from"./TokyoUIPhone-CvuBM6jb.js";import{F as h1,a as f1}from"./TokyoUIStarFilled-CVOoYvsY.js";import{F as y1}from"./TokyoUITag-CS4uarg6.js";import{F as R1}from"./TokyoUIUpload-Bf0gWv4M.js";import{F as E1}from"./TokyoUIUser-Cvenl_VS.js";import{g as v}from"./getTokenVar-4Jlty0xz.js";import{c as s}from"./tokens-B6goZRPa.js";import{o as u1}from"./mixins-DZk1Zeoo.js";import"./index-ChsGqxH_.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./constants-DTpaCXm6.js";const x1="ExpColor__S0PGo",Z1={ExpColor:x1,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},b1="ExpColor",S1=l=>y(Z1,b1,[A("exp-color",l)]),k1="Icon__jDdMD",T1={Icon:k1,"Icon--size-2xs":"Icon--size-2xs__3r954","Icon--size-xs":"Icon--size-xs__Fcq73","Icon--size-s":"Icon--size-s__bQoUv","Icon--size-m":"Icon--size-m__7Z05l","Icon--size-l":"Icon--size-l__2o-6h","Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},r=e.forwardRef(function({svg:a,size:o=_,accent:n,expColor:m,color:E,label:p,dataset:u,...x},Z){const i=!Number.isNaN(Number(o)),b=i?{width:`${o}px`,height:`${o}px`}:{},S=y(T1,g.Icon,[z(`size-${o}`,void 0,!i)]),k=n?void 0:E,T=F(!1,n),H=I(k),U=n?[]:S1(m),M=[...S,...T,...H,...U],C={...B(x),className:M.join(" "),...j(u,{preplyDsComponent:g.Icon}),ref:Z};if(!a)throw new Error("Icon prop svg is mandatory");return t.jsx("span",{...C,role:"img",style:b,"aria-hidden":!p,"aria-label":p,children:$(a,{"aria-hidden":"true",focusable:"false"})})});r.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};const R=()=>e.useContext(L),H1=d.form`
     display: flex;
     align-items: flex-start;
     gap: 20px;

package/dist/assets/{30.storybook-Bj0tQN0r.js → 30.storybook-C6QKDTCh.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 s}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
+import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
 `,o.jsx(e.h1,{id:"installation-storybook",children:"Installation: Storybook"}),`
 `,o.jsxs(e.p,{children:["This guide applies to Storybook setups that document Preply components libraries, and assumes you have read and followed the steps outlined in the ",o.jsx(e.a,{href:"/story/guides-installation-libraries--page",children:"Installation: Libaries"})," guide."]}),`
 `,o.jsx(e.h2,{id:"packages",children:"Packages"}),`

package/dist/assets/{40.illustrations.explorer-DuUnaQJ6.js → 40.illustrations.explorer-CEF2Fc0h.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as a}from"./index-xzr6a2UN.js";import{L as e}from"./LayoutGrid-EzfUD7Oc.js";import{d as c}from"./styled-components.browser.esm-COuAnjOv.js";import{g as i}from"./getTokenVar-4Jlty0xz.js";import{s as u,c as p}from"./tokens-B6goZRPa.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./classNames-9hsFPPZv.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./constants-DYYVurUY.js";import"./defaults-czRWsFkX.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./index-qlqSh81O.js";import"./componentNames-k0j3gHgH.js";import"./constants-DTpaCXm6.js";const n=["https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/browser-permissions-chromium.svg","https://static.preply.com/ds/illustrations/tokyo-ui/browser-permissions-safari.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/confetti.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk-supplies.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/disco-ball.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/lamp-and-books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/language-flash-cards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/magnifying-glass.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/open-book.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/system-permissions.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg","https://static.preply.com/ds/illustrations/tokyo-ui/flashcards.svg"],y=c.div`
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as a}from"./index-GU-yTW76.js";import{L as e}from"./LayoutGrid-EzfUD7Oc.js";import{d as c}from"./styled-components.browser.esm-COuAnjOv.js";import{g as i}from"./getTokenVar-4Jlty0xz.js";import{s as u,c as p}from"./tokens-B6goZRPa.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./classNames-9hsFPPZv.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./constants-DYYVurUY.js";import"./defaults-czRWsFkX.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./index-qlqSh81O.js";import"./componentNames-k0j3gHgH.js";import"./constants-DTpaCXm6.js";const n=["https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/browser-permissions-chromium.svg","https://static.preply.com/ds/illustrations/tokyo-ui/browser-permissions-safari.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/confetti.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk-supplies.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/disco-ball.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/lamp-and-books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/language-flash-cards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/magnifying-glass.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/open-book.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/system-permissions.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg","https://static.preply.com/ds/illustrations/tokyo-ui/flashcards.svg"],y=c.div`
     padding: ${i(u[12])};
     -webkit-background-size: 50px 50px;
     -moz-background-size: 50px 50px;

package/dist/assets/{90.advanced-DMVmfSdF.js → 90.advanced-DXMNWOcI.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-xzr6a2UN.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DQObBSoc.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-GU-yTW76.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DD8HN-R1.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
 `,e.jsx(o.h1,{id:"installation-advanced",children:"Installation: Advanced"}),`
 `,e.jsxs(o.p,{children:["This page is about rolling out your own alternative to ",e.jsx(o.code,{children:"<RootProvider/>"})," (advanced usage)."]}),`
 `,e.jsxs(o.p,{children:["If you are looking for how to install, refer to the ",e.jsx(o.a,{href:"/story/guides-installation-applications--page",children:"installation guides"})," instead."]}),`

package/dist/assets/{Accordion-D1vIqcq0.js → Accordion-VvNDKvME.js}

@@ -1,9 +1,9 @@
-import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{F as y}from"./TokyoUIExpand-oMdXmNcg.js";import{I as A}from"./Icon-C9LCNP6i.js";import{T as f}from"./Text-Buodaus4.js";import{u as g}from"./useMergeRefs-SFH7Mw4x.js";import{w as _}from"./componentNames-k0j3gHgH.js";import{g as s}from"./index-qlqSh81O.js";const w="accordion__OKb-C",p={accordion:w,"--dsInternalSimulation-focus":"_--dsInternalSimulation-focus__7V0NR","--dsInternalSimulation-noAnimation":"_--dsInternalSimulation-noAnimation__nuNUW"};function I({ref:n,onOpenChange:e}){const t=o.useRef(null),l=g(t,n);return o.useEffect(()=>{if(!t.current)return;const a=t.current,i=()=>{e==null||e(a.open)};return a&&a.addEventListener("toggle",i),()=>{a&&a.removeEventListener("toggle",i)}},[e]),{mergedRef:e||n?l:null}}const c=({dataset:n,children:e,"aria-label":t})=>r.jsx("div",{className:p.accordion,"aria-label":t,...s(n),"data-preply-ds-component":_.Accordion,children:e}),u=o.forwardRef(function({open:e,name:t,dataset:l,children:a,onOpenChange:i,dsInternalSimulation:v},b){const{mergedRef:h}=I({ref:b,onOpenChange:i});return r.jsx("details",{ref:h,name:t,open:e,...s(l),className:p[`--dsInternalSimulation-${v}`],children:a})}),d=o.forwardRef(function({dataset:e,children:t,onClick:l},a){return r.jsxs("summary",{ref:a,...s(e),onClick:l,children:[r.jsx(f,{variant:"default-semibold",children:t}),r.jsx(A,{svg:y})]})}),m=o.forwardRef(function({dataset:e,children:t},l){return r.jsx(f,{tag:"div",variant:"small-regular",ref:l,...s(e),children:t})});try{c.displayName="Accordion",c.__docgenInfo={description:"An Accordion container.\n\nAdd `AccordionItem` children to render a list of disclosable contents.",displayName:"Accordion",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
+import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{F as y}from"./TokyoUIExpand-oMdXmNcg.js";import{I as A}from"./Icon-5QESEDp5.js";import{T as f}from"./Text-DiDZp_C4.js";import{u as g}from"./useMergeRefs-SFH7Mw4x.js";import{w as _}from"./componentNames-k0j3gHgH.js";import{g as s}from"./index-qlqSh81O.js";const w="accordion__OKb-C",p={accordion:w,"--dsInternalSimulation-focus":"_--dsInternalSimulation-focus__7V0NR","--dsInternalSimulation-noAnimation":"_--dsInternalSimulation-noAnimation__nuNUW"};function I({ref:n,onOpenChange:e}){const t=o.useRef(null),l=g(t,n);return o.useEffect(()=>{if(!t.current)return;const a=t.current,i=()=>{e==null||e(a.open)};return a&&a.addEventListener("toggle",i),()=>{a&&a.removeEventListener("toggle",i)}},[e]),{mergedRef:e||n?l:null}}const c=({dataset:n,children:e,"aria-label":t})=>r.jsx("div",{className:p.accordion,"aria-label":t,...s(n),"data-preply-ds-component":_.Accordion,children:e}),u=o.forwardRef(function({open:e,name:t,dataset:l,children:a,onOpenChange:i,dsInternalSimulation:v},b){const{mergedRef:h}=I({ref:b,onOpenChange:i});return r.jsx("details",{ref:h,name:t,open:e,...s(l),className:p[`--dsInternalSimulation-${v}`],children:a})}),d=o.forwardRef(function({dataset:e,children:t,onClick:l},a){return r.jsxs("summary",{ref:a,...s(e),onClick:l,children:[r.jsx(f,{variant:"default-semibold",children:t}),r.jsx(A,{svg:y})]})}),m=o.forwardRef(function({dataset:e,children:t},l){return r.jsx(f,{tag:"div",variant:"small-regular",ref:l,...s(e),children:t})});try{c.displayName="Accordion",c.__docgenInfo={description:"An Accordion container.\n\nAdd `AccordionItem` children to render a list of disclosable contents.",displayName:"Accordion",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
 @example <Accordion dataset={{ 'qa-id': 'benefits' }} /> // will add data-qa-id="benefits" to the HTML element.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
-@see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}}}}}catch{}try{u.displayName="AccordionItem",u.__docgenInfo={description:"A single `Accordion` item, the wrapper of AccordionHeader and AccordionContent.",displayName:"AccordionItem",props:{open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}}}}}catch{}try{u.displayName="AccordionItem",u.__docgenInfo={description:"A single `Accordion` item, the wrapper of AccordionHeader and AccordionContent.",displayName:"AccordionItem",props:{"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-label":{defaultValue:null,description:`Defines a string value that labels the current element.
 @see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
-@see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},onOpenChange:{defaultValue:null,description:"Called whenever the users open/close the Accordion item (mapped to the internal HTML Details's\n`toggle` event).",name:"onOpenChange",required:!1,type:{name:"enum",value:[{value:"(open: boolean) => void"}]}},name:{defaultValue:null,description:`Allows to create exclusive Accordions. Just pass the same \`name\` to all the AccordionItem
+@see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onOpenChange:{defaultValue:null,description:"Called whenever the users open/close the Accordion item (mapped to the internal HTML Details's\n`toggle` event).",name:"onOpenChange",required:!1,type:{name:"enum",value:[{value:"(open: boolean) => void"}]}},name:{defaultValue:null,description:`Allows to create exclusive Accordions. Just pass the same \`name\` to all the AccordionItem
 instances to make the whole Accordion exclusive.
 @example <Accordion>
     <AccordionItem name="choose-subscription-duration">

package/dist/assets/{Accordion.stories-DRHVlfh4.js → Accordion.stories-D8YFD-5m.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as r,a as n,b as t,c as o}from"./Accordion-D1vIqcq0.js";import{T as u}from"./Text-Buodaus4.js";import{H as T}from"./Heading-D-ou4j7h.js";import{B as W}from"./Button-r7N6Ff_n.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./TokyoUIExpand-oMdXmNcg.js";import"./Icon-C9LCNP6i.js";import"./text-accent-DvyJpEME.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";import"./useMergeRefs-SFH7Mw4x.js";import"./text-centered-BFb64PJw.js";import"./ButtonBase-zwYgfoSw.js";import"./Spinner-CUtAzzFK.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";const te={title:"components/Accordion",component:r,args:{}},s={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsx(o,{children:"Of course it is!"})]}),e.jsxs(n,{children:[e.jsx(t,{children:"Why?"}),e.jsx(o,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})}},a={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsx(o,{children:"Of course it is!"})]}),e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Why?"}),e.jsx(o,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})}},c={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{children:[e.jsx(t,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx(o,{children:"Lorem ipsum"})]}),e.jsxs(n,{children:[e.jsx(t,{children:"Lorem ipsum"}),e.jsx(o,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]}),e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx(o,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]})]})}},d={render:function(){return e.jsx(r,{children:e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsxs(o,{children:[e.jsx(T,{variant:"large",tag:"div",children:"Yes!"}),e.jsx(u,{variant:"large-regular-italic",children:"What are you waiting for?"}),e.jsx(W,{children:"Book a lesson now!"})]})]})})}},l={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{name:"choose-subscription-duration",children:[e.jsx(t,{children:"Two-week subscription"}),e.jsx(o,{children:"We will charge you every two weeks."})]}),e.jsxs(n,{name:"choose-subscription-duration",children:[e.jsx(t,{children:"Four-week subscription"}),e.jsx(o,{children:"We will charge you every four weeks."})]})]})}},p={render:function(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"closed"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"open"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"focus"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{dsInternalSimulation:"focus",children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]})]})}};var m,h,y;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as r,a as n,b as t,c as o}from"./Accordion-VvNDKvME.js";import{T as u}from"./Text-DiDZp_C4.js";import{H as T}from"./Heading-CTiQg0ko.js";import{B as W}from"./Button-CV3MrNle.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./TokyoUIExpand-oMdXmNcg.js";import"./Icon-5QESEDp5.js";import"./text-accent-DvyJpEME.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";import"./useMergeRefs-SFH7Mw4x.js";import"./text-centered-BFb64PJw.js";import"./ButtonBase-BpIWpxNP.js";import"./Spinner-CUtAzzFK.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";const te={title:"components/Accordion",component:r,args:{}},s={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsx(o,{children:"Of course it is!"})]}),e.jsxs(n,{children:[e.jsx(t,{children:"Why?"}),e.jsx(o,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})}},a={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsx(o,{children:"Of course it is!"})]}),e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Why?"}),e.jsx(o,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})}},c={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{children:[e.jsx(t,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx(o,{children:"Lorem ipsum"})]}),e.jsxs(n,{children:[e.jsx(t,{children:"Lorem ipsum"}),e.jsx(o,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]}),e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx(o,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]})]})}},d={render:function(){return e.jsx(r,{children:e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsxs(o,{children:[e.jsx(T,{variant:"large",tag:"div",children:"Yes!"}),e.jsx(u,{variant:"large-regular-italic",children:"What are you waiting for?"}),e.jsx(W,{children:"Book a lesson now!"})]})]})})}},l={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{name:"choose-subscription-duration",children:[e.jsx(t,{children:"Two-week subscription"}),e.jsx(o,{children:"We will charge you every two weeks."})]}),e.jsxs(n,{name:"choose-subscription-duration",children:[e.jsx(t,{children:"Four-week subscription"}),e.jsx(o,{children:"We will charge you every four weeks."})]})]})}},p={render:function(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"closed"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"open"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"focus"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{dsInternalSimulation:"focus",children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]})]})}};var m,h,y;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
   render: function Story() {
     return <Accordion>
                 <AccordionItem>