import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{p as d,b as u,t as p,i as m,a as x,T as C}from"./Token-CO3jfjJw.js";const _="_color_150ho_1",k="_values_150ho_10",h="_sizePreviewWrapper_150ho_19",r={color:_,values:k,sizePreviewWrapper:h},b={title:"Tokens"},s=()=>{const n=[{title:"Primitives",values:d},{title:"Background",values:u},{title:"Text",values:p},{title:"Icon",values:m},{title:"Border",values:x}];return e.jsx("div",{children:n.map((l,c)=>e.jsxs("div",{className:r.color,children:[e.jsx("h2",{children:l.title}),e.jsx("div",{className:r.values,children:Object.entries(l.values).map((o,v)=>e.jsx(C,{title:o[0],value:o[1],preview:e.jsx("div",{style:{backgroundColor:o[1]},className:r.sizePreviewWrapper})},v))})]},c))})};s.__docgenInfo={description:"",methods:[],displayName:"Colors"};var t,i,a;s.parameters={...s.parameters,docs:{...(t=s.parameters)==null?void 0:t.docs,source:{originalSource:`() => {
  const colors = [{
    title: 'Primitives',
    values: primitivesColors
  }, {
    title: 'Background',
    values: backgroundColors
  }, {
    title: 'Text',
    values: textColors
  }, {
    title: 'Icon',
    values: iconColors
  }, {
    title: 'Border',
    values: borderColors
  }];
  return <div>
      {colors.map((color, key) => <div className={styles.color} key={key}>
          <h2>{color.title}</h2>
          <div className={styles.values}>
            {Object.entries(color.values).map((value, index) => <Token title={value[0]} value={value[1]} key={index} preview={<div style={{
          backgroundColor: value[1]
        }} className={styles.sizePreviewWrapper}></div>} />)}
          </div>
        </div>)}
    </div>;
}`,...(a=(i=s.parameters)==null?void 0:i.docs)==null?void 0:a.source}}};const g=["Colors"];export{s as Colors,g as __namedExportsOrder,b as default};