1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[385],{45585:(e,t,s)=>{"use strict";s.r(t),s.d(t,{__N_SSP:()=>m,default:()=>o});var r=s(37876),a=s(26196),l=s(36676),i=s(74003),c=s(40995),n=s(14232);let d=e=>{let{name:t,value:s}=e,[a,l]=(0,n.useState)("");return(0,n.useEffect)(()=>{l(getComputedStyle(document.documentElement).getPropertyValue("--color-".concat(t)).toLocaleUpperCase().trim())},[t]),(0,r.jsxs)("div",{className:"flex flex-col items-center rounded border border-wk-primary-ui bg-wk-primary-background p-4",children:[(0,r.jsx)("div",{className:"mb-2 h-12 w-12 rounded shadow bg-".concat(t)}),(0,r.jsx)("div",{className:"wk-text-xs font-mono text-wk-primary-text",children:t}),(0,r.jsx)("div",{className:"wk-text-xs text-wk-primary-text",children:s}),(0,r.jsx)("div",{className:"wk-text-xs text-wk-primary-text",children:a})]})};var m=!0;let o=(0,c.A)(function(){let e=Object.entries(a.colors.palette).reduce((e,t)=>{var s;let[r,a]=t,l=r.split("-")[0]||"other";return e[l]||(e[l]=[]),null==(s=e[l])||s.push([r,a]),e},{});return(0,r.jsxs)("div",{className:"min-h-screen bg-wk-primary-background",children:[(0,r.jsx)(l.A,{}),(0,r.jsx)(i.A,{}),(0,r.jsxs)("main",{className:"mx-auto max-w-7xl p-8",children:[(0,r.jsxs)("header",{className:"mb-12",children:[(0,r.jsx)("h1",{className:"wk-h4 mb-4 font-bold text-wk-primary-text",children:"Color Palette"}),(0,r.jsx)("p",{className:"wk-text-lg max-w-3xl text-wk-primary-text",children:"Our color palette is designed for accessibility and flexibility, supporting both light and dark modes. All colors are available as CSS variables and Tailwind classes."})]}),(0,r.jsx)("section",{children:Object.entries(e).map(e=>{let[t,s]=e;return(0,r.jsxs)("div",{className:"mb-8",children:[(0,r.jsx)("h2",{className:"wk-h6 mb-4 font-semibold text-wk-primary-text",children:t}),(0,r.jsx)("div",{className:"grid gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5",children:s.map(e=>{let[t,s]=e;return(0,r.jsx)(d,{name:t,value:s},t)})})]},t)})})]})]})})},76648:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/samples/palette",function(){return s(45585)}])}},e=>{e.O(0,[305,636,593,792],()=>e(e.s=76648)),_N_E=e.O()}]); 2//# sourceMappingURL=palette-472fae8453533121.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.