import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as v,T as n,s as c}from"./Token-CO3jfjJw.js";const p="_size_1b23g_1",o="_values_1b23g_11",m="_sizePreviewWrapper_1b23g_18",u="_sizePreviewInner_1b23g_26",s={size:p,values:o,sizePreviewWrapper:m,sizePreviewInner:u},x={title:"Tokens"},a=()=>e.jsxs("div",{children:[e.jsxs("div",{className:s.size,children:[e.jsx("h2",{children:"Radius"}),e.jsx("div",{className:s.values,children:Object.entries(v).map((i,r)=>e.jsx(n,{title:i[0],value:i[1],preview:e.jsx("div",{className:s.sizePreviewWrapper,style:{width:128,height:128},children:e.jsx("div",{style:{borderRadius:i[1]},className:s.sizePreviewInner})})},r))})]}),e.jsxs("div",{className:s.size,children:[e.jsx("h2",{children:"Spacing"}),e.jsx("div",{className:s.values,children:Object.entries(c).map((i,r)=>e.jsx(n,{title:i[0],value:i[1],preview:e.jsx("div",{className:s.sizePreviewWrapper,style:{padding:i[1]},children:e.jsx("div",{className:s.sizePreviewInner})})},r))})]})]});a.__docgenInfo={description:"",methods:[],displayName:"Sizes"};var d,l,t;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
  return <div>
      <div className={styles.size}>
        <h2>Radius</h2>
        <div className={styles.values}>
          {Object.entries(radius).map((value, index) => <Token title={value[0]} value={value[1]} key={index} preview={<div className={styles.sizePreviewWrapper} style={{
          width: 128,
          height: 128
        }}>
                  <div style={{
            borderRadius: value[1]
          }} className={styles.sizePreviewInner}></div>
                </div>} />)}
        </div>
      </div>
      <div className={styles.size}>
        <h2>Spacing</h2>
        <div className={styles.values}>
          {Object.entries(spacing).map((value, index) => <Token title={value[0]} value={value[1]} key={index} preview={<div className={styles.sizePreviewWrapper} style={{
          padding: value[1]
        }}>
                  <div className={styles.sizePreviewInner}></div>
                </div>} />)}
        </div>
      </div>
    </div>;
}`,...(t=(l=a.parameters)==null?void 0:l.docs)==null?void 0:t.source}}};const w=["Sizes"];export{a as Sizes,w as __namedExportsOrder,x as default};