@preply/ds-docs 6.2.1 → 7.0.0

package/dist/assets/00-BMs4V7pn.css

@@ -0,0 +1 @@
+.Avatar__ENaap{display:inline-block}.Avatar__ENaap img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}.Avatar--size-24__ObR4y img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--size-32__dN-5k img{width:var(--32bbec);height:var(--32bbec)}.Avatar--size-48__ddqP8 img{width:var(--950ab5);height:var(--950ab5)}.Avatar--size-64__-Ju7I img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--size-96__KgHP3 img{width:var(--796da2);height:var(--796da2)}.Avatar--size-160__KZ0Fc img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){.Avatar--narrow-l--size-24__qXCWM img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--narrow-l--size-32__qq9TP img{width:var(--32bbec);height:var(--32bbec)}.Avatar--narrow-l--size-48__h51Bn img{width:var(--950ab5);height:var(--950ab5)}.Avatar--narrow-l--size-64__LnrZ9 img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--narrow-l--size-96__n3HEe img{width:var(--796da2);height:var(--796da2)}.Avatar--narrow-l--size-160__1zjWL img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){.Avatar--medium-s--size-24__7-PF9 img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--medium-s--size-32__kS7dJ img{width:var(--32bbec);height:var(--32bbec)}.Avatar--medium-s--size-48__7rHLm img{width:var(--950ab5);height:var(--950ab5)}.Avatar--medium-s--size-64__eSycG img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--medium-s--size-96__gMO59 img{width:var(--796da2);height:var(--796da2)}.Avatar--medium-s--size-160__VHYbX img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){.Avatar--medium-l--size-24__wkAJa img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--medium-l--size-32__ZX2QH img{width:var(--32bbec);height:var(--32bbec)}.Avatar--medium-l--size-48__17P3w img{width:var(--950ab5);height:var(--950ab5)}.Avatar--medium-l--size-64__FpM1G img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--medium-l--size-96__5-hlk img{width:var(--796da2);height:var(--796da2)}.Avatar--medium-l--size-160__fa-Bb img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){.Avatar--wide-s--size-24__ggmeN img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--wide-s--size-32__J7HvU img{width:var(--32bbec);height:var(--32bbec)}.Avatar--wide-s--size-48__FDJLh img{width:var(--950ab5);height:var(--950ab5)}.Avatar--wide-s--size-64__qE9HQ img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--wide-s--size-96__yjySN img{width:var(--796da2);height:var(--796da2)}.Avatar--wide-s--size-160__sQ83p img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){.Avatar--wide-l--size-24__lammM img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--wide-l--size-32__hM5mX img{width:var(--32bbec);height:var(--32bbec)}.Avatar--wide-l--size-48__mLV4a img{width:var(--950ab5);height:var(--950ab5)}.Avatar--wide-l--size-64__uQV-R img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--wide-l--size-96__nbICp img{width:var(--796da2);height:var(--796da2)}.Avatar--wide-l--size-160__gRCi9 img{width:var(--329ba7);height:var(--329ba7)}}.Avatar--round__Ndyn3 img{border-radius:var(--8517a6)}.Avatar__ENaap img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}

package/dist/assets/{00-XaAzBaUc.css → 00-CGymiNpA.css}

@@ -1 +1 @@
-.TextHighlighted__ehLpO{display:inline-block;padding-left:var(--58c1e5);padding-right:var(--58c1e5);margin:0;font-style:normal;border-radius:var(--330e49);font-weight:var(--73984e)}.TextHighlighted--highlight-blue__a1Ymf{color:var(--68bd17);background-color:var(--2d51ae)}.TextHighlighted--highlight-green__QQm6L{color:var(--c50238);background-color:var(--292009)}.TextHighlighted--highlight-primary__n35-d{color:var(--977d1a);background-color:var(--df6b06)}.TextHighlighted--highlight-secondary__YEj6c{color:var(--6c2ddf);background-color:var(--e5b0a4)}.TextHighlighted--highlight-tertiary__uDEFk{color:var(--8da8cb);background-color:var(--aa7c4d)}.TextHighlighted--highlight-accent__JrA2s{color:var(--1da698);background-color:var(--301ea7)}.TextHighlighted--highlight-positive__tfVNZ{color:var(--ad48d7);background-color:var(--a2a233)}.TextHighlighted--highlight-info__W1sMI{color:var(--2be49e);background-color:var(--86df85)}.TextHighlighted--highlight-warning__dzj54{color:var(--98c505);background-color:var(--d908ab)}.TextHighlighted--highlight-critical__V3-1S{color:var(--802584);background-color:var(--0c251f)}
+.TextHighlighted__ehLpO{display:inline-block;padding-left:var(--58c1e5);padding-right:var(--58c1e5);margin:0;font-style:normal;border-radius:var(--330e49);font-weight:var(--5ea101)}.TextHighlighted--highlight-blue__a1Ymf{color:var(--68bd17);background-color:var(--2d51ae)}.TextHighlighted--highlight-green__QQm6L{color:var(--c50238);background-color:var(--292009)}.TextHighlighted--highlight-primary__n35-d{color:var(--977d1a);background-color:var(--df6b06)}.TextHighlighted--highlight-secondary__YEj6c{color:var(--6c2ddf);background-color:var(--e5b0a4)}.TextHighlighted--highlight-tertiary__uDEFk{color:var(--8da8cb);background-color:var(--aa7c4d)}.TextHighlighted--highlight-accent__JrA2s{color:var(--1da698);background-color:var(--301ea7)}.TextHighlighted--highlight-positive__tfVNZ{color:var(--ad48d7);background-color:var(--a2a233)}.TextHighlighted--highlight-info__W1sMI{color:var(--2be49e);background-color:var(--86df85)}.TextHighlighted--highlight-warning__dzj54{color:var(--98c505);background-color:var(--d908ab)}.TextHighlighted--highlight-critical__V3-1S{color:var(--802584);background-color:var(--0c251f)}

package/dist/assets/{00.LayoutFlex.stories-DFEffdEX.js → 00.LayoutFlex.stories-Dt5duRfr.js}

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

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

package/dist/assets/{00.favicons.guide-DcNQ6JJ2.js → 00.favicons.guide-COuWYncB.js}

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

package/dist/assets/{00.token-explorer-LXPneU27.js → 00.token-explorer-CtOvKkBa.js}

@@ -1,9 +1,9 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"./index-BN6VMYqa.js";import{M as F}from"./index-CqGkHege.js";import{L as p,T as w}from"./LayoutFlex-B9hPEubG.js";import{r as a}from"./index-Cb9e4tly.js";import{g as E,u as N}from"./useToken-9pfUFuu3.js";import{d as A,e as L,c as O,T as W}from"./constants-DTpaCXm6.js";import{t as B}from"./tokens-B6goZRPa.js";import{d as M,e as H,u as R,C as V,c as q}from"./useTheme-DYA9F6CC.js";import{L as y}from"./LayoutGrid-EzfUD7Oc.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as K,s as Y}from"./classNames-9hsFPPZv.js";import{i as X,h as U}from"./defaults-czRWsFkX.js";import{w as T}from"./componentNames-k0j3gHgH.js";import{g as Q}from"./index-qlqSh81O.js";import{d as o}from"./styled-components.browser.esm-COuAnjOv.js";import{o as J}from"./mixins-DZk1Zeoo.js";import"./index-ChsGqxH_.js";import"./iframe-DXHcze-2.js";import"./index-s7KTOhR7.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./text-centered-7Z5xvJY4.js";import"./layout-relative.module-1z75aSwo-CYqlqbVA.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";const Z=e=>Array.isArray(e)&&e.length===3&&A.includes(e[L]),ee=()=>{const{setTheme:e}=a.useContext(M);return{setTheme:e}},te="TextHighlighted__ehLpO",re={TextHighlighted:te,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=X,tag:n=U,dataset:s,...l},d){const u=K(re,T.TextHighlighted,[Y("highlight",i)]),g={...G(l),ref:d,className:u.join(" "),...Q(s,{preplyDsComponent:T.TextHighlighted})};return t.jsx(n,{...g,children:r})});h.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const oe=(e,r)=>({token:r,name:e,id:r[W],type:r[L],colorSchemeAware:!!r[O]}),I=(e,r)=>Object.entries(r).flatMap(([i,n])=>{const s=`${e}.${i}`;return Z(n)?[oe(s,n)]:I(s,n)}),ne=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ie=ne(B),se=(e,r,i)=>e.filter(n=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return n.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=n.name.toLowerCase().indexOf(r.toLowerCase())>-1,l=n.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||l)&&(i?n.colorSchemeAware:!n.colorSchemeAware)}return i?n.colorSchemeAware:!n.colorSchemeAware}),_=a.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var D;const ae=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function le(e,r){return ie.map(n=>({...n,value:`${E(e,r,n.token)}`}))}const de=({children:e})=>{const{findColorScheme:r}=H(),{theme:i}=R(),[n,s]=a.useState(ae),[l,d]=a.useState(""),[u,g]=a.useState([]),m=a.useCallback(x=>s(x),[s]),f=a.useCallback(x=>d(x),[d]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const x=r(n||"base"),v=le(i,x);g(se(v,l,!!n))},[n,r,l,i]),t.jsx(_.Provider,{value:{terms:l,results:u,colorScheme:n,setSearchTerms:f,setColorScheme:m},children:t.jsx(V,{colorScheme:n||"base",children:e})})},j=()=>a.useContext(_),ce=o.div`
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as F}from"./index-BN6VMYqa.js";import{M as z}from"./index-DvPeUp0D.js";import{L as p,T as w}from"./LayoutFlex-DF8MvGnJ.js";import{r as a}from"./index-Cb9e4tly.js";import{g as E,u as N}from"./useToken-Cfvk3vM1.js";import{d as A,e as L,c as O,T as B}from"./constants-DTpaCXm6.js";import{t as M}from"./tokens-BYLcI6Lk.js";import{d as W,e as H,u as R,C as V,c as q}from"./useTheme-zzbPBRtu.js";import{L as y}from"./LayoutGrid-CcWPCxyF.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as K,s as Y}from"./classNames-9hsFPPZv.js";import{j as X,i as U}from"./defaults-_YAxqn11.js";import{w as T}from"./componentNames-k0j3gHgH.js";import{g as Q}from"./index-qlqSh81O.js";import{d as n}from"./styled-components.browser.esm-COuAnjOv.js";import{o as J}from"./mixins-DZk1Zeoo.js";import"./index-ChsGqxH_.js";import"./iframe-C2tAe-Qy.js";import"./index-s7KTOhR7.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";import"./text-centered-DRiH4EXX.js";import"./layout-relative.module-1z75aSwo-rvXP8TMg.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";const Z=e=>Array.isArray(e)&&e.length===3&&A.includes(e[L]),ee=()=>{const{setTheme:e}=a.useContext(W);return{setTheme:e}},te="TextHighlighted__ehLpO",re={TextHighlighted:te,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=X,tag:o=U,dataset:s,...d},l){const u=K(re,T.TextHighlighted,[Y("highlight",i)]),g={...G(d),ref:l,className:u.join(" "),...Q(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 ne=(e,r)=>({token:r,name:e,id:r[B],type:r[L],colorSchemeAware:!!r[O]}),I=(e,r)=>Object.entries(r).flatMap(([i,o])=>{const s=`${e}.${i}`;return Z(o)?[ne(s,o)]:I(s,o)}),oe=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ie=oe(M),se=(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 ae=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function de(e,r){return ie.map(o=>({...o,value:`${E(e,r,o.token)}`}))}const le=({children:e})=>{const{findColorScheme:r}=H(),{theme:i}=R(),[o,s]=a.useState(ae),[d,l]=a.useState(""),[u,g]=a.useState([]),x=a.useCallback(m=>s(m),[s]),f=a.useCallback(m=>l(m),[l]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const m=r(o||"base"),v=de(i,m);g(se(v,d,!!o))},[o,r,d,i]),t.jsx(_.Provider,{value:{terms:d,results:u,colorScheme:o,setSearchTerms:f,setColorScheme:x},children:t.jsx(V,{colorScheme:o||"base",children:e})})},j=()=>a.useContext(_),ce=n.div`
     width: 64px;
     height: 64px;
     color: white;
     background-color: ${({value:e})=>e};
-`,he=({value:e})=>t.jsx(ce,{value:e}),ge=o.div`
+`,he=({value:e})=>t.jsx(ce,{value:e}),ge=n.div`
     background: white;
     width: 48px;
     height: 48px
@@ -22,12 +22,12 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
         border-right: none;
         border-bottom: none;
     }
-`,pe=({value:e})=>t.jsx(ge,{value:e,children:t.jsx("span",{})}),xe=o.div`
+`,pe=({value:e})=>t.jsx(ge,{value:e,children:t.jsx("span",{})}),me=n.div`
     minwidth: 48px;
     minheight: 48px;
     padding: 8px 0 0 8px;
     border-image: ${({value:e})=>e};
-`,me=({value:e})=>t.jsx(xe,{value:e,children:t.jsx("span",{})}),ue=o.div`
+`,xe=({value:e})=>t.jsx(me,{value:e,children:t.jsx("span",{})}),ue=n.div`
     width: 32px;
     height: 32px;
     border-style: solid;
@@ -36,7 +36,7 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
     border-right: none;
     border-bottom: none;
     border-top-left-radius: ${({value:e})=>e};
-`,fe=({value:e})=>t.jsx(ue,{value:e}),be=o.div`
+`,fe=({value:e})=>t.jsx(ue,{value:e}),be=n.div`
     width: 64px;
     padding-top: ${({value:e})=>e};
     background: #666;
@@ -50,11 +50,11 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
         height: 28px;
         background: #999;
     }
-`,je=({value:e})=>t.jsx(be,{value:e,children:t.jsx("span",{})}),ve=o.div`
+`,je=({value:e})=>t.jsx(be,{value:e,children:t.jsx("span",{})}),ve=n.div`
     width: 64px;
     height: 64px;
     box-shadow: ${({value:e})=>e};
-`,we=({value:e})=>t.jsx(ve,{value:e}),ye=o.div`
+`,we=({value:e})=>t.jsx(ve,{value:e}),ye=n.div`
     background: #999;
     font-size: 16px;
     line-height: 32px;
@@ -65,7 +65,7 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
     ${J(`
         filter: brightness(${({value:e})=>e});
     `)}
-`,Te=({value:e})=>t.jsx(ye,{value:e,children:"hover me"}),Se=o.div`
+`,Te=({value:e})=>t.jsx(ye,{value:e,children:"hover me"}),Se=n.div`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -75,7 +75,7 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
     font-weight: 700;
     color: ${({value:e})=>e};
     background: ${({value:e})=>e==="white"?"black":"white"};
-`,$e=({value:e})=>t.jsx(Se,{value:e,children:"A"}),ke=o.div`
+`,ke=({value:e})=>t.jsx(Se,{value:e,children:"A"}),$e=n.div`
     font-family: ${({value:e})=>e};
     font-size: 20px;
     font-weight: 600;
@@ -87,52 +87,52 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
     p:last-child {
         font-weight: 400;
     }
-`,S=({value:e})=>t.jsxs(ke,{value:e,children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet (700)"}),t.jsx("p",{children:"Lorem ipsum dolor sit amet (500)"}),t.jsx("p",{children:"Lorem ipsum dolor sit amet (400)"})]}),Ce=o.div`
+`,S=({value:e})=>t.jsxs($e,{value:e,children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet (700)"}),t.jsx("p",{children:"Lorem ipsum dolor sit amet (500)"}),t.jsx("p",{children:"Lorem ipsum dolor sit amet (400)"})]}),Ce=n.div`
     font-family: PreplyInter;
     @supports (font-variation-settings: normal) {
         font-family: PreplyInterV;
     }
     font-size: ${({value:e})=>e};
-`,De=({value:e})=>t.jsx(Ce,{value:e,children:"Lorem ipsum dolor sit amet"}),Le=o.div`
+`,De=({value:e})=>t.jsx(Ce,{value:e,children:"Lorem ipsum dolor sit amet"}),Le=n.div`
     font-family: PreplyInter;
     @supports (font-variation-settings: normal) {
         font-family: PreplyInterV;
     }
     font-style: ${({value:e})=>e};
     font-size: 14px;
-`,He=({value:e})=>t.jsx(Le,{value:e,children:"Lorem ipsum dolor sit amet."}),Re=o.div`
+`,He=({value:e})=>t.jsx(Le,{value:e,children:"Lorem ipsum dolor sit amet."}),Re=n.div`
     font-family: PreplyInter;
     @supports (font-variation-settings: normal) {
         font-family: PreplyInterV;
     }
     font-size: 20px;
     font-weight: ${({value:e})=>e};
-`,Ie=({value:e})=>t.jsx(Re,{value:e,children:"Lorem ipsum dolor sit amet"}),_e=o.div`
+`,Ie=({value:e})=>t.jsx(Re,{value:e,children:"Lorem ipsum dolor sit amet"}),_e=n.div`
     height: ${({value:e})=>e};
     width: 40px;
     background-color: black;
-`,ze=({value:e})=>t.jsx(_e,{value:e}),Pe=o.div`
+`,Pe=({value:e})=>t.jsx(_e,{value:e}),Fe=n.div`
     font-family: PreplyInter;
     @supports (font-variation-settings: normal) {
         font-family: PreplyInterV;
     }
     letter-spacing: ${({value:e})=>e};
     font-size: 14px;
-`,Fe=({value:e})=>t.jsx(Pe,{value:e,children:"Lorem ipsum dolor sit amet."}),Ee=o.div`
+`,ze=({value:e})=>t.jsx(Fe,{value:e,children:"Lorem ipsum dolor sit amet."}),Ee=n.div`
     font-family: PreplyInter;
     @supports (font-variation-settings: normal) {
         font-family: PreplyInterV;
     }
     line-height: ${({value:e})=>e};
     font-size: 14px;
-`,Ne=({value:e})=>t.jsx(Ee,{value:e,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc."}),Ae=o.div`
+`,Ne=({value:e})=>t.jsx(Ee,{value:e,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc."}),Ae=n.div`
     font-family: PreplyInter;
     @supports (font-variation-settings: normal) {
         font-family: PreplyInterV;
     }
     line-height: ${({value:e})=>e};
     font-size: 14px;
-`,Oe=({value:e})=>t.jsx(Ae,{value:e,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc."}),We=o.div`
+`,Oe=({value:e})=>t.jsx(Ae,{value:e,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc."}),Be=n.div`
     background: white;
     width: 48px;
     height: 48px
@@ -151,7 +151,7 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
         border-right: none;
         border-bottom: none;
     }
-`,Be=({value:e})=>t.jsx(We,{value:e,children:t.jsx("span",{})}),Me=o.div`
+`,Me=({value:e})=>t.jsx(Be,{value:e,children:t.jsx("span",{})}),We=n.div`
     width: 64px;
     padding-top: 2px;
     background: #666;
@@ -166,7 +166,7 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
         height: 28px;
         background: #999;
     }
-`,Ve=({value:e})=>t.jsx(Me,{value:e,children:t.jsx("span",{})}),qe=o.div`
+`,Ve=({value:e})=>t.jsx(We,{value:e,children:t.jsx("span",{})}),qe=n.div`
     width: 64px;
     padding-top: ${({value:e})=>e};
     background: #666;
@@ -180,19 +180,19 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
         height: 28px;
         background: #999;
     }
-`,Ge=({value:e})=>t.jsx(qe,{value:e,children:t.jsx("span",{})}),Ke=o.div`
+`,Ge=({value:e})=>t.jsx(qe,{value:e,children:t.jsx("span",{})}),Ke=n.div`
     width: 64px;
     height: 64px;
     background-color: ${({value:e})=>e};
-`,Ye=({value:e})=>t.jsx(Ke,{value:e}),Xe=o.div`
+`,Ye=({value:e})=>t.jsx(Ke,{value:e}),Xe=n.div`
     width: ${({value:e})=>e};
     height: ${({value:e})=>e};
     background-color: black;
-`,b=({value:e})=>t.jsx(Xe,{value:e}),Ue=o.div`
+`,b=({value:e})=>t.jsx(Xe,{value:e}),Ue=n.div`
     width: ${({value:e})=>e};
     height: 40px;
     background-color: black;
-`,$=({value:e})=>t.jsx(Ue,{value:e}),Qe=o.div`
+`,k=({value:e})=>t.jsx(Ue,{value:e}),Qe=n.div`
     text-decoration: ${({value:e})=>e};
     font-size: 20px;
     font-weight: 600;
@@ -204,12 +204,7 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
     p:last-child {
         font-weight: 400;
     }
-`,Je=({value:e})=>t.jsx(Qe,{value:e,children:t.jsx("p",{children:"Lorem ipsum dolor sit amet"})}),Ze=o.div`
-    font-family: PreplyInter;
-    font-style: italic;
-    font-variation-settings: ${({value:e})=>e};
-    font-size: 14px;
-`,et=({value:e})=>t.jsx(Ze,{value:e,children:"Lorem ipsum dolor sit amet."}),tt=o.div`
+`,Je=({value:e})=>t.jsx(Qe,{value:e,children:t.jsx("p",{children:"Lorem ipsum dolor sit amet"})}),Ze=n.div`
     animation: moveBackAndForth ${({value:e})=>e}ms infinite alternate;
 
     @keyframes moveBackAndForth {
@@ -220,19 +215,19 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
             padding-left: 100px;
         }
     }
-`,rt=({value:e})=>t.jsx(tt,{value:e,children:t.jsx("p",{children:"Lorem ipsum"})}),ot=()=>null,nt=o.div`
+`,et=({value:e})=>t.jsx(Ze,{value:e,children:t.jsx("p",{children:"Lorem ipsum"})}),tt=()=>null,rt=n.div`
     transition: all ${({value:e})=>e};
 
     padding-left: 0px;
     &:hover {
         padding-left: 100px;
     }
-`,it=({value:e})=>t.jsx(nt,{value:e,children:t.jsx("p",{children:"Hover me, please 🙏"})}),st=({value:e})=>null,at=o.div`
+`,nt=({value:e})=>t.jsx(rt,{value:e,children:t.jsx("p",{children:"Hover me, please 🙏"})}),ot=({value:e})=>null,it=n.div`
     width: 64px;
     height: 64px;
     color: white;
     background: ${({value:e})=>e};
-`,lt=({value:e})=>t.jsx(at,{value:e}),dt={"root.size":"size","icon.size":"size","root.space":"space",spacing:"space",sizing:"space","root.radius":"borderRadius",radius:"borderRadius","root.text.size":"fontSize","root.text.base.lineHeight":"lineHeightRatio","root.text.height":"lineHeightPixels","root.text.weight":"fontWeight","dsInternalPrimitive.button.borderWeight":"borderWidth","icon.fieldLayout.width":"horizontalPadding","icon.fieldLayout.height":"horizontalPadding","root.text.spacing":"letterSpacing","root.text.style":"fontStyle","root.text.variation":"variationSettings","root.palette":"color",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"},k={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:lt},bgColor:{renderer:he},borderColor:{renderer:pe},borderImage:{renderer:me},borderRadius:{renderer:fe},brightness:{renderer:Te},color:{renderer:Ye},fgColor:{renderer:$e},fontFamily:{renderer:S},fontSize:{renderer:De},fontWeight:{renderer:Ie},fontStyle:{renderer:He},letterSpacing:{renderer:Fe},gap:{renderer:$},height:{renderer:ze},horizontalPadding:{renderer:b},lineHeightRatio:{renderer:Oe},lineHeightPixels:{renderer:Ne},outlineColor:{renderer:Be},outlineOffset:{renderer:Ve},outlineWidth:{renderer:Ge},borderWidth:{renderer:je},padding:{renderer:b},size:{renderer:b},space:{renderer:$},boxShadow:{renderer:we},typeface:{renderer:S},variationSettings:{renderer:et},verticalPadding:{renderer:b},textDecoration:{renderer:Je},duration:{renderer:rt},easing:{renderer:ot},transition:{renderer:it},easingCoordinate:{renderer:st}};function ht(e){const r=Object.entries(dt).find(([i])=>e.startsWith(i));return r&&r[1]}function gt(e){const r=e.split(".").pop()||"";return r in k?k[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},mt=o.li`
+`,st=({value:e})=>t.jsx(it,{value:e}),at={"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"},$={color:"fgColor",lineHeight:"lineHeightPixels",shadow:"boxShadow",borderImage:"borderImage",offset:"size",x1:"easingCoordinate",y1:"easingCoordinate",x2:"easingCoordinate",y2:"easingCoordinate",short:"duration",function:"easing",functionName:"easing"},dt={background:{renderer:st},bgColor:{renderer:he},borderColor:{renderer:pe},borderImage:{renderer:xe},borderRadius:{renderer:fe},brightness:{renderer:Te},color:{renderer:Ye},fgColor:{renderer:ke},fontFamily:{renderer:S},fontSize:{renderer:De},fontWeight:{renderer:Ie},fontStyle:{renderer:He},letterSpacing:{renderer:ze},gap:{renderer:k},height:{renderer:Pe},horizontalPadding:{renderer:b},lineHeightRatio:{renderer:Oe},lineHeightPixels:{renderer:Ne},outlineColor:{renderer:Me},outlineOffset:{renderer:Ve},outlineWidth:{renderer:Ge},borderWidth:{renderer:je},padding:{renderer:b},size:{renderer:b},space:{renderer:k},boxShadow:{renderer:we},typeface:{renderer:S},verticalPadding:{renderer:b},textDecoration:{renderer:Je},duration:{renderer:et},easing:{renderer:tt},transition:{renderer:nt},easingCoordinate:{renderer:ot}};function lt(e){const r=Object.entries(at).find(([i])=>e.startsWith(i));return r&&r[1]}function ct(e){const r=e.split(".").pop()||"";return r in $?$[r]:r}function ht(e){const r=lt(e.name)||ct(e.name)||"";return dt[r]}const gt=e=>{const r=ht(e);if(!r)throw new Error(`No renderer for token "${e.name}".`);return r},pt=n.li`
     list-style: none;
     margin-bottom: 32px;
 
@@ -240,40 +235,40 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
         text-align: center;
         display: block;
     }
-`,ut=o.p`
+`,mt=n.p`
     margin: 0;
     margin-top: 9px;
     font-size: 14px;
-`,ft=o.div`
+`,xt=n.div`
     padding-top: 6px;
-`,bt=o.p`
+`,ut=n.p`
     margin: 0;
     width: 160px;
     text-align: right;
     font-size: 16px;
     line-height: 32px;
-`;o.div`
+`;n.div`
     padding-top: 2px;
-`;const jt=({token:e})=>{const r=N(e.token),n=xt(e).renderer;return t.jsx(mt,{children:t.jsxs(p,{gap:"xs",direction:"column",children:[t.jsxs(y,{gap:"xs",columns:["90px","1fr","2fr"],children:[t.jsx(ut,{children:t.jsxs(h,{highlight:"blue",children:["(--",e.id,")"]})}),t.jsxs(p,{direction:"column",gap:"3xs",children:[t.jsx(w,{variant:"l-medium",children:e.name}),t.jsxs(w,{variant:"m",children:["@",e.name.replace(/\./g,"-")]})]}),t.jsx(ft,{children:t.jsx(p,{direction:"column",gap:"2xs",justifyContent:"start",children:e.colorSchemeAware&&t.jsx("div",{children:t.jsx(h,{children:t.jsx("span",{title:"this token may have different values, depending on color scheme",children:"color scheme aware"})})})})})]}),t.jsxs(y,{gap:"l",columns:["auto","1fr"],alignItems:"center",children:[t.jsx(bt,{children:t.jsx("span",{children:r})}),t.jsx("div",{children:t.jsx(n,{name:e.name,value:r})})]})]})})},vt=o.ul`
+`;const ft=({token:e})=>{const r=N(e.token),o=gt(e).renderer;return t.jsx(pt,{children:t.jsxs(p,{gap:"16",direction:"column",children:[t.jsxs(y,{gap:"16",columns:["90px","1fr","2fr"],children:[t.jsx(mt,{children:t.jsxs(h,{highlight:"blue",children:["(--",e.id,")"]})}),t.jsxs(p,{direction:"column",gap:"4",children:[t.jsx(w,{variant:"default-semibold",children:e.name}),t.jsxs(w,{variant:"default-regular",children:["@",e.name.replace(/\./g,"-")]})]}),t.jsx(xt,{children:t.jsx(p,{direction:"column",gap:"8",justifyContent:"start",children:e.colorSchemeAware&&t.jsx("div",{children:t.jsx(h,{children:t.jsx("span",{title:"this token may have different values, depending on color scheme",children:"color scheme aware"})})})})})]}),t.jsxs(y,{gap:"64",columns:["auto","1fr"],alignItems:"center",children:[t.jsx(ut,{children:t.jsx("span",{children:r})}),t.jsx("div",{children:t.jsx(o,{name:e.name,value:r})})]})]})})},bt=n.ul`
     margin: 0;
     padding: 0;
-`,wt=o.div`
+`,jt=n.div`
     font-size: 24px;
 
     h3 {
         margin: 0;
     }
-`,yt={but:{name:"button",alternatives:["action"],note:"See also: props of <Button> component"},layo:{name:"layout",alternatives:["gap","padding","space"],note:"See also: props of <Layout> components"},align:{name:"align",alternatives:[],note:"You probably want to look at the <Layout> components"},just:{name:"justify",alternatives:[],note:"You probably want to look at the <Layout> components"},bol:{name:"bold",alternatives:["weight"],note:"See also <Text strong> component."},help:{name:"help? :-D",alternatives:[],note:"To be continued..."}},Tt=o.h3`
+`,vt={but:{name:"button",alternatives:["action"],note:"See also: props of <Button> component"},layo:{name:"layout",alternatives:["gap","padding","space"],note:"See also: props of <Layout> components"},align:{name:"align",alternatives:[],note:"You probably want to look at the <Layout> components"},just:{name:"justify",alternatives:[],note:"You probably want to look at the <Layout> components"},bol:{name:"bold",alternatives:["weight"],note:"See also <Text strong> component."},help:{name:"help? :-D",alternatives:[],note:"To be continued..."}},wt=n.h3`
     margin: 0;
     font-size: 24px;
     font-weight: 400;
-`,St=o.h3`
+`,yt=n.h3`
     font-size: 16px;
     font-weight: 400;
-`,$t=o.h3`
+`,Tt=n.h3`
     font-size: 16px;
     font-weight: 400;
-`,kt=({hint:e})=>{const r=e.alternatives||[];return t.jsxs(p,{gap:"s",column:!0,children:[t.jsxs(Tt,{children:["Searching for ",t.jsx(h,{children:e.name}),"?"," "]}),t.jsxs(p,{gap:"2xs",column:!0,children:[r.length&&t.jsxs(St,{children:["Try searchinng for"," ",r.map((i,n)=>t.jsxs(t.Fragment,{children:[t.jsx(h,{children:i},i),n+2<r.length?", ":"",n+2===r.length?" or ":"",n===r.length-1?" ":""]})),"instead."]}),e.note&&t.jsxs($t,{children:[t.jsx("strong",{children:"Note:"})," ",e.note]})]})]})},Ct=({terms:e})=>e?t.jsx(t.Fragment,{children:Object.entries(yt).map(([r,i])=>e.toLowerCase().indexOf(r)>-1&&t.jsx(kt,{hint:i},r))}):null,Dt=()=>{const{results:e,terms:r}=j();return e.length?t.jsx(vt,{children:e.map(i=>t.jsx(jt,{token:i},i.id))}):t.jsx(wt,{children:t.jsxs(p,{gap:"s",column:!0,children:[t.jsx("h3",{children:"No tokens found"}),t.jsx(Ct,{terms:r})]})})},Lt=o.div`
+`,St=({hint:e})=>{const r=e.alternatives||[];return t.jsxs(p,{gap:"24",column:!0,children:[t.jsxs(wt,{children:["Searching for ",t.jsx(h,{children:e.name}),"?"," "]}),t.jsxs(p,{gap:"8",column:!0,children:[r.length&&t.jsxs(yt,{children:["Try searchinng for"," ",r.map((i,o)=>t.jsxs(t.Fragment,{children:[t.jsx(h,{children:i},i),o+2<r.length?", ":"",o+2===r.length?" or ":"",o===r.length-1?" ":""]})),"instead."]}),e.note&&t.jsxs(Tt,{children:[t.jsx("strong",{children:"Note:"})," ",e.note]})]})]})},kt=({terms:e})=>e?t.jsx(t.Fragment,{children:Object.entries(vt).map(([r,i])=>e.toLowerCase().indexOf(r)>-1&&t.jsx(St,{hint:i},r))}):null,$t=()=>{const{results:e,terms:r}=j();return e.length?t.jsx(bt,{children:e.map(i=>t.jsx(ft,{token:i},i.id))}):t.jsx(jt,{children:t.jsxs(p,{gap:"24",column:!0,children:[t.jsx("h3",{children:"No tokens found"}),t.jsx(kt,{terms:r})]})})},Ct=n.div`
     display: flex;
     align-items: center;
     gap: 12px;
@@ -296,9 +291,9 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
         border-width: 1px;
         border-color: ${({isNotDefault:e})=>e?"orange;":"#ccc"};
     }
-`,Ht=o.select`
+`,Dt=n.select`
     padding: 5px 10px;
-`,Rt=({onChange:e})=>{const{colorScheme:r,setColorScheme:i}=j(),n=a.useCallback(s=>{var d;const l=s.target.value;(d=window==null?void 0:window.localStorage)==null||d.setItem("storybook.ds-color-scheme",l),i(l??void 0),e==null||e(l)},[e,i]);return t.jsxs(Lt,{isNotDefault:!!r,children:[t.jsx("label",{children:"Color Scheme"}),t.jsxs(Ht,{value:r,onChange:n,children:[t.jsx("option",{value:"",children:"-- no color scheme --"},"none"),Object.keys(q).map(s=>t.jsx("option",{value:s,children:s},s))]})]})},It=o.div`
+`,Lt=({onChange:e})=>{const{colorScheme:r,setColorScheme:i}=j(),o=a.useCallback(s=>{var l;const d=s.target.value;(l=window==null?void 0:window.localStorage)==null||l.setItem("storybook.ds-color-scheme",d),i(d??void 0),e==null||e(d)},[e,i]);return t.jsxs(Ct,{isNotDefault:!!r,children:[t.jsx("label",{children:"Color Scheme"}),t.jsxs(Dt,{value:r,onChange:o,children:[t.jsx("option",{value:"",children:"-- no color scheme --"},"none"),Object.keys(q).map(s=>t.jsx("option",{value:s,children:s},s))]})]})},Ht=n.div`
     overflow: hidden;
     text-overflow: ellipsis;
     max-height: 48px;
@@ -312,14 +307,14 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
     a {
         color: #0077b3;
     }
-`,_t=({id:e})=>t.jsxs(t.Fragment,{children:["Searching for token ID ",t.jsx(h,{highlight:"blue",children:e}),"."]}),zt=({terms:e,colorScheme:r,results:i})=>t.jsxs(t.Fragment,{children:["Found ",i.length," results matching"," ",t.jsx(h,{highlight:"green",children:e})," ",r?t.jsxs(t.Fragment,{children:["within ",t.jsx(h,{highlight:"green",children:"color scheme aware"})," ","tokens."]}):t.jsx(t.Fragment,{children:"within tokens without color scheme."})]}),Pt=({colorScheme:e,results:r})=>t.jsx(t.Fragment,{children:e?t.jsxs(t.Fragment,{children:["Showing all ",t.jsx(h,{highlight:"blue",children:r.length})," ","tokens that are"," ",t.jsx(h,{highlight:"green",children:"color scheme aware"}),"."]}):t.jsxs(t.Fragment,{children:["Showing all ",t.jsx(h,{highlight:"blue",children:r.length})," ","color scheme anostic tokens."]})}),Ft=()=>{const{terms:e,colorScheme:r,results:i}=j(),n=(e==null?void 0:e.startsWith("--"))&&(e==null?void 0:e.substring(2));return t.jsx(It,{children:t.jsxs("p",{children:[n&&t.jsx(_t,{id:n}),e&&!n&&t.jsx(zt,{terms:e,colorScheme:r,results:i}),!e&&!n&&t.jsx(Pt,{colorScheme:r,results:i})," ",r&&t.jsx("a",{href:"./?path=/story/guides-color-schemes-intro--page",children:"Learn more"})]})})},Et=o.div`
+`,Rt=({id:e})=>t.jsxs(t.Fragment,{children:["Searching for token ID ",t.jsx(h,{highlight:"blue",children:e}),"."]}),It=({terms:e,colorScheme:r,results:i})=>t.jsxs(t.Fragment,{children:["Found ",i.length," results matching"," ",t.jsx(h,{highlight:"green",children:e})," ",r?t.jsxs(t.Fragment,{children:["within ",t.jsx(h,{highlight:"green",children:"color scheme aware"})," ","tokens."]}):t.jsx(t.Fragment,{children:"within tokens without color scheme."})]}),_t=({colorScheme:e,results:r})=>t.jsx(t.Fragment,{children:e?t.jsxs(t.Fragment,{children:["Showing all ",t.jsx(h,{highlight:"blue",children:r.length})," ","tokens that are"," ",t.jsx(h,{highlight:"green",children:"color scheme aware"}),"."]}):t.jsxs(t.Fragment,{children:["Showing all ",t.jsx(h,{highlight:"blue",children:r.length})," ","color scheme anostic tokens."]})}),Pt=()=>{const{terms:e,colorScheme:r,results:i}=j(),o=(e==null?void 0:e.startsWith("--"))&&(e==null?void 0:e.substring(2));return t.jsx(Ht,{children:t.jsxs("p",{children:[o&&t.jsx(Rt,{id:o}),e&&!o&&t.jsx(It,{terms:e,colorScheme:r,results:i}),!e&&!o&&t.jsx(_t,{colorScheme:r,results:i})," ",r&&t.jsx("a",{href:"./?path=/story/guides-color-schemes-intro--page",children:"Learn more"})]})})},Ft=n.div`
     position: relative;
     margin-top: -20px;
     padding-bottom: 200px;
     h1 {
         margin: 0;
     }
-`,Nt=o.div`
+`,zt=n.div`
     position: fixed;
     left: 0;
     width: 100%;
@@ -329,11 +324,11 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
     padding: 20px 20px 24px;
     gap: 16px;
     background: white;
-`,At=o.div`
+`,Et=n.div`
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
-`,Ot=o.input`
+`,Nt=n.input`
     flex: 1;
     padding: 8px;
     font-size: 16px;
@@ -341,5 +336,5 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"
     border-style: solid;
     border-width: 1px;
     border-color: ${({terms:e})=>e?"orange;":"#ccc"};
-`,Wt=()=>{const{theme:e}=R(),{themes:r}=H(),{setTheme:i}=ee(),{colorScheme:n,terms:s,setColorScheme:l,setSearchTerms:d}=j(),u=a.useMemo(()=>{var c;return new URL(((c=window.top)==null?void 0:c.location.href)||"")},[]),g=u.searchParams,m=g.get("theme"),f=m&&(r==null?void 0:r.find(c=>c.name===m)),x=g.get("colorScheme"),v=g.get("terms");a.useEffect(()=>{var c;m&&(m!==e.name&&i&&f&&i(f),m&&x!==n&&l(x),d(v||"")),g.delete("theme"),g.delete("colorScheme"),g.delete("terms"),(c=window.top)==null||c.history.replaceState({},"",u)},[]);const z=a.useCallback(c=>d(c),[d]);return t.jsx(Et,{children:t.jsx(Nt,{children:t.jsx(At,{children:t.jsxs(p,{gap:"xs",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:"2xs",nowrap:!0,children:[t.jsx(Ot,{terms:s,type:"text",placeholder:"examples: teal, 300, action, primary, xs, --4adef, #00, 12px",onChange:c=>z(c.target.value),value:s}),t.jsx(Rt,{})]}),t.jsx(Ft,{})]})})})})};function C(e){return t.jsxs(t.Fragment,{children:[t.jsx(F,{title:"Guides/Token Explorer"}),`
-`,t.jsxs(de,{children:[t.jsx(Wt,{}),t.jsx(Dt,{})]})]})}function ur(e={}){const{wrapper:r}={...P(),...e.components};return r?t.jsx(r,{...e,children:t.jsx(C,{...e})}):C()}export{ur as default};
+`,At=()=>{const{theme:e}=R(),{themes:r}=H(),{setTheme:i}=ee(),{colorScheme:o,terms:s,setColorScheme:d,setSearchTerms:l}=j(),u=a.useMemo(()=>{var c;return new URL(((c=window.top)==null?void 0:c.location.href)||"")},[]),g=u.searchParams,x=g.get("theme"),f=x&&(r==null?void 0:r.find(c=>c.name===x)),m=g.get("colorScheme"),v=g.get("terms");a.useEffect(()=>{var c;x&&(x!==e.name&&i&&f&&i(f),x&&m!==o&&d(m),l(v||"")),g.delete("theme"),g.delete("colorScheme"),g.delete("terms"),(c=window.top)==null||c.history.replaceState({},"",u)},[]);const P=a.useCallback(c=>l(c),[l]);return t.jsx(Ft,{children:t.jsx(zt,{children:t.jsx(Et,{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(Nt,{terms:s,type:"text",placeholder:"examples: teal, 300, action, primary, xs, --4adef, #00, 12px",onChange:c=>P(c.target.value),value:s}),t.jsx(Lt,{})]}),t.jsx(Pt,{})]})})})})};function C(e){return t.jsxs(t.Fragment,{children:[t.jsx(z,{title:"Guides/Token Explorer"}),`
+`,t.jsxs(le,{children:[t.jsx(At,{}),t.jsx($t,{})]})]})}function mr(e={}){const{wrapper:r}={...F(),...e.components};return r?t.jsx(r,{...e,children:t.jsx(C,{...e})}):C()}export{mr as default};

package/dist/assets/00.using-responsive-props-C_CmteSF.js

@@ -0,0 +1,18 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as d}from"./index-BN6VMYqa.js";import{r as w}from"./index-Cb9e4tly.js";import{f as x}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as h,s as j,b as f}from"./classNames-9hsFPPZv.js";import{w as t}from"./componentNames-k0j3gHgH.js";import{g}from"./index-qlqSh81O.js";import{A as b}from"./constants-5om8Ptru.js";import{A as y}from"./defaults-_YAxqn11.js";import{M as C}from"./index-DvPeUp0D.js";import{B as N}from"./breakpoints-BfMlrtxE.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C2tAe-Qy.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.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=y,round:i,src:m,alt:l="",dataset:v,crossOrigin:A,...p},_){const z=i??!0,c=h(M,t.Avatar,[j("size",a),f("round",void 0,z)]),u={...x(p),ref:_,className:c.join(" "),...g(v,{preplyDsComponent:t.Avatar})};return e.jsx("picture",{...u,children:e.jsx("img",{src:m||b,alt:l,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="./web-lib/src/components/Avatar/docs/static/avatar-1.png";function o(s){const a={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...d(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(C,{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:`}),`
+`,e.jsx(a.pre,{children:e.jsx(a.code,{className:"language-jsx",children:`<Component prop={<value>} />
+<Component prop={{ _: <value>, '<breakpoint>': <value>, ... }} />
+`})}),`
+`,e.jsxs(a.p,{children:["Where ",e.jsx(a.code,{children:"_"})," is the value for the smallest breakpoint, and ",e.jsx(a.code,{children:"<breakpoint>"}),` is one of
+the following, predefined values:`]}),`
+`,e.jsx(E,{}),`
+`,e.jsx(a.h2,{id:"example",children:"Example"}),`
+`,`
+`,e.jsx(r,{src:n,size:"24"}),`
+`,e.jsx(r,{src:n,size:{_:"24","medium-l":"48","wide-s":"64"}}),`
+`,e.jsx(a.pre,{children:e.jsx(a.code,{className:"language-jsx",children:`<Avatar src={url} size="24" />
+<Avatar src={url} size={{ _: '24', 'medium-l': '48', 'wide-s': '64' }} />
+`})}),`
+`,e.jsxs(a.p,{children:["Try resizing your viewport using the dev tools to see the ",e.jsx(a.code,{children:"Avatar"})," size update."]})]})}function Z(s={}){const{wrapper:a}={...d(),...s.components};return a?e.jsx(a,{...s,children:e.jsx(o,{...s})}):o(s)}export{Z as default,n as url};

package/dist/assets/{01.semantic-tokens-Bj0MZikU.js → 01.semantic-tokens-vIcTAVoV.js}

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

package/dist/assets/{01.using-shorthand-props-C_kd-tOU.js → 01.using-shorthand-props-Fs5ktwh-.js}

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