@preply/ds-docs 11.5.0 → 11.5.1

package/dist/assets/{00.LayoutFlex.stories-BqNKOxzc.js → 00.LayoutFlex.stories-BHaWJWDM.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./LayoutFlex-CEOcocT6.js";import{n as o,t as s}from"./LayoutFlexItem-DJZHfd4G.js";import{n as c,r as l,t as u}from"./storybook-utils-BfrlMSeG.js";var d,f,p,m,h;t((()=>{e(n(),1),o(),i(),u(),d=r(),f={title:`components/LayoutFlex`,component:a,subcomponents:{LayoutFlexItem:s},argTypes:{gap:{description:l},padding:{description:c},direction:{description:l},justifyContent:{description:l},alignItems:{description:l},hide:{description:l},relative:{description:l}}},p=()=>(0,d.jsxs)(a,{gap:`16`,children:[(0,d.jsx)(`div`,{style:{minWidth:`100px`,backgroundColor:`hotpink`},children:` `}),(0,d.jsx)(`div`,{style:{minWidth:`100px`,backgroundColor:`hotpink`},children:` `}),(0,d.jsx)(s,{stretch:!0,children:(0,d.jsx)(`div`,{style:{minWidth:`100px`,backgroundColor:`hotpink`,textAlign:`center`},children:`stretch`})})]}),p.storyName=`LayoutFlex`,m={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:`16`,children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`div`,{style:{minWidth:`100px`,height:50,backgroundColor:`hotpink`},children:` `}),(0,d.jsx)(`div`,{style:{minWidth:`100px`,height:75,backgroundColor:`hotpink`},children:` `}),(0,d.jsx)(s,{stretch:!0,children:(0,d.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}}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16">
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./LayoutFlex-Ca74XcC1.js";import{n as o,t as s}from"./LayoutFlexItem-Cc8MfuDK.js";import{n as c,r as l,t as u}from"./storybook-utils-BfrlMSeG.js";var d,f,p,m,h;t((()=>{e(n(),1),o(),i(),u(),d=r(),f={title:`components/LayoutFlex`,component:a,subcomponents:{LayoutFlexItem:s},argTypes:{gap:{description:l},padding:{description:c},direction:{description:l},justifyContent:{description:l},alignItems:{description:l},hide:{description:l},relative:{description:l}}},p=()=>(0,d.jsxs)(a,{gap:`16`,children:[(0,d.jsx)(`div`,{style:{minWidth:`100px`,backgroundColor:`hotpink`},children:` `}),(0,d.jsx)(`div`,{style:{minWidth:`100px`,backgroundColor:`hotpink`},children:` `}),(0,d.jsx)(s,{stretch:!0,children:(0,d.jsx)(`div`,{style:{minWidth:`100px`,backgroundColor:`hotpink`,textAlign:`center`},children:`stretch`})})]}),p.storyName=`LayoutFlex`,m={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:`16`,children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`div`,{style:{minWidth:`100px`,height:50,backgroundColor:`hotpink`},children:` `}),(0,d.jsx)(`div`,{style:{minWidth:`100px`,height:75,backgroundColor:`hotpink`},children:` `}),(0,d.jsx)(s,{stretch:!0,children:(0,d.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}}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16">
         <div style={{
     minWidth: '100px',
     backgroundColor: 'hotpink'

package/dist/assets/{00.applications-CyJAiQf3.js → 00.applications-D_J6NM1u.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,em:`em`,h1:`h1`,h2:`h2`,li:`li`,p:`p`,pre:`pre`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/Applications`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,em:`em`,h1:`h1`,h2:`h2`,li:`li`,p:`p`,pre:`pre`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/Applications`}),`
 `,(0,c.jsx)(t.h1,{id:`installation-applications`,children:`Installation: Applications`}),`
 `,(0,c.jsx)(t.p,{children:`This guide applies to both client-side and server-side rendered React applications.`}),`
 `,(0,c.jsx)(t.h2,{id:`packages`,children:`Packages`}),`

package/dist/assets/{00.favicons.guide-BwKV7LgZ.js → 00.favicons.guide-Bt-UuIyd.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Assets/Favicons`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Assets/Favicons`}),`
 `,(0,c.jsx)(t.h1,{id:`favicons`,children:`Favicons`}),`
 `,(0,c.jsxs)(t.p,{children:[`The optimised assets are available under `,(0,c.jsx)(t.strong,{children:`preply.com`}),` in the formats required by modern and legacy browsers, as well as Android and iOS devices.`]}),`
 `,(0,c.jsxs)(t.p,{children:[`Refer to `,(0,c.jsx)(t.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-D3HQJ3dy.js → 00.token-explorer-DaWjizOC.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{R as r,V as i,a as ee,h as te,i as a,m as o,n as s,nt as c,o as ne,r as l,rt as u,t as d,u as re,w as f}from"./dist-DtfJeYQK.js";import{t as p}from"./jsx-runtime-C2wGStra.js";import{c as ie,h as ae,l as oe,m as se,o as ce}from"./iframe-Czcvpvgg.js";import{r as le}from"./react-B8jdHdWa.js";import{t as ue}from"./mdx-react-shim-BUTq3l7l.js";import{a as m,b as de,n as h,o as g,t as _}from"./dist-CxlmHSsk.js";import{r as v,t as y}from"./styled-components.browser.esm-C-pLV-H4.js";var fe,b,pe,me,he=t((()=>{f(),u(),fe=(e,t)=>({token:t,name:e,id:t[1],type:t[0],colorSchemeAware:!!t[2]}),b=(e,t)=>Object.entries(t).flatMap(([t,n])=>{let i=`${e}.${t}`;return r(n)?[fe(i,n)]:b(i,n)}),pe=e=>Object.entries(e).flatMap(([e,t])=>b(e,t)),me=pe(c)})),ge,_e=t((()=>{ge=(e,t,n)=>e.filter(e=>{if(t===`-`||t===`--`)return!0;if(t?.startsWith(`--`))return e.id.toLowerCase().startsWith(t.substring(2).toLowerCase());if(t){let r=e.name.toLowerCase().indexOf(t.toLowerCase())>-1,i=e.value.toLowerCase().indexOf(t.toLowerCase())>-1;return(r||i)&&(n?e.colorSchemeAware:!e.colorSchemeAware)}return n?e.colorSchemeAware:!e.colorSchemeAware})}));function ve(e,t){return me.map(n=>({...n,value:`${l(e,t,n.token)}`}))}var x,S,C,ye,be,xe=t((()=>{d(),a(),x=e(n()),he(),_e(),S=p(),C=(0,x.createContext)({terms:``,colorScheme:void 0,results:[],setColorScheme:()=>void 0,setSearchTerms:()=>void 0}),ye=window?.localStorage?.getItem(`storybook.ds-color-scheme`)||void 0,be=({children:e})=>{let{findColorScheme:t}=te(),{theme:n}=ee(),[r,i]=(0,x.useState)(ye),[a,s]=(0,x.useState)(``),[c,ne]=(0,x.useState)([]),l=(0,x.useCallback)(e=>i(e),[i]),u=(0,x.useCallback)(e=>s(e),[s]);if(!n)throw Error(`useToken() must be used within a ThemeProvider`);return(0,x.useEffect)(()=>{ne(ge(ve(n,t(r||`base`)),a,!!r))},[r,t,a,n]),(0,S.jsx)(C.Provider,{value:{terms:a,results:c,colorScheme:r,setSearchTerms:u,setColorScheme:l},children:(0,S.jsx)(o,{colorScheme:r||`base`,children:e})})}})),Se,w,T=t((()=>{Se=e(n()),xe(),w=()=>(0,Se.useContext)(C)})),Ce,E,D,we=t((()=>{e(n()),v(),Ce=p(),E=y.div`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{R as r,V as i,a as ee,h as te,i as a,m as o,n as s,nt as c,o as ne,r as l,rt as u,t as d,u as re,w as f}from"./dist-DtfJeYQK.js";import{t as p}from"./jsx-runtime-C2wGStra.js";import{c as ie,h as ae,l as oe,m as se,o as ce}from"./iframe-dOU5q7Ak.js";import{r as le}from"./react-B8jdHdWa.js";import{t as ue}from"./mdx-react-shim-BUTq3l7l.js";import{a as m,b as de,n as h,o as g,t as _}from"./dist-QhLTxRNy.js";import{r as v,t as y}from"./styled-components.browser.esm-C-pLV-H4.js";var fe,b,pe,me,he=t((()=>{f(),u(),fe=(e,t)=>({token:t,name:e,id:t[1],type:t[0],colorSchemeAware:!!t[2]}),b=(e,t)=>Object.entries(t).flatMap(([t,n])=>{let i=`${e}.${t}`;return r(n)?[fe(i,n)]:b(i,n)}),pe=e=>Object.entries(e).flatMap(([e,t])=>b(e,t)),me=pe(c)})),ge,_e=t((()=>{ge=(e,t,n)=>e.filter(e=>{if(t===`-`||t===`--`)return!0;if(t?.startsWith(`--`))return e.id.toLowerCase().startsWith(t.substring(2).toLowerCase());if(t){let r=e.name.toLowerCase().indexOf(t.toLowerCase())>-1,i=e.value.toLowerCase().indexOf(t.toLowerCase())>-1;return(r||i)&&(n?e.colorSchemeAware:!e.colorSchemeAware)}return n?e.colorSchemeAware:!e.colorSchemeAware})}));function ve(e,t){return me.map(n=>({...n,value:`${l(e,t,n.token)}`}))}var x,S,C,ye,be,xe=t((()=>{d(),a(),x=e(n()),he(),_e(),S=p(),C=(0,x.createContext)({terms:``,colorScheme:void 0,results:[],setColorScheme:()=>void 0,setSearchTerms:()=>void 0}),ye=window?.localStorage?.getItem(`storybook.ds-color-scheme`)||void 0,be=({children:e})=>{let{findColorScheme:t}=te(),{theme:n}=ee(),[r,i]=(0,x.useState)(ye),[a,s]=(0,x.useState)(``),[c,ne]=(0,x.useState)([]),l=(0,x.useCallback)(e=>i(e),[i]),u=(0,x.useCallback)(e=>s(e),[s]);if(!n)throw Error(`useToken() must be used within a ThemeProvider`);return(0,x.useEffect)(()=>{ne(ge(ve(n,t(r||`base`)),a,!!r))},[r,t,a,n]),(0,S.jsx)(C.Provider,{value:{terms:a,results:c,colorScheme:r,setSearchTerms:u,setColorScheme:l},children:(0,S.jsx)(o,{colorScheme:r||`base`,children:e})})}})),Se,w,T=t((()=>{Se=e(n()),xe(),w=()=>(0,Se.useContext)(C)})),Ce,E,D,we=t((()=>{e(n()),v(),Ce=p(),E=y.div`
     width: 64px;
     height: 64px;
     color: white;

package/dist/assets/{00.using-responsive-props-CCkI1Tld.js → 00.using-responsive-props-u8e84XKC.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{pt as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{l as o,o as s}from"./iframe-Czcvpvgg.js";import{r as c}from"./react-B8jdHdWa.js";import{t as l}from"./mdx-react-shim-BUTq3l7l.js";import{g as u,t as d}from"./dist-CxlmHSsk.js";var f,p,m=t((()=>{i(),e(n()),f=a(),p=()=>(0,f.jsx)(`table`,{style:{fontSize:14},children:(0,f.jsx)(`tbody`,{children:Object.entries(r).map(([e,t])=>(0,f.jsxs)(`tr`,{children:[(0,f.jsx)(`td`,{style:{padding:`0px 40px 10px 20px`},children:(0,f.jsx)(`code`,{children:e})}),(0,f.jsx)(`td`,{style:{padding:`0px 40px 10px 20px`},children:(0,f.jsxs)(`code`,{children:[t,`px`]})})]},e))})})}));function h(e){let t={code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,...c(),...e.components};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(s,{title:`Guides/Responsive Props`}),`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{pt as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{l as o,o as s}from"./iframe-dOU5q7Ak.js";import{r as c}from"./react-B8jdHdWa.js";import{t as l}from"./mdx-react-shim-BUTq3l7l.js";import{g as u,t as d}from"./dist-QhLTxRNy.js";var f,p,m=t((()=>{i(),e(n()),f=a(),p=()=>(0,f.jsx)(`table`,{style:{fontSize:14},children:(0,f.jsx)(`tbody`,{children:Object.entries(r).map(([e,t])=>(0,f.jsxs)(`tr`,{children:[(0,f.jsx)(`td`,{style:{padding:`0px 40px 10px 20px`},children:(0,f.jsx)(`code`,{children:e})}),(0,f.jsx)(`td`,{style:{padding:`0px 40px 10px 20px`},children:(0,f.jsxs)(`code`,{children:[t,`px`]})})]},e))})})}));function h(e){let t={code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,...c(),...e.components};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(s,{title:`Guides/Responsive Props`}),`
 `,(0,_.jsx)(t.h1,{id:`responsive-props`,children:`Responsive Props`}),`
 `,(0,_.jsx)(t.p,{children:`Some component props optionally accept responsive values for different screen sizes
 based on the global breakpoints:`}),`

package/dist/assets/{01.semantic-tokens-BK7BLZcq.js → 01.semantic-tokens-D4PHkv6c.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{nt as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{c as o,l as s,o as c}from"./iframe-Czcvpvgg.js";import{r as l}from"./react-B8jdHdWa.js";import{t as u}from"./mdx-react-shim-BUTq3l7l.js";import{a as d,i as f,t as p,v as m,y as h}from"./dist-CxlmHSsk.js";var g,_,v,y,b,x,S,C,w=t((()=>{i(),p(),e(n()),g=a(),_=({inverted:e,textToken:t})=>{let n=r.color.text[t];return Array.isArray(n)?(0,g.jsxs)(f,{children:[(0,g.jsx)(h,{tag:`h4`,variant:`medium`,children:t}),(0,g.jsx)(`div`,{style:{color:`var(--${n[1]})`,maxWidth:`240px`,padding:`10px`,background:`var(--${e?r.color.background.primaryInverted[1]:r.color.background.primary[1]})`},children:(0,g.jsxs)(`code`,{children:[`color.text.`,t]})})]},t):null},_.defaultProps={inverted:!1},v=({inverted:e,bgToken:t})=>{let n=r.color.background[t];return Array.isArray(n)?(0,g.jsxs)(f,{children:[(0,g.jsx)(h,{tag:`h4`,variant:`medium`,children:t}),(0,g.jsxs)(`div`,{style:{background:`var(--${r.color.background[t][1]})`,color:`var(--${e?r.color.text.inverted[1]:r.color.text.primary[1]})`,maxWidth:`240px`,padding:`10px`},children:[`Background token: `,(0,g.jsxs)(`code`,{children:[`color.background.`,t]})]})]},t):null},v.defaultProps={inverted:!1},y=({contentToken:e})=>{let t=r.color.border[e];return Array.isArray(t)?(0,g.jsxs)(f,{children:[(0,g.jsx)(h,{tag:`h4`,variant:`medium`,children:e}),(0,g.jsx)(`br`,{}),(0,g.jsxs)(`div`,{style:{border:`1px solid var(--${t[1]})`,background:`transparent`,color:`var(--${t[1]})`,maxWidth:`240px`,height:`50px`,padding:`10px`},children:[`color.border.`,e]})]},e):null},y.defaultProps={},b=()=>(0,g.jsxs)(d,{gap:`16`,columns:2,children:[(0,g.jsx)(m,{children:`Token family: action.variant.primary.*`}),(0,g.jsx)(m,{variant:`secondary`,children:`Token family: action.variant.secondary.*`}),(0,g.jsx)(m,{variant:`tertiary`,children:`Token family: action.variant.tertiary.*`}),(0,g.jsx)(m,{variant:`ghost`,children:`Token family: action.variant.ghost.*`}),(0,g.jsx)(m,{variant:`critical`,children:`Token family: action.variant.critical.*`}),(0,g.jsx)(m,{variant:`onColor`,children:`Token family: action.variant.onColor.*`}),(0,g.jsx)(m,{variant:`inverted`,children:`Token family: action.variant.inverted.*`}),(0,g.jsx)(m,{disabled:!0,children:`Token family: action.variant.disabled.*`})]}),x=()=>(0,g.jsxs)(d,{gap:`16`,columns:4,children:[(0,g.jsx)(_,{textToken:`primary`}),(0,g.jsx)(_,{textToken:`secondary`}),(0,g.jsx)(_,{textToken:`tertiary`}),(0,g.jsx)(_,{textToken:`accentDark`}),(0,g.jsx)(_,{textToken:`placeholder`}),(0,g.jsx)(_,{textToken:`inverted`,inverted:!0}),(0,g.jsx)(_,{textToken:`positive`}),(0,g.jsx)(_,{textToken:`info`}),(0,g.jsx)(_,{textToken:`warning`}),(0,g.jsx)(_,{textToken:`critical`})]}),S=()=>(0,g.jsxs)(d,{gap:`16`,columns:4,children:[(0,g.jsx)(v,{bgToken:`primary`}),(0,g.jsx)(v,{bgToken:`secondary`}),(0,g.jsx)(v,{bgToken:`tertiary`}),(0,g.jsx)(v,{bgToken:`overlay`}),(0,g.jsx)(v,{bgToken:`disabled`}),(0,g.jsx)(v,{bgToken:`brand`}),(0,g.jsx)(v,{bgToken:`brandB2b`}),(0,g.jsx)(v,{bgToken:`accentLight`}),(0,g.jsx)(v,{bgToken:`accentDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`positiveLight`}),(0,g.jsx)(v,{bgToken:`positiveDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`infoLight`}),(0,g.jsx)(v,{bgToken:`infoDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`warningLight`}),(0,g.jsx)(v,{bgToken:`warningDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`criticalLight`}),(0,g.jsx)(v,{bgToken:`criticalDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`statusOnline`}),(0,g.jsx)(v,{bgToken:`statusOffline`}),(0,g.jsx)(v,{bgToken:`primaryInverted`,inverted:!0}),(0,g.jsx)(v,{bgToken:`secondaryInverted`,inverted:!0}),(0,g.jsx)(v,{bgToken:`tertiaryInverted`,inverted:!0})]}),C=()=>(0,g.jsxs)(d,{gap:`16`,columns:4,children:[(0,g.jsx)(y,{contentToken:`primary`}),(0,g.jsx)(y,{contentToken:`secondary`}),(0,g.jsx)(y,{contentToken:`secondary-opacity`}),(0,g.jsx)(y,{contentToken:`tertiary`}),(0,g.jsx)(y,{contentToken:`disabled`}),(0,g.jsx)(y,{contentToken:`brand`}),(0,g.jsx)(y,{contentToken:`critical`}),(0,g.jsx)(y,{contentToken:`focus`}),(0,g.jsx)(y,{contentToken:`positive`})]})}));function T(e){let t={h1:`h1`,h2:`h2`,p:`p`,...l(),...e.components};return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(c,{title:`Guides/Semantic tokens examples`}),`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{nt as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{c as o,l as s,o as c}from"./iframe-dOU5q7Ak.js";import{r as l}from"./react-B8jdHdWa.js";import{t as u}from"./mdx-react-shim-BUTq3l7l.js";import{a as d,i as f,t as p,v as m,y as h}from"./dist-QhLTxRNy.js";var g,_,v,y,b,x,S,C,w=t((()=>{i(),p(),e(n()),g=a(),_=({inverted:e,textToken:t})=>{let n=r.color.text[t];return Array.isArray(n)?(0,g.jsxs)(f,{children:[(0,g.jsx)(h,{tag:`h4`,variant:`medium`,children:t}),(0,g.jsx)(`div`,{style:{color:`var(--${n[1]})`,maxWidth:`240px`,padding:`10px`,background:`var(--${e?r.color.background.primaryInverted[1]:r.color.background.primary[1]})`},children:(0,g.jsxs)(`code`,{children:[`color.text.`,t]})})]},t):null},_.defaultProps={inverted:!1},v=({inverted:e,bgToken:t})=>{let n=r.color.background[t];return Array.isArray(n)?(0,g.jsxs)(f,{children:[(0,g.jsx)(h,{tag:`h4`,variant:`medium`,children:t}),(0,g.jsxs)(`div`,{style:{background:`var(--${r.color.background[t][1]})`,color:`var(--${e?r.color.text.inverted[1]:r.color.text.primary[1]})`,maxWidth:`240px`,padding:`10px`},children:[`Background token: `,(0,g.jsxs)(`code`,{children:[`color.background.`,t]})]})]},t):null},v.defaultProps={inverted:!1},y=({contentToken:e})=>{let t=r.color.border[e];return Array.isArray(t)?(0,g.jsxs)(f,{children:[(0,g.jsx)(h,{tag:`h4`,variant:`medium`,children:e}),(0,g.jsx)(`br`,{}),(0,g.jsxs)(`div`,{style:{border:`1px solid var(--${t[1]})`,background:`transparent`,color:`var(--${t[1]})`,maxWidth:`240px`,height:`50px`,padding:`10px`},children:[`color.border.`,e]})]},e):null},y.defaultProps={},b=()=>(0,g.jsxs)(d,{gap:`16`,columns:2,children:[(0,g.jsx)(m,{children:`Token family: action.variant.primary.*`}),(0,g.jsx)(m,{variant:`secondary`,children:`Token family: action.variant.secondary.*`}),(0,g.jsx)(m,{variant:`tertiary`,children:`Token family: action.variant.tertiary.*`}),(0,g.jsx)(m,{variant:`ghost`,children:`Token family: action.variant.ghost.*`}),(0,g.jsx)(m,{variant:`critical`,children:`Token family: action.variant.critical.*`}),(0,g.jsx)(m,{variant:`onColor`,children:`Token family: action.variant.onColor.*`}),(0,g.jsx)(m,{variant:`inverted`,children:`Token family: action.variant.inverted.*`}),(0,g.jsx)(m,{disabled:!0,children:`Token family: action.variant.disabled.*`})]}),x=()=>(0,g.jsxs)(d,{gap:`16`,columns:4,children:[(0,g.jsx)(_,{textToken:`primary`}),(0,g.jsx)(_,{textToken:`secondary`}),(0,g.jsx)(_,{textToken:`tertiary`}),(0,g.jsx)(_,{textToken:`accentDark`}),(0,g.jsx)(_,{textToken:`placeholder`}),(0,g.jsx)(_,{textToken:`inverted`,inverted:!0}),(0,g.jsx)(_,{textToken:`positive`}),(0,g.jsx)(_,{textToken:`info`}),(0,g.jsx)(_,{textToken:`warning`}),(0,g.jsx)(_,{textToken:`critical`})]}),S=()=>(0,g.jsxs)(d,{gap:`16`,columns:4,children:[(0,g.jsx)(v,{bgToken:`primary`}),(0,g.jsx)(v,{bgToken:`secondary`}),(0,g.jsx)(v,{bgToken:`tertiary`}),(0,g.jsx)(v,{bgToken:`overlay`}),(0,g.jsx)(v,{bgToken:`disabled`}),(0,g.jsx)(v,{bgToken:`brand`}),(0,g.jsx)(v,{bgToken:`brandB2b`}),(0,g.jsx)(v,{bgToken:`accentLight`}),(0,g.jsx)(v,{bgToken:`accentDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`positiveLight`}),(0,g.jsx)(v,{bgToken:`positiveDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`infoLight`}),(0,g.jsx)(v,{bgToken:`infoDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`warningLight`}),(0,g.jsx)(v,{bgToken:`warningDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`criticalLight`}),(0,g.jsx)(v,{bgToken:`criticalDark`,inverted:!0}),(0,g.jsx)(v,{bgToken:`statusOnline`}),(0,g.jsx)(v,{bgToken:`statusOffline`}),(0,g.jsx)(v,{bgToken:`primaryInverted`,inverted:!0}),(0,g.jsx)(v,{bgToken:`secondaryInverted`,inverted:!0}),(0,g.jsx)(v,{bgToken:`tertiaryInverted`,inverted:!0})]}),C=()=>(0,g.jsxs)(d,{gap:`16`,columns:4,children:[(0,g.jsx)(y,{contentToken:`primary`}),(0,g.jsx)(y,{contentToken:`secondary`}),(0,g.jsx)(y,{contentToken:`secondary-opacity`}),(0,g.jsx)(y,{contentToken:`tertiary`}),(0,g.jsx)(y,{contentToken:`disabled`}),(0,g.jsx)(y,{contentToken:`brand`}),(0,g.jsx)(y,{contentToken:`critical`}),(0,g.jsx)(y,{contentToken:`focus`}),(0,g.jsx)(y,{contentToken:`positive`})]})}));function T(e){let t={h1:`h1`,h2:`h2`,p:`p`,...l(),...e.components};return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(c,{title:`Guides/Semantic tokens examples`}),`
 `,(0,D.jsx)(t.h1,{id:`semantic-tokens-examples`,children:`Semantic tokens examples`}),`
 `,(0,D.jsx)(t.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.`}),`
 `,(0,D.jsx)(t.h2,{id:`text-tokens`,children:`Text tokens`}),`

package/dist/assets/{01.using-shorthand-props-CBbf3XxB.js → 01.using-shorthand-props-C_yM69l5.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Shorthand Props`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Shorthand Props`}),`
 `,(0,c.jsx)(t.h1,{id:`shorthand-props`,children:`Shorthand Props`}),`
 `,(0,c.jsxs)(t.p,{children:[`Some components accept shorthand values for spacing properties like `,(0,c.jsx)(t.code,{children:`padding`}),` and `,(0,c.jsx)(t.code,{children:`margin`}),`. These props can be specified in several ways:`]}),`
 `,(0,c.jsx)(t.h2,{id:`single-value`,children:`Single Value`}),`

package/dist/assets/{10.Combinations.stories-TKz5kBVj.js → 10.Combinations.stories-IPREYRw0.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as ee,r as te,t as ne}from"./styled-components.browser.esm-BF2I7YPU.js";import{n as i,t as a}from"./LayoutFlex-CEOcocT6.js";import{n as o,t as s}from"./LayoutFlexItem-DJZHfd4G.js";function c(e){return(0,u.jsx)(`div`,{style:{background:`yellow`,width:`100%`},children:e.children})}function l(e){return(0,u.jsx)(`div`,{style:{background:`orange`,width:`100%`},children:e.children})}function re(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapUndefined`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapUndefined`},children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}function ie(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapTrue`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapTrue`},nowrap:!0,children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}function ae(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapFalse`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapFalse`},nowrap:!1,children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}var u,d=t((()=>{e(n(),1),i(),u=r()}));function f(e){return(0,m.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function p(e){return(0,m.jsx)(`div`,{style:{background:`orange`},children:e.children})}function oe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueUndefined`},column:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function se(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueFalse`},column:!0,reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function ce(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueTrue`},column:!0,reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function le(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseUndefined`},column:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function ue(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseFalse`},column:!1,reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function de(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseTrue`},column:!1,reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function fe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedUndefined`},children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function pe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedFalse`},reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function me(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedTrue`},reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}var m,he=t((()=>{e(n(),1),i(),m=r()}));function h(e){return(0,_.jsx)(`div`,{style:{background:`yellow`,width:`50%`},children:e.children})}function g(e){return(0,_.jsx)(`div`,{style:{background:`orange`,width:`50%`},children:e.children})}function ge(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionRow`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionRow`},direction:`row`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function _e(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionRowReverse`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionRowReverse`},direction:`row-reverse`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function ve(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumn`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionColumn`},direction:`column`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function ye(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverse`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionColumnReverse`},direction:`column-reverse`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function be(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverseResponsive`}),(0,_.jsxs)(a,{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:[(0,_.jsx)(h,{children:`A`}),(0,_.jsx)(g,{children:`B`})]})]})}function xe(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverseResponsiveInvertedOrder`}),(0,_.jsxs)(a,{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:[(0,_.jsx)(h,{children:`A`}),(0,_.jsx)(g,{children:`B`})]})]})}var _,Se=t((()=>{e(n(),1),i(),_=r()}));function v(e){return(0,E.jsx)(`div`,{style:{background:`yellow`,width:`20%`},children:e.children})}function y(e){return(0,E.jsx)(`div`,{style:{background:`orange`,width:`20%`},children:e.children})}function Ce(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentCenter`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentCenter`},justifyContent:`center`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function we(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentStart`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentStart`},justifyContent:`start`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function b(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentEnd`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentEnd`},justifyContent:`end`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function x(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceBetween`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceBetween`},justifyContent:`space-between`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function S(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceAround`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceAround`},justifyContent:`space-around`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function C(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceEvenly`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceEvenly`},justifyContent:`space-evenly`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function w(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentResponsive`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentResponsive`},justifyContent:{_:`center`,"narrow-l":`end`,"medium-s":`space-around`,"medium-l":`space-around`,"wide-s":`space-evenly`,"wide-l":`end`},children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function T(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentResponsiveInvertedOrder`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentResponsiveInvertedOrder`},justifyContent:{"wide-l":`end`,"wide-s":`space-evenly`,"medium-l":`space-around`,"medium-s":`space-around`,"narrow-l":`end`,_:`center`},children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}var E,D=t((()=>{e(n(),1),i(),E=r()}));function O(e){return(0,A.jsx)(`div`,{style:{background:`yellow`,height:`60px`},children:e.children})}function k(e){return(0,A.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Te(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsCenter`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsCenter`},alignItems:`center`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Ee(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsStart`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsStart`},alignItems:`start`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function De(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsEnd`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsEnd`},alignItems:`end`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Oe(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsStretch`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsStretch`},alignItems:`stretch`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function ke(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsBaseline`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsBaseline`},alignItems:`baseline`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Ae(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsResponsive`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsResponsive`},alignItems:{_:`center`,"narrow-l":`end`,"medium-s":`baseline`,"medium-l":`center`,"wide-s":`stretch`,"wide-l":`end`},children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function je(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsResponsiveInvertedOrder`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsResponsiveInvertedOrder`},alignItems:{"wide-l":`end`,"wide-s":`stretch`,"medium-l":`center`,"medium-s":`baseline`,"narrow-l":`end`,_:`center`},children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}var A,Me=t((()=>{e(n(),1),i(),A=r()}));function j(e){return(0,N.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function M(e){return(0,N.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Ne(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing0`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing0`},gap:`0`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Pe(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing1`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing1`},gap:`1`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Fe(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing2`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing2`},gap:`2`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ie(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing4`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing4`},gap:`4`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Le(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing8`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing8`},gap:`8`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Re(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing12`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing12`},gap:`12`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function ze(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing16`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing16`},gap:`16`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Be(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing20`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing20`},gap:`20`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ve(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing24`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing24`},gap:`24`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function He(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing32`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing32`},gap:`32`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ue(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing48`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing48`},gap:`48`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function We(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing64`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing64`},gap:`64`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ge(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing96`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing96`},gap:`96`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ke(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing160`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing160`},gap:`160`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function qe(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`SpacingResponsive`}),(0,N.jsxs)(a,{dataset:{testid:`SpacingResponsive`},gap:{_:`4`,"narrow-l":`8`,"medium-s":`12`,"medium-l":`16`,"wide-s":`20`,"wide-l":`24`},children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Je(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`SpacingResponsiveInvertedOrder`}),(0,N.jsxs)(a,{dataset:{testid:`SpacingResponsiveInvertedOrder`},gap:{"wide-l":`24`,"wide-s":`20`,"medium-l":`16`,"medium-s":`12`,"narrow-l":`8`,_:`4`},children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}var N,Ye=t((()=>{e(n(),1),i(),N=r()}));function P(e){return(0,I.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function F(e){return(0,I.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Xe(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing0`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing0`},padding:`0`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function Ze(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing1`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing1`},padding:`1`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function Qe(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing2`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing2`},padding:`2`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function $e(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing4`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing4`},padding:`4`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function et(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing8`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing8`},padding:`8`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function tt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing12`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing12`},padding:`12`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function nt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing16`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing16`},padding:`16`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function rt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing20`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing20`},padding:`20`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function it(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing24`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing24`},padding:`24`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function at(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing32`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing32`},padding:`32`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ot(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing48`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing48`},padding:`48`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function st(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing64`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing64`},padding:`64`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ct(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing96`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing96`},padding:`96`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function lt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing160`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing160`},padding:`160`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ut(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingResponsive`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingResponsive`},padding:{_:`4`,"narrow-l":`8`,"medium-s":`12`,"medium-l":`16`,"wide-s":`20`,"wide-l":`24`},children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function dt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingResponsiveInvertedOrder`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingResponsiveInvertedOrder`},padding:{"wide-l":`24`,"wide-s":`20`,"medium-l":`16`,"medium-s":`12`,"narrow-l":`8`,_:`4`},children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ft(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingShorthand2`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingShorthand2`},padding:[`12`,`24`],children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function pt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingShorthand3`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingShorthand3`},padding:[`12`,`24`,`48`],children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function mt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingShorthand4`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingShorthand4`},padding:[`12`,`24`,`48`,`64`],children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ht(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingShorthandResponsive`}),(0,I.jsxs)(a,{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:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function gt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingMixResponsive`}),(0,I.jsxs)(a,{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:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}var I,_t=t((()=>{e(n(),1),i(),I=r()}));function L(e){return(0,z.jsx)(`div`,{style:{background:`yellow`,width:`20%`},children:e.children})}function R(e){return(0,z.jsx)(`div`,{style:{background:`orange`,width:`20%`},children:e.children})}function vt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineTrueUndefined`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineTrueUndefined`},hide:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function yt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineTrueFalse`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineTrueFalse`},hide:!0,inline:!1,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function bt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineTrueTrue`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineTrueTrue`},hide:!0,inline:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function xt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineFalseUndefined`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineFalseUndefined`},hide:!1,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function St(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineFalseFalse`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineFalseFalse`},hide:!1,inline:!1,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function Ct(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineFalseTrue`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineFalseTrue`},hide:!1,inline:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function wt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineUndefinedUndefined`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineUndefinedUndefined`},children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function Tt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineUndefinedFalse`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineUndefinedFalse`},inline:!1,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function Et(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineUndefinedTrue`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineUndefinedTrue`},inline:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function Dt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineResponsive`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineResponsive`},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[(0,z.jsx)(L,{children:`A responsive`}),(0,z.jsx)(R,{children:`B responsive`})]})]})}function Ot(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineResponsiveInvertedOrder`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineResponsiveInvertedOrder`},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}var z,kt=t((()=>{e(n(),1),i(),z=r()}));function B(e){return(0,H.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function V(e){return(0,H.jsx)(`div`,{style:{background:`orange`},children:e.children})}function At(){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{children:`RelativeTrue`}),(0,H.jsxs)(a,{dataset:{testid:`RelativeTrue`},relative:!0,children:[(0,H.jsx)(B,{children:`a`}),(0,H.jsx)(V,{children:`b`})]})]})}function jt(){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{children:`RelativeFalse`}),(0,H.jsxs)(a,{dataset:{testid:`RelativeFalse`},relative:!1,children:[(0,H.jsx)(B,{children:`a`}),(0,H.jsx)(V,{children:`b`})]})]})}function Mt(){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{children:`RelativeResponsive`}),(0,H.jsxs)(a,{dataset:{testid:`RelativeResponsive`},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[(0,H.jsx)(B,{children:`a`}),(0,H.jsx)(V,{children:`b`})]})]})}function Nt(){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{children:`RelativeResponsiveInvertedOrder`}),(0,H.jsxs)(a,{dataset:{testid:`RelativeResponsiveInvertedOrder`},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[(0,H.jsx)(B,{children:`a`}),(0,H.jsx)(V,{children:`b`})]})]})}var H,Pt=t((()=>{e(n(),1),i(),H=r()}));function U(e){return(0,K.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function W(e){return(0,K.jsx)(`div`,{style:{background:`orange`},children:e.children})}function G(){return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(q,{}),(0,K.jsx)(`span`,{children:`DataOverrideGlobalClass`}),(0,K.jsxs)(a,{dataset:{testid:`DataOverrideGlobalClass`,override:!0},children:[(0,K.jsx)(U,{children:`a`}),(0,K.jsx)(W,{children:`b`})]})]})}function Ft(){return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`span`,{children:`DataOverrideLocalClass`}),(0,K.jsx)(J,{children:(0,K.jsxs)(a,{dataset:{testid:`DataOverrideLocalClass`,override:!0},children:[(0,K.jsx)(U,{children:`a`}),(0,K.jsx)(W,{children:`b`})]})})]})}var K,q,J,It=t((()=>{e(n(),1),te(),i(),K=r(),q=ee`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as ee,r as te,t as ne}from"./styled-components.browser.esm-BF2I7YPU.js";import{n as i,t as a}from"./LayoutFlex-Ca74XcC1.js";import{n as o,t as s}from"./LayoutFlexItem-Cc8MfuDK.js";function c(e){return(0,u.jsx)(`div`,{style:{background:`yellow`,width:`100%`},children:e.children})}function l(e){return(0,u.jsx)(`div`,{style:{background:`orange`,width:`100%`},children:e.children})}function re(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapUndefined`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapUndefined`},children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}function ie(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapTrue`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapTrue`},nowrap:!0,children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}function ae(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapFalse`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapFalse`},nowrap:!1,children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}var u,d=t((()=>{e(n(),1),i(),u=r()}));function f(e){return(0,m.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function p(e){return(0,m.jsx)(`div`,{style:{background:`orange`},children:e.children})}function oe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueUndefined`},column:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function se(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueFalse`},column:!0,reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function ce(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueTrue`},column:!0,reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function le(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseUndefined`},column:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function ue(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseFalse`},column:!1,reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function de(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseTrue`},column:!1,reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function fe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedUndefined`},children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function pe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedFalse`},reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function me(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedTrue`},reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}var m,he=t((()=>{e(n(),1),i(),m=r()}));function h(e){return(0,_.jsx)(`div`,{style:{background:`yellow`,width:`50%`},children:e.children})}function g(e){return(0,_.jsx)(`div`,{style:{background:`orange`,width:`50%`},children:e.children})}function ge(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionRow`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionRow`},direction:`row`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function _e(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionRowReverse`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionRowReverse`},direction:`row-reverse`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function ve(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumn`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionColumn`},direction:`column`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function ye(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverse`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionColumnReverse`},direction:`column-reverse`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function be(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverseResponsive`}),(0,_.jsxs)(a,{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:[(0,_.jsx)(h,{children:`A`}),(0,_.jsx)(g,{children:`B`})]})]})}function xe(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverseResponsiveInvertedOrder`}),(0,_.jsxs)(a,{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:[(0,_.jsx)(h,{children:`A`}),(0,_.jsx)(g,{children:`B`})]})]})}var _,Se=t((()=>{e(n(),1),i(),_=r()}));function v(e){return(0,E.jsx)(`div`,{style:{background:`yellow`,width:`20%`},children:e.children})}function y(e){return(0,E.jsx)(`div`,{style:{background:`orange`,width:`20%`},children:e.children})}function Ce(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentCenter`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentCenter`},justifyContent:`center`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function we(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentStart`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentStart`},justifyContent:`start`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function b(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentEnd`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentEnd`},justifyContent:`end`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function x(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceBetween`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceBetween`},justifyContent:`space-between`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function S(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceAround`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceAround`},justifyContent:`space-around`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function C(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceEvenly`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceEvenly`},justifyContent:`space-evenly`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function w(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentResponsive`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentResponsive`},justifyContent:{_:`center`,"narrow-l":`end`,"medium-s":`space-around`,"medium-l":`space-around`,"wide-s":`space-evenly`,"wide-l":`end`},children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function T(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentResponsiveInvertedOrder`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentResponsiveInvertedOrder`},justifyContent:{"wide-l":`end`,"wide-s":`space-evenly`,"medium-l":`space-around`,"medium-s":`space-around`,"narrow-l":`end`,_:`center`},children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}var E,D=t((()=>{e(n(),1),i(),E=r()}));function O(e){return(0,A.jsx)(`div`,{style:{background:`yellow`,height:`60px`},children:e.children})}function k(e){return(0,A.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Te(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsCenter`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsCenter`},alignItems:`center`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Ee(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsStart`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsStart`},alignItems:`start`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function De(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsEnd`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsEnd`},alignItems:`end`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Oe(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsStretch`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsStretch`},alignItems:`stretch`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function ke(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsBaseline`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsBaseline`},alignItems:`baseline`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Ae(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsResponsive`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsResponsive`},alignItems:{_:`center`,"narrow-l":`end`,"medium-s":`baseline`,"medium-l":`center`,"wide-s":`stretch`,"wide-l":`end`},children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function je(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsResponsiveInvertedOrder`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsResponsiveInvertedOrder`},alignItems:{"wide-l":`end`,"wide-s":`stretch`,"medium-l":`center`,"medium-s":`baseline`,"narrow-l":`end`,_:`center`},children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}var A,Me=t((()=>{e(n(),1),i(),A=r()}));function j(e){return(0,N.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function M(e){return(0,N.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Ne(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing0`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing0`},gap:`0`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Pe(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing1`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing1`},gap:`1`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Fe(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing2`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing2`},gap:`2`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ie(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing4`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing4`},gap:`4`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Le(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing8`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing8`},gap:`8`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Re(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing12`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing12`},gap:`12`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function ze(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing16`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing16`},gap:`16`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Be(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing20`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing20`},gap:`20`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ve(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing24`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing24`},gap:`24`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function He(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing32`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing32`},gap:`32`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ue(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing48`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing48`},gap:`48`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function We(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing64`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing64`},gap:`64`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ge(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing96`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing96`},gap:`96`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Ke(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`Spacing160`}),(0,N.jsxs)(a,{dataset:{testid:`Spacing160`},gap:`160`,children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function qe(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`SpacingResponsive`}),(0,N.jsxs)(a,{dataset:{testid:`SpacingResponsive`},gap:{_:`4`,"narrow-l":`8`,"medium-s":`12`,"medium-l":`16`,"wide-s":`20`,"wide-l":`24`},children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}function Je(){return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`span`,{children:`SpacingResponsiveInvertedOrder`}),(0,N.jsxs)(a,{dataset:{testid:`SpacingResponsiveInvertedOrder`},gap:{"wide-l":`24`,"wide-s":`20`,"medium-l":`16`,"medium-s":`12`,"narrow-l":`8`,_:`4`},children:[(0,N.jsx)(j,{children:`a`}),(0,N.jsx)(M,{children:`b`})]})]})}var N,Ye=t((()=>{e(n(),1),i(),N=r()}));function P(e){return(0,I.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function F(e){return(0,I.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Xe(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing0`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing0`},padding:`0`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function Ze(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing1`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing1`},padding:`1`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function Qe(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing2`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing2`},padding:`2`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function $e(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing4`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing4`},padding:`4`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function et(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing8`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing8`},padding:`8`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function tt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing12`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing12`},padding:`12`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function nt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing16`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing16`},padding:`16`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function rt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing20`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing20`},padding:`20`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function it(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing24`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing24`},padding:`24`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function at(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing32`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing32`},padding:`32`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ot(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing48`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing48`},padding:`48`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function st(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing64`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing64`},padding:`64`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ct(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing96`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing96`},padding:`96`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function lt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`Spacing160`}),(0,I.jsxs)(a,{dataset:{testid:`Spacing160`},padding:`160`,children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ut(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingResponsive`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingResponsive`},padding:{_:`4`,"narrow-l":`8`,"medium-s":`12`,"medium-l":`16`,"wide-s":`20`,"wide-l":`24`},children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function dt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingResponsiveInvertedOrder`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingResponsiveInvertedOrder`},padding:{"wide-l":`24`,"wide-s":`20`,"medium-l":`16`,"medium-s":`12`,"narrow-l":`8`,_:`4`},children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ft(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingShorthand2`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingShorthand2`},padding:[`12`,`24`],children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function pt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingShorthand3`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingShorthand3`},padding:[`12`,`24`,`48`],children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function mt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingShorthand4`}),(0,I.jsxs)(a,{dataset:{testid:`SpacingShorthand4`},padding:[`12`,`24`,`48`,`64`],children:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function ht(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingShorthandResponsive`}),(0,I.jsxs)(a,{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:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}function gt(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{children:`SpacingMixResponsive`}),(0,I.jsxs)(a,{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:[(0,I.jsx)(P,{children:`a`}),(0,I.jsx)(F,{children:`b`})]})]})}var I,_t=t((()=>{e(n(),1),i(),I=r()}));function L(e){return(0,z.jsx)(`div`,{style:{background:`yellow`,width:`20%`},children:e.children})}function R(e){return(0,z.jsx)(`div`,{style:{background:`orange`,width:`20%`},children:e.children})}function vt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineTrueUndefined`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineTrueUndefined`},hide:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function yt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineTrueFalse`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineTrueFalse`},hide:!0,inline:!1,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function bt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineTrueTrue`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineTrueTrue`},hide:!0,inline:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function xt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineFalseUndefined`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineFalseUndefined`},hide:!1,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function St(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineFalseFalse`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineFalseFalse`},hide:!1,inline:!1,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function Ct(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineFalseTrue`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineFalseTrue`},hide:!1,inline:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function wt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineUndefinedUndefined`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineUndefinedUndefined`},children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function Tt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineUndefinedFalse`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineUndefinedFalse`},inline:!1,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function Et(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineUndefinedTrue`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineUndefinedTrue`},inline:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}function Dt(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineResponsive`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineResponsive`},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[(0,z.jsx)(L,{children:`A responsive`}),(0,z.jsx)(R,{children:`B responsive`})]})]})}function Ot(){return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`span`,{children:`HideInlineResponsiveInvertedOrder`}),(0,z.jsxs)(a,{dataset:{testid:`HideInlineResponsiveInvertedOrder`},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[(0,z.jsx)(L,{children:`a`}),(0,z.jsx)(R,{children:`b`})]})]})}var z,kt=t((()=>{e(n(),1),i(),z=r()}));function B(e){return(0,H.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function V(e){return(0,H.jsx)(`div`,{style:{background:`orange`},children:e.children})}function At(){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{children:`RelativeTrue`}),(0,H.jsxs)(a,{dataset:{testid:`RelativeTrue`},relative:!0,children:[(0,H.jsx)(B,{children:`a`}),(0,H.jsx)(V,{children:`b`})]})]})}function jt(){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{children:`RelativeFalse`}),(0,H.jsxs)(a,{dataset:{testid:`RelativeFalse`},relative:!1,children:[(0,H.jsx)(B,{children:`a`}),(0,H.jsx)(V,{children:`b`})]})]})}function Mt(){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{children:`RelativeResponsive`}),(0,H.jsxs)(a,{dataset:{testid:`RelativeResponsive`},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[(0,H.jsx)(B,{children:`a`}),(0,H.jsx)(V,{children:`b`})]})]})}function Nt(){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{children:`RelativeResponsiveInvertedOrder`}),(0,H.jsxs)(a,{dataset:{testid:`RelativeResponsiveInvertedOrder`},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[(0,H.jsx)(B,{children:`a`}),(0,H.jsx)(V,{children:`b`})]})]})}var H,Pt=t((()=>{e(n(),1),i(),H=r()}));function U(e){return(0,K.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function W(e){return(0,K.jsx)(`div`,{style:{background:`orange`},children:e.children})}function G(){return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(q,{}),(0,K.jsx)(`span`,{children:`DataOverrideGlobalClass`}),(0,K.jsxs)(a,{dataset:{testid:`DataOverrideGlobalClass`,override:!0},children:[(0,K.jsx)(U,{children:`a`}),(0,K.jsx)(W,{children:`b`})]})]})}function Ft(){return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`span`,{children:`DataOverrideLocalClass`}),(0,K.jsx)(J,{children:(0,K.jsxs)(a,{dataset:{testid:`DataOverrideLocalClass`,override:!0},children:[(0,K.jsx)(U,{children:`a`}),(0,K.jsx)(W,{children:`b`})]})})]})}var K,q,J,It=t((()=>{e(n(),1),te(),i(),K=r(),q=ee`
     div[data-override='true'] {
         display:grid;
     }

package/dist/assets/{10.fonts.guide-UdXB_iOK.js → 10.fonts.guide-Ciq_ZNCo.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Assets/Fonts`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Assets/Fonts`}),`
 `,(0,c.jsx)(t.h1,{id:`fonts`,children:`Fonts`}),`
 `,(0,c.jsxs)(t.p,{children:[`The optimised assets are available under `,(0,c.jsx)(t.strong,{children:`preply.com`}),` in the formats required by modern and legacy browsers.`]}),`
 `,(0,c.jsxs)(t.p,{children:[`Refer to `,(0,c.jsx)(t.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-C1u7dvjT.js → 10.ssr-BrqjyUR0.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/SSR/Next.js pages router`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/SSR/Next.js pages router`}),`
 `,(0,c.jsx)(t.h1,{id:`installation-nextjs-pages-router`,children:`Installation: Next.js pages router`}),`
 `,(0,c.jsxs)(t.p,{children:[`This guide assumes you have read and followed the steps in the `,(0,c.jsx)(t.a,{href:`/story/guides-installation-applications--page`,children:`Installation: Applications`}),` guide.`]}),`
 `,(0,c.jsx)(t.h2,{id:`packages`,children:`Packages`}),`

package/dist/assets/{11.fonts.explorer-CDjnXfid.js → 11.fonts.explorer-DyvG8lOx.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r,s as i}from"./iframe-Czcvpvgg.js";import{r as a}from"./react-B8jdHdWa.js";import{t as o}from"./mdx-react-shim-BUTq3l7l.js";import{Default as s,n as c,t as l}from"./fonts-explorer.stories-i_p7YItV.js";function u(e){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(r,{of:l}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r,s as i}from"./iframe-dOU5q7Ak.js";import{r as a}from"./react-B8jdHdWa.js";import{t as o}from"./mdx-react-shim-BUTq3l7l.js";import{Default as s,n as c,t as l}from"./fonts-explorer.stories-C3atRwOK.js";function u(e){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(r,{of:l}),`
 `,(0,f.jsx)(i,{of:s})]})}function d(e={}){let{wrapper:t}={...a(),...e.components};return t?(0,f.jsx)(t,{...e,children:(0,f.jsx)(u,{...e})}):u(e)}var f;e((()=>{f=t(),o(),n(),c()}))();export{d as default};

package/dist/assets/{11.ssr.app-router-Cs4FOPhH.js → 11.ssr.app-router-rwNZtOr0.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/SSR/Next.js app router`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/SSR/Next.js app router`}),`
 `,(0,c.jsx)(t.h1,{id:`installation-nextjs-app-router`,children:`Installation: Next.js app router`}),`
 `,(0,c.jsxs)(t.p,{children:[`This guide assumes you have read and followed the steps in the `,(0,c.jsx)(t.a,{href:`/story/guides-installation-applications--page`,children:`Installation: Applications`}),` guide.`]}),`
 `,(0,c.jsx)(t.h2,{id:`packages`,children:`Packages`}),`

package/dist/assets/{20.libraries-ioSyK1LY.js → 20.libraries-tF6QAbo1.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/Libraries`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/Libraries`}),`
 `,(0,c.jsx)(t.h1,{id:`installation-libraries`,children:`Installation: Libraries`}),`
 `,(0,c.jsxs)(t.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 `,(0,c.jsx)(t.a,{href:`/story/guides-installation-applications--page`,children:`Installation: Applications`}),` guide.`]}),`
 `,(0,c.jsx)(t.h2,{id:`install-packages`,children:`Install Packages`}),`

package/dist/assets/{2025-q4-ds-cleanup-DbXMK8WZ.js → 2025-q4-ds-cleanup-Cr6XG9X_.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Migrations/2025 Q4 DS cleanup`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Migrations/2025 Q4 DS cleanup`}),`
 `,(0,c.jsx)(t.h1,{id:`migrations2025-q4---design-system-cleanup-initiative`,children:`Migrations/2025 Q4 - Design System cleanup initiative`}),`
 `,(0,c.jsxs)(t.ul,{children:[`
 `,(0,c.jsxs)(t.li,{children:[(0,c.jsx)(t.a,{href:`#for-teams`,children:`For teams`}),`

package/dist/assets/{30.icons.explorer-6cQPOSNU.js → 30.icons.explorer-DVNm3Pm7.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{C as r,Y as i,t as ee,u as te,w as ne}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{l as re,o as ie}from"./iframe-Czcvpvgg.js";import{r as ae}from"./react-B8jdHdWa.js";import{n as oe,t as se}from"./TokyoUIChevronDown-CS0lTt7n.js";import{n as ce,t as le}from"./TokyoUIClose-BsMsQk2w.js";import{n as ue,t as de}from"./TokyoUISparkle-5ta_MRge.js";import{n as fe,t as pe}from"./TokyoUICheck-BxTDosuA.js";import{i as me,n as he,r as ge,t as _e}from"./TokyoUIErrorWarning-BH93ehx8.js";import{n as ve,t as ye}from"./TokyoUIInfo-CL0Zo7ru.js";import{n as be,t as xe}from"./TokyoUIChevronRight-C__gngF1.js";import{i as Se,n as Ce,r as we,t as Te}from"./TokyoUIEye-B3okJSKv.js";import{i as Ee,n as De,r as Oe,t as ke}from"./TokyoUIStarFilled-DiQeedTx.js";import{n as Ae,t as je}from"./TokyoUICheckmark-BgAaFb6V.js";import{n as Me,t as Ne}from"./TokyoUITag-C8mbO1a7.js";import{n as Pe,t as Fe}from"./TokyoUIMessages-BO3EETWj.js";import{n as Ie,t as Le}from"./TokyoUIFav-B1g1wYYK.js";import{a as Re,c as ze,i as Be,n as Ve,o as He,r as Ue,s as We,t as Ge}from"./TokyoUIAvailability7LateNight-Bho17X1G.js";import{n as Ke,t as qe}from"./TokyoUIEmojiFrowning-rSnD4TX2.js";import{t as Je}from"./mdx-react-shim-BUTq3l7l.js";import{i as Ye,n as Xe,r as Ze,t as Qe}from"./TokyoUISettings-DV55jskb.js";import{n as $e,t as et}from"./TokyoUILibraryExplore-BOp6jA4z.js";import{n as tt,t as nt}from"./TokyoUIUpload-C6_mMWjz.js";import{n as rt,t as it}from"./TokyoUINotesWithPad-B6yTiv-C.js";import{n as at,t as ot}from"./TokyoUIPhone-DgmsXXbh.js";import{n as st,t as ct}from"./TokyoUIAttach-jKVaxnL7.js";import{n as lt,t as ut}from"./TokyoUILock-BHcTJZZm.js";import{i as dt,n as ft,r as pt,t as mt}from"./TokyoUIMinus-D-ZU-zJ8.js";import{n as ht,t as gt}from"./TokyoUILanguage-DxmG-CNh.js";import{n as _t,t as vt}from"./TokyoUIUser-dpK4hO2N.js";import{n as yt,t as bt}from"./TokyoUINotebook-5mL-J_jb.js";import{b as xt,o as St,t as Ct,x as o}from"./dist-CxlmHSsk.js";import{r as wt,t as s}from"./styled-components.browser.esm-C-pLV-H4.js";import{a as Tt,c as Et,d as Dt,f as Ot,i as kt,l as At,m as jt,n as Mt,o as Nt,p as Pt,r as Ft,s as It,t as Lt,u as Rt}from"./TokyoUIExerciseClosedGapsJumble-CL1FzQqC.js";var zt,Bt,Vt=t((()=>{wt(),zt=s.form`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{C as r,Y as i,t as ee,u as te,w as ne}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{l as re,o as ie}from"./iframe-dOU5q7Ak.js";import{r as ae}from"./react-B8jdHdWa.js";import{n as oe,t as se}from"./TokyoUIChevronDown-CS0lTt7n.js";import{n as ce,t as le}from"./TokyoUIClose-BsMsQk2w.js";import{n as ue,t as de}from"./TokyoUISparkle-5ta_MRge.js";import{n as fe,t as pe}from"./TokyoUICheck-BxTDosuA.js";import{i as me,n as he,r as ge,t as _e}from"./TokyoUIErrorWarning-BH93ehx8.js";import{n as ve,t as ye}from"./TokyoUIInfo-CL0Zo7ru.js";import{n as be,t as xe}from"./TokyoUIChevronRight-C__gngF1.js";import{i as Se,n as Ce,r as we,t as Te}from"./TokyoUIEye-B3okJSKv.js";import{i as Ee,n as De,r as Oe,t as ke}from"./TokyoUIStarFilled-DiQeedTx.js";import{n as Ae,t as je}from"./TokyoUICheckmark-BgAaFb6V.js";import{n as Me,t as Ne}from"./TokyoUITag-C8mbO1a7.js";import{n as Pe,t as Fe}from"./TokyoUIMessages-BO3EETWj.js";import{n as Ie,t as Le}from"./TokyoUIFav-B1g1wYYK.js";import{a as Re,c as ze,i as Be,n as Ve,o as He,r as Ue,s as We,t as Ge}from"./TokyoUIAvailability7LateNight-Bho17X1G.js";import{n as Ke,t as qe}from"./TokyoUIEmojiFrowning-rSnD4TX2.js";import{t as Je}from"./mdx-react-shim-BUTq3l7l.js";import{i as Ye,n as Xe,r as Ze,t as Qe}from"./TokyoUISettings-DV55jskb.js";import{n as $e,t as et}from"./TokyoUILibraryExplore-BOp6jA4z.js";import{n as tt,t as nt}from"./TokyoUIUpload-C6_mMWjz.js";import{n as rt,t as it}from"./TokyoUINotesWithPad-B6yTiv-C.js";import{n as at,t as ot}from"./TokyoUIPhone-DgmsXXbh.js";import{n as st,t as ct}from"./TokyoUIAttach-jKVaxnL7.js";import{n as lt,t as ut}from"./TokyoUILock-BHcTJZZm.js";import{i as dt,n as ft,r as pt,t as mt}from"./TokyoUIMinus-D-ZU-zJ8.js";import{n as ht,t as gt}from"./TokyoUILanguage-DxmG-CNh.js";import{n as _t,t as vt}from"./TokyoUIUser-dpK4hO2N.js";import{n as yt,t as bt}from"./TokyoUINotebook-5mL-J_jb.js";import{b as xt,o as St,t as Ct,x as o}from"./dist-QhLTxRNy.js";import{r as wt,t as s}from"./styled-components.browser.esm-C-pLV-H4.js";import{a as Tt,c as Et,d as Dt,f as Ot,i as kt,l as At,m as jt,n as Mt,o as Nt,p as Pt,r as Ft,s as It,t as Lt,u as Rt}from"./TokyoUIExerciseClosedGapsJumble-CL1FzQqC.js";var zt,Bt,Vt=t((()=>{wt(),zt=s.form`
     display: flex;
     align-items: flex-start;
     gap: 20px;

package/dist/assets/{30.storybook-DlAnWMKK.js → 30.storybook-CaTUV-is.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/Storybook`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/Storybook`}),`
 `,(0,c.jsx)(t.h1,{id:`installation-storybook`,children:`Installation: Storybook`}),`
 `,(0,c.jsxs)(t.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 `,(0,c.jsx)(t.a,{href:`/story/guides-installation-libraries--page`,children:`Installation: Libaries`}),` guide.`]}),`
 `,(0,c.jsx)(t.h2,{id:`packages`,children:`Packages`}),`

package/dist/assets/{40.illustrations.explorer-B7_S_GNn.js → 40.illustrations.explorer-DD9wN_f4.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{C as r,Y as i,et as a,t as o,w as s}from"./dist-DtfJeYQK.js";import{t as c}from"./jsx-runtime-C2wGStra.js";import{l,o as u}from"./iframe-Czcvpvgg.js";import{r as d}from"./react-B8jdHdWa.js";import{t as f}from"./mdx-react-shim-BUTq3l7l.js";import{a as p,t as m}from"./dist-CxlmHSsk.js";import{r as h,t as g}from"./styled-components.browser.esm-C-pLV-H4.js";var _,v,y,b,x,S=t((()=>{s(),o(),m(),e(n()),h(),_=c(),v=`https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg,https://static.preply.com/ds/illustrations/tokyo-ui/arrow.svg,https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg,https://static.preply.com/ds/illustrations/tokyo-ui/arrows-upwards.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.svg,https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg,https://static.preply.com/ds/illustrations/tokyo-ui/books-3.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/clock-yellow.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/quote.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,https://static.preply.com/ds/illustrations/tokyo-ui/abc-dice.svg,https://static.preply.com/ds/illustrations/tokyo-ui/rocket.svg`.split(`,`),y=g.div`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{C as r,Y as i,et as a,t as o,w as s}from"./dist-DtfJeYQK.js";import{t as c}from"./jsx-runtime-C2wGStra.js";import{l,o as u}from"./iframe-dOU5q7Ak.js";import{r as d}from"./react-B8jdHdWa.js";import{t as f}from"./mdx-react-shim-BUTq3l7l.js";import{a as p,t as m}from"./dist-QhLTxRNy.js";import{r as h,t as g}from"./styled-components.browser.esm-C-pLV-H4.js";var _,v,y,b,x,S=t((()=>{s(),o(),m(),e(n()),h(),_=c(),v=`https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg,https://static.preply.com/ds/illustrations/tokyo-ui/arrow.svg,https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg,https://static.preply.com/ds/illustrations/tokyo-ui/arrows-upwards.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.svg,https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg,https://static.preply.com/ds/illustrations/tokyo-ui/books-3.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/clock-yellow.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/quote.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,https://static.preply.com/ds/illustrations/tokyo-ui/abc-dice.svg,https://static.preply.com/ds/illustrations/tokyo-ui/rocket.svg`.split(`,`),y=g.div`
     padding: ${r(a[12])};
     -webkit-background-size: 50px 50px;
     -moz-background-size: 50px 50px;

package/dist/assets/{60.components-jfwjYYtD.js → 60.components-QCH0w5DT.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,h1:`h1`,li:`li`,p:`p`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Introduction`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,h1:`h1`,li:`li`,p:`p`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Introduction`}),`
 `,(0,c.jsx)(t.h1,{id:`developing-custom-components-with-ds-primitives`,children:`Developing custom components with DS primitives`}),`
 `,(0,c.jsx)(t.p,{children:`The DS provides lower level primitives for building custom components that you can use
 if existing DS components are not enough to implement complex or unique designs.

package/dist/assets/{90.advanced-Do_Wb8pV.js → 90.advanced-7vm9OwgD.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Czcvpvgg.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/Advanced`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-dOU5q7Ak.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Installation/Advanced`}),`
 `,(0,c.jsx)(t.h1,{id:`installation-advanced`,children:`Installation: Advanced`}),`
 `,(0,c.jsxs)(t.p,{children:[`This page is about rolling out your own alternative to `,(0,c.jsx)(t.code,{children:`<RootProvider/>`}),` (advanced usage).`]}),`
 `,(0,c.jsxs)(t.p,{children:[`If you are looking for how to install, refer to the `,(0,c.jsx)(t.a,{href:`/story/guides-installation-applications--page`,children:`installation guides`}),` instead.`]}),`

package/dist/assets/{Accordion-DlAp8KmP.js → Accordion-DrTxWHkT.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./TokyoUIChevronDown-CS0lTt7n.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{n as u,t as d}from"./Icon-BItN7xKl.js";import{n as f,t as p}from"./Text-BiCO96_r.js";import{n as m,t as h}from"./useMergeRefs-BZP37fIn.js";var g,_,v=t((()=>{g=`accordion__OKb-C`,_={accordion:g}}));function y({ref:e,onOpenChange:t}){let n=(0,b.useRef)(null),r=m(n,e);return(0,b.useEffect)(()=>{if(!n.current)return;let e=n.current,r=()=>{t?.(e.open)};return e&&e.addEventListener(`toggle`,r),()=>{e&&e.removeEventListener(`toggle`,r)}},[t]),{mergedRef:t||e?r:null}}var b,x=t((()=>{b=e(n(),1),h()})),S,C,w,T,E,D,O=t((()=>{S=e(n(),1),i(),o(),l(),u(),f(),v(),x(),C=a(),w=({dataset:e,children:t,"aria-label":n})=>(0,C.jsx)(`div`,{className:_.accordion,"aria-label":n,...r(e),"data-preply-ds-component":c.Accordion,children:t}),T=(0,S.forwardRef)(function({open:e,name:t,dataset:n,children:i,onOpenChange:a},o){let{mergedRef:s}=y({ref:o,onOpenChange:a});return(0,C.jsx)(`details`,{ref:s,name:t,open:e,...r(n),children:i})}),E=(0,S.forwardRef)(function({dataset:e,children:t,onClick:n},i){return(0,C.jsxs)(`summary`,{ref:i,...r(e),onClick:n,children:[(0,C.jsx)(p,{variant:`default-semibold`,children:t}),(0,C.jsx)(d,{svg:s})]})}),D=(0,S.forwardRef)(function({dataset:e,children:t},n){return(0,C.jsx)(p,{tag:`div`,variant:`small-regular`,ref:n,...r(e),children:t})});try{w.displayName=`Accordion`,w.__docgenInfo={description:`An Accordion container.
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./TokyoUIChevronDown-CS0lTt7n.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{n as u,t as d}from"./Icon-0niTGk4t.js";import{n as f,t as p}from"./Text-at08VF1d.js";import{n as m,t as h}from"./useMergeRefs-BZP37fIn.js";var g,_,v=t((()=>{g=`accordion__OKb-C`,_={accordion:g}}));function y({ref:e,onOpenChange:t}){let n=(0,b.useRef)(null),r=m(n,e);return(0,b.useEffect)(()=>{if(!n.current)return;let e=n.current,r=()=>{t?.(e.open)};return e&&e.addEventListener(`toggle`,r),()=>{e&&e.removeEventListener(`toggle`,r)}},[t]),{mergedRef:t||e?r:null}}var b,x=t((()=>{b=e(n(),1),h()})),S,C,w,T,E,D,O=t((()=>{S=e(n(),1),i(),o(),l(),u(),f(),v(),x(),C=a(),w=({dataset:e,children:t,"aria-label":n})=>(0,C.jsx)(`div`,{className:_.accordion,"aria-label":n,...r(e),"data-preply-ds-component":c.Accordion,children:t}),T=(0,S.forwardRef)(function({open:e,name:t,dataset:n,children:i,onOpenChange:a},o){let{mergedRef:s}=y({ref:o,onOpenChange:a});return(0,C.jsx)(`details`,{ref:s,name:t,open:e,...r(n),children:i})}),E=(0,S.forwardRef)(function({dataset:e,children:t,onClick:n},i){return(0,C.jsxs)(`summary`,{ref:i,...r(e),onClick:n,children:[(0,C.jsx)(p,{variant:`default-semibold`,children:t}),(0,C.jsx)(d,{svg:s})]})}),D=(0,S.forwardRef)(function({dataset:e,children:t},n){return(0,C.jsx)(p,{tag:`div`,variant:`small-regular`,ref:n,...r(e),children:t})});try{w.displayName=`Accordion`,w.__docgenInfo={description:`An Accordion container.
 
 Add \`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`}]}}}}}catch{}try{T.displayName=`AccordionItem`,T.__docgenInfo={description:"A single `Accordion` item, the wrapper of AccordionHeader and AccordionContent.",displayName:`AccordionItem`,props:{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

package/dist/assets/{Accordion-D95NvT0Z.css → Accordion-WlRloI0g.css}

@@ -1 +1 @@
-.accordion__OKb-C{box-sizing:border-box;min-width:100%}.accordion__OKb-C details{border-bottom:solid 1px var(--c03289)}.accordion__OKb-C details>summary{padding-top:var(--558c4c);padding-bottom:var(--558c4c);padding-right:var(--66b80b);list-style:none}.accordion__OKb-C details summary::-webkit-details-marker{display:none}.accordion__OKb-C details :focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.accordion__OKb-C summary{cursor:pointer;gap:var(--66b80b);display:flex}.accordion__OKb-C summary>[data-preply-ds-component=Text]{flex:1}.accordion__OKb-C summary>[data-preply-ds-component=Icon]{-webkit-user-select:none;user-select:none;transition:transform var(--018058);transform:rotate(0)}.accordion__OKb-C details[open] summary>[data-preply-ds-component=Icon]{transform:rotate(180deg)}.accordion__OKb-C details::details-content{block-size:0;transition-property:block-size,content-visibility,opacity;transition-duration:var(--970975);transition-timing-function:var(--1f4492);transition-behavior:allow-discrete;opacity:0;overflow:hidden}.accordion__OKb-C details[open]::details-content{padding-bottom:var(--813599);block-size:calc-size(auto, size);opacity:1}
+.accordion__OKb-C{box-sizing:border-box;min-width:100%}.accordion__OKb-C details{border-bottom:solid 1px var(--c03289)}.accordion__OKb-C details>summary{padding-top:var(--558c4c);padding-bottom:var(--558c4c);padding-right:var(--66b80b);list-style:none}.accordion__OKb-C details summary::-webkit-details-marker{display:none}.accordion__OKb-C details :focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.accordion__OKb-C summary{cursor:pointer;gap:var(--66b80b);display:flex}.accordion__OKb-C summary>[data-preply-ds-component=Text]{flex:1}.accordion__OKb-C summary>[data-preply-ds-component=Icon]{-webkit-user-select:none;user-select:none;transition:transform var(--018058);transform:rotate(0)}.accordion__OKb-C details[open] summary>[data-preply-ds-component=Icon]{transform:rotate(180deg)}.accordion__OKb-C details[open]::details-content{padding-bottom:var(--813599);opacity:1;block-size:auto}@supports (height:calc-size(auto, size)){.accordion__OKb-C details::details-content{block-size:0;transition-property:block-size,content-visibility,opacity;transition-duration:var(--970975);transition-timing-function:var(--1f4492);transition-behavior:allow-discrete;opacity:0;overflow:hidden}.accordion__OKb-C details[open]::details-content{block-size:calc-size(auto, size)}}

package/dist/assets/{Accordion.stories-C12F7sjW.js → Accordion.stories-CsCBLmfd.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Text-BiCO96_r.js";import{a as o,i as s,n as c,r as l,t as u}from"./Accordion-DlAp8KmP.js";import{n as d,t as f}from"./Heading-DX-HCDkx.js";import{n as p,t as m}from"./Button-_0pS2khJ.js";var h,g,_,v,y,b,x,S,C;t((()=>{e(n(),1),o(),i(),d(),p(),h=r(),g={title:`components/Accordion`,component:u,args:{}},_={render:function(){return(0,h.jsxs)(u,{children:[(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{children:`Is Preply the best platform for learning a language?`}),(0,h.jsx)(c,{children:`Of course it is!`})]}),(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{children:`Why?`}),(0,h.jsx)(c,{children:`If you are wondering, it means you have not tried it out yet!`})]})]})}},v={render:function(){return(0,h.jsxs)(u,{children:[(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{children:`Is Preply the best platform for learning a language?`}),(0,h.jsx)(c,{children:`Of course it is!`})]}),(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{children:`Why?`}),(0,h.jsx)(c,{children:`If you are wondering, it means you have not tried it out yet!`})]})]})}},y={render:function(){return(0,h.jsxs)(u,{children:[(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{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.`}),(0,h.jsx)(c,{children:`Lorem ipsum`})]}),(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{children:`Lorem ipsum`}),(0,h.jsx)(c,{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.`})]}),(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{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.`}),(0,h.jsx)(c,{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.`})]})]})}},b={render:function(){return(0,h.jsx)(u,{children:(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{children:`Is Preply the best platform for learning a language?`}),(0,h.jsxs)(c,{children:[(0,h.jsx)(f,{variant:`large`,tag:`div`,children:`Yes!`}),(0,h.jsx)(a,{variant:`large-regular-italic`,children:`What are you waiting for?`}),(0,h.jsx)(m,{children:`Book a lesson now!`})]})]})})}},x={render:function(){return(0,h.jsxs)(u,{children:[(0,h.jsxs)(s,{name:`choose-subscription-duration`,children:[(0,h.jsx)(l,{children:`Two-week subscription`}),(0,h.jsx)(c,{children:`We will charge you every two weeks.`})]}),(0,h.jsxs)(s,{name:`choose-subscription-duration`,children:[(0,h.jsx)(l,{children:`Four-week subscription`}),(0,h.jsx)(c,{children:`We will charge you every four weeks.`})]})]})}},S={parameters:{pseudo:{focusVisible:`[data-focus="true"]`}},render:function(){return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,flexDirection:`column`},children:[(0,h.jsx)(a,{variant:`default-regular-italic`,children:`closed`}),(0,h.jsx)(`div`,{style:{display:`flex`,gap:`16px`},children:(0,h.jsx)(u,{children:(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{children:`Header`}),(0,h.jsx)(c,{children:`Content`})]})})})]}),(0,h.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,flexDirection:`column`},children:[(0,h.jsx)(a,{variant:`default-regular-italic`,children:`open`}),(0,h.jsx)(`div`,{style:{display:`flex`,gap:`16px`},children:(0,h.jsx)(u,{children:(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{children:`Header`}),(0,h.jsx)(c,{children:`Content`})]})})})]}),(0,h.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,flexDirection:`column`},children:[(0,h.jsx)(a,{variant:`default-regular-italic`,children:`focus`}),(0,h.jsx)(`div`,{style:{display:`flex`,gap:`16px`},children:(0,h.jsx)(u,{children:(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{dataset:{focus:!0},children:`Header`}),(0,h.jsx)(c,{children:`Content`})]})})})]})]})}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Text-at08VF1d.js";import{a as o,i as s,n as c,r as l,t as u}from"./Accordion-DrTxWHkT.js";import{n as d,t as f}from"./Heading-vZk25JM-.js";import{n as p,t as m}from"./Button-BUsGqnKd.js";var h,g,_,v,y,b,x,S,C;t((()=>{e(n(),1),o(),i(),d(),p(),h=r(),g={title:`components/Accordion`,component:u,args:{}},_={render:function(){return(0,h.jsxs)(u,{children:[(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{children:`Is Preply the best platform for learning a language?`}),(0,h.jsx)(c,{children:`Of course it is!`})]}),(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{children:`Why?`}),(0,h.jsx)(c,{children:`If you are wondering, it means you have not tried it out yet!`})]})]})}},v={render:function(){return(0,h.jsxs)(u,{children:[(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{children:`Is Preply the best platform for learning a language?`}),(0,h.jsx)(c,{children:`Of course it is!`})]}),(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{children:`Why?`}),(0,h.jsx)(c,{children:`If you are wondering, it means you have not tried it out yet!`})]})]})}},y={render:function(){return(0,h.jsxs)(u,{children:[(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{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.`}),(0,h.jsx)(c,{children:`Lorem ipsum`})]}),(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{children:`Lorem ipsum`}),(0,h.jsx)(c,{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.`})]}),(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{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.`}),(0,h.jsx)(c,{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.`})]})]})}},b={render:function(){return(0,h.jsx)(u,{children:(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{children:`Is Preply the best platform for learning a language?`}),(0,h.jsxs)(c,{children:[(0,h.jsx)(f,{variant:`large`,tag:`div`,children:`Yes!`}),(0,h.jsx)(a,{variant:`large-regular-italic`,children:`What are you waiting for?`}),(0,h.jsx)(m,{children:`Book a lesson now!`})]})]})})}},x={render:function(){return(0,h.jsxs)(u,{children:[(0,h.jsxs)(s,{name:`choose-subscription-duration`,children:[(0,h.jsx)(l,{children:`Two-week subscription`}),(0,h.jsx)(c,{children:`We will charge you every two weeks.`})]}),(0,h.jsxs)(s,{name:`choose-subscription-duration`,children:[(0,h.jsx)(l,{children:`Four-week subscription`}),(0,h.jsx)(c,{children:`We will charge you every four weeks.`})]})]})}},S={parameters:{pseudo:{focusVisible:`[data-focus="true"]`}},render:function(){return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,flexDirection:`column`},children:[(0,h.jsx)(a,{variant:`default-regular-italic`,children:`closed`}),(0,h.jsx)(`div`,{style:{display:`flex`,gap:`16px`},children:(0,h.jsx)(u,{children:(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{children:`Header`}),(0,h.jsx)(c,{children:`Content`})]})})})]}),(0,h.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,flexDirection:`column`},children:[(0,h.jsx)(a,{variant:`default-regular-italic`,children:`open`}),(0,h.jsx)(`div`,{style:{display:`flex`,gap:`16px`},children:(0,h.jsx)(u,{children:(0,h.jsxs)(s,{open:!0,children:[(0,h.jsx)(l,{children:`Header`}),(0,h.jsx)(c,{children:`Content`})]})})})]}),(0,h.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,flexDirection:`column`},children:[(0,h.jsx)(a,{variant:`default-regular-italic`,children:`focus`}),(0,h.jsx)(`div`,{style:{display:`flex`,gap:`16px`},children:(0,h.jsx)(u,{children:(0,h.jsxs)(s,{children:[(0,h.jsx)(l,{dataset:{focus:!0},children:`Header`}),(0,h.jsx)(c,{children:`Content`})]})})})]})]})}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   render: function Story() {
     return <Accordion>
                 <AccordionItem>

package/dist/assets/{Accordion.tests.stories-CE9oHsW9.js → Accordion.tests.stories-DAOgB7S1.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{a as i,i as a,n as o,r as s,t as c}from"./Accordion-DlAp8KmP.js";import{n as l,t as u}from"./OnboardingTour-ChdI2m_S.js";import{r as d,t as f}from"./styled-components.browser.esm-BF2I7YPU.js";var p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k;t((()=>{e(n(),1),i(),l(),d(),p=r(),{userEvent:m,expect:h,within:g,waitFor:_,fn:v}=__STORYBOOK_MODULE_TEST__,y={title:`Components/Accordion/Tests`,component:c,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:[`!autodocs`,`!a11y-test`,`test`]},b={render:function(){return(0,p.jsx)(c,{"aria-label":`accordionLabel`,children:(0,p.jsxs)(a,{children:[(0,p.jsx)(s,{children:`Is Preply the best platform for learning a language?`}),(0,p.jsx)(o,{children:`Of course it is!`})]})})},play:async({canvasElement:e})=>{h(g(e).getByLabelText(`accordionLabel`)).toBeVisible()}},x={args:{},render:function(){return(0,p.jsxs)(c,{children:[(0,p.jsxs)(a,{children:[(0,p.jsx)(s,{children:`Is Preply the best platform for learning a language?`}),(0,p.jsx)(o,{children:`Of course it is!`})]}),(0,p.jsxs)(a,{children:[(0,p.jsx)(s,{children:`Why?`}),(0,p.jsx)(o,{children:`If you are wondering, it means you have not tried it out yet!`})]})]})},play:async({canvas:e,step:t})=>{let n=e.getByText(`Is Preply the best platform for learning a language?`),r=e.getByText(`Of course it is!`),i=e.getByText(`Why?`),a=e.getByText(`If you are wondering, it means you have not tried it out yet!`);await t(`Contents are hidden`,async()=>{h(r).not.toBeVisible(),h(a).not.toBeVisible()}),await t(`Content 1 is revelable`,async()=>{await m.click(n),h(r).toBeVisible()}),await t(`Content 2 is revelable`,async()=>{await m.click(i),h(a).toBeVisible()}),await t(`Both contents are visible (non-exclusivity check)`,async()=>{h(r).toBeVisible(),h(a).toBeVisible()}),await t(`Item 1 is hidable`,async()=>{await m.click(n),h(r).not.toBeVisible()}),await t(`Item 2 is hidable`,async()=>{await m.click(i),h(a).not.toBeVisible()})}},S=f.div`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{a as i,i as a,n as o,r as s,t as c}from"./Accordion-DrTxWHkT.js";import{n as l,t as u}from"./OnboardingTour-DXTaYFSg.js";import{r as d,t as f}from"./styled-components.browser.esm-BF2I7YPU.js";var p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k;t((()=>{e(n(),1),i(),l(),d(),p=r(),{userEvent:m,expect:h,within:g,waitFor:_,fn:v}=__STORYBOOK_MODULE_TEST__,y={title:`Components/Accordion/Tests`,component:c,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:[`!autodocs`,`!a11y-test`,`test`]},b={render:function(){return(0,p.jsx)(c,{"aria-label":`accordionLabel`,children:(0,p.jsxs)(a,{children:[(0,p.jsx)(s,{children:`Is Preply the best platform for learning a language?`}),(0,p.jsx)(o,{children:`Of course it is!`})]})})},play:async({canvasElement:e})=>{h(g(e).getByLabelText(`accordionLabel`)).toBeVisible()}},x={args:{},render:function(){return(0,p.jsxs)(c,{children:[(0,p.jsxs)(a,{children:[(0,p.jsx)(s,{children:`Is Preply the best platform for learning a language?`}),(0,p.jsx)(o,{children:`Of course it is!`})]}),(0,p.jsxs)(a,{children:[(0,p.jsx)(s,{children:`Why?`}),(0,p.jsx)(o,{children:`If you are wondering, it means you have not tried it out yet!`})]})]})},play:async({canvas:e,step:t})=>{let n=e.getByText(`Is Preply the best platform for learning a language?`),r=e.getByText(`Of course it is!`),i=e.getByText(`Why?`),a=e.getByText(`If you are wondering, it means you have not tried it out yet!`);await t(`Contents are hidden`,async()=>{h(r).not.toBeVisible(),h(a).not.toBeVisible()}),await t(`Content 1 is revelable`,async()=>{await m.click(n),h(r).toBeVisible()}),await t(`Content 2 is revelable`,async()=>{await m.click(i),h(a).toBeVisible()}),await t(`Both contents are visible (non-exclusivity check)`,async()=>{h(r).toBeVisible(),h(a).toBeVisible()}),await t(`Item 1 is hidable`,async()=>{await m.click(n),h(r).not.toBeVisible()}),await t(`Item 2 is hidable`,async()=>{await m.click(i),h(a).not.toBeVisible()})}},S=f.div`
     details[open]::details-content {
         block-size: initial;
     }

package/dist/assets/{AlertBanner.primitives.stories-WvY-_iZh.js → AlertBanner.primitives.stories-DQdOIfAM.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Button-_0pS2khJ.js";import{n as a,t as o}from"./TokyoUISparkle-5ta_MRge.js";import{_ as s,f as c,g as l,h as u,m as d,n as f,p,r as m,t as h,v as g}from"./AlertBannerAction-BYa4kXiw.js";var _,v,y=t((()=>{_=`customBanner__WPfsi`,v={customBanner:_}})),b,x,S,C;t((()=>{e(n(),1),a(),f(),u(),s(),p(),y(),m(),b=r(),x={title:`Components/AlertBanner/Primitives`,component:l,subcomponents:{AlertBannerIcon:d,AlertBannerRoot:l,AlertBannerAction:h,AlertBannerText:c},parameters:{layout:`padded`,docs:{source:{type:`dynamic`}}},decorators:[e=>(0,b.jsx)(`div`,{style:{width:`500px`},children:(0,b.jsx)(e,{})})]},S=()=>(0,b.jsx)(g,{children:(0,b.jsxs)(l,{variant:`critical`,className:v.customBanner,children:[(0,b.jsx)(d,{svg:o}),(0,b.jsx)(c,{children:`Custom banner built with primitives.`}),(0,b.jsx)(h,{children:(0,b.jsx)(i,{variant:`onColor`,size:`large`,children:`Custom action`})})]})}),S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`() => {
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Button-BUsGqnKd.js";import{n as a,t as o}from"./TokyoUISparkle-5ta_MRge.js";import{_ as s,f as c,g as l,h as u,m as d,n as f,p,r as m,t as h,v as g}from"./AlertBannerAction-DCnZmTB4.js";var _,v,y=t((()=>{_=`customBanner__WPfsi`,v={customBanner:_}})),b,x,S,C;t((()=>{e(n(),1),a(),f(),u(),s(),p(),y(),m(),b=r(),x={title:`Components/AlertBanner/Primitives`,component:l,subcomponents:{AlertBannerIcon:d,AlertBannerRoot:l,AlertBannerAction:h,AlertBannerText:c},parameters:{layout:`padded`,docs:{source:{type:`dynamic`}}},decorators:[e=>(0,b.jsx)(`div`,{style:{width:`500px`},children:(0,b.jsx)(e,{})})]},S=()=>(0,b.jsx)(g,{children:(0,b.jsxs)(l,{variant:`critical`,className:v.customBanner,children:[(0,b.jsx)(d,{svg:o}),(0,b.jsx)(c,{children:`Custom banner built with primitives.`}),(0,b.jsx)(h,{children:(0,b.jsx)(i,{variant:`onColor`,size:`large`,children:`Custom action`})})]})}),S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`() => {
   const variant: AlertBannerVariant = 'critical';
   return <AlertBannerProvider>
             <AlertBannerRoot variant={variant} className={customStyles.customBanner}>

package/dist/assets/{AlertBanner.stories-F7Vn8C02.js → AlertBanner.stories-CNtmHIeO.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Button-_0pS2khJ.js";import{d as a,r as o,u as s,v as c,y as l}from"./AlertBannerAction-BYa4kXiw.js";var u,d,f,p,m,h,g,_,v,y,b,x,S,C;t((()=>{e(n(),1),a(),l(),o(),u=r(),{action:d}=__STORYBOOK_MODULE_ACTIONS__,{userEvent:f,expect:p,fn:m}=__STORYBOOK_MODULE_TEST__,h={title:`components/AlertBanner`,component:s,subcomponents:{AlertBannerProvider:c},args:{}},g={actionOnClick:m(d(`onCLicked`))},_={args:{},parameters:{chromatic:{modes:{"narrow-l":{viewport:`narrow-l`},"medium-l":{viewport:`medium-l`}}}},render:function(){return(0,u.jsxs)(c,{children:[(0,u.jsx)(s,{variant:`critical`,description:`We can't renew your subscription.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Try again`})}),(0,u.jsx)(s,{variant:`warning`,description:`Your credit card is about to expire.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Change payment method`})}),(0,u.jsx)(s,{variant:`positive`,description:`Your subscription has been renewed successfully.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Book the next lesson`})})]})},play:async({canvas:e,step:t})=>{let n=await e.findByRole(`button`,{name:/Try again/});await t(`actionOnClick is not called`,async()=>{p(g.actionOnClick).not.toBeCalled()}),await t(`actionOnClick is called`,async()=>{await f.click(n),p(g.actionOnClick).toBeCalled()})}},v={render:function(){return(0,u.jsxs)(c,{children:[(0,u.jsx)(s,{variant:`critical`,description:`We can't renew your subscription.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Try again`}),dataset:{testId:`subscriptionAlert`}}),(0,u.jsx)(s,{variant:`warning`,description:`Your credit card is about to expire.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Change payment method`}),dataset:{testid:`paymentWarning`}}),(0,u.jsx)(s,{variant:`positive`,description:`Your subscription has been renewed successfully.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Book the next lesson`}),dataset:{testid:`subscriptionRenewed`}})]})},play:async({canvas:e,step:t})=>{await t(`Alert banners are prefixed with "Alert:" to allow screen reader users to recall the alerts region`,async()=>{await p(await e.findByTestId(`subscriptionAlert`)).toHaveTextContent(`Alert: We can't renew your subscription.Try again`)}),await t(`Warning banners are prefixed with "Warning:" to allow screen reader users to recall the alerts region`,async()=>{await p(await e.findByTestId(`paymentWarning`)).toHaveTextContent(`Warning: Your credit card is about to expire.Change payment method`)}),await t(`Positive banners are prefixed with "Update:" to allow screen reader users to recall the updates region`,async()=>{await p(await e.findByTestId(`subscriptionRenewed`)).toHaveTextContent(`Update: Your subscription has been renewed successfully.Book the next lesson`)})}},y={render:function(){return(0,u.jsxs)(c,{"data-testid":`alertBannerHostId`,children:[(0,u.jsx)(`div`,{id:`pageContents`,children:`Page contents`}),(0,u.jsx)(s,{variant:`critical`,description:`We can't renew your subscription.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Try again`}),dataset:{testId:`subscriptionAlert`}})]})},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`alertBannerHostId`);await t(`The host is announced as "Alerts, warnings, and updates"`,async()=>{await p(n).toHaveAccessibleName(`Alerts, warnings, and updates`)}),await t(`The host renders an aria-live region`,async()=>{await p(n).toHaveAttribute(`aria-live`),await p(n).toHaveAttribute(`aria-atomic`,`false`),await p(n).toHaveRole(`region`)}),await t(`Alert banners are rendered at the top of the page`,async()=>{let t=document.getElementById(`pageContents`);if(!t)throw Error(`Page contents element not found`);let n=await e.findByTestId(`subscriptionAlert`);p(!!(n.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)).toBe(!0)})}},b=`Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`,x=`Lorem ipsum dolor sit amet, consectetur adipiscing elit. sed do eiusmod tempor incididunt.`,S={render:function(){return(0,u.jsxs)(c,{children:[(0,u.jsx)(s,{variant:`warning`,description:b,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Try again`})}),(0,u.jsx)(s,{variant:`warning`,description:`We can't renew your subscription.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:x})}),(0,u.jsx)(s,{variant:`warning`,description:b,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:x})})]})}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Button-BUsGqnKd.js";import{d as a,r as o,u as s,v as c,y as l}from"./AlertBannerAction-DCnZmTB4.js";var u,d,f,p,m,h,g,_,v,y,b,x,S,C;t((()=>{e(n(),1),a(),l(),o(),u=r(),{action:d}=__STORYBOOK_MODULE_ACTIONS__,{userEvent:f,expect:p,fn:m}=__STORYBOOK_MODULE_TEST__,h={title:`components/AlertBanner`,component:s,subcomponents:{AlertBannerProvider:c},args:{}},g={actionOnClick:m(d(`onCLicked`))},_={args:{},parameters:{chromatic:{modes:{"narrow-l":{viewport:`narrow-l`},"medium-l":{viewport:`medium-l`}}}},render:function(){return(0,u.jsxs)(c,{children:[(0,u.jsx)(s,{variant:`critical`,description:`We can't renew your subscription.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Try again`})}),(0,u.jsx)(s,{variant:`warning`,description:`Your credit card is about to expire.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Change payment method`})}),(0,u.jsx)(s,{variant:`positive`,description:`Your subscription has been renewed successfully.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Book the next lesson`})})]})},play:async({canvas:e,step:t})=>{let n=await e.findByRole(`button`,{name:/Try again/});await t(`actionOnClick is not called`,async()=>{p(g.actionOnClick).not.toBeCalled()}),await t(`actionOnClick is called`,async()=>{await f.click(n),p(g.actionOnClick).toBeCalled()})}},v={render:function(){return(0,u.jsxs)(c,{children:[(0,u.jsx)(s,{variant:`critical`,description:`We can't renew your subscription.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Try again`}),dataset:{testId:`subscriptionAlert`}}),(0,u.jsx)(s,{variant:`warning`,description:`Your credit card is about to expire.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Change payment method`}),dataset:{testid:`paymentWarning`}}),(0,u.jsx)(s,{variant:`positive`,description:`Your subscription has been renewed successfully.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Book the next lesson`}),dataset:{testid:`subscriptionRenewed`}})]})},play:async({canvas:e,step:t})=>{await t(`Alert banners are prefixed with "Alert:" to allow screen reader users to recall the alerts region`,async()=>{await p(await e.findByTestId(`subscriptionAlert`)).toHaveTextContent(`Alert: We can't renew your subscription.Try again`)}),await t(`Warning banners are prefixed with "Warning:" to allow screen reader users to recall the alerts region`,async()=>{await p(await e.findByTestId(`paymentWarning`)).toHaveTextContent(`Warning: Your credit card is about to expire.Change payment method`)}),await t(`Positive banners are prefixed with "Update:" to allow screen reader users to recall the updates region`,async()=>{await p(await e.findByTestId(`subscriptionRenewed`)).toHaveTextContent(`Update: Your subscription has been renewed successfully.Book the next lesson`)})}},y={render:function(){return(0,u.jsxs)(c,{"data-testid":`alertBannerHostId`,children:[(0,u.jsx)(`div`,{id:`pageContents`,children:`Page contents`}),(0,u.jsx)(s,{variant:`critical`,description:`We can't renew your subscription.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Try again`}),dataset:{testId:`subscriptionAlert`}})]})},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`alertBannerHostId`);await t(`The host is announced as "Alerts, warnings, and updates"`,async()=>{await p(n).toHaveAccessibleName(`Alerts, warnings, and updates`)}),await t(`The host renders an aria-live region`,async()=>{await p(n).toHaveAttribute(`aria-live`),await p(n).toHaveAttribute(`aria-atomic`,`false`),await p(n).toHaveRole(`region`)}),await t(`Alert banners are rendered at the top of the page`,async()=>{let t=document.getElementById(`pageContents`);if(!t)throw Error(`Page contents element not found`);let n=await e.findByTestId(`subscriptionAlert`);p(!!(n.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)).toBe(!0)})}},b=`Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`,x=`Lorem ipsum dolor sit amet, consectetur adipiscing elit. sed do eiusmod tempor incididunt.`,S={render:function(){return(0,u.jsxs)(c,{children:[(0,u.jsx)(s,{variant:`warning`,description:b,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:`Try again`})}),(0,u.jsx)(s,{variant:`warning`,description:`We can't renew your subscription.`,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:x})}),(0,u.jsx)(s,{variant:`warning`,description:b,action:(0,u.jsx)(i,{onClick:g.actionOnClick,children:x})})]})}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   args: {},
   parameters: {
     chromatic: {