@preply/ds-docs 10.0.0 → 11.0.0

package/dist/assets/{00.LayoutFlex.stories-DB9Y25qw.js → 00.LayoutFlex.stories-lllooXjc.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-DjYTJz7A.js";import{L as r}from"./LayoutFlexItem-DrxhQlf5.js";import{L as p}from"./LayoutFlex-p_p7LCCd.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-D0ug8REo.js";import"./layout-relative-DQF7VcUK.js";import"./layout-relative.module-BM7yIsEb.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";const C={title:"components/LayoutFlex",component:p,subcomponents:{LayoutFlexItem:r},argTypes:{gap:{description:t},padding:{description:h},direction:{description:t},justifyContent:{description:t},alignItems:{description:t},hide:{description:t},relative:{description:t}}},e=()=>n.jsxs(p,{gap:"16",children:[n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});e.storyName="LayoutFlex";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",children:n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{minWidth:"100px",height:50,backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",height:75,backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",height:100,backgroundColor:"hotpink",textAlign:"center"}})})]}),dataset:{qaid:"layout-flex"}},argTypes:{dataset:{control:"object"},nowrap:{control:"boolean"},hide:{control:"boolean"},relative:{control:"boolean"},inline:{control:"boolean"},direction:{control:"select"},children:{control:!1},column:{table:{disable:!0}},reverse:{table:{disable:!0}}}};var i,a,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`() => <LayoutFlex gap="16">
+import{j as n}from"./iframe-B_74HtSc.js";import{L as r}from"./LayoutFlexItem-lmgCv4Y9.js";import{L as p}from"./LayoutFlex-DXRMJ9FH.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-BYi8giLn.js";import"./layout-relative-B9CiYPwj.js";import"./layout-relative.module-BIZVul8q.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";const C={title:"components/LayoutFlex",component:p,subcomponents:{LayoutFlexItem:r},argTypes:{gap:{description:t},padding:{description:h},direction:{description:t},justifyContent:{description:t},alignItems:{description:t},hide:{description:t},relative:{description:t}}},e=()=>n.jsxs(p,{gap:"16",children:[n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});e.storyName="LayoutFlex";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",children:n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{minWidth:"100px",height:50,backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",height:75,backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",height:100,backgroundColor:"hotpink",textAlign:"center"}})})]}),dataset:{qaid:"layout-flex"}},argTypes:{dataset:{control:"object"},nowrap:{control:"boolean"},hide:{control:"boolean"},relative:{control:"boolean"},inline:{control:"boolean"},direction:{control:"select"},children:{control:!1},column:{table:{disable:!0}},reverse:{table:{disable:!0}}}};var i,a,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`() => <LayoutFlex gap="16">
         <div style={{
     minWidth: '100px',
     backgroundColor: 'hotpink'

package/dist/assets/{00.applications-C7qyvM1y.js → 00.applications-ApRgtzMF.js}

@@ -1,4 +1,4 @@
-import{j as e,M as o}from"./iframe-DjYTJz7A.js";import{useMDXComponents as r}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/Applications"}),`
+import{j as e,M as o}from"./iframe-B_74HtSc.js";import{useMDXComponents as r}from"./index-DWFFXgf1.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/Applications"}),`
 `,e.jsx(n.h1,{id:"installation-applications",children:"Installation: Applications"}),`
 `,e.jsx(n.p,{children:"This guide applies to both client-side and server-side rendered React applications."}),`
 `,e.jsx(n.h2,{id:"packages",children:"Packages"}),`

package/dist/assets/{00.favicons.guide-BmYhSQZH.js → 00.favicons.guide-4ivqvu_K.js}

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

package/dist/assets/{00.token-explorer-zaz4V88E.js → 00.token-explorer-DCBSOdHJ.js}

@@ -1,4 +1,4 @@
-import{aM as F,aN as L,r as a,aO as z,u as E,v as N,as as O,g as A,j as t,ar as B,aP as M,T as W,aQ as R,V as H,aR as V,aS as q,M as G,aT as K,aF as Y}from"./iframe-DjYTJz7A.js";import{useMDXComponents as U}from"./index-cpi3YaXo.js";import{L as p}from"./LayoutFlex-Drgj-jqd.js";import{g as X,u as Q}from"./useToken-CJ7hsZh9.js";import{b as J}from"./tokens-Cp4gIGSO.js";import{L as w}from"./LayoutGrid-DZv08iKe.js";import{T as y}from"./Text-FXv4P3JX.js";import{f as Z}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as T}from"./componentNames-hc9KR2nX.js";import{d as n}from"./styled-components.browser.esm-DegKtid9.js";import{o as ee}from"./mixins-DZk1Zeoo.js";import"./preload-helper-Dp1pzeXC.js";import"./layout-relative.module-1z75aSwo-CsvB7_pT.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./text-centered-CqZrbSb_.js";import"./emotion-unitless.esm-BZwEwAnk.js";const te=e=>Array.isArray(e)&&e.length===3&&F.includes(e[L]),re=()=>{const{setTheme:e}=a.useContext(z);return{setTheme:e}},ne="TextHighlighted__ehLpO",oe={TextHighlighted:ne,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=O,tag:o=B,dataset:s,...d},l){const m=E(oe,T.TextHighlighted,[N("highlight",i)]),g={...Z(d),ref:l,className:m.join(" "),...A(s,{preplyDsComponent:T.TextHighlighted})};return t.jsx(o,{...g,children:r})});h.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const ie=(e,r)=>({token:r,name:e,id:r[W],type:r[L],colorSchemeAware:!!r[M]}),I=(e,r)=>Object.entries(r).flatMap(([i,o])=>{const s=`${e}.${i}`;return te(o)?[ie(s,o)]:I(s,o)}),se=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ae=se(J),de=(e,r,i)=>e.filter(o=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return o.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=o.name.toLowerCase().indexOf(r.toLowerCase())>-1,d=o.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||d)&&(i?o.colorSchemeAware:!o.colorSchemeAware)}return i?o.colorSchemeAware:!o.colorSchemeAware}),_=a.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var D;const le=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function ce(e,r){return ae.map(o=>({...o,value:`${X(e,r,o.token)}`}))}const he=({children:e})=>{const{findColorScheme:r}=R(),{theme:i}=H(),[o,s]=a.useState(le),[d,l]=a.useState(""),[m,g]=a.useState([]),u=a.useCallback(x=>s(x),[s]),f=a.useCallback(x=>l(x),[l]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const x=r(o||"base"),v=ce(i,x);g(de(v,d,!!o))},[o,r,d,i]),t.jsx(_.Provider,{value:{terms:d,results:m,colorScheme:o,setSearchTerms:f,setColorScheme:u},children:t.jsx(V,{colorScheme:o||"base",children:e})})},j=()=>a.useContext(_),ge=n.div`
+import{aK as F,aL as L,r as a,aM as z,u as E,v as N,as as O,g as A,j as t,ar as B,aN as M,T as W,aO as R,V as H,aP as V,aQ as q,M as K,aR as G,aD as Y}from"./iframe-B_74HtSc.js";import{useMDXComponents as U}from"./index-DWFFXgf1.js";import{L as p}from"./LayoutFlex-CTH6ELdm.js";import{g as X,u as Q}from"./useToken-OSVftwxQ.js";import{b as J}from"./tokens-im-qJUCZ.js";import{L as w}from"./LayoutGrid-CUGRXgEO.js";import{T as y}from"./Text-DJTKRzSb.js";import{f as Z}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as T}from"./componentNames-hc9KR2nX.js";import{d as n}from"./styled-components.browser.esm-rrOBirU4.js";import{o as ee}from"./mixins-DZk1Zeoo.js";import"./preload-helper-Dp1pzeXC.js";import"./layout-relative.module-1z75aSwo-Dcy7i8oK.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./text-centered-CYnBFi3a.js";import"./emotion-unitless.esm-BZwEwAnk.js";const te=e=>Array.isArray(e)&&e.length===3&&F.includes(e[L]),re=()=>{const{setTheme:e}=a.useContext(z);return{setTheme:e}},ne="TextHighlighted__ehLpO",oe={TextHighlighted:ne,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=O,tag:o=B,dataset:s,...d},l){const m=E(oe,T.TextHighlighted,[N("highlight",i)]),g={...Z(d),ref:l,className:m.join(" "),...A(s,{preplyDsComponent:T.TextHighlighted})};return t.jsx(o,{...g,children:r})});h.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const ie=(e,r)=>({token:r,name:e,id:r[W],type:r[L],colorSchemeAware:!!r[M]}),I=(e,r)=>Object.entries(r).flatMap(([i,o])=>{const s=`${e}.${i}`;return te(o)?[ie(s,o)]:I(s,o)}),se=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ae=se(J),de=(e,r,i)=>e.filter(o=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return o.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=o.name.toLowerCase().indexOf(r.toLowerCase())>-1,d=o.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||d)&&(i?o.colorSchemeAware:!o.colorSchemeAware)}return i?o.colorSchemeAware:!o.colorSchemeAware}),_=a.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var D;const le=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function ce(e,r){return ae.map(o=>({...o,value:`${X(e,r,o.token)}`}))}const he=({children:e})=>{const{findColorScheme:r}=R(),{theme:i}=H(),[o,s]=a.useState(le),[d,l]=a.useState(""),[m,g]=a.useState([]),u=a.useCallback(x=>s(x),[s]),f=a.useCallback(x=>l(x),[l]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const x=r(o||"base"),v=ce(i,x);g(de(v,d,!!o))},[o,r,d,i]),t.jsx(_.Provider,{value:{terms:d,results:m,colorScheme:o,setSearchTerms:f,setColorScheme:u},children:t.jsx(V,{colorScheme:o||"base",children:e})})},j=()=>a.useContext(_),ge=n.div`
     width: 64px;
     height: 64px;
     color: white;
@@ -166,7 +166,7 @@ import{aM as F,aN as L,r as a,aO as z,u as E,v as N,as as O,g as A,j as t,ar as
         height: 28px;
         background: #999;
     }
-`,Ge=({value:e})=>t.jsx(qe,{value:e,children:t.jsx("span",{})}),Ke=n.div`
+`,Ke=({value:e})=>t.jsx(qe,{value:e,children:t.jsx("span",{})}),Ge=n.div`
     width: 64px;
     padding-top: ${({value:e})=>e};
     background: #666;
@@ -180,7 +180,7 @@ import{aM as F,aN as L,r as a,aO as z,u as E,v as N,as as O,g as A,j as t,ar as
         height: 28px;
         background: #999;
     }
-`,Ye=({value:e})=>t.jsx(Ke,{value:e,children:t.jsx("span",{})}),Ue=n.div`
+`,Ye=({value:e})=>t.jsx(Ge,{value:e,children:t.jsx("span",{})}),Ue=n.div`
     width: 64px;
     height: 64px;
     background-color: ${({value:e})=>e};
@@ -227,7 +227,7 @@ import{aM as F,aN as L,r as a,aO as z,u as E,v as N,as as O,g as A,j as t,ar as
     height: 64px;
     color: white;
     background: ${({value:e})=>e};
-`,dt=({value:e})=>t.jsx(at,{value:e}),lt={"icon.size":"size",spacing:"space",sizing:"space",radius:"borderRadius","dsInternalPrimitive.button.borderWeight":"borderWidth","icon.fieldLayout.width":"horizontalPadding","icon.fieldLayout.height":"horizontalPadding",background:"color","color.border.ai.button.borderImage":"borderImage","color.border.ai.surface.borderImage":"borderImage","color.background.ai.surface.linearGradient":"background",color:"color","spinner.icon.color":"color","dsInternalPrimitive.color":"color","exp.color":"color","badge.base.color":"color","badge.accent":"color",content:"color",elevation:"boxShadow",dropShadow:"boxShadow","motion.components.interaction":"transition","calloutBanner.background":"background","alertBanner.background":"background"},$={color:"fgColor",lineHeight:"lineHeightPixels",shadow:"boxShadow",borderImage:"borderImage",offset:"size",x1:"easingCoordinate",y1:"easingCoordinate",x2:"easingCoordinate",y2:"easingCoordinate",short:"duration",function:"easing",functionName:"easing"},ct={background:{renderer:dt},bgColor:{renderer:pe},borderColor:{renderer:ue},borderImage:{renderer:fe},borderRadius:{renderer:je},brightness:{renderer:ke},color:{renderer:Xe},fgColor:{renderer:Ce},fontFamily:{renderer:S},fontSize:{renderer:Re},fontWeight:{renderer:Pe},fontStyle:{renderer:Ie},letterSpacing:{renderer:Ne},gap:{renderer:k},height:{renderer:ze},horizontalPadding:{renderer:b},lineHeightRatio:{renderer:Me},lineHeightPixels:{renderer:Ae},outlineColor:{renderer:Ve},outlineOffset:{renderer:Ge},outlineWidth:{renderer:Ye},borderWidth:{renderer:we},padding:{renderer:b},size:{renderer:b},space:{renderer:k},boxShadow:{renderer:Te},typeface:{renderer:S},verticalPadding:{renderer:b},textDecoration:{renderer:et},duration:{renderer:rt},easing:{renderer:nt},transition:{renderer:it},easingCoordinate:{renderer:st}};function ht(e){const r=Object.entries(lt).find(([i])=>e.startsWith(i));return r&&r[1]}function gt(e){const r=e.split(".").pop()||"";return r in $?$[r]:r}function pt(e){const r=ht(e.name)||gt(e.name)||"";return ct[r]}const xt=e=>{const r=pt(e);if(!r)throw new Error(`No renderer for token "${e.name}".`);return r},ut=n.li`
+`,dt=({value:e})=>t.jsx(at,{value:e}),lt={"icon.size":"size",spacing:"space",sizing:"space",radius:"borderRadius","dsInternalPrimitive.button.borderWeight":"borderWidth","icon.fieldLayout.width":"horizontalPadding","icon.fieldLayout.height":"horizontalPadding",background:"color","color.border.ai.button.borderImage":"borderImage","color.border.ai.surface.borderImage":"borderImage","color.background.ai.surface.linearGradient":"background",color:"color","spinner.icon.color":"color","dsInternalPrimitive.color":"color","exp.color":"color","badge.base.color":"color","badge.accent":"color",content:"color",elevation:"boxShadow",dropShadow:"boxShadow","motion.components.interaction":"transition","calloutBanner.background":"background","alertBanner.background":"background"},$={color:"fgColor",lineHeight:"lineHeightPixels",shadow:"boxShadow",borderImage:"borderImage",offset:"size",x1:"easingCoordinate",y1:"easingCoordinate",x2:"easingCoordinate",y2:"easingCoordinate",short:"duration",function:"easing",functionName:"easing"},ct={background:{renderer:dt},bgColor:{renderer:pe},borderColor:{renderer:ue},borderImage:{renderer:fe},borderRadius:{renderer:je},brightness:{renderer:ke},color:{renderer:Xe},fgColor:{renderer:Ce},fontFamily:{renderer:S},fontSize:{renderer:Re},fontWeight:{renderer:Pe},fontStyle:{renderer:Ie},letterSpacing:{renderer:Ne},gap:{renderer:k},height:{renderer:ze},horizontalPadding:{renderer:b},lineHeightRatio:{renderer:Me},lineHeightPixels:{renderer:Ae},outlineColor:{renderer:Ve},outlineOffset:{renderer:Ke},outlineWidth:{renderer:Ye},borderWidth:{renderer:we},padding:{renderer:b},size:{renderer:b},space:{renderer:k},boxShadow:{renderer:Te},typeface:{renderer:S},verticalPadding:{renderer:b},textDecoration:{renderer:et},duration:{renderer:rt},easing:{renderer:nt},transition:{renderer:it},easingCoordinate:{renderer:st}};function ht(e){const r=Object.entries(lt).find(([i])=>e.startsWith(i));return r&&r[1]}function gt(e){const r=e.split(".").pop()||"";return r in $?$[r]:r}function pt(e){const r=ht(e.name)||gt(e.name)||"";return ct[r]}const xt=e=>{const r=pt(e);if(!r)throw new Error(`No renderer for token "${e.name}".`);return r},ut=n.li`
     list-style: none;
     margin-bottom: 32px;
 
@@ -336,5 +336,5 @@ import{aM as F,aN as L,r as a,aO as z,u as E,v as N,as as O,g as A,j as t,ar as
     border-style: solid;
     border-width: 1px;
     border-color: ${({terms:e})=>e?"orange;":"#ccc"};
-`,Bt=()=>{const{theme:e}=H(),{themes:r}=R(),{setTheme:i}=re(),{colorScheme:o,terms:s,setColorScheme:d,setSearchTerms:l}=j(),m=a.useMemo(()=>{var c;return new URL(((c=window.top)==null?void 0:c.location.href)||"")},[]),g=m.searchParams,u=g.get("theme"),f=u&&(r==null?void 0:r.find(c=>c.name===u)),x=g.get("colorScheme"),v=g.get("terms");a.useEffect(()=>{var c;u&&(u!==e.name&&i&&f&&i(f),u&&x!==o&&d(x),l(v||"")),g.delete("theme"),g.delete("colorScheme"),g.delete("terms"),(c=window.top)==null||c.history.replaceState({},"",m)},[]);const P=a.useCallback(c=>l(c),[l]);return t.jsx(Et,{children:t.jsx(Nt,{children:t.jsx(Ot,{children:t.jsxs(p,{gap:"16",direction:"column",children:[t.jsx(p,{justifyContent:"space-between",alignItems:"start",children:t.jsx("h1",{id:"tokens",className:"sbdocs sbdocs-h1 css-1j28tt",children:"Token Explorer"})}),t.jsxs(p,{gap:"8",nowrap:!0,children:[t.jsx(At,{terms:s,type:"text",placeholder:"examples: teal, 300, action, primary, xs, --4adef, #00, 12px",onChange:c=>P(c.target.value),value:s}),t.jsx(Ht,{})]}),t.jsx(zt,{})]})})})})};function C(e){return t.jsxs(t.Fragment,{children:[t.jsx(G,{title:"Guides/Token Explorer"}),`
-`,t.jsx(K,{theme:"tokyo-ui",children:t.jsxs(he,{children:[t.jsx(Bt,{}),t.jsx(Y,{children:t.jsx(Dt,{})})]})})]})}function ir(e={}){const{wrapper:r}={...U(),...e.components};return r?t.jsx(r,{...e,children:t.jsx(C,{...e})}):C()}export{ir as default};
+`,Bt=()=>{const{theme:e}=H(),{themes:r}=R(),{setTheme:i}=re(),{colorScheme:o,terms:s,setColorScheme:d,setSearchTerms:l}=j(),m=a.useMemo(()=>{var c;return new URL(((c=window.top)==null?void 0:c.location.href)||"")},[]),g=m.searchParams,u=g.get("theme"),f=u&&(r==null?void 0:r.find(c=>c.name===u)),x=g.get("colorScheme"),v=g.get("terms");a.useEffect(()=>{var c;u&&(u!==e.name&&i&&f&&i(f),u&&x!==o&&d(x),l(v||"")),g.delete("theme"),g.delete("colorScheme"),g.delete("terms"),(c=window.top)==null||c.history.replaceState({},"",m)},[]);const P=a.useCallback(c=>l(c),[l]);return t.jsx(Et,{children:t.jsx(Nt,{children:t.jsx(Ot,{children:t.jsxs(p,{gap:"16",direction:"column",children:[t.jsx(p,{justifyContent:"space-between",alignItems:"start",children:t.jsx("h1",{id:"tokens",className:"sbdocs sbdocs-h1 css-1j28tt",children:"Token Explorer"})}),t.jsxs(p,{gap:"8",nowrap:!0,children:[t.jsx(At,{terms:s,type:"text",placeholder:"examples: teal, 300, action, primary, xs, --4adef, #00, 12px",onChange:c=>P(c.target.value),value:s}),t.jsx(Ht,{})]}),t.jsx(zt,{})]})})})})};function C(e){return t.jsxs(t.Fragment,{children:[t.jsx(K,{title:"Guides/Token Explorer"}),`
+`,t.jsx(G,{theme:"tokyo-ui",children:t.jsxs(he,{children:[t.jsx(Bt,{}),t.jsx(Y,{children:t.jsx(Dt,{})})]})})]})}function ir(e={}){const{wrapper:r}={...U(),...e.components};return r?t.jsx(r,{...e,children:t.jsx(C,{...e})}):C()}export{ir as default};

package/dist/assets/{00.using-responsive-props-DKW-uWVH.js → 00.using-responsive-props-BhAkr9Gn.js}

@@ -1,4 +1,4 @@
-import{r as w,u as x,v as h,w as j,g as f,j as e,A as g,M as b}from"./iframe-DjYTJz7A.js";import{useMDXComponents as o}from"./index-cpi3YaXo.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as t}from"./componentNames-hc9KR2nX.js";import{A as C}from"./constants-5om8Ptru.js";import{B as N}from"./breakpoints-BfMlrtxE.js";import"./preload-helper-Dp1pzeXC.js";const R="Avatar__ENaap",M={Avatar:R,"Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},r=w.forwardRef(function({size:a=g,round:i,src:l,alt:m="",dataset:v,crossOrigin:A,..._},z){const p=i??!0,u=x(M,t.Avatar,[h("size",a),j("round",void 0,p)]),c={...y(_),ref:z,className:u.join(" "),...f(v,{preplyDsComponent:t.Avatar})};return e.jsx("picture",{...c,children:e.jsx("img",{src:l||C,alt:m,crossOrigin:A})})});r.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'32'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};const E=()=>e.jsx("table",{style:{fontSize:14},children:e.jsx("tbody",{children:Object.entries(N).map(([s,a])=>e.jsxs("tr",{children:[e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsx("code",{children:s})}),e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsxs("code",{children:[a,"px"]})})]},s))})}),n="./assets/avatar-1.png";function d(s){const a={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(b,{title:"Guides/Responsive Props"}),`
+import{r as w,u as x,v as h,w as j,g as f,j as e,A as g,M as b}from"./iframe-B_74HtSc.js";import{useMDXComponents as o}from"./index-DWFFXgf1.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as t}from"./componentNames-hc9KR2nX.js";import{A as C}from"./constants-5om8Ptru.js";import{B as N}from"./breakpoints-BfMlrtxE.js";import"./preload-helper-Dp1pzeXC.js";const R="Avatar__ENaap",M={Avatar:R,"Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},r=w.forwardRef(function({size:a=g,round:i,src:l,alt:m="",dataset:v,crossOrigin:A,..._},z){const p=i??!0,u=x(M,t.Avatar,[h("size",a),j("round",void 0,p)]),c={...y(_),ref:z,className:u.join(" "),...f(v,{preplyDsComponent:t.Avatar})};return e.jsx("picture",{...c,children:e.jsx("img",{src:l||C,alt:m,crossOrigin:A})})});r.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'32'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};const E=()=>e.jsx("table",{style:{fontSize:14},children:e.jsx("tbody",{children:Object.entries(N).map(([s,a])=>e.jsxs("tr",{children:[e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsx("code",{children:s})}),e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsxs("code",{children:[a,"px"]})})]},s))})}),n="./assets/avatar-1.png";function d(s){const a={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(b,{title:"Guides/Responsive Props"}),`
 `,e.jsx(a.h1,{id:"responsive-props",children:"Responsive Props"}),`
 `,e.jsx(a.p,{children:`Some component props optionally accept responsive values for different screen sizes
 based on the global breakpoints:`}),`

package/dist/assets/{01.semantic-tokens-Qf9qY_Sk.js → 01.semantic-tokens-BBQKcQ5o.js}

@@ -1,4 +1,4 @@
-import{r as S,u as w,v,z as D,j as e,D as G,g as R,L as U,M as $,aF as g}from"./iframe-DjYTJz7A.js";import{useMDXComponents as b}from"./index-cpi3YaXo.js";import{r as y}from"./render-icon-DlE4AZJV.js";import{B as E,H as A}from"./ButtonBase-CPJxprWJ.js";import{w as f}from"./componentNames-hc9KR2nX.js";import{g as O,a as H,L as _}from"./LayoutGrid-DZv08iKe.js";import{f as P}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{b as a}from"./tokens-Cp4gIGSO.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-CqZrbSb_.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-CsvB7_pT.js";import"./constants-DYYVurUY.js";const F="Button__lJRiF",M="leadingIcon__OZj4E",V="trailingIcon__d6fiW",q="icon__M1Hs-",u={Button:F,leadingIcon:M,trailingIcon:V,"Button--size-s":"Button--size-s__02RwJ",icon:q,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},r=S.forwardRef(function({variant:n=G,size:o=D,url:c,a11yLabel:B,leadingSvgIcon:d,trailingSvgIcon:m,children:j,...h},p){const k=!!d||!!m,z=w(u,f.Button,[v("size",o)]);return e.jsxs(E,{...h,ref:p,isIconButton:!1,variant:n,size:o,url:c,a11yLabel:B,preplyDsComponent:f.Button,className:k?z.join(" "):"",children:[!!d&&e.jsx("span",{className:`${u.icon} ${u.leadingIcon}`,children:y(d,{"aria-hidden":"true",focusable:"false"})}),j,!!m&&e.jsx("span",{className:`${u.icon} ${u.trailingIcon}`,children:y(m,{"aria-hidden":"true",focusable:"false"})})]})});r.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'small'",computed:!1},required:!1}}};const X="AlignSelf__huNbz",J={AlignSelf:X,"AlignSelf--align-self-start":"AlignSelf--align-self-start__Pk4Ld","AlignSelf--align-self-center":"AlignSelf--align-self-center__oKqnl","AlignSelf--align-self-end":"AlignSelf--align-self-end__mLp7w","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__e5jP9","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__RD68B","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__9KYyf","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__ydYg3","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__an8ci","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__qq8h0","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__d0RSi","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__Kmsf2","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__j3NnI","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__74bsY","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__ljw4i","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__Pewtw","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__TkySK","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__zgUOz","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__sU3Gp","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__o-XTQ","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__G9OEM","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__DcXjX","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__36VHM","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__VolCH","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__pdrgF"},W="AlignSelf",K=s=>w(J,W,[v("align-self",s)]),Y="LayoutGridItem__HXV4b",Q={LayoutGridItem:Y},x=S.forwardRef(function({children:n,alignSelf:o,tag:c,hide:B,relative:d,dataset:m,...j},h){const p=w(Q,f.LayoutGridItem,[]),k=K(o),z=O(B),L=H(d),I=[...p,...k,...z,...L],N=c??U,C={...P(j),ref:h,className:I.join(" "),...R(m,{preplyDsComponent:f.LayoutGridItem})};return e.jsx(N,{...C,children:n})});x.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};const i=({inverted:s,textToken:n})=>{const o=a.color.text[n];return Array.isArray(o)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:n}),e.jsx("div",{style:{color:`var(--${o[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${s?a.color.background.primaryInverted[1]:a.color.background.primary[1]})`},children:e.jsxs("code",{children:["color.text.",n]})})]},n):null};i.defaultProps={inverted:!1};const t=({inverted:s,bgToken:n})=>{const o=a.color.background[n];return Array.isArray(o)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:n}),e.jsxs("div",{style:{background:`var(--${a.color.background[n][1]})`,color:`var(--${s?a.color.text.inverted[1]:a.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",e.jsxs("code",{children:["color.background.",n]})]})]},n):null};t.defaultProps={inverted:!1};const l=({contentToken:s})=>{const n=a.color.border[s];return Array.isArray(n)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:s}),e.jsx("br",{}),e.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",s]})]},s):null};l.defaultProps={};const Z=()=>e.jsxs(_,{gap:"16",columns:2,children:[e.jsx(r,{children:"Token family: action.variant.primary.*"}),e.jsx(r,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),e.jsx(r,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),e.jsx(r,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),e.jsx(r,{variant:"critical",children:"Token family: action.variant.critical.*"}),e.jsx(r,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),e.jsx(r,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),e.jsx(r,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),ee=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(i,{textToken:"primary"}),e.jsx(i,{textToken:"secondary"}),e.jsx(i,{textToken:"tertiary"}),e.jsx(i,{textToken:"accentDark"}),e.jsx(i,{textToken:"placeholder"}),e.jsx(i,{textToken:"inverted",inverted:!0}),e.jsx(i,{textToken:"positive"}),e.jsx(i,{textToken:"info"}),e.jsx(i,{textToken:"warning"}),e.jsx(i,{textToken:"critical"})]}),ne=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(t,{bgToken:"primary"}),e.jsx(t,{bgToken:"secondary"}),e.jsx(t,{bgToken:"tertiary"}),e.jsx(t,{bgToken:"overlay"}),e.jsx(t,{bgToken:"disabled"}),e.jsx(t,{bgToken:"brand"}),e.jsx(t,{bgToken:"brandB2b"}),e.jsx(t,{bgToken:"accentLight"}),e.jsx(t,{bgToken:"accentDark",inverted:!0}),e.jsx(t,{bgToken:"positiveLight"}),e.jsx(t,{bgToken:"positiveDark",inverted:!0}),e.jsx(t,{bgToken:"infoLight"}),e.jsx(t,{bgToken:"infoDark",inverted:!0}),e.jsx(t,{bgToken:"warningLight"}),e.jsx(t,{bgToken:"warningDark",inverted:!0}),e.jsx(t,{bgToken:"criticalLight"}),e.jsx(t,{bgToken:"criticalDark",inverted:!0}),e.jsx(t,{bgToken:"statusOnline"}),e.jsx(t,{bgToken:"statusOffline"}),e.jsx(t,{bgToken:"primaryInverted",inverted:!0}),e.jsx(t,{bgToken:"secondaryInverted",inverted:!0}),e.jsx(t,{bgToken:"tertiaryInverted",inverted:!0})]}),te=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(l,{contentToken:"primary"}),e.jsx(l,{contentToken:"secondary"}),e.jsx(l,{contentToken:"secondary-opacity"}),e.jsx(l,{contentToken:"tertiary"}),e.jsx(l,{contentToken:"disabled"}),e.jsx(l,{contentToken:"brand"}),e.jsx(l,{contentToken:"critical"}),e.jsx(l,{contentToken:"focus"}),e.jsx(l,{contentToken:"positive"})]});function T(s){const n={h1:"h1",h2:"h2",p:"p",...b(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx($,{title:"Guides/Semantic tokens examples"}),`
+import{r as S,u as w,v,z as D,j as e,D as G,g as R,L as U,M as $,aD as g}from"./iframe-B_74HtSc.js";import{useMDXComponents as b}from"./index-DWFFXgf1.js";import{r as y}from"./render-icon-DSbVIpCz.js";import{B as E,H as A}from"./ButtonBase-DGinnt2u.js";import{w as f}from"./componentNames-hc9KR2nX.js";import{g as O,a as H,L as _}from"./LayoutGrid-CUGRXgEO.js";import{f as P}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{b as a}from"./tokens-im-qJUCZ.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-CYnBFi3a.js";import"./useHostname-CbpnzdHv.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-Dcy7i8oK.js";import"./constants-DYYVurUY.js";const F="Button__lJRiF",M="leadingIcon__OZj4E",V="trailingIcon__d6fiW",q="icon__M1Hs-",u={Button:F,leadingIcon:M,trailingIcon:V,"Button--size-s":"Button--size-s__02RwJ",icon:q,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},r=S.forwardRef(function({variant:n=G,size:o=D,url:c,a11yLabel:B,leadingSvgIcon:d,trailingSvgIcon:m,children:j,...h},p){const k=!!d||!!m,z=w(u,f.Button,[v("size",o)]);return e.jsxs(E,{...h,ref:p,isIconButton:!1,variant:n,size:o,url:c,a11yLabel:B,preplyDsComponent:f.Button,className:k?z.join(" "):"",children:[!!d&&e.jsx("span",{className:`${u.icon} ${u.leadingIcon}`,children:y(d,{"aria-hidden":"true",focusable:"false"})}),j,!!m&&e.jsx("span",{className:`${u.icon} ${u.trailingIcon}`,children:y(m,{"aria-hidden":"true",focusable:"false"})})]})});r.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'small'",computed:!1},required:!1}}};const X="AlignSelf__huNbz",J={AlignSelf:X,"AlignSelf--align-self-start":"AlignSelf--align-self-start__Pk4Ld","AlignSelf--align-self-center":"AlignSelf--align-self-center__oKqnl","AlignSelf--align-self-end":"AlignSelf--align-self-end__mLp7w","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__e5jP9","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__RD68B","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__9KYyf","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__ydYg3","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__an8ci","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__qq8h0","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__d0RSi","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__Kmsf2","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__j3NnI","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__74bsY","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__ljw4i","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__Pewtw","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__TkySK","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__zgUOz","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__sU3Gp","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__o-XTQ","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__G9OEM","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__DcXjX","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__36VHM","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__VolCH","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__pdrgF"},W="AlignSelf",K=s=>w(J,W,[v("align-self",s)]),Y="LayoutGridItem__HXV4b",Q={LayoutGridItem:Y},x=S.forwardRef(function({children:n,alignSelf:o,tag:c,hide:B,relative:d,dataset:m,...j},h){const p=w(Q,f.LayoutGridItem,[]),k=K(o),z=O(B),L=H(d),I=[...p,...k,...z,...L],N=c??U,C={...P(j),ref:h,className:I.join(" "),...R(m,{preplyDsComponent:f.LayoutGridItem})};return e.jsx(N,{...C,children:n})});x.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};const i=({inverted:s,textToken:n})=>{const o=a.color.text[n];return Array.isArray(o)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:n}),e.jsx("div",{style:{color:`var(--${o[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${s?a.color.background.primaryInverted[1]:a.color.background.primary[1]})`},children:e.jsxs("code",{children:["color.text.",n]})})]},n):null};i.defaultProps={inverted:!1};const t=({inverted:s,bgToken:n})=>{const o=a.color.background[n];return Array.isArray(o)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:n}),e.jsxs("div",{style:{background:`var(--${a.color.background[n][1]})`,color:`var(--${s?a.color.text.inverted[1]:a.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",e.jsxs("code",{children:["color.background.",n]})]})]},n):null};t.defaultProps={inverted:!1};const l=({contentToken:s})=>{const n=a.color.border[s];return Array.isArray(n)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:s}),e.jsx("br",{}),e.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",s]})]},s):null};l.defaultProps={};const Z=()=>e.jsxs(_,{gap:"16",columns:2,children:[e.jsx(r,{children:"Token family: action.variant.primary.*"}),e.jsx(r,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),e.jsx(r,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),e.jsx(r,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),e.jsx(r,{variant:"critical",children:"Token family: action.variant.critical.*"}),e.jsx(r,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),e.jsx(r,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),e.jsx(r,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),ee=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(i,{textToken:"primary"}),e.jsx(i,{textToken:"secondary"}),e.jsx(i,{textToken:"tertiary"}),e.jsx(i,{textToken:"accentDark"}),e.jsx(i,{textToken:"placeholder"}),e.jsx(i,{textToken:"inverted",inverted:!0}),e.jsx(i,{textToken:"positive"}),e.jsx(i,{textToken:"info"}),e.jsx(i,{textToken:"warning"}),e.jsx(i,{textToken:"critical"})]}),ne=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(t,{bgToken:"primary"}),e.jsx(t,{bgToken:"secondary"}),e.jsx(t,{bgToken:"tertiary"}),e.jsx(t,{bgToken:"overlay"}),e.jsx(t,{bgToken:"disabled"}),e.jsx(t,{bgToken:"brand"}),e.jsx(t,{bgToken:"brandB2b"}),e.jsx(t,{bgToken:"accentLight"}),e.jsx(t,{bgToken:"accentDark",inverted:!0}),e.jsx(t,{bgToken:"positiveLight"}),e.jsx(t,{bgToken:"positiveDark",inverted:!0}),e.jsx(t,{bgToken:"infoLight"}),e.jsx(t,{bgToken:"infoDark",inverted:!0}),e.jsx(t,{bgToken:"warningLight"}),e.jsx(t,{bgToken:"warningDark",inverted:!0}),e.jsx(t,{bgToken:"criticalLight"}),e.jsx(t,{bgToken:"criticalDark",inverted:!0}),e.jsx(t,{bgToken:"statusOnline"}),e.jsx(t,{bgToken:"statusOffline"}),e.jsx(t,{bgToken:"primaryInverted",inverted:!0}),e.jsx(t,{bgToken:"secondaryInverted",inverted:!0}),e.jsx(t,{bgToken:"tertiaryInverted",inverted:!0})]}),te=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(l,{contentToken:"primary"}),e.jsx(l,{contentToken:"secondary"}),e.jsx(l,{contentToken:"secondary-opacity"}),e.jsx(l,{contentToken:"tertiary"}),e.jsx(l,{contentToken:"disabled"}),e.jsx(l,{contentToken:"brand"}),e.jsx(l,{contentToken:"critical"}),e.jsx(l,{contentToken:"focus"}),e.jsx(l,{contentToken:"positive"})]});function T(s){const n={h1:"h1",h2:"h2",p:"p",...b(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx($,{title:"Guides/Semantic tokens examples"}),`
 `,e.jsx(n.h1,{id:"semantic-tokens-examples",children:"Semantic tokens examples"}),`
 `,e.jsx(n.p,{children:"With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."}),`
 `,e.jsx(n.h2,{id:"text-tokens",children:"Text tokens"}),`

package/dist/assets/{01.using-shorthand-props-BedWZyE3.js → 01.using-shorthand-props-SxccG8oR.js}

@@ -1,4 +1,4 @@
-import{j as e,M as d}from"./iframe-DjYTJz7A.js";import{useMDXComponents as a}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...a(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"Guides/Shorthand Props"}),`
+import{j as e,M as d}from"./iframe-B_74HtSc.js";import{useMDXComponents as a}from"./index-DWFFXgf1.js";import"./preload-helper-Dp1pzeXC.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...a(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"Guides/Shorthand Props"}),`
 `,e.jsx(n.h1,{id:"shorthand-props",children:"Shorthand Props"}),`
 `,e.jsxs(n.p,{children:["Some components accept shorthand values for spacing properties like ",e.jsx(n.code,{children:"padding"})," and ",e.jsx(n.code,{children:"margin"}),". These props can be specified in several ways:"]}),`
 `,e.jsx(n.h2,{id:"single-value",children:"Single Value"}),`

package/dist/assets/{10.Combinations.stories-DL8TmNJ4.js → 10.Combinations.stories-D3XySbv3.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-DjYTJz7A.js";import{L as y}from"./LayoutFlexItem-DrxhQlf5.js";import{L as n}from"./LayoutFlex-p_p7LCCd.js";import{f as D,d as T}from"./styled-components.browser.esm-3T8u8x7l.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-D0ug8REo.js";import"./layout-relative-DQF7VcUK.js";import"./layout-relative.module-BM7yIsEb.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./emotion-unitless.esm-BZwEwAnk.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function $(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueUndefined"},column:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueFalse"},column:!0,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function J(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueTrue"},column:!0,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseUndefined"},column:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseFalse"},column:!1,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseTrue"},column:!1,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedUndefined"},children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedFalse"},reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedTrue"},reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function p(s){return e.jsx("div",{style:{background:"yellow",width:"50%"},children:s.children})}function g(s){return e.jsx("div",{style:{background:"orange",width:"50%"},children:s.children})}function B(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRow"}),e.jsxs(n,{dataset:{testid:"DirectionRow"},direction:"row",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function L(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverse"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverse"},direction:"column-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsive"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsive"},direction:{_:"column-reverse","narrow-l":"column","medium-s":"row-reverse","medium-l":"column-reverse","wide-s":"column","wide-l":"row-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function K(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsiveInvertedOrder"},direction:{"wide-l":"row-reverse","wide-s":"column","medium-l":"column-reverse","medium-s":"row-reverse","narrow-l":"column",_:"column-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function j(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function h(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function Q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentCenter"}),e.jsxs(n,{dataset:{testid:"JustifyContentCenter"},justifyContent:"center",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function V(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentStart"}),e.jsxs(n,{dataset:{testid:"JustifyContentStart"},justifyContent:"start",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function W(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentEnd"}),e.jsxs(n,{dataset:{testid:"JustifyContentEnd"},justifyContent:"end",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function u(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function o(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},gap:"32",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},gap:"48",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},gap:"64",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},gap:"96",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},gap:"160",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},gap:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueUndefined"},hide:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueFalse"},hide:!0,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueTrue"},hide:!0,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseTrue"},hide:!1,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedUndefined"},children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedFalse"},inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedTrue"},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsive"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsive"},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[e.jsx(a,{children:"A responsive"}),e.jsx(l,{children:"B responsive"})]})]})}function sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsiveInvertedOrder"},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function v(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function f(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsive"}),e.jsxs(n,{dataset:{testid:"RelativeResponsive"},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function an(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"RelativeResponsiveInvertedOrder"},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function C(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function I(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const ln=D`
+import{j as e}from"./iframe-B_74HtSc.js";import{L as y}from"./LayoutFlexItem-lmgCv4Y9.js";import{L as n}from"./LayoutFlex-DXRMJ9FH.js";import{f as D,d as T}from"./styled-components.browser.esm-BHxIJD2_.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-BYi8giLn.js";import"./layout-relative-B9CiYPwj.js";import"./layout-relative.module-BIZVul8q.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./emotion-unitless.esm-BZwEwAnk.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function $(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueUndefined"},column:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueFalse"},column:!0,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function J(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueTrue"},column:!0,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseUndefined"},column:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseFalse"},column:!1,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseTrue"},column:!1,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedUndefined"},children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedFalse"},reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedTrue"},reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function p(s){return e.jsx("div",{style:{background:"yellow",width:"50%"},children:s.children})}function g(s){return e.jsx("div",{style:{background:"orange",width:"50%"},children:s.children})}function B(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRow"}),e.jsxs(n,{dataset:{testid:"DirectionRow"},direction:"row",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function L(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverse"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverse"},direction:"column-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsive"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsive"},direction:{_:"column-reverse","narrow-l":"column","medium-s":"row-reverse","medium-l":"column-reverse","wide-s":"column","wide-l":"row-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function K(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsiveInvertedOrder"},direction:{"wide-l":"row-reverse","wide-s":"column","medium-l":"column-reverse","medium-s":"row-reverse","narrow-l":"column",_:"column-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function j(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function h(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function Q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentCenter"}),e.jsxs(n,{dataset:{testid:"JustifyContentCenter"},justifyContent:"center",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function V(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentStart"}),e.jsxs(n,{dataset:{testid:"JustifyContentStart"},justifyContent:"start",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function W(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentEnd"}),e.jsxs(n,{dataset:{testid:"JustifyContentEnd"},justifyContent:"end",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function u(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function o(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},gap:"32",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},gap:"48",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},gap:"64",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},gap:"96",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},gap:"160",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},gap:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueUndefined"},hide:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueFalse"},hide:!0,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueTrue"},hide:!0,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseTrue"},hide:!1,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedUndefined"},children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedFalse"},inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedTrue"},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsive"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsive"},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[e.jsx(a,{children:"A responsive"}),e.jsx(l,{children:"B responsive"})]})]})}function sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsiveInvertedOrder"},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function v(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function f(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsive"}),e.jsxs(n,{dataset:{testid:"RelativeResponsive"},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function an(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"RelativeResponsiveInvertedOrder"},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function C(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function I(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const ln=D`
     div[data-override='true'] {
         display:grid;
     }

package/dist/assets/{10.fonts.guide-DWCtIfPx.js → 10.fonts.guide-p4vZ2TE8.js}

@@ -1,4 +1,4 @@
-import{j as e,M as o}from"./iframe-DjYTJz7A.js";import{useMDXComponents as l}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...l(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Assets/Fonts"}),`
+import{j as e,M as o}from"./iframe-B_74HtSc.js";import{useMDXComponents as l}from"./index-DWFFXgf1.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...l(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Assets/Fonts"}),`
 `,e.jsx(n.h1,{id:"fonts",children:"Fonts"}),`
 `,e.jsxs(n.p,{children:["The optimised assets are available under ",e.jsx(n.strong,{children:"preply.com"})," in the formats required by modern and legacy browsers."]}),`
 `,e.jsxs(n.p,{children:["Refer to ",e.jsx(n.a,{href:"https://preply.atlassian.net/l/cp/0sQoEgGa",rel:"nofollow",children:"Create new universal brand fonts"})," for a detailed breakdown of the formats, optimisations and technical decisions."]}),`

package/dist/assets/{10.ssr-FDyVDtdm.js → 10.ssr-BLS5aGYV.js}

@@ -1,4 +1,4 @@
-import{j as e,M as o}from"./iframe-DjYTJz7A.js";import{useMDXComponents as r}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
+import{j as e,M as o}from"./iframe-B_74HtSc.js";import{useMDXComponents as r}from"./index-DWFFXgf1.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
 `,e.jsx(n.h1,{id:"installation-nextjs-pages-router",children:"Installation: Next.js pages router"}),`
 `,e.jsxs(n.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(n.h2,{id:"packages",children:"Packages"}),`

package/dist/assets/11.fonts.explorer-BMm1rcuE.js

@@ -0,0 +1,2 @@
+import{j as t,M as i,S as p}from"./iframe-B_74HtSc.js";import{useMDXComponents as n}from"./index-DWFFXgf1.js";import{F as e,D as s}from"./fonts-explorer.stories-CeMUwBuQ.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DIqvfT2b.js";import"./componentNames-hc9KR2nX.js";import"./message-DJT5rp5J.js";import"./styled-components.browser.esm-rrOBirU4.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./TokyoUIExerciseClosedGapsJumble-C8roFqfh.js";import"./text-centered-CYnBFi3a.js";import"./render-icon-DSbVIpCz.js";import"./ButtonBase-DGinnt2u.js";import"./useHostname-CbpnzdHv.js";import"./index-CC6DAVyL.js";import"./Text-DJTKRzSb.js";import"./getTokenVar-CVkrm5Qs.js";import"./tokens-im-qJUCZ.js";import"./TokyoUIChevronRight-DRhJYmWB.js";import"./TokyoUICheck-DQLX_x10.js";import"./breakpoints-BfMlrtxE.js";function m(o){return t.jsxs(t.Fragment,{children:[t.jsx(i,{of:e}),`
+`,t.jsx(p,{of:s})]})}function b(o={}){const{wrapper:r}={...n(),...o.components};return r?t.jsx(r,{...o,children:t.jsx(m,{...o})}):m()}export{b as default};

package/dist/assets/{11.ssr.app-router-C5TwsO2T.js → 11.ssr.app-router-B_LdKMuw.js}

@@ -1,4 +1,4 @@
-import{j as e,M as s}from"./iframe-DjYTJz7A.js";import{useMDXComponents as n}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
+import{j as e,M as s}from"./iframe-B_74HtSc.js";import{useMDXComponents as n}from"./index-DWFFXgf1.js";import"./preload-helper-Dp1pzeXC.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
 `,e.jsx(t.h1,{id:"installation-nextjs-app-router",children:"Installation: Next.js app router"}),`
 `,e.jsxs(t.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(t.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(t.h2,{id:"packages",children:"Packages"}),`

package/dist/assets/{20.libraries-Cnl2_NKK.js → 20.libraries-Uutk1t-k.js}

@@ -1,4 +1,4 @@
-import{j as e,M as r}from"./iframe-DjYTJz7A.js";import{useMDXComponents as o}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
+import{j as e,M as r}from"./iframe-B_74HtSc.js";import{useMDXComponents as o}from"./index-DWFFXgf1.js";import"./preload-helper-Dp1pzeXC.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
 `,e.jsx(n.h1,{id:"installation-libraries",children:"Installation: Libraries"}),`
 `,e.jsxs(n.p,{children:["This guide applies to libraries consumed in Preply applications, and assumes these applications are already integrated according to the steps outlined in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(n.h2,{id:"install-packages",children:"Install Packages"}),`

package/dist/assets/{2025-q4-ds-cleanup-Bpa9AZ8j.js → 2025-q4-ds-cleanup-D2AonoQX.js}

@@ -1,4 +1,4 @@
-import{j as e,M as i}from"./iframe-DjYTJz7A.js";import{useMDXComponents as a}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function o(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...a(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Migrations/2025 Q4 DS cleanup"}),`
+import{j as e,M as i}from"./iframe-B_74HtSc.js";import{useMDXComponents as a}from"./index-DWFFXgf1.js";import"./preload-helper-Dp1pzeXC.js";function o(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...a(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Migrations/2025 Q4 DS cleanup"}),`
 `,e.jsx(t.h1,{id:"migrations2025-q4---design-system-cleanup-initiative",children:"Migrations/2025 Q4 - Design System cleanup initiative"}),`
 `,e.jsxs(t.ul,{children:[`
 `,e.jsxs(t.li,{children:[e.jsx(t.a,{href:"#for-teams",children:"For teams"}),`