https://build.saltroomhimalaya.com/_nuxt/C6BUfHqR.js

1import{_ as k}from"./CkpxAW1O.js";import{t as b}from"./D81cx-cg.js";import{z as x,aK as C,q as S,a$ as B,ae as l,p as s,s as a,F as u,ar as p,aF as h,aC as c,a5 as _}from"./CaxNllof.js";import{_ as F}from"./DlAUqK2U.js";import"./EEr0qBtr.js";const j={class:"scale__name"},D={class:"swatches"},$={class:"hex"},q={class:"swatches swatches--semantic"},z={class:"hex"},R=x({__name:"color",setup(T){C({title:"Color — Design System"});function d(o,e=""){if(!o||typeof o!="object")return[];const r=[];for(const[n,t]of Object.entries(o)){const i=e?`${e}.${n}`:n;t&&typeof t=="object"&&"value"in t?r.push([i,t]):t&&typeof t=="object"&&r.push(...d(t,i))}return r}const m=d(b),v=m.filter(([,o])=>o.type==="color"&&!/^color\.(text|surface|border|accent)/.test("color.")).filter(([o])=>/^color\.(amber|clay|forest|neutral|state)/.test(o)),y=m.filter(([o,e])=>e.type==="color"&&/^color\.(text|surface|border|accent)/.test(o));function w(o){const e={};for(const[r,n]of o){const t=r.split(".")[1];e[t]=e[t]||[],e[t].push([r,n])}return e}const g=w(v);return(o,e)=>{const r=k;return l(),S(r,null,{default:B(()=>[s("article",null,[e[0]||(e[0]=s("p",{class:"eyebrow"},"Foundations",-1)),e[1]||(e[1]=s("h1",null,"Color",-1)),e[2]||(e[2]=s("p",{class:"lede"}," Three tiers: primitive swatches seed semantic mappings, which feed components. Components never reference primitives directly. ",-1)),e[3]||(e[3]=s("h2",null,"Primitives",-1)),e[4]||(e[4]=s("p",null,"Raw palette. Add or adjust here only when introducing a new hue family.",-1)),(l(!0),a(u,null,p(h(g),(n,t)=>(l(),a("div",{key:t,class:"scale"},[s("h3",j,c(t),1),s("div",D,[(l(!0),a(u,null,p(n,([i,f])=>(l(),a("div",{key:i,class:"swatch"},[s("div",{class:"swatch__chip",style:_({background:f.value})},null,4),s("code",null,c(i),1),s("code",$,c(f.value),1)]))),128))])]))),128)),e[5]||(e[5]=s("h2",null,"Semantic",-1)),e[6]||(e[6]=s("p",null," These are the names components use. Renaming or repurposing a primitive does not require a component change — change the mapping here instead. ",-1)),s("div",q,[(l(!0),a(u,null,p(h(y),([n,t])=>(l(),a("div",{key:n,class:"swatch"},[s("div",{class:"swatch__chip",style:_({background:t.value})},null,4),s("code",null,c(n),1),s("code",z,c(t.value),1)]))),128))])])]),_:1})}}}),L=F(R,[["__scopeId","data-v-153c3d99"]]);export{L as default};