@zaip-ai/cli 1.0.4 → 1.0.7

package/templates/.agents/design/apps/catalog/dist/storybook/assets/CatalogShell-BWY-80s4.js

@@ -0,0 +1 @@
+import{i as e,s as t}from"./preload-helper-BdFrVu1K.js";import{D as n}from"./iframe-9yZfIsdT.js";import{t as r}from"./jsx-runtime-f3rHp9ZU.js";function i(e){e?.focus()}function a(e,t,n,r){if(e.key===`Escape`){e.preventDefault(),r();return}if(e.key!==`Tab`||t.length===0)return;let i=t.indexOf(n),a=e.shiftKey?i<=0?t.length-1:i-1:i<0||i===t.length-1?0:i+1;e.preventDefault(),t[a]?.focus()}var o=e((()=>{}));function s({variant:e=`primary`,className:t=``,...n}){return(0,b.jsx)(`button`,{className:`button button-${e} ${t}`.trim(),type:`button`,...n})}function c({children:e,tone:t=`neutral`}){return(0,b.jsx)(`span`,{className:`badge badge-${t}`,children:e})}function l({children:e,accent:t=!1}){return(0,b.jsx)(`article`,{className:t?`card card-accent`:`card`,children:e})}function u({label:e,value:t,change:n}){return(0,b.jsxs)(l,{children:[(0,b.jsx)(`p`,{className:`metric-label`,children:e}),(0,b.jsx)(`strong`,{className:`metric-value`,children:t}),(0,b.jsx)(`p`,{className:`metric-change`,children:n})]})}function d({label:e,hint:t,error:n,...r}){let i=`${r.id??r.name??`field`}-description`;return(0,b.jsxs)(`label`,{className:`field`,children:[(0,b.jsx)(`span`,{children:e}),t?(0,b.jsx)(`small`,{children:t}):null,(0,b.jsx)(`input`,{"aria-describedby":t||n?i:void 0,"aria-invalid":!!n,...r}),n?(0,b.jsx)(`em`,{id:i,children:n}):t?(0,b.jsx)(`i`,{id:i,children:t}):null]})}function f({label:e,children:t,...n}){return(0,b.jsxs)(`label`,{className:`field`,children:[(0,b.jsx)(`span`,{children:e}),(0,b.jsx)(`select`,{...n,children:t})]})}function p(){return(0,b.jsx)(l,{children:(0,b.jsxs)(`div`,{className:`empty-state`,children:[(0,b.jsx)(`span`,{className:`empty-icon`,"aria-hidden":`true`,children:`◇`}),(0,b.jsx)(`h3`,{children:`Nenhum item ainda`}),(0,b.jsx)(`p`,{children:`Crie o primeiro registro para começar a acompanhar esta área.`}),(0,b.jsx)(s,{children:`Adicionar item`})]})})}function m(){return(0,b.jsx)(`div`,{className:`table-wrap`,children:(0,b.jsxs)(`table`,{children:[(0,b.jsx)(`caption`,{className:`sr-only`,children:`Exemplo de execuções recentes`}),(0,b.jsx)(`thead`,{children:(0,b.jsxs)(`tr`,{children:[(0,b.jsx)(`th`,{children:`Execução`}),(0,b.jsx)(`th`,{children:`Status`}),(0,b.jsx)(`th`,{className:`number`,children:`Tokens`}),(0,b.jsx)(`th`,{className:`number`,children:`Custo`})]})}),(0,b.jsxs)(`tbody`,{children:[(0,b.jsxs)(`tr`,{children:[(0,b.jsxs)(`td`,{children:[(0,b.jsx)(`strong`,{children:`SPEC Checkout`}),(0,b.jsx)(`small`,{children:`há 12 min`})]}),(0,b.jsx)(`td`,{children:(0,b.jsx)(c,{tone:`success`,children:`Concluída`})}),(0,b.jsx)(`td`,{className:`number`,children:`82.410`}),(0,b.jsx)(`td`,{className:`number`,children:`R$ 18,42`})]}),(0,b.jsxs)(`tr`,{children:[(0,b.jsxs)(`td`,{children:[(0,b.jsx)(`strong`,{children:`Task Ajustar login`}),(0,b.jsx)(`small`,{children:`há 48 min`})]}),(0,b.jsx)(`td`,{children:(0,b.jsx)(c,{tone:`warning`,children:`Validando`})}),(0,b.jsx)(`td`,{className:`number`,children:`14.820`}),(0,b.jsx)(`td`,{className:`number`,children:`R$ 3,17`})]})]})]})})}function h(){return(0,b.jsxs)(`form`,{className:`filter-form`,onSubmit:e=>e.preventDefault(),children:[(0,b.jsxs)(f,{"aria-label":`Filtrar por status`,label:`Status`,defaultValue:`all`,children:[(0,b.jsx)(`option`,{value:`all`,children:`Todos os status`}),(0,b.jsx)(`option`,{value:`executing`,children:`Em execução`}),(0,b.jsx)(`option`,{value:`completed`,children:`Concluído`})]}),(0,b.jsx)(d,{label:`Buscar trabalho`,placeholder:`Task, SPEC ou PRD`,type:`search`}),(0,b.jsx)(s,{type:`submit`,children:`Aplicar filtros`}),(0,b.jsx)(s,{type:`reset`,variant:`ghost`,children:`Limpar`})]})}function g(){return(0,b.jsxs)(l,{children:[(0,b.jsxs)(`div`,{className:`chart-heading`,children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(`p`,{className:`metric-label`,children:`Tokens por execução`}),(0,b.jsx)(`strong`,{children:`Últimas 6 execuções`})]}),(0,b.jsx)(c,{tone:`accent`,children:`+12%`})]}),(0,b.jsx)(`div`,{"aria-label":`Gráfico de barras: uso de tokens cresce de 34 para 91 unidades nas últimas seis execuções.`,className:`bar-chart`,role:`img`,children:[34,56,43,78,62,91].map((e,t)=>(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`bar-chart-column`,style:{"--bar-size":`${e}%`},children:(0,b.jsx)(`i`,{})},`${e}-${t}`))}),(0,b.jsx)(`p`,{className:`chart-caption`,children:`O resumo textual preserva o significado fora da cor e da forma.`})]})}function _(){let[e,t]=(0,y.useState)(!1),n=(0,y.useRef)(null),r=(0,y.useRef)(null),o=(0,y.useRef)(null);return(0,y.useEffect)(()=>{if(!e)return;i(o.current);let s=e=>{a(e,Array.from(r.current?.querySelectorAll(`button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])`)??[]),document.activeElement,()=>t(!1))};return window.addEventListener(`keydown`,s),()=>{window.removeEventListener(`keydown`,s),i(n.current)}},[e]),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(l,{children:[(0,b.jsx)(`p`,{className:`metric-label`,children:`Dialog / popup`}),(0,b.jsx)(`h3`,{children:`Detalhe com foco explícito`}),(0,b.jsx)(`p`,{children:`Use para decisões focadas, com título, descrição e saída sempre disponíveis.`}),(0,b.jsx)(s,{onClick:()=>t(!0),ref:n,children:`Abrir exemplo`})]}),e?(0,b.jsx)(`div`,{className:`dialog-backdrop`,onMouseDown:e=>{e.target===e.currentTarget&&t(!1)},children:(0,b.jsxs)(`section`,{"aria-describedby":`catalog-dialog-description`,"aria-labelledby":`catalog-dialog-title`,"aria-modal":`true`,className:`dialog-panel`,ref:r,role:`dialog`,children:[(0,b.jsxs)(`header`,{children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(`p`,{className:`metric-label`,children:`Task em verificação`}),(0,b.jsx)(`h3`,{id:`catalog-dialog-title`,children:`Revisar evidências`})]}),(0,b.jsx)(`button`,{"aria-label":`Fechar diálogo`,className:`dialog-close`,onClick:()=>t(!1),ref:o,type:`button`,children:`×`})]}),(0,b.jsx)(`p`,{id:`catalog-dialog-description`,children:`Confirme os artefatos associados antes de concluir a etapa.`}),(0,b.jsxs)(`footer`,{children:[(0,b.jsx)(s,{onClick:()=>t(!1),variant:`secondary`,children:`Voltar`}),(0,b.jsx)(s,{onClick:()=>t(!1),children:`Confirmar revisão`})]})]})}):null]})}function v(){return(0,b.jsxs)(`div`,{className:`state-grid`,children:[(0,b.jsx)(l,{children:(0,b.jsxs)(`div`,{"aria-busy":`true`,"aria-live":`polite`,className:`state-panel`,children:[(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`loading-spinner`}),(0,b.jsxs)(`div`,{children:[(0,b.jsx)(`h3`,{children:`Carregando projeção`}),(0,b.jsx)(`p`,{children:`Aguarde enquanto os dados locais são consolidados.`})]})]})}),(0,b.jsx)(p,{}),(0,b.jsx)(l,{children:(0,b.jsxs)(`div`,{className:`state-panel state-error`,role:`alert`,children:[(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`state-symbol`,children:`!`}),(0,b.jsxs)(`div`,{children:[(0,b.jsx)(`h3`,{children:`Não foi possível atualizar`}),(0,b.jsx)(`p`,{children:`Verifique a sessão e tente novamente sem perder os filtros.`}),(0,b.jsx)(s,{variant:`secondary`,children:`Tentar novamente`})]})]})})]})}var y,b,x=e((()=>{y=t(n(),1),o(),b=r(),s.__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}}},c.__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}}}},l.__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}}}},u.__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:``}}},d.__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:``}}},f.__docgenInfo={description:``,methods:[],displayName:`SelectField`,props:{label:{required:!0,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``}}},p.__docgenInfo={description:``,methods:[],displayName:`EmptyState`},m.__docgenInfo={description:``,methods:[],displayName:`DataTable`},h.__docgenInfo={description:``,methods:[],displayName:`FilterForm`},g.__docgenInfo={description:``,methods:[],displayName:`ChartPanel`},_.__docgenInfo={description:``,methods:[],displayName:`DialogSpecimen`},v.__docgenInfo={description:``,methods:[],displayName:`StateGallery`}}));function S({children:e,page:t}){let[n,r]=(0,T.useState)(!1);return(0,E.jsxs)(`div`,{className:`catalog-shell${n?` theme-dark`:``}`,children:[(0,E.jsxs)(`header`,{className:`topbar`,children:[(0,E.jsxs)(`a`,{className:`brand`,href:`#/design-system`,"aria-label":`ZAIP Design System`,children:[(0,E.jsx)(`img`,{className:`brand-logo`,src:`logo_novo_azul.png`,alt:`ZAIP`}),(0,E.jsx)(`span`,{className:`brand-product`,children:`Design system`})]}),(0,E.jsxs)(`div`,{className:`topbar-actions`,children:[(0,E.jsxs)(`nav`,{"aria-label":`Catálogo visual`,children:[(0,E.jsx)(`a`,{"aria-current":t===`design-system`?`page`:void 0,href:`#/design-system`,children:`Design system`}),(0,E.jsx)(`a`,{"aria-current":t===`components`?`page`:void 0,href:`#/components`,children:`Components`})]}),(0,E.jsxs)(`button`,{className:`theme-toggle`,type:`button`,"aria-pressed":n,onClick:()=>r(e=>!e),children:[(0,E.jsx)(`span`,{"aria-hidden":`true`,children:n?`☀`:`☾`}),n?`Light mode`:`Dark mode`]})]})]}),(0,E.jsx)(`main`,{children:e}),(0,E.jsxs)(`footer`,{children:[(0,E.jsx)(`span`,{children:`Fonte canônica: .agents/design/DESIGN.md`}),(0,E.jsx)(`span`,{children:`ZAIP-AIOS · catálogo local`})]})]})}function C({eyebrow:e,title:t,description:n}){return(0,E.jsxs)(`section`,{className:`page-intro`,children:[(0,E.jsx)(`p`,{className:`eyebrow`,children:e}),(0,E.jsx)(`h1`,{children:t}),(0,E.jsx)(`p`,{className:`lede`,children:n})]})}function w({title:e,description:t,children:n}){return(0,E.jsxs)(`section`,{className:`catalog-section`,children:[(0,E.jsxs)(`div`,{className:`section-heading`,children:[(0,E.jsx)(`h2`,{children:e}),t?(0,E.jsx)(`p`,{children:t}):null]}),n]})}var T,E,D=e((()=>{T=t(n(),1),E=r(),S.__docgenInfo={description:``,methods:[],displayName:`CatalogShell`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``},page:{required:!0,tsType:{name:`string`},description:``}}},C.__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:``}}},w.__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:``}}}}));export{s as a,m as c,h as d,u as f,x as h,c as i,_ as l,v as m,w as n,l as o,f as p,D as r,g as s,C as t,d as u};

package/templates/.agents/design/apps/catalog/dist/storybook/assets/{Color-6AOWCN3U-D8qyAXo4.js → Color-6AOWCN3U-B-kAgAjB.js}

@@ -1 +1 @@
-import{i as e,s as t}from"./preload-helper-BdFrVu1K.js";import{D as n,n as r,r as i,t as a}from"./iframe-LMhZM1ce.js";import{r as o,t as s}from"./chunk-QQBDHPVZ-nYh9QWsm.js";import{a as c,u as l}from"./theming-CHbHkcNi.js";import{V as u,Y as d,d as f,n as p,o as m,x as h}from"./components-BX1OfYUi.js";function ee(e,t,{signal:n,edges:r}={}){let i,a=null,o=r!=null&&r.includes(`leading`),s=r==null||r.includes(`trailing`),c=()=>{a!==null&&(e.apply(i,a),i=void 0,a=null)},l=()=>{s&&c(),p()},u=null,d=()=>{u!=null&&clearTimeout(u),u=setTimeout(()=>{u=null,l()},t)},f=()=>{u!==null&&(clearTimeout(u),u=null)},p=()=>{f(),i=void 0,a=null},m=()=>{c()},h=function(...e){if(n?.aborted)return;i=this,a=e;let t=u==null;d(),o&&t&&c()};return h.schedule=d,h.cancel=p,h.flush=m,n?.addEventListener(`abort`,p,{once:!0}),h}function g(e,...t){return _(e,ne,...t)}function _(e,t,...n){let r=function(...r){let i=0,a=n.slice().map(e=>e===t?r[i++]:e),o=r.slice(i);return e.apply(this,a.concat(o))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function v(e,...t){return y(e,re,...t)}function y(e,t,...n){let r=function(...r){let i=n.filter(e=>e===t).length,a=Math.max(r.length-i,0),o=r.slice(0,a),s=a,c=n.slice().map(e=>e===t?r[s++]:e);return e.apply(this,o.concat(c))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function b(){return(b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function x(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}function S(e){var t=(0,T.useRef)(e),n=(0,T.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}function C(e,t,n){var r=S(n),i=(0,T.useState)(function(){return e.toHsva(t)}),a=i[0],o=i[1],s=(0,T.useRef)({color:t,hsva:a});return(0,T.useEffect)(function(){if(!e.equal(t,s.current.color)){var n=e.toHsva(t);s.current={hsva:n,color:t},o(n)}},[t,e]),(0,T.useEffect)(function(){var t;q(a,s.current.hsva)||e.equal(t=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:t},r(t))},[a,e,r]),[a,(0,T.useCallback)(function(e){o(function(t){return Object.assign({},t,e)})},[])]}var w,T,E,D,te,O,ne,re,k,A,j,M,N,P,F,I,L,ie,ae,R,oe,se,ce,le,z,B,V,H,ue,U,de,W,G,K,q,J,fe,pe,me,he,ge,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,Fe,Y,Ie,Le,Re,X,ze,Be,Z,Ve,He,Ue,We,Q,Ge,Ke,$,qe,Je,Ye;e((()=>{o(),i(),w=t(n(),1),h(),d(),T=t(n(),1),c(),E=a({"../../../node_modules/color-name/index.js"(e,t){t.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),D=a({"../../../node_modules/color-convert/conversions.js"(e,t){var n=E(),r={};for(let e of Object.keys(n))r[n[e]]=e;var i={rgb:{channels:3,labels:`rgb`},hsl:{channels:3,labels:`hsl`},hsv:{channels:3,labels:`hsv`},hwb:{channels:3,labels:`hwb`},cmyk:{channels:4,labels:`cmyk`},xyz:{channels:3,labels:`xyz`},lab:{channels:3,labels:`lab`},lch:{channels:3,labels:`lch`},hex:{channels:1,labels:[`hex`]},keyword:{channels:1,labels:[`keyword`]},ansi16:{channels:1,labels:[`ansi16`]},ansi256:{channels:1,labels:[`ansi256`]},hcg:{channels:3,labels:[`h`,`c`,`g`]},apple:{channels:3,labels:[`r16`,`g16`,`b16`]},gray:{channels:1,labels:[`gray`]}};t.exports=i;for(let e of Object.keys(i)){if(!(`channels`in i[e]))throw Error(`missing channels property: `+e);if(!(`labels`in i[e]))throw Error(`missing channel labels property: `+e);if(i[e].labels.length!==i[e].channels)throw Error(`channel and label counts mismatch: `+e);let{channels:t,labels:n}=i[e];delete i[e].channels,delete i[e].labels,Object.defineProperty(i[e],"channels",{value:t}),Object.defineProperty(i[e],"labels",{value:n})}i.rgb.hsl=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),a=Math.max(t,n,r),o=a-i,s,c;a===i?s=0:t===a?s=(n-r)/o:n===a?s=2+(r-t)/o:r===a&&(s=4+(t-n)/o),s=Math.min(s*60,360),s<0&&(s+=360);let l=(i+a)/2;return c=a===i?0:l<=.5?o/(a+i):o/(2-a-i),[s,c*100,l*100]},i.rgb.hsv=function(e){let t,n,r,i,a,o=e[0]/255,s=e[1]/255,c=e[2]/255,l=Math.max(o,s,c),u=l-Math.min(o,s,c),d=function(e){return(l-e)/6/u+1/2};return u===0?(i=0,a=0):(a=u/l,t=d(o),n=d(s),r=d(c),o===l?i=r-n:s===l?i=1/3+t-r:c===l&&(i=2/3+n-t),i<0?i+=1:i>1&&--i),[i*360,a*100,l*100]},i.rgb.hwb=function(e){let t=e[0],n=e[1],r=e[2],a=i.rgb.hsl(e)[0],o=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[a,o*100,r*100]},i.rgb.cmyk=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(1-t,1-n,1-r),a=(1-t-i)/(1-i)||0,o=(1-n-i)/(1-i)||0,s=(1-r-i)/(1-i)||0;return[a*100,o*100,s*100,i*100]};function a(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}i.rgb.keyword=function(e){let t=r[e];if(t)return t;let i=1/0,o;for(let t of Object.keys(n)){let r=n[t],s=a(e,r);s<i&&(i=s,o=t)}return o},i.keyword.rgb=function(e){return n[e]},i.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;let i=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,o=t*.0193+n*.1192+r*.9505;return[i*100,a*100,o*100]},i.rgb.lab=function(e){let t=i.rgb.xyz(e),n=t[0],r=t[1],a=t[2];return n/=95.047,r/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,[116*r-16,500*(n-r),200*(r-a)]},i.hsl.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i,a,o;if(n===0)return o=r*255,[o,o,o];i=r<.5?r*(1+n):r+n-r*n;let s=2*r-i,c=[0,0,0];for(let e=0;e<3;e++)a=t+1/3*-(e-1),a<0&&a++,a>1&&a--,o=6*a<1?s+(i-s)*6*a:2*a<1?i:3*a<2?s+(i-s)*(2/3-a)*6:s,c[e]=o*255;return c},i.hsl.hsv=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=n,a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,i*=a<=1?a:2-a;let o=(r+n)/2;return[t,(r===0?2*i/(a+i):2*n/(r+n))*100,o*100]},i.hsv.rgb=function(e){let t=e[0]/60,n=e[1]/100,r=e[2]/100,i=Math.floor(t)%6,a=t-Math.floor(t),o=255*r*(1-n),s=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,i){case 0:return[r,c,o];case 1:return[s,r,o];case 2:return[o,r,c];case 3:return[o,s,r];case 4:return[c,o,r];case 5:return[r,o,s]}},i.hsv.hsl=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=Math.max(r,.01),a,o;o=(2-n)*r;let s=(2-n)*i;return a=n*i,a/=s<=1?s:2-s,a||=0,o/=2,[t,a*100,o*100]},i.hwb.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i=n+r,a;i>1&&(n/=i,r/=i);let o=Math.floor(6*t),s=1-r;a=6*t-o,o&1&&(a=1-a);let c=n+a*(s-n),l,u,d;switch(o){default:case 6:case 0:l=s,u=c,d=n;break;case 1:l=c,u=s,d=n;break;case 2:l=n,u=s,d=c;break;case 3:l=n,u=c,d=s;break;case 4:l=c,u=n,d=s;break;case 5:l=s,u=n,d=c;break}return[l*255,u*255,d*255]},i.cmyk.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i=e[3]/100,a=1-Math.min(1,t*(1-i)+i),o=1-Math.min(1,n*(1-i)+i),s=1-Math.min(1,r*(1-i)+i);return[a*255,o*255,s*255]},i.xyz.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i,a,o;return i=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,o=t*.0557+n*-.204+r*1.057,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=Math.min(Math.max(0,i),1),a=Math.min(Math.max(0,a),1),o=Math.min(Math.max(0,o),1),[i*255,a*255,o*255]},i.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];return t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,[116*n-16,500*(t-n),200*(n-r)]},i.lab.xyz=function(e){let t=e[0],n=e[1],r=e[2],i,a,o;a=(t+16)/116,i=n/500+a,o=a-r/200;let s=a**3,c=i**3,l=o**3;return a=s>.008856?s:(a-16/116)/7.787,i=c>.008856?c:(i-16/116)/7.787,o=l>.008856?l:(o-16/116)/7.787,i*=95.047,a*=100,o*=108.883,[i,a,o]},i.lab.lch=function(e){let t=e[0],n=e[1],r=e[2],i;return i=Math.atan2(r,n)*360/2/Math.PI,i<0&&(i+=360),[t,Math.sqrt(n*n+r*r),i]},i.lch.lab=function(e){let t=e[0],n=e[1],r=e[2]/360*2*Math.PI;return[t,n*Math.cos(r),n*Math.sin(r)]},i.rgb.ansi16=function(e,t=null){let[n,r,a]=e,o=t===null?i.rgb.hsv(e)[2]:t;if(o=Math.round(o/50),o===0)return 30;let s=30+(Math.round(a/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return o===2&&(s+=60),s},i.hsv.ansi16=function(e){return i.rgb.ansi16(i.hsv.rgb(e),e[2])},i.rgb.ansi256=function(e){let t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)},i.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let n=(~~(e>50)+1)*.5;return[(t&1)*n*255,(t>>1&1)*n*255,(t>>2&1)*n*255]},i.ansi256.rgb=function(e){if(e>=232){let t=(e-232)*10+8;return[t,t,t]}e-=16;let t;return[Math.floor(e/36)/5*255,Math.floor((t=e%36)/6)/5*255,t%6/5*255]},i.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return`000000`.substring(t.length)+t},i.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split(``).map(e=>e+e).join(``));let r=parseInt(n,16);return[r>>16&255,r>>8&255,r&255]},i.rgb.hcg=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),o=i-a,s,c;return s=o<1?a/(1-o):0,c=o<=0?0:i===t?(n-r)/o%6:i===n?2+(r-t)/o:4+(t-n)/o,c/=6,c%=1,[c*360,o*100,s*100]},i.hsl.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n),i=0;return r<1&&(i=(n-.5*r)/(1-r)),[e[0],r*100,i*100]},i.hsv.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=t*n,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.hcg.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];let i=[0,0,0],a=t%1*6,o=a%1,s=1-o,c=0;switch(Math.floor(a)){case 0:i[0]=1,i[1]=o,i[2]=0;break;case 1:i[0]=s,i[1]=1,i[2]=0;break;case 2:i[0]=0,i[1]=1,i[2]=o;break;case 3:i[0]=0,i[1]=s,i[2]=1;break;case 4:i[0]=o,i[1]=0,i[2]=1;break;default:i[0]=1,i[1]=0,i[2]=s}return c=(1-n)*r,[(n*i[0]+c)*255,(n*i[1]+c)*255,(n*i[2]+c)*255]},i.hcg.hsv=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t),r=0;return n>0&&(r=t/n),[e[0],r*100,n*100]},i.hcg.hsl=function(e){let t=e[1]/100,n=e[2]/100*(1-t)+.5*t,r=0;return n>0&&n<.5?r=t/(2*n):n>=.5&&n<1&&(r=t/(2*(1-n))),[e[0],r*100,n*100]},i.hcg.hwb=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t);return[e[0],(n-t)*100,(1-n)*100]},i.hwb.hcg=function(e){let t=e[1]/100,n=1-e[2]/100,r=n-t,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},i.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},i.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},i.gray.hsl=function(e){return[0,0,e[0]]},i.gray.hsv=i.gray.hsl,i.gray.hwb=function(e){return[0,100,e[0]]},i.gray.cmyk=function(e){return[0,0,0,e[0]]},i.gray.lab=function(e){return[e[0],0,0]},i.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,n=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return`000000`.substring(n.length)+n},i.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),te=a({"../../../node_modules/color-convert/route.js"(e,t){var n=D();function r(){let e={},t=Object.keys(n);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function i(e){let t=r(),i=[e];for(t[e].distance=0;i.length;){let e=i.pop(),r=Object.keys(n[e]);for(let n=r.length,a=0;a<n;a++){let n=r[a],o=t[n];o.distance===-1&&(o.distance=t[e].distance+1,o.parent=e,i.unshift(n))}}return t}function a(e,t){return function(n){return t(e(n))}}function o(e,t){let r=[t[e].parent,e],i=n[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)r.unshift(t[o].parent),i=a(n[t[o].parent][o],i),o=t[o].parent;return i.conversion=r,i}t.exports=function(e){let t=i(e),n={},r=Object.keys(t);for(let e=r.length,i=0;i<e;i++){let e=r[i];t[e].parent!==null&&(n[e]=o(e,t))}return n}}}),O=r(a({"../../../node_modules/color-convert/index.js"(e,t){var n=D(),r=te(),i={},a=Object.keys(n);function o(e){let t=function(...t){let n=t[0];return n==null?n:(n.length>1&&(t=n),e(t))};return`conversion`in e&&(t.conversion=e.conversion),t}function s(e){let t=function(...t){let n=t[0];if(n==null)return n;n.length>1&&(t=n);let r=e(t);if(typeof r==`object`)for(let e=r.length,t=0;t<e;t++)r[t]=Math.round(r[t]);return r};return`conversion`in e&&(t.conversion=e.conversion),t}a.forEach(e=>{i[e]={},Object.defineProperty(i[e],"channels",{value:n[e].channels}),Object.defineProperty(i[e],"labels",{value:n[e].labels});let t=r(e);Object.keys(t).forEach(n=>{let r=t[n];i[e][n]=s(r),i[e][n].raw=o(r)})}),t.exports=i}})(),1),ne=Symbol(`partial.placeholder`),g.placeholder=ne,re=Symbol(`partialRight.placeholder`),v.placeholder=re,k=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},A=function(e){return`touches`in e},j=function(e){return e&&e.ownerDocument.defaultView||self},M=function(e,t,n){var r=e.getBoundingClientRect(),i=A(t)?(function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]})(t.touches,n):t;return{left:k((i.pageX-(r.left+j(e).pageXOffset))/r.width),top:k((i.pageY-(r.top+j(e).pageYOffset))/r.height)}},N=function(e){!A(e)&&e.preventDefault()},P=T.memo(function(e){var t=e.onMove,n=e.onKey,r=x(e,[`onMove`,`onKey`]),i=(0,T.useRef)(null),a=S(t),o=S(n),s=(0,T.useRef)(null),c=(0,T.useRef)(!1),l=(0,T.useMemo)(function(){var e=function(e){N(e),(A(e)?e.touches.length>0:e.buttons>0)&&i.current?a(M(i.current,e,s.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=c.current,a=j(i.current),o=n?a.addEventListener:a.removeEventListener;o(r?`touchmove`:`mousemove`,e),o(r?`touchend`:`mouseup`,t)}return[function(e){var t=e.nativeEvent,r=i.current;if(r&&(N(t),!(function(e,t){return t&&!A(e)})(t,c.current)&&r)){if(A(t)){c.current=!0;var o=t.changedTouches||[];o.length&&(s.current=o[0].identifier)}r.focus(),a(M(r,t,s.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),o({left:t===39?.05:t===37?-.05:0,top:t===40?.05:t===38?-.05:0}))},n]},[o,a]),u=l[0],d=l[1],f=l[2];return(0,T.useEffect)(function(){return f},[f]),T.createElement(`div`,b({},r,{onTouchStart:u,onMouseDown:u,className:`react-colorful__interactive`,ref:i,onKeyDown:d,tabIndex:0,role:`slider`}))}),F=function(e){return e.filter(Boolean).join(` `)},I=function(e){var t=e.color,n=e.left,r=e.top,i=r===void 0?.5:r,a=F([`react-colorful__pointer`,e.className]);return T.createElement(`div`,{className:a,style:{top:100*i+`%`,left:100*n+`%`}},T.createElement(`div`,{className:`react-colorful__pointer-fill`,style:{backgroundColor:t}}))},L=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=10**t),Math.round(n*e)/n},ie={grad:.9,turn:360,rad:360/(2*Math.PI)},ae=function(e){return W(R(e))},R=function(e){return e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?L(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?L(parseInt(e.substring(6,8),16)/255,2):1}},oe=function(e,t){return t===void 0&&(t=`deg`),Number(e)*(ie[t]||1)},se=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ce({h:oe(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},ce=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},le=function(e){return de(H(e))},z=function(e){var t=e.s,n=e.v,r=e.a,i=(200-t)*n/100;return{h:L(e.h),s:L(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:L(i/2),a:L(r,2)}},B=function(e){var t=z(e);return`hsl(`+t.h+`, `+t.s+`%, `+t.l+`%)`},V=function(e){var t=z(e);return`hsla(`+t.h+`, `+t.s+`%, `+t.l+`%, `+t.a+`)`},H=function(e){var t=e.h,n=e.s,r=e.v,i=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),o=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),l=a%6;return{r:L(255*[r,s,o,o,c,r][l]),g:L(255*[c,r,r,s,o,o][l]),b:L(255*[o,o,c,r,r,s][l]),a:L(i,2)}},ue=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?W({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},U=function(e){var t=e.toString(16);return t.length<2?`0`+t:t},de=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=i<1?U(L(255*i)):``;return`#`+U(t)+U(n)+U(r)+a},W=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=Math.max(t,n,r),o=a-Math.min(t,n,r),s=o?a===t?(n-r)/o:a===n?2+(r-t)/o:4+(t-n)/o:0;return{h:L(60*(s<0?s+6:s)),s:L(a?o/a*100:0),v:L(a/255*100),a:i}},G=T.memo(function(e){var t=e.hue,n=e.onChange,r=F([`react-colorful__hue`,e.className]);return T.createElement(`div`,{className:r},T.createElement(P,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:k(t+360*e.left,0,360)})},"aria-label":`Hue`,"aria-valuenow":L(t),"aria-valuemax":`360`,"aria-valuemin":`0`},T.createElement(I,{className:`react-colorful__hue-pointer`,left:t/360,color:B({h:t,s:100,v:100,a:1})})))}),K=T.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:B({h:t.h,s:100,v:100,a:1})};return T.createElement(`div`,{className:`react-colorful__saturation`,style:r},T.createElement(P,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:k(t.s+100*e.left,0,100),v:k(t.v-100*e.top,0,100)})},"aria-label":`Color`,"aria-valuetext":`Saturation `+L(t.s)+`%, Brightness `+L(t.v)+`%`},T.createElement(I,{className:`react-colorful__saturation-pointer`,top:1-t.v/100,left:t.s/100,color:B(t)})))}),q=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},J=function(e,t){return e.replace(/\s/g,``)===t.replace(/\s/g,``)},fe=function(e,t){return e.toLowerCase()===t.toLowerCase()||q(R(e),R(t))},me=typeof window<`u`?T.useLayoutEffect:T.useEffect,he=function(){return pe||(typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0)},ge=new Map,_e=function(e){me(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!ge.has(t)){var n=t.createElement(`style`);n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,ge.set(t,n);var r=he();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},ve=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=x(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,T.useRef)(null);_e(s);var c=C(n,i,a),l=c[0],u=c[1],d=F([`react-colorful`,t]);return T.createElement(`div`,b({},o,{ref:s,className:d}),T.createElement(K,{hsva:l,onChange:u}),T.createElement(G,{hue:l.h,onChange:u,className:`react-colorful__last-control`}))},ye={defaultColor:`000`,toHsva:ae,fromHsva:function(e){return le({h:e.h,s:e.s,v:e.v,a:1})},equal:fe},be=function(e){return T.createElement(ve,b({},e,{colorModel:ye}))},xe=function(e){var t=e.className,n=e.hsva,r=e.onChange,i={backgroundImage:`linear-gradient(90deg, `+V(Object.assign({},n,{a:0}))+`, `+V(Object.assign({},n,{a:1}))+`)`},a=F([`react-colorful__alpha`,t]),o=L(100*n.a);return T.createElement(`div`,{className:a},T.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:i}),T.createElement(P,{onMove:function(e){r({a:e.left})},onKey:function(e){r({a:k(n.a+e.left)})},"aria-label":`Alpha`,"aria-valuetext":o+`%`,"aria-valuenow":o,"aria-valuemin":`0`,"aria-valuemax":`100`},T.createElement(I,{className:`react-colorful__alpha-pointer`,left:n.a,color:V(n)})))},Se=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=x(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,T.useRef)(null);_e(s);var c=C(n,i,a),l=c[0],u=c[1],d=F([`react-colorful`,t]);return T.createElement(`div`,b({},o,{ref:s,className:d}),T.createElement(K,{hsva:l,onChange:u}),T.createElement(G,{hue:l.h,onChange:u}),T.createElement(xe,{hsva:l,onChange:u,className:`react-colorful__last-control`}))},Ce={defaultColor:`hsla(0, 0%, 0%, 1)`,toHsva:se,fromHsva:V,equal:J},we=function(e){return T.createElement(Se,b({},e,{colorModel:Ce}))},Te={defaultColor:`rgba(0, 0, 0, 1)`,toHsva:ue,fromHsva:function(e){var t=H(e);return`rgba(`+t.r+`, `+t.g+`, `+t.b+`, `+t.a+`)`},equal:J},Ee=function(e){return T.createElement(Se,b({},e,{colorModel:Te}))},De=l.div({position:`relative`,maxWidth:250}),Oe=l.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:`4px 4px 0 0`},".react-colorful__hue":{boxShadow:`inset 0 0 0 1px rgb(0 0 0 / 5%)`},".react-colorful__last-control":{borderRadius:`0 0 4px 4px`}}),ke=l.div({display:`grid`,gridTemplateColumns:`repeat(9, 16px)`,gap:6,padding:3,marginTop:5,width:200}),Ae=e=>`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${e?`white`:`black`}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,je=l(p)(({value:e,selected:t,theme:n})=>({width:16,height:16,boxShadow:t?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,border:`none`,borderRadius:n.appBorderRadius,"&, &:hover":{background:`unset`,backgroundColor:`unset`,backgroundImage:`linear-gradient(${e}, ${e}), ${Ae(n.base===`dark`)}`}})),Me=l(m.Input)(({theme:e})=>({width:`100%`,paddingLeft:30,paddingRight:30,boxSizing:`border-box`,fontFamily:e.typography.fonts.base,'[aria-readonly="true"] > &':{background:e.base===`light`?e.color.lighter:`transparent`}})),Ne=l(je)(({disabled:e})=>({position:`absolute`,top:4,left:4,zIndex:1,cursor:e?`not-allowed`:`pointer`})),Pe=l(p)(({theme:e})=>({position:`absolute`,zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:`border-box`,cursor:`pointer`,color:e.input.color})),Fe=(e=>(e.RGB=`rgb`,e.HSL=`hsl`,e.HEX=`hex`,e))(Fe||{}),Y=Object.values(Fe),Ie=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Le=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Re=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,X=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,ze=/^\s*#?([0-9a-f]{3})\s*$/i,Be={hex:be,rgb:Ee,hsl:we},Z={hex:`transparent`,rgb:`rgba(0, 0, 0, 0)`,hsl:`hsla(0, 0%, 0%, 0)`},Ve=e=>{let t=e?.match(Ie);if(!t)return[0,0,0,1];let[,n,r,i,a=1]=t;return[n,r,i,a].map(Number)},He=e=>{let[t,n,r,i]=Ve(e),[a,o,s]=O.default.rgb.hsl([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:O.default.rgb.keyword([t,n,r]),colorSpace:`rgb`,rgb:e,hsl:`hsla(${a}, ${o}%, ${s}%, ${i})`,hex:`#${O.default.rgb.hex([t,n,r]).toLowerCase()}`}},Ue=e=>{let[t,n,r,i]=Ve(e),[a,o,s]=O.default.hsl.rgb([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:O.default.hsl.keyword([t,n,r]),colorSpace:`hsl`,rgb:`rgba(${a}, ${o}, ${s}, ${i})`,hsl:e,hex:`#${O.default.hsl.hex([t,n,r]).toLowerCase()}`}},We=e=>{let t=e.replace(`#`,``),n=O.default.keyword.rgb(t)||O.default.hex.rgb(t),r=O.default.rgb.hsl(n),i=e;/[^#a-f0-9]/i.test(e)?i=t:X.test(e)&&(i=`#${t}`);let a=!0;if(i.startsWith(`#`))a=X.test(i);else try{O.default.keyword.hex(i)}catch{a=!1}return{valid:a,value:i,keyword:O.default.rgb.keyword(n),colorSpace:`hex`,rgb:`rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`,hsl:`hsla(${r[0]}, ${r[1]}%, ${r[2]}%, 1)`,hex:i}},Q=e=>{if(e)return Le.test(e)?He(e):Re.test(e)?Ue(e):We(e)},Ge=(e,t,n)=>{if(!e||!t?.valid)return Z[n];if(n!==`hex`)return t?.[n]||Z[n];if(!t.hex.startsWith(`#`))try{return`#${O.default.keyword.hex(t.hex)}`}catch{return Z.hex}let r=t.hex.match(ze);if(!r)return X.test(t.hex)?t.hex:Z.hex;let[i,a,o]=r[1].split(``);return`#${i}${i}${a}${a}${o}${o}`},Ke=(e,t)=>{let[n,r]=(0,w.useState)(e||``),[i,a]=(0,w.useState)(()=>Q(n)),[o,s]=(0,w.useState)(i?.colorSpace||`hex`);return(0,w.useEffect)(()=>{let t=e||``,n=Q(t);r(t),a(n),s(n?.colorSpace||`hex`)},[e]),{value:n,realValue:(0,w.useMemo)(()=>Ge(n,i,o).toLowerCase(),[n,i,o]),updateValue:(0,w.useCallback)(e=>{let n=Q(e),i=n?.value||e||``;r(i),i===``&&(a(void 0),t(void 0)),n&&(a(n),s(n.colorSpace),t(n.value))},[t]),color:i,colorSpace:o,cycleColorSpace:(0,w.useCallback)(()=>{let e=Y[(Y.indexOf(o)+1)%Y.length];s(e);let n=i?.[e]||``;r(n),t(n)},[i,o,t])}},$=e=>e.replace(/\s*/,``).toLowerCase(),qe=(e,t,n,r=27)=>{let[i,a]=(0,w.useState)(t?.valid?[t]:[]);(0,w.useEffect)(()=>{t===void 0&&a([])},[t]);let o=(0,w.useMemo)(()=>{let t=(e||[]).map(e=>typeof e==`string`?Q(e):e.title?{...Q(e.color),keyword:e.title}:Q(e.color)).concat(i).filter(Boolean);if(r===0||r===1/0)return t;let n=Number.isInteger(r)&&r>0?r:27;return t.slice(-n)},[e,i,r]);return{presets:o,addPreset:(0,w.useCallback)(e=>{e?.valid&&(o.some(t=>t&&t[n]&&$(t[n]||``)===$(e[n]||``))||a(t=>t.concat(e)))},[n,o])}},Je=({name:e,storyId:t,controlsId:n,value:r,onChange:i,onFocus:a,onBlur:o,presetColors:c,maxPresetColors:l,startOpen:d=!1,argType:p,required:m})=>{let{value:h,realValue:g,updateValue:_,color:v,colorSpace:y,cycleColorSpace:b}=Ke(r,(0,w.useCallback)(ee(i,200),[i])),{presets:x,addPreset:S}=qe(c??[],v,y,l),C=Be[y],T=!!p?.table?.readonly,E=s(e,t,n);return w.createElement(De,null,w.createElement(`label`,{htmlFor:E,className:`sb-sr-only`},e),w.createElement(Me,{id:E,value:h,onChange:e=>_(e.target.value),onFocus:e=>e.target.select(),readOnly:T,"aria-required":m||void 0,placeholder:`Choose color...`}),w.createElement(f,{ariaLabel:`Color picker`,defaultVisible:d,visible:!T&&void 0,onVisibleChange:()=>v&&S(v),popover:w.createElement(Oe,null,w.createElement(C,{color:g===`transparent`?`#000000`:g,onChange:_,onFocus:a,onBlur:o}),x.length>0&&w.createElement(ke,null,x.map((e,t)=>w.createElement(je,{key:`${e?.value||t}-${t}`,variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Pick this color`,tooltip:e?.keyword||e?.value||``,value:e?.value||``,selected:!!(v&&e&&e[y]&&$(e[y]||``)===$(v[y])),onClick:()=>e&&_(e.value||``)}))))},w.createElement(Ne,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Open color picker`,value:g,style:{margin:4},disabled:T})),h?w.createElement(Pe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Cycle through color spaces`,disabled:T,onClick:T?void 0:b},w.createElement(u,null)):null)},Ye=Je}))();export{Je as ColorControl,Ye as default};
+import{i as e,s as t}from"./preload-helper-BdFrVu1K.js";import{D as n,n as r,r as i,t as a}from"./iframe-9yZfIsdT.js";import{r as o,t as s}from"./chunk-QQBDHPVZ-nYh9QWsm.js";import{a as c,u as l}from"./theming-DS_ue2sb.js";import{V as u,Y as d,d as f,n as p,o as m,x as h}from"./components-CN8YyTUg.js";function ee(e,t,{signal:n,edges:r}={}){let i,a=null,o=r!=null&&r.includes(`leading`),s=r==null||r.includes(`trailing`),c=()=>{a!==null&&(e.apply(i,a),i=void 0,a=null)},l=()=>{s&&c(),p()},u=null,d=()=>{u!=null&&clearTimeout(u),u=setTimeout(()=>{u=null,l()},t)},f=()=>{u!==null&&(clearTimeout(u),u=null)},p=()=>{f(),i=void 0,a=null},m=()=>{c()},h=function(...e){if(n?.aborted)return;i=this,a=e;let t=u==null;d(),o&&t&&c()};return h.schedule=d,h.cancel=p,h.flush=m,n?.addEventListener(`abort`,p,{once:!0}),h}function g(e,...t){return _(e,ne,...t)}function _(e,t,...n){let r=function(...r){let i=0,a=n.slice().map(e=>e===t?r[i++]:e),o=r.slice(i);return e.apply(this,a.concat(o))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function v(e,...t){return y(e,re,...t)}function y(e,t,...n){let r=function(...r){let i=n.filter(e=>e===t).length,a=Math.max(r.length-i,0),o=r.slice(0,a),s=a,c=n.slice().map(e=>e===t?r[s++]:e);return e.apply(this,o.concat(c))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function b(){return(b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function x(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}function S(e){var t=(0,T.useRef)(e),n=(0,T.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}function C(e,t,n){var r=S(n),i=(0,T.useState)(function(){return e.toHsva(t)}),a=i[0],o=i[1],s=(0,T.useRef)({color:t,hsva:a});return(0,T.useEffect)(function(){if(!e.equal(t,s.current.color)){var n=e.toHsva(t);s.current={hsva:n,color:t},o(n)}},[t,e]),(0,T.useEffect)(function(){var t;q(a,s.current.hsva)||e.equal(t=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:t},r(t))},[a,e,r]),[a,(0,T.useCallback)(function(e){o(function(t){return Object.assign({},t,e)})},[])]}var w,T,E,D,te,O,ne,re,k,A,j,M,N,P,F,I,L,ie,ae,R,oe,se,ce,le,z,B,V,H,ue,U,de,W,G,K,q,J,fe,pe,me,he,ge,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,Fe,Y,Ie,Le,Re,X,ze,Be,Z,Ve,He,Ue,We,Q,Ge,Ke,$,qe,Je,Ye;e((()=>{o(),i(),w=t(n(),1),h(),d(),T=t(n(),1),c(),E=a({"../../../node_modules/color-name/index.js"(e,t){t.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),D=a({"../../../node_modules/color-convert/conversions.js"(e,t){var n=E(),r={};for(let e of Object.keys(n))r[n[e]]=e;var i={rgb:{channels:3,labels:`rgb`},hsl:{channels:3,labels:`hsl`},hsv:{channels:3,labels:`hsv`},hwb:{channels:3,labels:`hwb`},cmyk:{channels:4,labels:`cmyk`},xyz:{channels:3,labels:`xyz`},lab:{channels:3,labels:`lab`},lch:{channels:3,labels:`lch`},hex:{channels:1,labels:[`hex`]},keyword:{channels:1,labels:[`keyword`]},ansi16:{channels:1,labels:[`ansi16`]},ansi256:{channels:1,labels:[`ansi256`]},hcg:{channels:3,labels:[`h`,`c`,`g`]},apple:{channels:3,labels:[`r16`,`g16`,`b16`]},gray:{channels:1,labels:[`gray`]}};t.exports=i;for(let e of Object.keys(i)){if(!(`channels`in i[e]))throw Error(`missing channels property: `+e);if(!(`labels`in i[e]))throw Error(`missing channel labels property: `+e);if(i[e].labels.length!==i[e].channels)throw Error(`channel and label counts mismatch: `+e);let{channels:t,labels:n}=i[e];delete i[e].channels,delete i[e].labels,Object.defineProperty(i[e],"channels",{value:t}),Object.defineProperty(i[e],"labels",{value:n})}i.rgb.hsl=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),a=Math.max(t,n,r),o=a-i,s,c;a===i?s=0:t===a?s=(n-r)/o:n===a?s=2+(r-t)/o:r===a&&(s=4+(t-n)/o),s=Math.min(s*60,360),s<0&&(s+=360);let l=(i+a)/2;return c=a===i?0:l<=.5?o/(a+i):o/(2-a-i),[s,c*100,l*100]},i.rgb.hsv=function(e){let t,n,r,i,a,o=e[0]/255,s=e[1]/255,c=e[2]/255,l=Math.max(o,s,c),u=l-Math.min(o,s,c),d=function(e){return(l-e)/6/u+1/2};return u===0?(i=0,a=0):(a=u/l,t=d(o),n=d(s),r=d(c),o===l?i=r-n:s===l?i=1/3+t-r:c===l&&(i=2/3+n-t),i<0?i+=1:i>1&&--i),[i*360,a*100,l*100]},i.rgb.hwb=function(e){let t=e[0],n=e[1],r=e[2],a=i.rgb.hsl(e)[0],o=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[a,o*100,r*100]},i.rgb.cmyk=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(1-t,1-n,1-r),a=(1-t-i)/(1-i)||0,o=(1-n-i)/(1-i)||0,s=(1-r-i)/(1-i)||0;return[a*100,o*100,s*100,i*100]};function a(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}i.rgb.keyword=function(e){let t=r[e];if(t)return t;let i=1/0,o;for(let t of Object.keys(n)){let r=n[t],s=a(e,r);s<i&&(i=s,o=t)}return o},i.keyword.rgb=function(e){return n[e]},i.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;let i=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,o=t*.0193+n*.1192+r*.9505;return[i*100,a*100,o*100]},i.rgb.lab=function(e){let t=i.rgb.xyz(e),n=t[0],r=t[1],a=t[2];return n/=95.047,r/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,[116*r-16,500*(n-r),200*(r-a)]},i.hsl.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i,a,o;if(n===0)return o=r*255,[o,o,o];i=r<.5?r*(1+n):r+n-r*n;let s=2*r-i,c=[0,0,0];for(let e=0;e<3;e++)a=t+1/3*-(e-1),a<0&&a++,a>1&&a--,o=6*a<1?s+(i-s)*6*a:2*a<1?i:3*a<2?s+(i-s)*(2/3-a)*6:s,c[e]=o*255;return c},i.hsl.hsv=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=n,a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,i*=a<=1?a:2-a;let o=(r+n)/2;return[t,(r===0?2*i/(a+i):2*n/(r+n))*100,o*100]},i.hsv.rgb=function(e){let t=e[0]/60,n=e[1]/100,r=e[2]/100,i=Math.floor(t)%6,a=t-Math.floor(t),o=255*r*(1-n),s=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,i){case 0:return[r,c,o];case 1:return[s,r,o];case 2:return[o,r,c];case 3:return[o,s,r];case 4:return[c,o,r];case 5:return[r,o,s]}},i.hsv.hsl=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=Math.max(r,.01),a,o;o=(2-n)*r;let s=(2-n)*i;return a=n*i,a/=s<=1?s:2-s,a||=0,o/=2,[t,a*100,o*100]},i.hwb.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i=n+r,a;i>1&&(n/=i,r/=i);let o=Math.floor(6*t),s=1-r;a=6*t-o,o&1&&(a=1-a);let c=n+a*(s-n),l,u,d;switch(o){default:case 6:case 0:l=s,u=c,d=n;break;case 1:l=c,u=s,d=n;break;case 2:l=n,u=s,d=c;break;case 3:l=n,u=c,d=s;break;case 4:l=c,u=n,d=s;break;case 5:l=s,u=n,d=c;break}return[l*255,u*255,d*255]},i.cmyk.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i=e[3]/100,a=1-Math.min(1,t*(1-i)+i),o=1-Math.min(1,n*(1-i)+i),s=1-Math.min(1,r*(1-i)+i);return[a*255,o*255,s*255]},i.xyz.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i,a,o;return i=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,o=t*.0557+n*-.204+r*1.057,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=Math.min(Math.max(0,i),1),a=Math.min(Math.max(0,a),1),o=Math.min(Math.max(0,o),1),[i*255,a*255,o*255]},i.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];return t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,[116*n-16,500*(t-n),200*(n-r)]},i.lab.xyz=function(e){let t=e[0],n=e[1],r=e[2],i,a,o;a=(t+16)/116,i=n/500+a,o=a-r/200;let s=a**3,c=i**3,l=o**3;return a=s>.008856?s:(a-16/116)/7.787,i=c>.008856?c:(i-16/116)/7.787,o=l>.008856?l:(o-16/116)/7.787,i*=95.047,a*=100,o*=108.883,[i,a,o]},i.lab.lch=function(e){let t=e[0],n=e[1],r=e[2],i;return i=Math.atan2(r,n)*360/2/Math.PI,i<0&&(i+=360),[t,Math.sqrt(n*n+r*r),i]},i.lch.lab=function(e){let t=e[0],n=e[1],r=e[2]/360*2*Math.PI;return[t,n*Math.cos(r),n*Math.sin(r)]},i.rgb.ansi16=function(e,t=null){let[n,r,a]=e,o=t===null?i.rgb.hsv(e)[2]:t;if(o=Math.round(o/50),o===0)return 30;let s=30+(Math.round(a/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return o===2&&(s+=60),s},i.hsv.ansi16=function(e){return i.rgb.ansi16(i.hsv.rgb(e),e[2])},i.rgb.ansi256=function(e){let t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)},i.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let n=(~~(e>50)+1)*.5;return[(t&1)*n*255,(t>>1&1)*n*255,(t>>2&1)*n*255]},i.ansi256.rgb=function(e){if(e>=232){let t=(e-232)*10+8;return[t,t,t]}e-=16;let t;return[Math.floor(e/36)/5*255,Math.floor((t=e%36)/6)/5*255,t%6/5*255]},i.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return`000000`.substring(t.length)+t},i.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split(``).map(e=>e+e).join(``));let r=parseInt(n,16);return[r>>16&255,r>>8&255,r&255]},i.rgb.hcg=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),o=i-a,s,c;return s=o<1?a/(1-o):0,c=o<=0?0:i===t?(n-r)/o%6:i===n?2+(r-t)/o:4+(t-n)/o,c/=6,c%=1,[c*360,o*100,s*100]},i.hsl.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n),i=0;return r<1&&(i=(n-.5*r)/(1-r)),[e[0],r*100,i*100]},i.hsv.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=t*n,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.hcg.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];let i=[0,0,0],a=t%1*6,o=a%1,s=1-o,c=0;switch(Math.floor(a)){case 0:i[0]=1,i[1]=o,i[2]=0;break;case 1:i[0]=s,i[1]=1,i[2]=0;break;case 2:i[0]=0,i[1]=1,i[2]=o;break;case 3:i[0]=0,i[1]=s,i[2]=1;break;case 4:i[0]=o,i[1]=0,i[2]=1;break;default:i[0]=1,i[1]=0,i[2]=s}return c=(1-n)*r,[(n*i[0]+c)*255,(n*i[1]+c)*255,(n*i[2]+c)*255]},i.hcg.hsv=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t),r=0;return n>0&&(r=t/n),[e[0],r*100,n*100]},i.hcg.hsl=function(e){let t=e[1]/100,n=e[2]/100*(1-t)+.5*t,r=0;return n>0&&n<.5?r=t/(2*n):n>=.5&&n<1&&(r=t/(2*(1-n))),[e[0],r*100,n*100]},i.hcg.hwb=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t);return[e[0],(n-t)*100,(1-n)*100]},i.hwb.hcg=function(e){let t=e[1]/100,n=1-e[2]/100,r=n-t,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},i.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},i.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},i.gray.hsl=function(e){return[0,0,e[0]]},i.gray.hsv=i.gray.hsl,i.gray.hwb=function(e){return[0,100,e[0]]},i.gray.cmyk=function(e){return[0,0,0,e[0]]},i.gray.lab=function(e){return[e[0],0,0]},i.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,n=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return`000000`.substring(n.length)+n},i.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),te=a({"../../../node_modules/color-convert/route.js"(e,t){var n=D();function r(){let e={},t=Object.keys(n);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function i(e){let t=r(),i=[e];for(t[e].distance=0;i.length;){let e=i.pop(),r=Object.keys(n[e]);for(let n=r.length,a=0;a<n;a++){let n=r[a],o=t[n];o.distance===-1&&(o.distance=t[e].distance+1,o.parent=e,i.unshift(n))}}return t}function a(e,t){return function(n){return t(e(n))}}function o(e,t){let r=[t[e].parent,e],i=n[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)r.unshift(t[o].parent),i=a(n[t[o].parent][o],i),o=t[o].parent;return i.conversion=r,i}t.exports=function(e){let t=i(e),n={},r=Object.keys(t);for(let e=r.length,i=0;i<e;i++){let e=r[i];t[e].parent!==null&&(n[e]=o(e,t))}return n}}}),O=r(a({"../../../node_modules/color-convert/index.js"(e,t){var n=D(),r=te(),i={},a=Object.keys(n);function o(e){let t=function(...t){let n=t[0];return n==null?n:(n.length>1&&(t=n),e(t))};return`conversion`in e&&(t.conversion=e.conversion),t}function s(e){let t=function(...t){let n=t[0];if(n==null)return n;n.length>1&&(t=n);let r=e(t);if(typeof r==`object`)for(let e=r.length,t=0;t<e;t++)r[t]=Math.round(r[t]);return r};return`conversion`in e&&(t.conversion=e.conversion),t}a.forEach(e=>{i[e]={},Object.defineProperty(i[e],"channels",{value:n[e].channels}),Object.defineProperty(i[e],"labels",{value:n[e].labels});let t=r(e);Object.keys(t).forEach(n=>{let r=t[n];i[e][n]=s(r),i[e][n].raw=o(r)})}),t.exports=i}})(),1),ne=Symbol(`partial.placeholder`),g.placeholder=ne,re=Symbol(`partialRight.placeholder`),v.placeholder=re,k=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},A=function(e){return`touches`in e},j=function(e){return e&&e.ownerDocument.defaultView||self},M=function(e,t,n){var r=e.getBoundingClientRect(),i=A(t)?(function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]})(t.touches,n):t;return{left:k((i.pageX-(r.left+j(e).pageXOffset))/r.width),top:k((i.pageY-(r.top+j(e).pageYOffset))/r.height)}},N=function(e){!A(e)&&e.preventDefault()},P=T.memo(function(e){var t=e.onMove,n=e.onKey,r=x(e,[`onMove`,`onKey`]),i=(0,T.useRef)(null),a=S(t),o=S(n),s=(0,T.useRef)(null),c=(0,T.useRef)(!1),l=(0,T.useMemo)(function(){var e=function(e){N(e),(A(e)?e.touches.length>0:e.buttons>0)&&i.current?a(M(i.current,e,s.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=c.current,a=j(i.current),o=n?a.addEventListener:a.removeEventListener;o(r?`touchmove`:`mousemove`,e),o(r?`touchend`:`mouseup`,t)}return[function(e){var t=e.nativeEvent,r=i.current;if(r&&(N(t),!(function(e,t){return t&&!A(e)})(t,c.current)&&r)){if(A(t)){c.current=!0;var o=t.changedTouches||[];o.length&&(s.current=o[0].identifier)}r.focus(),a(M(r,t,s.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),o({left:t===39?.05:t===37?-.05:0,top:t===40?.05:t===38?-.05:0}))},n]},[o,a]),u=l[0],d=l[1],f=l[2];return(0,T.useEffect)(function(){return f},[f]),T.createElement(`div`,b({},r,{onTouchStart:u,onMouseDown:u,className:`react-colorful__interactive`,ref:i,onKeyDown:d,tabIndex:0,role:`slider`}))}),F=function(e){return e.filter(Boolean).join(` `)},I=function(e){var t=e.color,n=e.left,r=e.top,i=r===void 0?.5:r,a=F([`react-colorful__pointer`,e.className]);return T.createElement(`div`,{className:a,style:{top:100*i+`%`,left:100*n+`%`}},T.createElement(`div`,{className:`react-colorful__pointer-fill`,style:{backgroundColor:t}}))},L=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=10**t),Math.round(n*e)/n},ie={grad:.9,turn:360,rad:360/(2*Math.PI)},ae=function(e){return W(R(e))},R=function(e){return e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?L(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?L(parseInt(e.substring(6,8),16)/255,2):1}},oe=function(e,t){return t===void 0&&(t=`deg`),Number(e)*(ie[t]||1)},se=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ce({h:oe(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},ce=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},le=function(e){return de(H(e))},z=function(e){var t=e.s,n=e.v,r=e.a,i=(200-t)*n/100;return{h:L(e.h),s:L(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:L(i/2),a:L(r,2)}},B=function(e){var t=z(e);return`hsl(`+t.h+`, `+t.s+`%, `+t.l+`%)`},V=function(e){var t=z(e);return`hsla(`+t.h+`, `+t.s+`%, `+t.l+`%, `+t.a+`)`},H=function(e){var t=e.h,n=e.s,r=e.v,i=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),o=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),l=a%6;return{r:L(255*[r,s,o,o,c,r][l]),g:L(255*[c,r,r,s,o,o][l]),b:L(255*[o,o,c,r,r,s][l]),a:L(i,2)}},ue=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?W({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},U=function(e){var t=e.toString(16);return t.length<2?`0`+t:t},de=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=i<1?U(L(255*i)):``;return`#`+U(t)+U(n)+U(r)+a},W=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=Math.max(t,n,r),o=a-Math.min(t,n,r),s=o?a===t?(n-r)/o:a===n?2+(r-t)/o:4+(t-n)/o:0;return{h:L(60*(s<0?s+6:s)),s:L(a?o/a*100:0),v:L(a/255*100),a:i}},G=T.memo(function(e){var t=e.hue,n=e.onChange,r=F([`react-colorful__hue`,e.className]);return T.createElement(`div`,{className:r},T.createElement(P,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:k(t+360*e.left,0,360)})},"aria-label":`Hue`,"aria-valuenow":L(t),"aria-valuemax":`360`,"aria-valuemin":`0`},T.createElement(I,{className:`react-colorful__hue-pointer`,left:t/360,color:B({h:t,s:100,v:100,a:1})})))}),K=T.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:B({h:t.h,s:100,v:100,a:1})};return T.createElement(`div`,{className:`react-colorful__saturation`,style:r},T.createElement(P,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:k(t.s+100*e.left,0,100),v:k(t.v-100*e.top,0,100)})},"aria-label":`Color`,"aria-valuetext":`Saturation `+L(t.s)+`%, Brightness `+L(t.v)+`%`},T.createElement(I,{className:`react-colorful__saturation-pointer`,top:1-t.v/100,left:t.s/100,color:B(t)})))}),q=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},J=function(e,t){return e.replace(/\s/g,``)===t.replace(/\s/g,``)},fe=function(e,t){return e.toLowerCase()===t.toLowerCase()||q(R(e),R(t))},me=typeof window<`u`?T.useLayoutEffect:T.useEffect,he=function(){return pe||(typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0)},ge=new Map,_e=function(e){me(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!ge.has(t)){var n=t.createElement(`style`);n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,ge.set(t,n);var r=he();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},ve=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=x(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,T.useRef)(null);_e(s);var c=C(n,i,a),l=c[0],u=c[1],d=F([`react-colorful`,t]);return T.createElement(`div`,b({},o,{ref:s,className:d}),T.createElement(K,{hsva:l,onChange:u}),T.createElement(G,{hue:l.h,onChange:u,className:`react-colorful__last-control`}))},ye={defaultColor:`000`,toHsva:ae,fromHsva:function(e){return le({h:e.h,s:e.s,v:e.v,a:1})},equal:fe},be=function(e){return T.createElement(ve,b({},e,{colorModel:ye}))},xe=function(e){var t=e.className,n=e.hsva,r=e.onChange,i={backgroundImage:`linear-gradient(90deg, `+V(Object.assign({},n,{a:0}))+`, `+V(Object.assign({},n,{a:1}))+`)`},a=F([`react-colorful__alpha`,t]),o=L(100*n.a);return T.createElement(`div`,{className:a},T.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:i}),T.createElement(P,{onMove:function(e){r({a:e.left})},onKey:function(e){r({a:k(n.a+e.left)})},"aria-label":`Alpha`,"aria-valuetext":o+`%`,"aria-valuenow":o,"aria-valuemin":`0`,"aria-valuemax":`100`},T.createElement(I,{className:`react-colorful__alpha-pointer`,left:n.a,color:V(n)})))},Se=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=x(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,T.useRef)(null);_e(s);var c=C(n,i,a),l=c[0],u=c[1],d=F([`react-colorful`,t]);return T.createElement(`div`,b({},o,{ref:s,className:d}),T.createElement(K,{hsva:l,onChange:u}),T.createElement(G,{hue:l.h,onChange:u}),T.createElement(xe,{hsva:l,onChange:u,className:`react-colorful__last-control`}))},Ce={defaultColor:`hsla(0, 0%, 0%, 1)`,toHsva:se,fromHsva:V,equal:J},we=function(e){return T.createElement(Se,b({},e,{colorModel:Ce}))},Te={defaultColor:`rgba(0, 0, 0, 1)`,toHsva:ue,fromHsva:function(e){var t=H(e);return`rgba(`+t.r+`, `+t.g+`, `+t.b+`, `+t.a+`)`},equal:J},Ee=function(e){return T.createElement(Se,b({},e,{colorModel:Te}))},De=l.div({position:`relative`,maxWidth:250}),Oe=l.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:`4px 4px 0 0`},".react-colorful__hue":{boxShadow:`inset 0 0 0 1px rgb(0 0 0 / 5%)`},".react-colorful__last-control":{borderRadius:`0 0 4px 4px`}}),ke=l.div({display:`grid`,gridTemplateColumns:`repeat(9, 16px)`,gap:6,padding:3,marginTop:5,width:200}),Ae=e=>`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${e?`white`:`black`}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,je=l(p)(({value:e,selected:t,theme:n})=>({width:16,height:16,boxShadow:t?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,border:`none`,borderRadius:n.appBorderRadius,"&, &:hover":{background:`unset`,backgroundColor:`unset`,backgroundImage:`linear-gradient(${e}, ${e}), ${Ae(n.base===`dark`)}`}})),Me=l(m.Input)(({theme:e})=>({width:`100%`,paddingLeft:30,paddingRight:30,boxSizing:`border-box`,fontFamily:e.typography.fonts.base,'[aria-readonly="true"] > &':{background:e.base===`light`?e.color.lighter:`transparent`}})),Ne=l(je)(({disabled:e})=>({position:`absolute`,top:4,left:4,zIndex:1,cursor:e?`not-allowed`:`pointer`})),Pe=l(p)(({theme:e})=>({position:`absolute`,zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:`border-box`,cursor:`pointer`,color:e.input.color})),Fe=(e=>(e.RGB=`rgb`,e.HSL=`hsl`,e.HEX=`hex`,e))(Fe||{}),Y=Object.values(Fe),Ie=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Le=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Re=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,X=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,ze=/^\s*#?([0-9a-f]{3})\s*$/i,Be={hex:be,rgb:Ee,hsl:we},Z={hex:`transparent`,rgb:`rgba(0, 0, 0, 0)`,hsl:`hsla(0, 0%, 0%, 0)`},Ve=e=>{let t=e?.match(Ie);if(!t)return[0,0,0,1];let[,n,r,i,a=1]=t;return[n,r,i,a].map(Number)},He=e=>{let[t,n,r,i]=Ve(e),[a,o,s]=O.default.rgb.hsl([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:O.default.rgb.keyword([t,n,r]),colorSpace:`rgb`,rgb:e,hsl:`hsla(${a}, ${o}%, ${s}%, ${i})`,hex:`#${O.default.rgb.hex([t,n,r]).toLowerCase()}`}},Ue=e=>{let[t,n,r,i]=Ve(e),[a,o,s]=O.default.hsl.rgb([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:O.default.hsl.keyword([t,n,r]),colorSpace:`hsl`,rgb:`rgba(${a}, ${o}, ${s}, ${i})`,hsl:e,hex:`#${O.default.hsl.hex([t,n,r]).toLowerCase()}`}},We=e=>{let t=e.replace(`#`,``),n=O.default.keyword.rgb(t)||O.default.hex.rgb(t),r=O.default.rgb.hsl(n),i=e;/[^#a-f0-9]/i.test(e)?i=t:X.test(e)&&(i=`#${t}`);let a=!0;if(i.startsWith(`#`))a=X.test(i);else try{O.default.keyword.hex(i)}catch{a=!1}return{valid:a,value:i,keyword:O.default.rgb.keyword(n),colorSpace:`hex`,rgb:`rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`,hsl:`hsla(${r[0]}, ${r[1]}%, ${r[2]}%, 1)`,hex:i}},Q=e=>{if(e)return Le.test(e)?He(e):Re.test(e)?Ue(e):We(e)},Ge=(e,t,n)=>{if(!e||!t?.valid)return Z[n];if(n!==`hex`)return t?.[n]||Z[n];if(!t.hex.startsWith(`#`))try{return`#${O.default.keyword.hex(t.hex)}`}catch{return Z.hex}let r=t.hex.match(ze);if(!r)return X.test(t.hex)?t.hex:Z.hex;let[i,a,o]=r[1].split(``);return`#${i}${i}${a}${a}${o}${o}`},Ke=(e,t)=>{let[n,r]=(0,w.useState)(e||``),[i,a]=(0,w.useState)(()=>Q(n)),[o,s]=(0,w.useState)(i?.colorSpace||`hex`);return(0,w.useEffect)(()=>{let t=e||``,n=Q(t);r(t),a(n),s(n?.colorSpace||`hex`)},[e]),{value:n,realValue:(0,w.useMemo)(()=>Ge(n,i,o).toLowerCase(),[n,i,o]),updateValue:(0,w.useCallback)(e=>{let n=Q(e),i=n?.value||e||``;r(i),i===``&&(a(void 0),t(void 0)),n&&(a(n),s(n.colorSpace),t(n.value))},[t]),color:i,colorSpace:o,cycleColorSpace:(0,w.useCallback)(()=>{let e=Y[(Y.indexOf(o)+1)%Y.length];s(e);let n=i?.[e]||``;r(n),t(n)},[i,o,t])}},$=e=>e.replace(/\s*/,``).toLowerCase(),qe=(e,t,n,r=27)=>{let[i,a]=(0,w.useState)(t?.valid?[t]:[]);(0,w.useEffect)(()=>{t===void 0&&a([])},[t]);let o=(0,w.useMemo)(()=>{let t=(e||[]).map(e=>typeof e==`string`?Q(e):e.title?{...Q(e.color),keyword:e.title}:Q(e.color)).concat(i).filter(Boolean);if(r===0||r===1/0)return t;let n=Number.isInteger(r)&&r>0?r:27;return t.slice(-n)},[e,i,r]);return{presets:o,addPreset:(0,w.useCallback)(e=>{e?.valid&&(o.some(t=>t&&t[n]&&$(t[n]||``)===$(e[n]||``))||a(t=>t.concat(e)))},[n,o])}},Je=({name:e,storyId:t,controlsId:n,value:r,onChange:i,onFocus:a,onBlur:o,presetColors:c,maxPresetColors:l,startOpen:d=!1,argType:p,required:m})=>{let{value:h,realValue:g,updateValue:_,color:v,colorSpace:y,cycleColorSpace:b}=Ke(r,(0,w.useCallback)(ee(i,200),[i])),{presets:x,addPreset:S}=qe(c??[],v,y,l),C=Be[y],T=!!p?.table?.readonly,E=s(e,t,n);return w.createElement(De,null,w.createElement(`label`,{htmlFor:E,className:`sb-sr-only`},e),w.createElement(Me,{id:E,value:h,onChange:e=>_(e.target.value),onFocus:e=>e.target.select(),readOnly:T,"aria-required":m||void 0,placeholder:`Choose color...`}),w.createElement(f,{ariaLabel:`Color picker`,defaultVisible:d,visible:!T&&void 0,onVisibleChange:()=>v&&S(v),popover:w.createElement(Oe,null,w.createElement(C,{color:g===`transparent`?`#000000`:g,onChange:_,onFocus:a,onBlur:o}),x.length>0&&w.createElement(ke,null,x.map((e,t)=>w.createElement(je,{key:`${e?.value||t}-${t}`,variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Pick this color`,tooltip:e?.keyword||e?.value||``,value:e?.value||``,selected:!!(v&&e&&e[y]&&$(e[y]||``)===$(v[y])),onClick:()=>e&&_(e.value||``)}))))},w.createElement(Ne,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Open color picker`,value:g,style:{margin:4},disabled:T})),h?w.createElement(Pe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Cycle through color spaces`,disabled:T,onClick:T?void 0:b},w.createElement(u,null)):null)},Ye=Je}))();export{Je as ColorControl,Ye as default};

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

@@ -0,0 +1,27 @@
+import{i as e}from"./preload-helper-BdFrVu1K.js";import{a as t,c as n,d as r,f as i,h as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h}from"./CatalogShell-BWY-80s4.js";import{t as g}from"./jsx-runtime-f3rHp9ZU.js";function _(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(m,{eyebrow:`Documentação executável`,title:`Components`,description:`Famílias reais do dashboard representadas por espécimes compartilhados com o Storybook. O catálogo documenta o contrato; os componentes de negócio continuam em seus módulos.`}),(0,v.jsx)(l,{title:`Dialogs e popups`,description:`Superfícies focadas com nome acessível, contexto, Escape e ação de fechamento.`,children:(0,v.jsx)(s,{})}),(0,v.jsx)(l,{title:`Cards e métricas`,description:`Cards agrupam uma ideia; métricas mantêm unidade, período e comparação.`,children:(0,v.jsxs)(`div`,{className:`metric-grid`,children:[(0,v.jsx)(i,{label:`Tokens totais`,value:`1,28M`,change:`+8,4% no período`}),(0,v.jsx)(i,{label:`Custo de execução`,value:`R$ 284`,change:`62% do custo total`}),(0,v.jsx)(i,{label:`Assertividade`,value:`94,2%`,change:`+3,1 p.p.`})]})}),(0,v.jsx)(l,{title:`Tabelas`,description:`Cabeçalhos semânticos, alinhamento numérico e contêiner responsivo.`,children:(0,v.jsx)(n,{})}),(0,v.jsxs)(l,{title:`Filtros e formulários`,description:`Filtros frequentes ficam compactos; edição mantém labels, ajuda e erro acionável.`,children:[(0,v.jsx)(r,{}),(0,v.jsx)(u,{children:(0,v.jsxs)(`div`,{className:`form-grid`,children:[(0,v.jsx)(h,{label:`Nome`,placeholder:`Ex.: Checkout B2B`}),(0,v.jsx)(h,{label:`Identificador`,hint:`Somente letras minúsculas e hífen.`,defaultValue:`checkout-b2b`}),(0,v.jsxs)(d,{label:`Risco`,defaultValue:`standard`,children:[(0,v.jsx)(`option`,{value:`lite`,children:`Lite`}),(0,v.jsx)(`option`,{value:`standard`,children:`Standard`}),(0,v.jsx)(`option`,{value:`critical`,children:`Critical`})]}),(0,v.jsx)(h,{label:`Responsável`,defaultValue:``,error:`Selecione uma pessoa responsável.`})]})})]}),(0,v.jsx)(l,{title:`Badges e ações`,description:`Sinais curtos permanecem legíveis em texto; ações expõem hierarquia e estado.`,children:(0,v.jsxs)(u,{children:[(0,v.jsxs)(`div`,{className:`specimen-row`,children:[(0,v.jsx)(o,{tone:`accent`,children:`Em execução`}),(0,v.jsx)(o,{tone:`success`,children:`Concluída`}),(0,v.jsx)(o,{tone:`warning`,children:`Em verificação`}),(0,v.jsx)(o,{tone:`error`,children:`Falhou`}),(0,v.jsx)(o,{children:`Planejada`})]}),(0,v.jsxs)(`div`,{className:`specimen-row`,children:[(0,v.jsx)(t,{children:`Primário`}),(0,v.jsx)(t,{variant:`secondary`,children:`Secundário`}),(0,v.jsx)(t,{variant:`ghost`,children:`Ghost`}),(0,v.jsx)(t,{disabled:!0,children:`Desabilitado`})]})]})}),(0,v.jsx)(l,{title:`Gráficos`,description:`Visualizações possuem título descritivo, comparação consistente e alternativa textual.`,children:(0,v.jsx)(p,{})}),(0,v.jsx)(l,{title:`Carregando, vazio e erro`,description:`Estados assíncronos explicam o que ocorre e oferecem recuperação quando possível.`,children:(0,v.jsx)(c,{})}),(0,v.jsx)(l,{title:`Mapa para o dashboard`,description:`Famílias documentadas aqui correspondem a padrões reais, sem acoplar o catálogo ao produto.`,children:(0,v.jsx)(`div`,{className:`table-wrap`,children:(0,v.jsxs)(`table`,{children:[(0,v.jsx)(`caption`,{className:`sr-only`,children:`Famílias de componentes e referências no dashboard`}),(0,v.jsx)(`thead`,{children:(0,v.jsxs)(`tr`,{children:[(0,v.jsx)(`th`,{children:`Família`}),(0,v.jsx)(`th`,{children:`Referência de produto`}),(0,v.jsx)(`th`,{children:`Contrato`})]})}),(0,v.jsx)(`tbody`,{children:y.map(([e,t,n])=>(0,v.jsxs)(`tr`,{children:[(0,v.jsx)(`td`,{children:(0,v.jsx)(`strong`,{children:e})}),(0,v.jsx)(`td`,{children:(0,v.jsx)(`code`,{children:t})}),(0,v.jsx)(`td`,{children:n})]},e))})]})})})]})}var v,y,b=e((()=>{f(),a(),v=g(),y=[[`Dialogs e popups`,`TaskDetailsDialog, TraceStageDialog`,`Foco, contexto e saída explícita`],[`Cards e métricas`,`TaskBoard, CostSummary`,`Agrupamento, valor, unidade e tendência`],[`Tabelas`,`DataTable, CostTables`,`Cabeçalhos, densidade e alinhamento numérico`],[`Filtros e formulários`,`CostFilters, PricingSettingsDialog`,`Labels, ajuda e erro acionável`],[`Badges`,`task-origin-badge, status badges`,`Estado legível sem depender apenas de cor`],[`Gráficos`,`CostCharts`,`Título, resumo textual e escala comparável`],[`Estados`,`App, TraceabilityWorkspace`,`Carregando, vazio e erro recuperável`]],_.__docgenInfo={description:``,methods:[],displayName:`ComponentsPage`}})),x,S,C,w,T,E,D,O,k,A,j;e((()=>{a(),b(),x=g(),S={title:`ZAIP/Components`,component:_,parameters:{layout:`fullscreen`}},C={},w={render:()=>(0,x.jsx)(s,{})},T={render:()=>(0,x.jsxs)(`div`,{className:`metric-grid`,children:[(0,x.jsx)(i,{label:`Tokens totais`,value:`1,28M`,change:`+8,4% no período`}),(0,x.jsx)(i,{label:`Custo`,value:`R$ 284`,change:`62% do total`}),(0,x.jsx)(i,{label:`Assertividade`,value:`94,2%`,change:`+3,1 p.p.`})]})},E={render:()=>(0,x.jsx)(n,{})},D={render:()=>(0,x.jsx)(r,{})},O={render:()=>(0,x.jsx)(u,{children:(0,x.jsxs)(`div`,{className:`specimen-row`,children:[(0,x.jsx)(o,{tone:`accent`,children:`Em execução`}),(0,x.jsx)(o,{tone:`success`,children:`Concluída`}),(0,x.jsx)(o,{tone:`warning`,children:`Em verificação`}),(0,x.jsx)(o,{tone:`error`,children:`Falhou`}),(0,x.jsx)(o,{children:`Planejada`})]})})},k={render:()=>(0,x.jsx)(p,{})},A={render:()=>(0,x.jsx)(c,{})},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  render: () => <DialogSpecimen />
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  render: () => <div className="metric-grid">\r
+      <Metric label="Tokens totais" value="1,28M" change="+8,4% no período" />\r
+      <Metric label="Custo" value="R$ 284" change="62% do total" />\r
+      <Metric label="Assertividade" value="94,2%" change="+3,1 p.p." />\r
+    </div>
+}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  render: () => <DataTable />
+}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
+  render: () => <FilterForm />
+}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+  render: () => <Card>\r
+      <div className="specimen-row">\r
+        <Badge tone="accent">Em execução</Badge>\r
+        <Badge tone="success">Concluída</Badge>\r
+        <Badge tone="warning">Em verificação</Badge>\r
+        <Badge tone="error">Falhou</Badge>\r
+        <Badge>Planejada</Badge>\r
+      </div>\r
+    </Card>
+}`,...O.parameters?.docs?.source}}},k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
+  render: () => <ChartPanel />
+}`,...k.parameters?.docs?.source}}},A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
+  render: () => <StateGallery />
+}`,...A.parameters?.docs?.source}}},j=[`Catalog`,`DialogsAndPopups`,`CardsAndMetrics`,`Tables`,`FiltersAndForms`,`Badges`,`Charts`,`LoadingEmptyAndError`]}))();export{O as Badges,T as CardsAndMetrics,C as Catalog,k as Charts,w as DialogsAndPopups,D as FiltersAndForms,A as LoadingEmptyAndError,E as Tables,j as __namedExportsOrder,S as default};

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

@@ -0,0 +1 @@
+import{i as e}from"./preload-helper-BdFrVu1K.js";import{a as t,h as n,i as r,n as i,o as a,r as o,t as s,u as c}from"./CatalogShell-BWY-80s4.js";import{t as l}from"./jsx-runtime-f3rHp9ZU.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)(s,{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)(i,{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)(i,{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)(i,{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)(i,{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)(i,{title:`Tipografia`,description:`Hierarquia compacta para produto e escala expressiva para superfícies públicas.`,children:(0,f.jsxs)(a,{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)(i,{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)(a,{accent:!0,children:[(0,f.jsx)(r,{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)(t,{children:`Executar agora`}),(0,f.jsx)(t,{variant:`secondary`,children:`Ver detalhes`})]})]}),(0,f.jsxs)(a,{children:[(0,f.jsx)(c,{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)(r,{tone:`success`,children:`Pronto`}),(0,f.jsx)(r,{tone:`warning`,children:`Revisão`}),(0,f.jsx)(r,{tone:`error`,children:`Falhou`})]})]})]})}),(0,f.jsx)(i,{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)(r,{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)(t,{children:`Executar agora`}),(0,f.jsx)(t,{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)(r,{tone:`success`,children:`Pronto`}),(0,f.jsx)(r,{tone:`warning`,children:`Revisão`}),(0,f.jsx)(r,{tone:`error`,children:`Falhou`})]})]})]})}),(0,f.jsx)(i,{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((()=>{o(),n(),f=l(),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};