@zaip-ai/cli 1.0.4 → 1.0.7

package/templates/.agents/design/apps/catalog/dist/assets/index-B4pfFtvJ.css

@@ -1 +0,0 @@
-.catalog-shell{background:var(--surface-muted);min-height:100vh;color:var(--text);transition:background .18s,color .18s}.topbar{z-index:20;color:#f1f5f9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e17f0;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:84px;height:40px;display:block}.brand-product{color:#f1f5f9;letter-spacing:.02em;border-left:1px solid #fff3;padding-left:12px;font-size:.84rem;font-weight:700}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar nav{gap:8px;display:flex}.topbar nav a{color:#94a3b8;border-radius:999px;padding:9px 14px;text-decoration:none}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:#00b0f0;background:#00b0f01f}.theme-toggle{color:#f1f5f9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:.78rem;font-weight:700;display:inline-flex}.theme-toggle:hover{background:#00b0f01a;border-color:#00b0f08c}main{width:min(1180px,90vw);margin:0 auto;padding-bottom:80px}.page-intro{padding:clamp(72px,10vw,128px) 0 56px}.eyebrow,.metric-label{color:#006b91;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.05em;max-width:900px;margin:12px 0 0;font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.05}.lede{color:#526176;max-width:760px;margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.catalog-section{border-top:1px solid #dbe4ef;padding:48px 0}.section-heading{grid-template-columns:minmax(0,.75fr) minmax(260px,1fr);gap:32px;margin-bottom:28px;display:grid}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.section-heading p{color:#526176;margin:4px 0 0;line-height:1.65}.swatch-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.swatch{background:#fff;border:1px solid #dbe4ef;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px #0f172a14}.swatch>div{border-bottom:1px solid #0f172a14;height:118px}.swatch strong,.swatch code,.swatch small{margin-inline:18px;display:block}.swatch strong{margin-top:16px}.swatch code{color:#006b91;margin-top:4px}.swatch small{color:#526176;margin-top:8px;margin-bottom:18px}.type-sample{border-bottom:1px solid #dbe4ef;padding:24px 0}.type-sample:last-child{border:0}.type-sample span{color:#006b91;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:700;display:block}.type-display{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,4rem);font-weight:650;line-height:1.05}.type-heading{letter-spacing:-.035em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:650;line-height:1.15}.type-body{max-width:720px;font-size:1rem;line-height:1.65}.two-column,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.row,.specimen-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.specimen-row:first-child{margin-top:0}.scale-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.scale-grid div{background:#fff;border:1px solid #dbe4ef;border-radius:16px;align-content:center;justify-items:center;gap:12px;min-height:112px;display:grid}.scale-grid span{background:#00b0f0;min-width:4px;height:20px;display:block}.scale-grid i{border:2px solid #00b0f0;width:48px;height:48px}.scale-grid code{color:#526176;font-size:.72rem}footer{color:#94a3b8;background:#0a0e17;border-top:1px solid #ffffff1f;justify-content:space-between;gap:20px;padding:28px 5vw;font-size:.8rem;display:flex}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding-block:14px}.topbar nav{width:100%}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.topbar nav a{text-align:center;flex:1}main{width:min(100% - 32px,1180px)}.section-heading,.two-column,.form-grid,.dark-specimen{grid-template-columns:1fr}.semantic-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scale-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{flex-direction:column}}@media (width<=480px){.semantic-grid,.metric-grid{grid-template-columns:1fr}.scale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.semantic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.semantic-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;align-items:flex-start;gap:16px;min-height:148px;padding:22px;display:flex}.semantic-success{background:linear-gradient(145deg, #16a34a1f, var(--surface) 72%);border-color:#16a34a4d}.semantic-warning{background:linear-gradient(145deg, #d977061f, var(--surface) 72%);border-color:#d9770652}.semantic-danger{background:linear-gradient(145deg, #dc26261a, var(--surface) 72%);border-color:#dc26264d}.semantic-dot{border:4px solid var(--surface);border-radius:50%;flex:none;width:18px;height:18px;margin-top:3px;box-shadow:0 0 0 1px}.semantic-card strong,.semantic-card code{display:block}.semantic-card p{color:var(--text-muted);margin:7px 0 14px;line-height:1.45}.semantic-card code{color:var(--text-secondary);font-size:.78rem}.dark-specimen{color:#f1f5f9;background:radial-gradient(circle at 88% 8%,#00b0f02b,#0000 28%),#0a0e17;border:1px solid #ffffff1f;border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px;padding:clamp(24px,5vw,48px);display:grid;overflow:hidden;box-shadow:0 24px 64px #0f172a33}.dark-specimen-copy>.eyebrow{color:#7dd3fc;margin-top:40px}.dark-specimen h3{letter-spacing:-.045em;max-width:620px;margin:10px 0 14px;font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.03}.dark-specimen-copy>p:not(.eyebrow){color:#94a3b8;max-width:600px;line-height:1.65}.dark-specimen .button-secondary{color:#7dd3fc}.dark-metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:1px solid #ffffff1f;border-radius:24px;align-self:end;padding:24px}.dark-metric-card>strong{color:#fff;letter-spacing:-.055em;margin:18px 0 32px;font-size:clamp(2.6rem,6vw,4.5rem);line-height:1;display:block}.dark-status-row{flex-wrap:wrap;gap:8px;display:flex}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#111827;--surface-muted:#0a0e17;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#ffffff1f}.theme-dark .catalog-section,.theme-dark .type-sample{border-color:var(--border)}.theme-dark .lede,.theme-dark .section-heading p,.theme-dark .swatch small,.theme-dark .scale-grid code{color:var(--text-muted)}.theme-dark .swatch,.theme-dark .scale-grid>div{border-color:var(--border);background:var(--surface);box-shadow:none}.theme-dark .swatch code,.theme-dark .type-sample span,.theme-dark .eyebrow,.theme-dark .metric-label{color:#7dd3fc}.theme-dark .swatch>div{border-color:var(--border)}.card{background:#fff;border:1px solid #dbe4ef;border-radius:24px;padding:24px;box-shadow:0 18px 48px #0f172a14}.card-accent{background:linear-gradient(#f3feff 0%,#fff 100%)}.card h3{letter-spacing:-.025em;margin:24px 0 8px;font-size:1.45rem}.card>p{color:#526176;line-height:1.65}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:46px;padding:12px 22px;font-weight:700;transition:transform .15s,filter .15s,background .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{color:#042330;background:linear-gradient(135deg,#00b0f0 0%,#72f4fb 100%)}.button-secondary{color:#006b91;background:0 0;border-color:#00b0f073}.button-ghost{color:#0f172a;background:#fff;border-color:#dbe4ef}.button:disabled{opacity:.48;cursor:not-allowed}.badge{color:#475569;background:#eef2f7;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-accent{color:#006b91;background:#dffcff}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fffbeb}.badge-error{color:#b91c1c;background:#fef2f2}.field{color:#0f172a;flex-direction:column;gap:8px;font-weight:650;display:flex}.field small,.field i{color:#526176;font-size:.78rem;font-style:normal;font-weight:400;line-height:1.5}.field input,.field select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:100%;min-height:48px;padding:12px 14px}.field input[aria-invalid=true]{border-color:#dc2626}.field em{color:#dc2626;font-size:.78rem;font-style:normal;font-weight:600}.form-grid{row-gap:24px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin-top:14px;font-size:clamp(2rem,4vw,3rem);display:block}.metric-change{color:#526176;margin-bottom:0}.table-wrap{background:#fff;border:1px solid #dbe4ef;border-radius:24px;overflow-x:auto;box-shadow:0 18px 48px #0f172a14}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid #dbe4ef;padding:16px 20px}th{color:#526176;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}tbody tr:last-child td{border-bottom:0}.table-wrap td small{color:#526176;margin-top:4px;display:block}.number{text-align:right;font-variant-numeric:tabular-nums}.empty-state{text-align:center;justify-items:center;padding:28px;display:grid}.empty-state h3{margin:18px 0 0}.empty-state p{max-width:440px;margin:8px 0 24px}.empty-icon{color:#006b91;background:#dffcff;border-radius:24px;place-items:center;width:64px;height:64px;font-size:2rem;display:grid}.theme-dark .card,.theme-dark .table-wrap{border-color:var(--border);background:var(--surface);box-shadow:none}.theme-dark .card-accent{background:linear-gradient(180deg, #00b0f017 0%, var(--surface) 100%)}.theme-dark .card>p,.theme-dark .metric-change,.theme-dark .table-wrap td small,.theme-dark th,.theme-dark .field small,.theme-dark .field i{color:var(--text-muted)}.theme-dark .field{color:var(--text)}.theme-dark .field input,.theme-dark .field select,.theme-dark .button-ghost{border-color:var(--border);color:var(--text);background:#0f172a}.theme-dark .button-secondary{color:#7dd3fc}.theme-dark th,.theme-dark td{border-color:var(--border)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;--primary:#00b0f0;--primary-strong:#018abb;--primary-ink:#006b91;--secondary:#0a0e17;--surface:#fff;--surface-muted:#f5f7fb;--text:#0f172a;--text-secondary:#475569;--text-muted:#526176;--border:#dbe4ef;--neutral-border:#e2e8f0;--neutral-muted:#94a3b8;--neutral-surface:#f8fafc;--success:#16a34a;--success-ink:#166534;--warning:#d97706;--warning-ink:#92400e;--error:#dc2626;--error-ink:#b91c1c;--focus:#00b0f0;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f5f7fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #00b0f073}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition-duration:.01ms}}

package/templates/.agents/design/apps/catalog/dist/storybook/assets/Components.stories-DkBtOSHX.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-BdFrVu1K.js";import{t}from"./jsx-runtime-f3rHp9ZU.js";import{a as n,c as r,d as i,f as a,i as o,l as s,n as c,o as l,r as u,s as d,t as f,u as p}from"./Primitives-HZpQ6PjX.js";function m(){return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(p,{eyebrow:`Documentação executável`,title:`Components`,description:`Espécimes básicos para padronizar estados, comportamento e acessibilidade. Componentes de negócio continuam nos módulos do produto.`}),(0,h.jsx)(i,{title:`Ações e status`,description:`Hierarquia explícita e feedback que não depende apenas de cor.`,children:(0,h.jsxs)(u,{children:[(0,h.jsxs)(`div`,{className:`specimen-row`,children:[(0,h.jsx)(c,{children:`Primário`}),(0,h.jsx)(c,{variant:`secondary`,children:`Secundário`}),(0,h.jsx)(c,{variant:`ghost`,children:`Ghost`}),(0,h.jsx)(c,{disabled:!0,children:`Desabilitado`})]}),(0,h.jsxs)(`div`,{className:`specimen-row`,children:[(0,h.jsx)(f,{tone:`accent`,children:`Accent`}),(0,h.jsx)(f,{tone:`success`,children:`Sucesso`}),(0,h.jsx)(f,{tone:`warning`,children:`Atenção`}),(0,h.jsx)(f,{tone:`error`,children:`Erro`}),(0,h.jsx)(f,{children:`Neutro`})]})]})}),(0,h.jsx)(i,{title:`Métricas`,description:`Números tabulares acompanhados de unidade e contexto.`,children:(0,h.jsxs)(`div`,{className:`metric-grid`,children:[(0,h.jsx)(d,{label:`Tokens totais`,value:`1,28M`,change:`+8,4% no período`}),(0,h.jsx)(d,{label:`Custo de execução`,value:`R$ 284`,change:`62% do custo total`}),(0,h.jsx)(d,{label:`Assertividade`,value:`94,2%`,change:`+3,1 p.p.`})]})}),(0,h.jsx)(i,{title:`Formulários`,description:`Labels persistentes, ajuda objetiva, foco visível e erro acionável.`,children:(0,h.jsx)(u,{children:(0,h.jsxs)(`div`,{className:`form-grid`,children:[(0,h.jsx)(l,{label:`Nome`,placeholder:`Ex.: Checkout B2B`}),(0,h.jsx)(l,{label:`Identificador`,hint:`Somente letras minúsculas e hífen.`,defaultValue:`checkout-b2b`}),(0,h.jsxs)(r,{label:`Risco`,defaultValue:`standard`,children:[(0,h.jsx)(`option`,{value:`lite`,children:`Lite`}),(0,h.jsx)(`option`,{value:`standard`,children:`Standard`}),(0,h.jsx)(`option`,{value:`critical`,children:`Critical`})]}),(0,h.jsx)(l,{label:`Responsável`,defaultValue:``,error:`Selecione uma pessoa responsável.`})]})})}),(0,h.jsx)(i,{title:`Dados tabulares`,description:`Cabeçalhos semânticos, alinhamento numérico e leitura responsiva.`,children:(0,h.jsx)(o,{})}),(0,h.jsx)(i,{title:`Estado vazio`,description:`Explique o estado e ofereça a próxima ação segura.`,children:(0,h.jsx)(n,{})})]})}var h,g=e((()=>{a(),s(),h=t(),m.__docgenInfo={description:``,methods:[],displayName:`ComponentsPage`}})),_,v,y;e((()=>{g(),_={title:`ZAIP/Components`,component:m,parameters:{layout:`fullscreen`}},v={},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{}`,...v.parameters?.docs?.source}}},y=[`Catalog`]}))();export{v as Catalog,y as __namedExportsOrder,_ as default};

package/templates/.agents/design/apps/catalog/dist/storybook/assets/DesignSystem.stories-BttERyCr.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-BdFrVu1K.js";import{t}from"./jsx-runtime-f3rHp9ZU.js";import{d as n,f as r,l as i,n as a,o,r as s,t as c,u as l}from"./Primitives-HZpQ6PjX.js";function u({colors:e}){return(0,f.jsx)(`div`,{className:`swatch-grid`,children:e.map(([e,t,n])=>(0,f.jsxs)(`article`,{className:`swatch`,children:[(0,f.jsx)(`div`,{style:{background:t}}),(0,f.jsx)(`strong`,{children:e}),(0,f.jsx)(`code`,{children:t}),(0,f.jsx)(`small`,{children:n})]},e))})}function d(){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(l,{eyebrow:`Fundação visual`,title:`Design system`,description:`Tokens, linguagem e decisões visuais compartilhadas pelas interfaces do repositório. Cada amostra abaixo aplica o contrato central em uma superfície real.`}),(0,f.jsx)(n,{title:`Cores primárias`,description:`O ciano é a assinatura ZAIP e fica reservado para identidade, foco e ações prioritárias.`,children:(0,f.jsx)(u,{colors:p})}),(0,f.jsx)(n,{title:`Cores secundárias`,description:`A família navy cria profundidade e sustenta superfícies escuras sem competir com o ciano.`,children:(0,f.jsx)(u,{colors:m})}),(0,f.jsx)(n,{title:`Neutras`,description:`A escala neutra organiza texto, bordas e superfícies com contraste previsível.`,children:(0,f.jsx)(u,{colors:h})}),(0,f.jsx)(n,{title:`Cores semânticas`,description:`Success, warning e danger comunicam estado; elas não substituem as cores da marca.`,children:(0,f.jsx)(`div`,{className:`semantic-grid`,children:g.map(([e,t,n,r])=>(0,f.jsxs)(`article`,{className:`semantic-card semantic-${r}`,children:[(0,f.jsx)(`span`,{className:`semantic-dot`,style:{background:t},"aria-hidden":`true`}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`strong`,{children:e}),(0,f.jsx)(`p`,{children:n}),(0,f.jsx)(`code`,{children:t})]})]},e))})}),(0,f.jsx)(n,{title:`Tipografia`,description:`Hierarquia compacta para produto e escala expressiva para superfícies públicas.`,children:(0,f.jsxs)(s,{children:[(0,f.jsxs)(`div`,{className:`type-sample type-display`,children:[(0,f.jsx)(`span`,{children:`Display`}),`Agentes que entregam com evidência.`]}),(0,f.jsxs)(`div`,{className:`type-sample type-heading`,children:[(0,f.jsx)(`span`,{children:`Heading`}),`Clareza antes de complexidade`]}),(0,f.jsxs)(`div`,{className:`type-sample type-body`,children:[(0,f.jsx)(`span`,{children:`Body`}),`Uma linguagem visual consistente reduz decisões repetidas e ajuda agentes e pessoas a reutilizarem o caminho certo.`]})]})}),(0,f.jsx)(n,{title:`Superfícies e ações`,description:`Tokens precisam aparecer em componentes reais, não apenas em tabelas de cores.`,children:(0,f.jsxs)(`div`,{className:`two-column`,children:[(0,f.jsxs)(s,{accent:!0,children:[(0,f.jsx)(c,{tone:`accent`,children:`Contrato ativo`}),(0,f.jsx)(`h3`,{children:`Uma fonte canônica`}),(0,f.jsx)(`p`,{children:`O DESIGN.md orienta intenção; tokens e stories mantêm a documentação executável.`}),(0,f.jsxs)(`div`,{className:`row`,children:[(0,f.jsx)(a,{children:`Executar agora`}),(0,f.jsx)(a,{variant:`secondary`,children:`Ver detalhes`})]})]}),(0,f.jsxs)(s,{children:[(0,f.jsx)(o,{label:`Nome do fluxo`,hint:`Use um nome curto e orientado ao resultado.`,defaultValue:`Onboarding autônomo`}),(0,f.jsxs)(`div`,{className:`row`,children:[(0,f.jsx)(c,{tone:`success`,children:`Pronto`}),(0,f.jsx)(c,{tone:`warning`,children:`Revisão`}),(0,f.jsx)(c,{tone:`error`,children:`Falhou`})]})]})]})}),(0,f.jsx)(n,{title:`Dark mode na prática`,description:`O tema troca canvas, superfícies, texto e bordas, preservando o ciano como foco e ação. Use o controle no topo para aplicar o tema à página inteira.`,children:(0,f.jsxs)(`div`,{className:`dark-specimen`,children:[(0,f.jsxs)(`div`,{className:`dark-specimen-copy`,children:[(0,f.jsx)(c,{tone:`accent`,children:`Tema escuro`}),(0,f.jsx)(`p`,{className:`eyebrow`,children:`Automação ativa`}),(0,f.jsx)(`h3`,{children:`Decisões claras, mesmo com menos luz.`}),(0,f.jsx)(`p`,{children:`Superfícies navy reduzem brilho, enquanto texto, bordas e estados preservam contraste e hierarquia.`}),(0,f.jsxs)(`div`,{className:`row`,children:[(0,f.jsx)(a,{children:`Executar agora`}),(0,f.jsx)(a,{variant:`secondary`,children:`Ver detalhes`})]})]}),(0,f.jsxs)(`div`,{className:`dark-metric-card`,children:[(0,f.jsx)(`span`,{className:`metric-label`,children:`Execuções saudáveis`}),(0,f.jsx)(`strong`,{children:`98,7%`}),(0,f.jsxs)(`div`,{className:`dark-status-row`,children:[(0,f.jsx)(c,{tone:`success`,children:`Pronto`}),(0,f.jsx)(c,{tone:`warning`,children:`Revisão`}),(0,f.jsx)(c,{tone:`error`,children:`Falhou`})]})]})]})}),(0,f.jsx)(n,{title:`Escala`,description:`Espaçamento e raios previsíveis evitam microdecisões a cada tela.`,children:(0,f.jsxs)(`div`,{className:`scale-grid`,children:[[`4`,`8`,`16`,`24`,`40`,`64`].map(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{style:{width:`${e}px`}}),(0,f.jsxs)(`code`,{children:[e,`px`]})]},e)),[`8`,`16`,`24`,`999`].map(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`i`,{style:{borderRadius:`${e}px`}}),(0,f.jsxs)(`code`,{children:[`radius `,e,`px`]})]},`r-${e}`))]})})]})}var f,p,m,h,g,_=e((()=>{r(),i(),f=t(),p=[[`Primary`,`#00B0F0`,`Ação, foco e identidade`],[`Primary strong`,`#018abb`,`Hover e ênfase reforçada`],[`Primary ink`,`#006b91`,`Texto e ícones sobre fundos claros`]],m=[[`Secondary`,`#0a0e17`,`Navy profundo da identidade`],[`Secondary surface`,`#111827`,`Superfície elevada no tema escuro`],[`Secondary muted`,`#334155`,`Apoio visual de menor contraste`]],h=[[`Text primary`,`#0f172a`,`--zaip-ink`],[`Text secondary`,`#475569`,`--zaip-copy`],[`Text muted`,`#94a3b8`,`--zaip-muted`],[`Border`,`#e2e8f0`,`--zaip-border`],[`Surface muted`,`#f8fafc`,`--zaip-surface-muted`],[`Canvas`,`#f5f7fb`,`--zaip-bg`],[`White`,`#ffffff`,`--zaip-surface`]],g=[[`Success`,`#16a34a`,`Operação concluída`,`success`],[`Warning`,`#d97706`,`Atenção ou revisão`,`warning`],[`Danger`,`#dc2626`,`Erro ou ação destrutiva`,`danger`]],d.__docgenInfo={description:``,methods:[],displayName:`DesignSystemPage`}})),v,y,b;e((()=>{_(),v={title:`ZAIP/Design System`,component:d,parameters:{layout:`fullscreen`}},y={},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{}`,...y.parameters?.docs?.source}}},b=[`Overview`]}))();export{y as Overview,b as __namedExportsOrder,v as default};

package/templates/.agents/design/apps/catalog/dist/storybook/assets/Primitives-HZpQ6PjX.js

@@ -1 +0,0 @@
-import{i as e,s as t}from"./preload-helper-BdFrVu1K.js";import{D as n}from"./iframe-LMhZM1ce.js";import{t as r}from"./jsx-runtime-f3rHp9ZU.js";function i({children:e,page:t}){let[n,r]=(0,s.useState)(!1);return(0,c.jsxs)(`div`,{className:`catalog-shell${n?` theme-dark`:``}`,children:[(0,c.jsxs)(`header`,{className:`topbar`,children:[(0,c.jsxs)(`a`,{className:`brand`,href:`#/design-system`,"aria-label":`ZAIP Design System`,children:[(0,c.jsx)(`img`,{className:`brand-logo`,src:`logo_novo_azul.png`,alt:`ZAIP`}),(0,c.jsx)(`span`,{className:`brand-product`,children:`Design system`})]}),(0,c.jsxs)(`div`,{className:`topbar-actions`,children:[(0,c.jsxs)(`nav`,{"aria-label":`Catálogo visual`,children:[(0,c.jsx)(`a`,{"aria-current":t===`design-system`?`page`:void 0,href:`#/design-system`,children:`Design system`}),(0,c.jsx)(`a`,{"aria-current":t===`components`?`page`:void 0,href:`#/components`,children:`Components`})]}),(0,c.jsxs)(`button`,{className:`theme-toggle`,type:`button`,"aria-pressed":n,onClick:()=>r(e=>!e),children:[(0,c.jsx)(`span`,{"aria-hidden":`true`,children:n?`☀`:`☾`}),n?`Light mode`:`Dark mode`]})]})]}),(0,c.jsx)(`main`,{children:e}),(0,c.jsxs)(`footer`,{children:[(0,c.jsx)(`span`,{children:`Fonte canônica: .agents/design/DESIGN.md`}),(0,c.jsx)(`span`,{children:`ZAIP-AIOS · catálogo local`})]})]})}function a({eyebrow:e,title:t,description:n}){return(0,c.jsxs)(`section`,{className:`page-intro`,children:[(0,c.jsx)(`p`,{className:`eyebrow`,children:e}),(0,c.jsx)(`h1`,{children:t}),(0,c.jsx)(`p`,{className:`lede`,children:n})]})}function o({title:e,description:t,children:n}){return(0,c.jsxs)(`section`,{className:`catalog-section`,children:[(0,c.jsxs)(`div`,{className:`section-heading`,children:[(0,c.jsx)(`h2`,{children:e}),t?(0,c.jsx)(`p`,{children:t}):null]}),n]})}var s,c,l=e((()=>{s=t(n(),1),c=r(),i.__docgenInfo={description:``,methods:[],displayName:`CatalogShell`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``},page:{required:!0,tsType:{name:`string`},description:``}}},a.__docgenInfo={description:``,methods:[],displayName:`PageIntro`,props:{eyebrow:{required:!0,tsType:{name:`string`},description:``},title:{required:!0,tsType:{name:`string`},description:``},description:{required:!0,tsType:{name:`string`},description:``}}},o.__docgenInfo={description:``,methods:[],displayName:`Section`,props:{title:{required:!0,tsType:{name:`string`},description:``},description:{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``}}}}));function u({variant:e=`primary`,className:t=``,...n}){return(0,v.jsx)(`button`,{className:`button button-${e} ${t}`.trim(),type:`button`,...n})}function d({children:e,tone:t=`neutral`}){return(0,v.jsx)(`span`,{className:`badge badge-${t}`,children:e})}function f({children:e,accent:t=!1}){return(0,v.jsx)(`article`,{className:t?`card card-accent`:`card`,children:e})}function p({label:e,value:t,change:n}){return(0,v.jsxs)(f,{children:[(0,v.jsx)(`p`,{className:`metric-label`,children:e}),(0,v.jsx)(`strong`,{className:`metric-value`,children:t}),(0,v.jsx)(`p`,{className:`metric-change`,children:n})]})}function m({label:e,hint:t,error:n,...r}){let i=`${r.id??r.name??`field`}-description`;return(0,v.jsxs)(`label`,{className:`field`,children:[(0,v.jsx)(`span`,{children:e}),t?(0,v.jsx)(`small`,{children:t}):null,(0,v.jsx)(`input`,{"aria-describedby":t||n?i:void 0,"aria-invalid":!!n,...r}),n?(0,v.jsx)(`em`,{id:i,children:n}):t?(0,v.jsx)(`i`,{id:i,children:t}):null]})}function h({label:e,children:t,...n}){return(0,v.jsxs)(`label`,{className:`field`,children:[(0,v.jsx)(`span`,{children:e}),(0,v.jsx)(`select`,{...n,children:t})]})}function g(){return(0,v.jsx)(f,{children:(0,v.jsxs)(`div`,{className:`empty-state`,children:[(0,v.jsx)(`span`,{className:`empty-icon`,"aria-hidden":`true`,children:`◇`}),(0,v.jsx)(`h3`,{children:`Nenhum item ainda`}),(0,v.jsx)(`p`,{children:`Crie o primeiro registro para começar a acompanhar esta área.`}),(0,v.jsx)(u,{children:`Adicionar item`})]})})}function _(){return(0,v.jsx)(`div`,{className:`table-wrap`,children:(0,v.jsxs)(`table`,{children:[(0,v.jsx)(`caption`,{className:`sr-only`,children:`Exemplo de execuções recentes`}),(0,v.jsx)(`thead`,{children:(0,v.jsxs)(`tr`,{children:[(0,v.jsx)(`th`,{children:`Execução`}),(0,v.jsx)(`th`,{children:`Status`}),(0,v.jsx)(`th`,{className:`number`,children:`Tokens`}),(0,v.jsx)(`th`,{className:`number`,children:`Custo`})]})}),(0,v.jsxs)(`tbody`,{children:[(0,v.jsxs)(`tr`,{children:[(0,v.jsxs)(`td`,{children:[(0,v.jsx)(`strong`,{children:`SPEC Checkout`}),(0,v.jsx)(`small`,{children:`há 12 min`})]}),(0,v.jsx)(`td`,{children:(0,v.jsx)(d,{tone:`success`,children:`Concluída`})}),(0,v.jsx)(`td`,{className:`number`,children:`82.410`}),(0,v.jsx)(`td`,{className:`number`,children:`R$ 18,42`})]}),(0,v.jsxs)(`tr`,{children:[(0,v.jsxs)(`td`,{children:[(0,v.jsx)(`strong`,{children:`Task Ajustar login`}),(0,v.jsx)(`small`,{children:`há 48 min`})]}),(0,v.jsx)(`td`,{children:(0,v.jsx)(d,{tone:`warning`,children:`Validando`})}),(0,v.jsx)(`td`,{className:`number`,children:`14.820`}),(0,v.jsx)(`td`,{className:`number`,children:`R$ 3,17`})]})]})]})})}var v,y=e((()=>{v=r(),u.__docgenInfo={description:``,methods:[],displayName:`Button`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "ghost"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"ghost"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},className:{defaultValue:{value:`""`,computed:!1},required:!1}}},d.__docgenInfo={description:``,methods:[],displayName:`Badge`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"neutral" | "accent" | "success" | "warning" | "error"`,elements:[{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"accent"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"error"`}]},description:``,defaultValue:{value:`"neutral"`,computed:!1}}}},f.__docgenInfo={description:``,methods:[],displayName:`Card`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``},accent:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}}}},p.__docgenInfo={description:``,methods:[],displayName:`Metric`,props:{label:{required:!0,tsType:{name:`string`},description:``},value:{required:!0,tsType:{name:`string`},description:``},change:{required:!0,tsType:{name:`string`},description:``}}},m.__docgenInfo={description:``,methods:[],displayName:`Field`,props:{label:{required:!0,tsType:{name:`string`},description:``},hint:{required:!1,tsType:{name:`string`},description:``},error:{required:!1,tsType:{name:`string`},description:``}}},h.__docgenInfo={description:``,methods:[],displayName:`SelectField`,props:{label:{required:!0,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``}}},g.__docgenInfo={description:``,methods:[],displayName:`EmptyState`},_.__docgenInfo={description:``,methods:[],displayName:`DataTable`}}));export{g as a,h as c,o as d,l as f,_ as i,y as l,u as n,m as o,f as r,p as s,d as t,a as u};

package/templates/.agents/design/apps/catalog/dist/storybook/assets/chunk-W22LQPXL-9RCn9-l7.js

@@ -1,18 +0,0 @@
-import{i as e,s as t}from"./preload-helper-BdFrVu1K.js";import{D as n}from"./iframe-LMhZM1ce.js";import{t as r}from"./jsx-runtime-f3rHp9ZU.js";import{a as i,u as a}from"./theming-CHbHkcNi.js";import{a as o}from"./react-18-jAz3avmR.js";function s(e,t=`assertive`,n=7e3){l?l.announce(e,t,n):(l=new u,(typeof IS_REACT_ACT_ENVIRONMENT==`boolean`?IS_REACT_ACT_ENVIRONMENT:typeof jest<`u`)?l.announce(e,t,n):setTimeout(()=>{l?.isAttached()&&l?.announce(e,t,n)},100))}function c(e){l&&l.clear(e)}var l,u,d=e((()=>{l=null,u=class{isAttached(){return this.node?.isConnected}createLog(e){let t=document.createElement(`div`);return t.setAttribute(`role`,`log`),t.setAttribute(`aria-live`,e),t.setAttribute(`aria-relevant`,`additions`),t}destroy(){this.node&&=(document.body.removeChild(this.node),null)}announce(e,t=`assertive`,n=7e3){var r,i;if(!this.node)return;let a=document.createElement(`div`);typeof e==`object`?(a.setAttribute(`role`,`img`),a.setAttribute(`aria-labelledby`,e[`aria-labelledby`])):a.textContent=e,t===`assertive`?(r=this.assertiveLog)==null||r.appendChild(a):(i=this.politeLog)==null||i.appendChild(a),e!==``&&setTimeout(()=>{a.remove()},n)}clear(e){this.node&&((!e||e===`assertive`)&&this.assertiveLog&&(this.assertiveLog.innerHTML=``),(!e||e===`polite`)&&this.politeLog&&(this.politeLog.innerHTML=``))}constructor(){this.node=null,this.assertiveLog=null,this.politeLog=null,typeof document<`u`&&(this.node=document.createElement(`div`),this.node.dataset.liveAnnouncer=`true`,Object.assign(this.node.style,{border:0,clip:`rect(0 0 0 0)`,clipPath:`inset(50%)`,height:`1px`,margin:`-1px`,overflow:`hidden`,padding:0,position:`absolute`,width:`1px`,whiteSpace:`nowrap`}),this.assertiveLog=this.createLog(`assertive`),this.node.appendChild(this.assertiveLog),this.politeLog=this.createLog(`polite`),this.node.appendChild(this.politeLog),document.body.prepend(this.node))}}}));function f(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function p(...e){return t=>e.forEach(e=>f(e,t))}function m(...e){return de.useCallback(p(...e),e)}function h(e){return N.isValidElement(e)&&e.type===Se}function ee(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{a(...e),i(...e)}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function te(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function g(e,t){return he.useReducer((e,n)=>t[e][n]??e,e)}function _(e){let[t,n]=F.useState(),r=F.useRef({}),i=F.useRef(e),a=F.useRef(`none`),[o,s]=g(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return F.useEffect(()=>{let e=v(r.current);a.current=o===`mounted`?e:`none`},[o]),U(()=>{let t=r.current,n=i.current;if(n!==e){let r=a.current,o=v(t);e?s(`MOUNT`):o===`none`||t?.display===`none`?s(`UNMOUNT`):s(n&&r!==o?`ANIMATION_OUT`:`UNMOUNT`),i.current=e}},[e,s]),U(()=>{if(t){let e=e=>{let n=v(r.current).includes(e.animationName);e.target===t&&n&&pe.flushSync(()=>s(`ANIMATION_END`))},n=e=>{e.target===t&&(a.current=v(r.current))};return t.addEventListener(`animationstart`,n),t.addEventListener(`animationcancel`,e),t.addEventListener(`animationend`,e),()=>{t.removeEventListener(`animationstart`,n),t.removeEventListener(`animationcancel`,e),t.removeEventListener(`animationend`,e)}}else s(`ANIMATION_END`)},[t,s]),{isPresent:[`mounted`,`unmountSuspended`].includes(o),ref:F.useCallback(e=>{e&&(r.current=getComputedStyle(e)),n(e)},[])}}function v(e){return e?.animationName||`none`}function y(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function b(e,t=[]){let n=[];function r(t,r){let i=I.createContext(r),a=n.length;n=[...n,r];function o(t){let{scope:n,children:r,...o}=t,s=n?.[e][a]||i,c=I.useMemo(()=>o,Object.values(o));return(0,ge.jsx)(s.Provider,{value:c,children:r})}function s(n,o){let s=o?.[e][a]||i,c=I.useContext(s);if(c)return c;if(r!==void 0)return r;throw Error(`\`${n}\` must be used within \`${t}\``)}return o.displayName=t+`Provider`,[o,s]}let i=()=>{let t=n.map(e=>I.createContext(e));return function(n){let r=n?.[e]||t;return I.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return i.scopeName=e,[r,x(i,...t)]}function x(...e){let t=e[0];if(e.length===1)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return I.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}function S(e){let t=L.useRef(e);return L.useEffect(()=>{t.current=e}),L.useMemo(()=>(...e)=>t.current?.(...e),[])}function C(e){let t=_e.useContext(Ce);return e||t||`ltr`}function w(e,[t,n]){return Math.min(n,Math.max(t,e))}function T(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r.defaultPrevented)return t?.(r)}}function ne(e,t){return ve.useReducer((e,n)=>t[e][n]??e,e)}function E(e){return e?parseInt(e,10):0}function re(e,t){let n=e/t;return isNaN(n)?0:n}function D(e){let t=re(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function ie(e,t,n,r=`ltr`){let i=D(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return oe([c,l],d)(e)}function ae(e,t,n=`ltr`){let r=D(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=w(e,n===`ltr`?[0,o]:[o*-1,0]);return oe([0,o],[0,s])(c)}function oe(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function se(e,t){return e>0&&e<t}function O(e,t){let n=S(e),r=M.useRef(0);return M.useEffect(()=>()=>window.clearTimeout(r.current),[]),M.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function k(e,t){let n=S(t);U(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}function ce(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t==`function`?t(r):t;let i=M.Children.only(r);return M.cloneElement(i,{children:typeof t==`function`?t(i.props.children):t})}function le({children:e=`Copy`,childrenOnCopy:t=`Copied!`,content:n,onCopy:r,ariaLabel:i=!1,ariaLabelOnCopy:a=!1,duration:o=3e3}){let[l,u]=(0,z.useState)(!1),d=(0,z.useRef)(null);(0,z.useEffect)(()=>()=>{d.current&&clearTimeout(d.current)},[]);let f=(0,z.useCallback)(e=>{d.current&&clearTimeout(d.current);let t=typeof a==`string`?a:`Copied to clipboard`;navigator.clipboard?.writeText(n).then(()=>{r?.(e),u(!0),s(t,`polite`),d.current=setTimeout(()=>{u(!1),c(`polite`),d.current=null},o)})},[n,r,a,o]);return{children:l?t:e,buttonProps:(0,z.useMemo)(()=>({onClick:f,ariaLabel:l?a:i}),[f,l,a,i])}}var A,j,M,ue,N,de,P,fe,F,pe,me,he,I,ge,L,_e,ve,R,z,ye,be,xe,B,V,Se,H,U,W,Ce,G,K,we,Te,q,J,Y,Ee,X,De,Oe,ke,Ae,Z,je,Me,Ne,Pe,Fe,Q,Ie,Le,$,Re,ze,Be,Ve,He,Ue,We,Ge,Ke,qe,Je,Ye,Xe,Ze=e((()=>{d(),A=t(n(),1),i(),j=t(n(),1),M=t(n(),1),ue=t(n(),1),o(),N=t(n(),1),de=t(n(),1),P=r(),fe=r(),F=t(n(),1),pe=t(o(),1),me=t(n(),1),he=t(n(),1),I=t(n(),1),ge=r(),L=t(n(),1),_e=t(n(),1),r(),ve=t(n(),1),R=r(),z=t(n(),1),ye=a.div(({theme:e,$flexLayout:t=!1})=>[{background:e.background.content},t?{display:`inline-flex`,marginInlineStart:`auto`,alignSelf:`flex-end`}:{position:`absolute`,bottom:0,right:0,maxWidth:`100%`,display:`flex`,zIndex:1}]),be=a.button(({theme:e})=>({margin:0,border:`0 none`,padding:`4px 10px`,cursor:`pointer`,display:`flex`,alignItems:`center`,color:e.color.defaultText,background:e.background.content,fontSize:12,lineHeight:`16px`,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,borderTop:`1px solid ${e.appBorderColor}`,borderLeft:`1px solid ${e.appBorderColor}`,marginLeft:-1,borderRadius:`4px 0 0 0`,"&:not(:last-child)":{borderRight:`1px solid ${e.appBorderColor}`},"& + *":{borderLeft:`1px solid ${e.appBorderColor}`,borderRadius:0},"&:focus":{boxShadow:`${e.color.secondary} 0 -3px 0 0 inset`,outline:`0 none`,"@media (forced-colors: active)":{outline:`2px solid ButtonBorder`,outlineOffset:`2px`}}}),({disabled:e})=>e&&{cursor:`not-allowed`,opacity:.5}),be.displayName=`ActionButton`,xe=({actionItems:e,flexLayout:t=!1,...n})=>A.createElement(ye,{...n,$flexLayout:t},e.map(({title:e,ariaLabel:t,className:n,onClick:r,disabled:i},a)=>A.createElement(be,{key:a,"aria-label":t,className:n,onClick:r,disabled:!!i},e))),B=N.forwardRef((e,t)=>{let{children:n,...r}=e,i=N.Children.toArray(n),a=i.find(h);if(a){let e=a.props.children,n=i.map(t=>t===a?N.Children.count(e)>1?N.Children.only(null):N.isValidElement(e)?e.props.children:null:t);return(0,P.jsx)(V,{...r,ref:t,children:N.isValidElement(e)?N.cloneElement(e,void 0,n):null})}return(0,P.jsx)(V,{...r,ref:t,children:n})}),B.displayName=`Slot`,V=N.forwardRef((e,t)=>{let{children:n,...r}=e;if(N.isValidElement(n)){let e=te(n);return N.cloneElement(n,{...ee(r,n.props),ref:t?p(t,e):e})}return N.Children.count(n)>1?N.Children.only(null):null}),V.displayName=`SlotClone`,Se=({children:e})=>(0,P.jsx)(P.Fragment,{children:e}),H=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=ue.forwardRef((e,n)=>{let{asChild:r,...i}=e,a=r?B:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,fe.jsx)(a,{...i,ref:n})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{}),U=globalThis?.document?me.useLayoutEffect:()=>{},W=e=>{let{present:t,children:n}=e,r=_(t),i=typeof n==`function`?n({present:r.isPresent}):F.Children.only(n),a=m(r.ref,y(i));return typeof n==`function`||r.isPresent?F.cloneElement(i,{ref:a}):null},W.displayName=`Presence`,Ce=_e.createContext(void 0),G=`ScrollArea`,[K,we]=b(G),[Te,q]=K(G),J=M.forwardRef((e,t)=>{let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:a=600,...o}=e,[s,c]=M.useState(null),[l,u]=M.useState(null),[d,f]=M.useState(null),[p,h]=M.useState(null),[ee,te]=M.useState(null),[g,_]=M.useState(0),[v,y]=M.useState(0),[b,x]=M.useState(!1),[S,w]=M.useState(!1),T=m(t,e=>c(e)),ne=C(i);return(0,R.jsx)(Te,{scope:n,type:r,dir:ne,scrollHideDelay:a,scrollArea:s,viewport:l,onViewportChange:u,content:d,onContentChange:f,scrollbarX:p,onScrollbarXChange:h,scrollbarXEnabled:b,onScrollbarXEnabledChange:x,scrollbarY:ee,onScrollbarYChange:te,scrollbarYEnabled:S,onScrollbarYEnabledChange:w,onCornerWidthChange:_,onCornerHeightChange:y,children:(0,R.jsx)(H.div,{dir:ne,...o,ref:T,style:{position:`relative`,"--radix-scroll-area-corner-width":g+`px`,"--radix-scroll-area-corner-height":v+`px`,...e.style}})})}),J.displayName=G,Y=`ScrollAreaViewport`,Ee=M.forwardRef((e,t)=>{let{__scopeScrollArea:n,children:r,asChild:i,nonce:a,...o}=e,s=q(Y,n),c=m(t,M.useRef(null),s.onViewportChange);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
-[data-radix-scroll-area-viewport] {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  -webkit-overflow-scrolling: touch;
-}
-[data-radix-scroll-area-viewport]::-webkit-scrollbar {
-  display: none;
-}
-:where([data-radix-scroll-area-viewport]) {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-:where([data-radix-scroll-area-content]) {
-  flex-grow: 1;
-}
-`},nonce:a}),(0,R.jsx)(H.div,{"data-radix-scroll-area-viewport":``,...o,asChild:i,ref:c,style:{overflowX:s.scrollbarXEnabled?`scroll`:`hidden`,overflowY:s.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:ce({asChild:i,children:r},e=>(0,R.jsx)(`div`,{"data-radix-scroll-area-content":``,ref:s.onContentChange,style:{minWidth:s.scrollbarXEnabled?`fit-content`:void 0},children:e}))})]})}),Ee.displayName=Y,X=`ScrollAreaScrollbar`,De=M.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=q(X,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:o}=i,s=e.orientation===`horizontal`;return M.useEffect(()=>(s?a(!0):o(!0),()=>{s?a(!1):o(!1)}),[s,a,o]),i.type===`hover`?(0,R.jsx)(Oe,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,R.jsx)(ke,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,R.jsx)(Ae,{...r,ref:t,forceMount:n}):i.type===`always`?(0,R.jsx)(Z,{...r,ref:t}):null}),De.displayName=X,Oe=M.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=q(X,e.__scopeScrollArea),[a,o]=M.useState(!1);return M.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=()=>{window.clearTimeout(t),o(!0)},r=()=>{t=window.setTimeout(()=>o(!1),i.scrollHideDelay)};return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[i.scrollArea,i.scrollHideDelay]),(0,R.jsx)(W,{present:n||a,children:(0,R.jsx)(Ae,{"data-state":a?`visible`:`hidden`,...r,ref:t})})}),ke=M.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=q(X,e.__scopeScrollArea),a=e.orientation===`horizontal`,o=O(()=>c(`SCROLL_END`),100),[s,c]=ne(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return M.useEffect(()=>{if(s===`idle`){let e=window.setTimeout(()=>c(`HIDE`),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[s,i.scrollHideDelay,c]),M.useEffect(()=>{let e=i.viewport,t=a?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=()=>{let r=e[t];n!==r&&(c(`SCROLL`),o()),n=r};return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[i.viewport,a,c,o]),(0,R.jsx)(W,{present:n||s!==`hidden`,children:(0,R.jsx)(Z,{"data-state":s===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:T(e.onPointerEnter,()=>c(`POINTER_ENTER`)),onPointerLeave:T(e.onPointerLeave,()=>c(`POINTER_LEAVE`))})})}),Ae=M.forwardRef((e,t)=>{let n=q(X,e.__scopeScrollArea),{forceMount:r,...i}=e,[a,o]=M.useState(!1),s=e.orientation===`horizontal`,c=O(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;o(s?e:t)}},10);return k(n.viewport,c),k(n.content,c),(0,R.jsx)(W,{present:r||a,children:(0,R.jsx)(Z,{"data-state":a?`visible`:`hidden`,...i,ref:t})})}),Z=M.forwardRef((e,t)=>{let{orientation:n=`vertical`,...r}=e,i=q(X,e.__scopeScrollArea),a=M.useRef(null),o=M.useRef(0),[s,c]=M.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=re(s.viewport,s.content),u={...r,sizes:s,onSizesChange:c,hasThumb:l>0&&l<1,onThumbChange:e=>a.current=e,onThumbPointerUp:()=>o.current=0,onThumbPointerDown:e=>o.current=e};function d(e,t){return ie(e,o.current,s,t)}return n===`horizontal`?(0,R.jsx)(je,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollLeft,t=ae(e,s,i.dir);a.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=d(e,i.dir))}}):n===`vertical`?(0,R.jsx)(Me,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollTop,t=ae(e,s);a.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=d(e))}}):null}),je=M.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,a=q(X,e.__scopeScrollArea),[o,s]=M.useState(),c=M.useRef(null),l=m(t,c,a.onScrollbarXChange);return M.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,R.jsx)(Fe,{"data-orientation":`horizontal`,...i,ref:l,sizes:n,style:{bottom:0,left:a.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:a.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":D(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),se(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:E(o.paddingLeft),paddingEnd:E(o.paddingRight)}})}})}),Me=M.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,a=q(X,e.__scopeScrollArea),[o,s]=M.useState(),c=M.useRef(null),l=m(t,c,a.onScrollbarYChange);return M.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,R.jsx)(Fe,{"data-orientation":`vertical`,...i,ref:l,sizes:n,style:{top:0,right:a.dir===`ltr`?0:void 0,left:a.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":D(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),se(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollHeight,viewport:a.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:E(o.paddingTop),paddingEnd:E(o.paddingBottom)}})}})}),[Ne,Pe]=K(X),Fe=M.forwardRef((e,t)=>{let{__scopeScrollArea:n,sizes:r,hasThumb:i,onThumbChange:a,onThumbPointerUp:o,onThumbPointerDown:s,onThumbPositionChange:c,onDragScroll:l,onWheelScroll:u,onResize:d,...f}=e,p=q(X,n),[h,ee]=M.useState(null),te=m(t,e=>ee(e)),g=M.useRef(null),_=M.useRef(``),v=p.viewport,y=r.content-r.viewport,b=S(u),x=S(c),C=O(d,10);function w(e){if(g.current){let t=e.clientX-g.current.left,n=e.clientY-g.current.top;l({x:t,y:n})}}return M.useEffect(()=>{let e=e=>{let t=e.target;h?.contains(t)&&b(e,y)};return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[v,h,y,b]),M.useEffect(x,[r,x]),k(h,C),k(p.content,C),(0,R.jsx)(Ne,{scope:n,scrollbar:h,hasThumb:i,onThumbChange:S(a),onThumbPointerUp:S(o),onThumbPositionChange:x,onThumbPointerDown:S(s),children:(0,R.jsx)(H.div,{...f,ref:te,style:{position:`absolute`,...f.style},onPointerDown:T(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),g.current=h.getBoundingClientRect(),_.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,p.viewport&&(p.viewport.style.scrollBehavior=`auto`),w(e))}),onPointerMove:T(e.onPointerMove,w),onPointerUp:T(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=_.current,p.viewport&&(p.viewport.style.scrollBehavior=``),g.current=null})})})}),Q=`ScrollAreaThumb`,Ie=M.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=Pe(Q,e.__scopeScrollArea);return(0,R.jsx)(W,{present:n||i.hasThumb,children:(0,R.jsx)(Le,{ref:t,...r})})}),Le=M.forwardRef((e,t)=>{let{__scopeScrollArea:n,style:r,...i}=e,a=q(Q,n),o=Pe(Q,n),{onThumbPositionChange:s}=o,c=m(t,e=>o.onThumbChange(e)),l=M.useRef(),u=O(()=>{l.current&&=(l.current(),void 0)},100);return M.useEffect(()=>{let e=a.viewport;if(e){let t=()=>{if(u(),!l.current){let t=Be(e,s);l.current=t,s()}};return s(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[a.viewport,u,s]),(0,R.jsx)(H.div,{"data-state":o.hasThumb?`visible`:`hidden`,...i,ref:c,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...r},onPointerDownCapture:T(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;o.onThumbPointerDown({x:n,y:r})}),onPointerUp:T(e.onPointerUp,o.onThumbPointerUp)})}),Ie.displayName=Q,$=`ScrollAreaCorner`,Re=M.forwardRef((e,t)=>{let n=q($,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,R.jsx)(ze,{...e,ref:t}):null}),Re.displayName=$,ze=M.forwardRef((e,t)=>{let{__scopeScrollArea:n,...r}=e,i=q($,n),[a,o]=M.useState(0),[s,c]=M.useState(0),l=!!(a&&s);return k(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),c(e)}),k(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),o(e)}),l?(0,R.jsx)(H.div,{...r,ref:t,style:{width:a,height:s,position:`absolute`,right:i.dir===`ltr`?0:void 0,left:i.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null}),Be=(e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return(function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)})(),()=>window.cancelAnimationFrame(r)},Ve=J,He=Ee,Ue=De,We=Ie,Ge=Re,Ke=a(Ve)(({scrollbarsize:e,offset:t})=>({width:`100%`,height:`100%`,overflow:`hidden`,"--scrollbar-size":`${e+t}px`,"--radix-scroll-area-thumb-width":`${e}px`})),qe=a(He)(({focusable:e,theme:t})=>({width:`100%`,height:`100%`,"&:focus":e?{outline:`2px solid ${t.color.secondary}`,outlineOffset:-2}:{}})),Je=a(Ue)(({offset:e,horizontal:t,vertical:n})=>({display:`flex`,userSelect:`none`,touchAction:`none`,background:`transparent`,transition:`all 0.2s ease-out`,borderRadius:`var(--scrollbar-size)`,zIndex:1,'&[data-orientation="vertical"]':{width:`var(--scrollbar-size)`,paddingRight:e,marginTop:e,marginBottom:t===`true`&&n===`true`?0:e},'&[data-orientation="horizontal"]':{flexDirection:`column`,height:`var(--scrollbar-size)`,paddingBottom:e,marginLeft:e,marginRight:t===`true`&&n===`true`?0:e}})),Ye=a(We)(({theme:e})=>({flex:1,background:e.textMutedColor,opacity:.5,borderRadius:`var(--scrollbar-size)`,position:`relative`,transition:`opacity 0.2s ease-out`,zIndex:1,"&:hover":{opacity:.8},"::before":{content:`""`,position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%,-50%)`,width:`100%`,height:`100%`}})),Xe=(0,j.forwardRef)(({children:e,horizontal:t=!1,vertical:n=!1,offset:r=2,scrollbarSize:i=6,scrollPadding:a=0,className:o,focusable:s=!1},c)=>j.createElement(Ke,{scrollbarsize:i,offset:r,className:o},j.createElement(qe,{ref:c,style:{scrollPadding:a},tabIndex:s?0:void 0,focusable:s},e),t&&j.createElement(Je,{orientation:`horizontal`,offset:r,horizontal:t.toString(),vertical:n.toString()},j.createElement(Ye,null)),n&&j.createElement(Je,{orientation:`vertical`,offset:r,horizontal:t.toString(),vertical:n.toString()},j.createElement(Ye,null)),t&&n&&j.createElement(Ge,null))),Xe.displayName=`ScrollArea`}));export{s as a,le as i,Xe as n,d as o,Ze as r,xe as t};

package/templates/.agents/design/apps/catalog/dist/storybook/assets/formatter-L2YTDE3Q-Bu6KfEwW.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-BdFrVu1K.js";import{_ as t,d as n,f as r,g as i}from"./iframe-LMhZM1ce.js";import{n as a,t as o}from"./chunk-DRQKCCAG-DUhJxxRU.js";var s;e((()=>{o(),t(),r(),s=(0,n(a(),1).default)(2)(async(e,t)=>e===!1?t:i(t))}))();export{s as formatter};

package/templates/.agents/design/apps/catalog/dist/storybook/assets/iframe-B4pfFtvJ.css

@@ -1 +0,0 @@
-.catalog-shell{background:var(--surface-muted);min-height:100vh;color:var(--text);transition:background .18s,color .18s}.topbar{z-index:20;color:#f1f5f9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e17f0;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:84px;height:40px;display:block}.brand-product{color:#f1f5f9;letter-spacing:.02em;border-left:1px solid #fff3;padding-left:12px;font-size:.84rem;font-weight:700}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar nav{gap:8px;display:flex}.topbar nav a{color:#94a3b8;border-radius:999px;padding:9px 14px;text-decoration:none}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:#00b0f0;background:#00b0f01f}.theme-toggle{color:#f1f5f9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:.78rem;font-weight:700;display:inline-flex}.theme-toggle:hover{background:#00b0f01a;border-color:#00b0f08c}main{width:min(1180px,90vw);margin:0 auto;padding-bottom:80px}.page-intro{padding:clamp(72px,10vw,128px) 0 56px}.eyebrow,.metric-label{color:#006b91;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.05em;max-width:900px;margin:12px 0 0;font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.05}.lede{color:#526176;max-width:760px;margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.catalog-section{border-top:1px solid #dbe4ef;padding:48px 0}.section-heading{grid-template-columns:minmax(0,.75fr) minmax(260px,1fr);gap:32px;margin-bottom:28px;display:grid}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.section-heading p{color:#526176;margin:4px 0 0;line-height:1.65}.swatch-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.swatch{background:#fff;border:1px solid #dbe4ef;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px #0f172a14}.swatch>div{border-bottom:1px solid #0f172a14;height:118px}.swatch strong,.swatch code,.swatch small{margin-inline:18px;display:block}.swatch strong{margin-top:16px}.swatch code{color:#006b91;margin-top:4px}.swatch small{color:#526176;margin-top:8px;margin-bottom:18px}.type-sample{border-bottom:1px solid #dbe4ef;padding:24px 0}.type-sample:last-child{border:0}.type-sample span{color:#006b91;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:700;display:block}.type-display{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,4rem);font-weight:650;line-height:1.05}.type-heading{letter-spacing:-.035em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:650;line-height:1.15}.type-body{max-width:720px;font-size:1rem;line-height:1.65}.two-column,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.row,.specimen-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.specimen-row:first-child{margin-top:0}.scale-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.scale-grid div{background:#fff;border:1px solid #dbe4ef;border-radius:16px;align-content:center;justify-items:center;gap:12px;min-height:112px;display:grid}.scale-grid span{background:#00b0f0;min-width:4px;height:20px;display:block}.scale-grid i{border:2px solid #00b0f0;width:48px;height:48px}.scale-grid code{color:#526176;font-size:.72rem}footer{color:#94a3b8;background:#0a0e17;border-top:1px solid #ffffff1f;justify-content:space-between;gap:20px;padding:28px 5vw;font-size:.8rem;display:flex}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding-block:14px}.topbar nav{width:100%}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.topbar nav a{text-align:center;flex:1}main{width:min(100% - 32px,1180px)}.section-heading,.two-column,.form-grid,.dark-specimen{grid-template-columns:1fr}.semantic-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scale-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{flex-direction:column}}@media (width<=480px){.semantic-grid,.metric-grid{grid-template-columns:1fr}.scale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.semantic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.semantic-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;align-items:flex-start;gap:16px;min-height:148px;padding:22px;display:flex}.semantic-success{background:linear-gradient(145deg, #16a34a1f, var(--surface) 72%);border-color:#16a34a4d}.semantic-warning{background:linear-gradient(145deg, #d977061f, var(--surface) 72%);border-color:#d9770652}.semantic-danger{background:linear-gradient(145deg, #dc26261a, var(--surface) 72%);border-color:#dc26264d}.semantic-dot{border:4px solid var(--surface);border-radius:50%;flex:none;width:18px;height:18px;margin-top:3px;box-shadow:0 0 0 1px}.semantic-card strong,.semantic-card code{display:block}.semantic-card p{color:var(--text-muted);margin:7px 0 14px;line-height:1.45}.semantic-card code{color:var(--text-secondary);font-size:.78rem}.dark-specimen{color:#f1f5f9;background:radial-gradient(circle at 88% 8%,#00b0f02b,#0000 28%),#0a0e17;border:1px solid #ffffff1f;border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px;padding:clamp(24px,5vw,48px);display:grid;overflow:hidden;box-shadow:0 24px 64px #0f172a33}.dark-specimen-copy>.eyebrow{color:#7dd3fc;margin-top:40px}.dark-specimen h3{letter-spacing:-.045em;max-width:620px;margin:10px 0 14px;font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.03}.dark-specimen-copy>p:not(.eyebrow){color:#94a3b8;max-width:600px;line-height:1.65}.dark-specimen .button-secondary{color:#7dd3fc}.dark-metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:1px solid #ffffff1f;border-radius:24px;align-self:end;padding:24px}.dark-metric-card>strong{color:#fff;letter-spacing:-.055em;margin:18px 0 32px;font-size:clamp(2.6rem,6vw,4.5rem);line-height:1;display:block}.dark-status-row{flex-wrap:wrap;gap:8px;display:flex}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#111827;--surface-muted:#0a0e17;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#ffffff1f}.theme-dark .catalog-section,.theme-dark .type-sample{border-color:var(--border)}.theme-dark .lede,.theme-dark .section-heading p,.theme-dark .swatch small,.theme-dark .scale-grid code{color:var(--text-muted)}.theme-dark .swatch,.theme-dark .scale-grid>div{border-color:var(--border);background:var(--surface);box-shadow:none}.theme-dark .swatch code,.theme-dark .type-sample span,.theme-dark .eyebrow,.theme-dark .metric-label{color:#7dd3fc}.theme-dark .swatch>div{border-color:var(--border)}.card{background:#fff;border:1px solid #dbe4ef;border-radius:24px;padding:24px;box-shadow:0 18px 48px #0f172a14}.card-accent{background:linear-gradient(#f3feff 0%,#fff 100%)}.card h3{letter-spacing:-.025em;margin:24px 0 8px;font-size:1.45rem}.card>p{color:#526176;line-height:1.65}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:46px;padding:12px 22px;font-weight:700;transition:transform .15s,filter .15s,background .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{color:#042330;background:linear-gradient(135deg,#00b0f0 0%,#72f4fb 100%)}.button-secondary{color:#006b91;background:0 0;border-color:#00b0f073}.button-ghost{color:#0f172a;background:#fff;border-color:#dbe4ef}.button:disabled{opacity:.48;cursor:not-allowed}.badge{color:#475569;background:#eef2f7;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-accent{color:#006b91;background:#dffcff}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fffbeb}.badge-error{color:#b91c1c;background:#fef2f2}.field{color:#0f172a;flex-direction:column;gap:8px;font-weight:650;display:flex}.field small,.field i{color:#526176;font-size:.78rem;font-style:normal;font-weight:400;line-height:1.5}.field input,.field select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:100%;min-height:48px;padding:12px 14px}.field input[aria-invalid=true]{border-color:#dc2626}.field em{color:#dc2626;font-size:.78rem;font-style:normal;font-weight:600}.form-grid{row-gap:24px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin-top:14px;font-size:clamp(2rem,4vw,3rem);display:block}.metric-change{color:#526176;margin-bottom:0}.table-wrap{background:#fff;border:1px solid #dbe4ef;border-radius:24px;overflow-x:auto;box-shadow:0 18px 48px #0f172a14}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid #dbe4ef;padding:16px 20px}th{color:#526176;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}tbody tr:last-child td{border-bottom:0}.table-wrap td small{color:#526176;margin-top:4px;display:block}.number{text-align:right;font-variant-numeric:tabular-nums}.empty-state{text-align:center;justify-items:center;padding:28px;display:grid}.empty-state h3{margin:18px 0 0}.empty-state p{max-width:440px;margin:8px 0 24px}.empty-icon{color:#006b91;background:#dffcff;border-radius:24px;place-items:center;width:64px;height:64px;font-size:2rem;display:grid}.theme-dark .card,.theme-dark .table-wrap{border-color:var(--border);background:var(--surface);box-shadow:none}.theme-dark .card-accent{background:linear-gradient(180deg, #00b0f017 0%, var(--surface) 100%)}.theme-dark .card>p,.theme-dark .metric-change,.theme-dark .table-wrap td small,.theme-dark th,.theme-dark .field small,.theme-dark .field i{color:var(--text-muted)}.theme-dark .field{color:var(--text)}.theme-dark .field input,.theme-dark .field select,.theme-dark .button-ghost{border-color:var(--border);color:var(--text);background:#0f172a}.theme-dark .button-secondary{color:#7dd3fc}.theme-dark th,.theme-dark td{border-color:var(--border)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;--primary:#00b0f0;--primary-strong:#018abb;--primary-ink:#006b91;--secondary:#0a0e17;--surface:#fff;--surface-muted:#f5f7fb;--text:#0f172a;--text-secondary:#475569;--text-muted:#526176;--border:#dbe4ef;--neutral-border:#e2e8f0;--neutral-muted:#94a3b8;--neutral-surface:#f8fafc;--success:#16a34a;--success-ink:#166534;--warning:#d97706;--warning-ink:#92400e;--error:#dc2626;--error-ink:#b91c1c;--focus:#00b0f0;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f5f7fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #00b0f073}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition-duration:.01ms}}