npm - @flesler/cursor-canvas-web - Versions diffs - 1.1.1 → 1.1.2 - Mend

@flesler/cursor-canvas-web 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/cursor-canvas.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),h=require("@mantine/core"),j=require("react"),S=require("./host-tokens-Cjzmp0z_.cjs"),D=require("@mantine/charts"),C={success:"#1F8A65",danger:"#CF2D56",warning:"#E8A33D",info:"#2E79B5",neutral:"#8888A8",added:"#1F8A65",deleted:"#CF2D56",renamed:"#5A6CC0"},te={success:"green",danger:"red",warning:"orange",info:"blue",neutral:"gray",added:"green",deleted:"red",renamed:"indigo"};function g(){const t=h.useComputedColorScheme("light")==="dark"?"dark":"light";return S.resolveThemeForColorScheme(t)}const re={verticalAlign:"bottom",align:"center"},ne={legend:{justifyContent:"center"}};function G(){const t=g().chart.sequence;return(r,o)=>r?C[r]:t[o%t.length]}function oe(){const t=g().text.primary;return{textColor:t,barLabelColor:t}}function ae(e,t){return e.map((r,o)=>{const s={category:r};for(const a of t)s[a.name]=a.data[o]??0;return s})}function se(e,t){return e.map((r,o)=>({name:r.name,color:t(r.tone,o)}))}function ie(e,t){return r=>`${t??""}${r}${e??""}`}function pe(e,t){if(e!=null&&e.length)return e.map(r=>({...t?{x:r.value}:{y:r.value},label:r.label,color:r.tone?C[r.tone]:C.neutral}))}function le(e){const t=pe(e.referenceLines,!!e.horizontal);if(e.stacked\|\|e.normalized)return{referenceLines:t};const r=e.beginAtZero!==!1,o=[e.yMin??(r?0:"auto"),e.yMax??"auto"];return e.horizontal?{xAxisProps:{domain:o},referenceLines:t}:{yAxisProps:{domain:o},referenceLines:t}}function xe(e,t,r){return e!==void 0?e:t.length===1&&r.length<=8}const Q=14;function ge(e){return e.length<=Q?e:`${e.slice(0,Q-1)}…`}function ye(e){var a;const t=typeof e.x=="number"?e.x:Number(e.x)\|\|0,r=typeof e.y=="number"?e.y:Number(e.y)\|\|0,o=String(((a=e.payload)==null?void 0:a.value)??""),s=ge(o);return n.jsx("g",{transform:`translate(${t},${r})`,children:n.jsxs("text",{x:-10,y:0,dy:4,textAnchor:"end",fill:"currentColor",fontSize:12,children:[n.jsx("title",{children:o}),s]})})}function me(e){return{fontWeight:700,fill:e}}function be(){return{yAxisProps:{tick:ye,width:96},barChartProps:{margin:{right:32}}}}function je(){return{barChartProps:{margin:{top:22}}}}function ve({categories:e,series:t,height:r=240,fill:o,valueSuffix:s,valuePrefix:a,showValues:c,showHoverGuide:f=!0,beginAtZero:u,yMin:l,yMax:d,referenceLines:y,style:b,smooth:p}){const T=G(),k=oe(),L=ae(e,t),P=se(t,T),A=le({beginAtZero:u,yMin:l,yMax:d,referenceLines:y,horizontal:!1}),w={h:r,data:L,dataKey:"category",series:P,curveType:p?"monotone":"linear",withLegend:t.length>1,legendProps:re,valueFormatter:ie(s,a),withPointLabels:c??e.length<=20,tooltipProps:f?void 0:{cursor:!1},styles:{...ne,legendItemName:{color:k.textColor}},...k,...A,style:b};return o?n.jsx(D.AreaChart,{...w}):n.jsx(D.LineChart,{...w})}function Se({categories:e,series:t,height:r=240,stacked:o,horizontal:s,normalized:a,valueSuffix:c,valuePrefix:f,showValues:u,beginAtZero:l,yMin:d,yMax:y,referenceLines:b,style:p}){const T=G(),k=oe(),L=ae(e,t),P=a?"percent":o?"stacked":"default",A=le({beginAtZero:l,yMin:d,yMax:y,referenceLines:b,horizontal:s,stacked:o,normalized:a}),w=!o&&!a&&xe(u,t,e);return n.jsx(D.BarChart,{h:r,data:L,dataKey:"category",series:se(t,T),type:P,orientation:s?"vertical":"horizontal",withLegend:t.length>1,legendProps:re,valueFormatter:ie(c,f),withBarValueLabel:w,...w?{valueLabelProps:me(k.barLabelColor)}:{},...s?be():w?je():{},styles:{...ne,legendItemName:{color:k.textColor}},...k,...A,style:p})}const ke=180,Ce=540;function Te(e,t){if(t<=0)return"0%";const r=e/t100;return r<10&&Math.abs(r-Math.round(r))>.05?`${r.toFixed(1)}%`:`${Math.round(r)}%`}function we(e){return Math.max(28,Math.round(e.22))}function Le(e){return e.map(t=>({dataKey:t.name,value:t.name,color:t.color,type:"circle"}))}function Pe(e,t){return e.map(r=>({name:r.name,color:r.color,label:`${r.name} ${Te(r.value,t)}`}))}function Ae({data:e,size:t=200,donut:r,style:o}){const[s,a]=j.useState(null),c=g(),f=G(),u=e.map((p,T)=>({name:p.label,value:p.value,color:f(p.tone,T)})),l=u.reduce((p,T)=>p+T.value,0),d={startAngle:ke,endAngle:Ce},y=p=>({opacity:s===null\|\|s===p?1:.35}),b=r?n.jsx(D.DonutChart,{data:u,size:t,thickness:we(t),withTooltip:!0,chartLabel:l,cellProps:p=>y(p.name),...d}):n.jsx(D.PieChart,{data:u,size:t,withTooltip:!0,withLabelsLine:!1,cellProps:p=>y(p.name),...d});return n.jsxs("div",{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",...o},children:[n.jsx("div",{style:{width:"100%",height:t,minHeight:t,display:"flex",alignItems:"center",justifyContent:"center"},children:b}),n.jsx(D.ChartLegend,{payload:Le(u),series:Pe(u,l),legendPosition:"bottom",centered:!0,onHighlight:a,mt:"sm",w:"100%",styles:{legend:{justifyContent:"center",gap:12,color:c.text.primary},legendItemName:{color:c.text.primary}}})]})}function Me(e){const{nodes:t,edges:r,direction:o="vertical",nodeWidth:s=160,nodeHeight:a=40,rankGap:c=64,nodeGap:f=48,padding:u=24}=e,l=t.map(i=>i.id),d=new Set(l),y=new Map;for(const i of l)y.set(i,[]);for(const i of r)d.has(i.from)&&d.has(i.to)&&y.get(i.from).push(i.to);const b=0,p=1,T=2,k=new Map(l.map(i=>[i,b])),L=new Set,P=(i,x)=>`${i}\0${x}`,A=i=>{k.set(i,p);for(const x of y.get(i)??[]){const m=k.get(x);m===p?L.add(P(i,x)):m===b&&A(x)}k.set(i,T)};for(const i of l)k.get(i)===b&&A(i);const w=r.filter(i=>d.has(i.from)&&d.has(i.to)&&!L.has(P(i.from,i.to))),M=new Map(l.map(i=>[i,0])),O=new Map(l.map(i=>[i,[]]));for(const i of w)O.get(i.from).push(i.to),M.set(i.to,(M.get(i.to)??0)+1);const F=new Map(l.map(i=>[i,0])),I=l.filter(i=>(M.get(i)??0)===0);for(;I.length>0;){const i=I.shift(),x=F.get(i);for(const m of O.get(i))F.set(m,Math.max(F.get(m),x+1)),M.set(m,M.get(m)-1),M.get(m)===0&&I.push(m)}const B=new Map;for(const i of l){const x=F.get(i);B.has(x)\|\|B.set(x,[]),B.get(x).push(i)}const E=[...B.keys()].sort((i,x)=>i-x),v=o==="vertical",W=i=>i(v?s:a)+Math.max(0,i-1)f,q=Math.max(0,...E.map(i=>W(B.get(i).length))),H=new Map,K=[];E.forEach((i,x)=>{const m=B.get(i),N=W(m.length),z=u+(q-N)/2,R=u+x((v?a:s)+c);m.forEach((U,Z)=>{const J=z+Z((v?s:a)+f),fe=v?J:R,he=v?R:J;H.set(U,{id:U,x:fe,y:he,rank:i,order:Z})}),K.push({rank:i,x:v?z:R,y:v?R:z,width:v?N:s,height:v?a:N,nodeIds:m})});const X=(i,x)=>i?v?{x:i.x+s/2,y:x==="source"?i.y+a:i.y}:{x:x==="source"?i.x+s:i.x,y:i.y+a/2}:{x:0,y:0},de=r.filter(i=>d.has(i.from)&&d.has(i.to)).map(i=>{const x=X(H.get(i.from),"source"),m=X(H.get(i.to),"target");return{from:i.from,to:i.to,sourceX:x.x,sourceY:x.y,targetX:m.x,targetY:m.y,isBackEdge:L.has(P(i.from,i.to))}}),V=u2+E.length(v?a:s)+Math.max(0,E.length-1)c,Y=u2+q;return{nodes:[...H.values()],edges:de,ranks:K,direction:o,width:v?Y:V,height:v?V:Y}}function Be({additions:e=0,deletions:t=0,style:r}){return e===0&&t===0?null:n.jsxs("span",{style:{display:"inline-flex",gap:8,fontVariantNumeric:"tabular-nums",fontSize:12,fontWeight:600,...r},children:[e>0&&n.jsxs("span",{style:{color:C.added},children:["+",e]}),t>0&&n.jsxs("span",{style:{color:C.deleted},children:["-",t]})]})}const De={added:"+",removed:"-",unchanged:" "};function Fe({lines:e,showLineNumbers:t=!0,coloredLineNumbers:r=!0,showAccentStrip:o=!0,style:s}){const a=g(),c=l=>l==="added"?a.diff.insertedLine:l==="removed"?a.diff.removedLine:"transparent",f=l=>l==="added"?a.diff.stripAdded:l==="removed"?a.diff.stripRemoved:"transparent",u=l=>r&&l==="added"?C.added:r&&l==="removed"?C.deleted:a.text.tertiary;return n.jsx("div",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", monospace',fontSize:12.5,lineHeight:"18px",color:a.text.primary,overflowX:"auto",...s},children:e.map((l,d)=>n.jsxs("div",{style:{display:"flex",alignItems:"stretch",background:c(l.type),borderLeft:o?`3px solid ${f(l.type)}`:void 0},children:[t&&n.jsx("span",{style:{flex:"0 0 auto",width:40,textAlign:"right",paddingRight:10,userSelect:"none",color:u(l.type)},children:l.lineNumber??""}),n.jsx("span",{style:{flex:"0 0 auto",width:14,textAlign:"center",userSelect:"none",color:u(l.type)},children:De[l.type]}),n.jsx("pre",{style:{margin:0,padding:"0 8px",whiteSpace:"pre",fontFamily:"inherit"},children:l.content})]},d))})}function Ee({status:e}){const t=g(),r=e==="completed"?C.success:e==="in_progress"?t.accent.primary:e==="cancelled"?C.danger:t.text.tertiary;return n.jsxs("svg",{width:14,height:14,viewBox:"0 0 14 14",fill:"none",style:{flex:"0 0 auto",marginTop:3},"aria-hidden":!0,children:[n.jsx("circle",{cx:7,cy:7,r:6,stroke:r,strokeWidth:1.4}),e==="completed"&&n.jsx("path",{d:"M4 7.2l2 2 4-4.4",stroke:r,strokeWidth:1.4,strokeLinecap:"round",strokeLinejoin:"round"}),e==="in_progress"&&n.jsx("circle",{cx:7,cy:7,r:3,fill:r}),e==="cancelled"&&n.jsx("path",{d:"M4.8 4.8l4.4 4.4M9.2 4.8l-4.4 4.4",stroke:r,strokeWidth:1.4,strokeLinecap:"round"})]})}function ce({todos:e,dimmedTodoIds:t,onTodoClick:r,style:o}){const s=g();return e.length===0?null:n.jsx("div",{style:{display:"flex",flexDirection:"column",...o},children:e.map(a=>{const c=t==null?void 0:t.has(a.id);return n.jsxs("button",{type:"button",onClick:()=>r==null?void 0:r(a),style:{display:"flex",gap:8,alignItems:"flex-start",width:"100%",textAlign:"left",padding:"4px 6px",background:"transparent",border:"none",cursor:r?"pointer":"default",color:s.text.primary,fontSize:14,lineHeight:"20px",opacity:c?.45:1},children:[n.jsx(Ee,{status:a.status}),n.jsx("span",{style:{textDecoration:a.status==="cancelled"?"line-through":void 0,color:a.status==="cancelled"?s.text.tertiary:void 0},children:a.content})]},a.id)})})}function He({todos:e,dimmedTodoIds:t,defaultExpanded:r=!1,onTodoClick:o,style:s}){const a=g(),[c,f]=j.useState(r);if(e.length===0)return null;const u=e.filter(l=>l.status==="completed").length;return n.jsxs("div",{style:{border:`1px solid ${a.stroke.primary}`,borderRadius:6,overflow:"hidden",...s},children:[n.jsxs("button",{type:"button",onClick:()=>f(l=>!l),style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 10px",background:a.fill.secondary,border:"none",cursor:"pointer",color:a.text.secondary,fontSize:12,fontWeight:600},children:[n.jsx("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"none",style:{transform:c?"rotate(90deg)":"none",transition:"transform 120ms"},"aria-hidden":!0,children:n.jsx("path",{d:"M4 2.5L8 6l-4 3.5",stroke:"currentColor",strokeWidth:1.4,strokeLinecap:"round",strokeLinejoin:"round"})}),n.jsx("span",{children:"Todos"}),n.jsx("span",{style:{flex:1}}),n.jsxs("span",{children:[u," of ",e.length," Done"]})]}),c&&n.jsx("div",{style:{padding:6},children:n.jsx(ce,{todos:e,dimmedTodoIds:t,onTodoClick:o})})]})}function Re(e,t){const r=`canvas:${e}`,[o,s]=j.useState(()=>{if(typeof localStorage>"u")return t;try{const c=localStorage.getItem(r);return c===null?t:JSON.parse(c)}catch{return t}}),a=j.useCallback(c=>{s(f=>{const u=typeof c=="function"?c(f):c;try{localStorage==null\|\|localStorage.setItem(r,JSON.stringify(u))}catch{}return u})},[r]);return[o,a]}function Ie(){return j.useCallback(e=>{},[])}function Ne(e,t){return{...e,...t}}function _(e,t,r){const o=e.typography[t];return{fontFamily:e.typography.fontFamily,fontSize:o.fontSize,lineHeight:o.lineHeight,fontWeight:o.fontWeight,color:e.text.primary,margin:0,...r}}function ze({children:e,style:t}){const r=g();return n.jsx(h.Title,{order:1,style:_(r,"h1",t),children:e})}function Ge({children:e,style:t}){const r=g();return n.jsx(h.Title,{order:2,style:_(r,"h2",t),children:e})}function _e({children:e,style:t}){const r=g();return n.jsx(h.Title,{order:3,style:_(r,"h3",t),children:e})}const $e={normal:400,medium:500,semibold:600,bold:700};function Oe({children:e,tone:t="primary",size:r="body",as:o="p",weight:s="normal",italic:a,truncate:c,style:f}){const u=g();return n.jsx(h.Text,{component:o,size:r==="small"?"xs":"sm",fw:$e[s],c:t==="primary"?void 0:u.text[t],truncate:c,style:{fontStyle:a?"italic":void 0,...t==="primary"?{color:u.text.primary}:void 0,fontFamily:u.typography.fontFamily,...f},children:e})}function We({children:e,style:t}){const r=g();return n.jsx("code",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", monospace',fontSize:"0.92em",color:r.text.primary,background:r.fill.secondary,borderRadius:r.radius.sm,padding:"1px 4px",...t},children:e})}function qe({children:e,href:t,style:r}){const o=g();return n.jsx("a",{href:t,target:"_blank",rel:"noreferrer",style:{color:o.text.link,...r},children:e})}function Ke({children:e,gap:t,style:r}){return n.jsx(h.Stack,{gap:t,style:r,children:e})}const ee={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch","space-between":"space-between"};function Xe({children:e,gap:t,align:r="center",justify:o="start",wrap:s=!1,style:a}){return n.jsx(h.Group,{gap:t,align:ee[r],justify:ee[o],wrap:s?"wrap":"nowrap",style:a,children:e})}function Ve(){return n.jsx("div",{style:{flex:1}})}function Ye({children:e,columns:t,gap:r=16,align:o,style:s}){const a=typeof t=="number"?`repeat(${t}, minmax(0, 1fr))`:t;return n.jsx("div",{style:{display:"grid",gridTemplateColumns:a,gap:r,alignItems:o,...s},children:e})}function Ue({style:e}){return n.jsx(h.Divider,{style:e})}const $=j.createContext({collapsible:!1,open:!0,toggle:()=>{}});function Ze({children:e,variant:t="default",collapsible:r=!1,defaultOpen:o=!0,open:s,onOpenChange:a,style:c}){const f=g(),[u,l]=j.useState(o),d=s??u,y=j.useCallback(()=>{const b=!d;s===void 0&&l(b),a==null\|\|a(b)},[d,s,a]);return n.jsx(h.Card,{withBorder:t!=="borderless",radius:f.radius.md,padding:0,style:{background:f.bg.elevated,borderColor:f.stroke.secondary,...c},children:n.jsx($.Provider,{value:{collapsible:r,open:d,toggle:y},children:e})})}function Je({children:e,trailing:t,style:r}){const o=g(),{collapsible:s,open:a,toggle:c}=j.useContext($);return n.jsxs("div",{onClick:s?c:void 0,style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"8px 14px",borderBottom:`1px solid ${o.stroke.secondary}`,fontSize:o.typography.small.fontSize,fontWeight:o.typography.h3.fontWeight,color:o.text.primary,fontFamily:o.typography.fontFamily,cursor:s?"pointer":void 0,userSelect:s?"none":void 0,...r},children:[n.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6},children:[s&&n.jsx(ue,{expanded:a}),e]}),t!=null&&n.jsx("span",{children:t})]})}function Qe({children:e,style:t}){const{collapsible:r,open:o}=j.useContext($);return r&&!o?null:n.jsx("div",{style:{padding:14,...t},children:e})}function ue({expanded:e}){return n.jsx("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"none",style:{transform:e?"rotate(90deg)":"none",transition:"transform 120ms"},"aria-hidden":!0,children:n.jsx("path",{d:"M4 2.5L8 6l-4 3.5",stroke:"currentColor",strokeWidth:1.4,strokeLinecap:"round",strokeLinejoin:"round"})})}function et({value:e,label:t,tone:r,style:o}){const s=g();return n.jsxs("div",{style:o,children:[n.jsx(h.Text,{fz:22,fw:700,lh:1.2,style:{color:r?C[r]:s.text.primary,fontFamily:s.typography.fontFamily},children:e}),n.jsx(h.Text,{fz:12,style:{color:s.text.tertiary,fontFamily:s.typography.fontFamily},children:t})]})}function tt({children:e,active:t,tone:r="neutral",size:o="md",leadingContent:s,keyboardHint:a,title:c,style:f,onClick:u}){return n.jsx(h.Badge,{color:te[r],variant:t?"filled":"light",size:o==="sm"?"sm":"md",leftSection:s,rightSection:a,title:c,onClick:u,style:{cursor:u?"pointer":void 0,textTransform:"none",...f},children:e})}function rt({children:e,tone:t="neutral",title:r,icon:o,style:s}){return n.jsx(h.Alert,{color:te[t],title:r,icon:o,variant:"light",style:s,children:e})}const nt={success:"rgba(31,138,101,0.12)",danger:"rgba(207,45,86,0.12)",warning:"rgba(232,163,61,0.14)",info:"rgba(46,121,181,0.12)",neutral:"rgba(136,136,168,0.12)"};function ot({headers:e,rows:t,columnAlign:r,rowTone:o,framed:s=!0,striped:a,stickyHeader:c,style:f,emptyMessage:u}){return n.jsxs(h.Table,{withTableBorder:s,withColumnBorders:!1,striped:a,stickyHeader:c,highlightOnHover:!0,style:f,children:[n.jsx(h.Table.Thead,{children:n.jsx(h.Table.Tr,{children:e.map((l,d)=>n.jsx(h.Table.Th,{ta:(r==null?void 0:r[d])??"left",children:l},d))})}),n.jsx(h.Table.Tbody,{children:t.length===0?n.jsx(h.Table.Tr,{children:n.jsx(h.Table.Td,{colSpan:e.length,ta:"center",c:"dimmed",children:u??"No data"})}):t.map((l,d)=>{const y=o==null?void 0:o[d];return n.jsx(h.Table.Tr,{style:y?{background:nt[y]}:void 0,children:e.map((b,p)=>n.jsx(h.Table.Td,{ta:(r==null?void 0:r[p])??"left",children:l[p]},p))},d)})})]})}const at={primary:"filled",secondary:"default",ghost:"subtle"};function st({children:e,variant:t="secondary",disabled:r,type:o="button",style:s,onClick:a}){return n.jsx(h.Button,{variant:at[t],color:t==="primary"?"accent":void 0,size:"xs",disabled:r,type:o,onClick:a,style:s,children:e})}function it({children:e,onClick:t,disabled:r,title:o,variant:s="default",size:a="md",style:c}){return n.jsx(h.ActionIcon,{variant:s==="circle"?"light":"subtle",radius:s==="circle"?"xl":"sm",size:a==="sm"?"sm":"md",color:"gray",disabled:r,title:o,"aria-label":o,onClick:t,style:c,children:e})}function lt({value:e,onChange:t,options:r,placeholder:o,disabled:s,style:a}){return n.jsx(h.Select,{value:e,data:r,placeholder:o,disabled:s,allowDeselect:!1,onChange:c=>{c!==null&&(t==null\|\|t(c))},style:a})}function ct({checked:e,onChange:t,disabled:r,label:o,style:s}){return n.jsx(h.Checkbox,{checked:e,disabled:r,label:o,onChange:a=>t==null?void 0:t(a.currentTarget.checked),style:s})}function ut({checked:e,onChange:t,disabled:r,size:o="sm",style:s}){return n.jsx(h.Switch,{checked:e,disabled:r,size:o==="sm"?"sm":"md",onChange:a=>t==null?void 0:t(a.currentTarget.checked),style:s})}function dt({value:e,onChange:t,placeholder:r,disabled:o,type:s,style:a}){return n.jsx(h.TextInput,{value:e,placeholder:r,disabled:o,type:s,onChange:c=>t==null?void 0:t(c.currentTarget.value),style:a})}function ft({value:e,onChange:t,placeholder:r,disabled:o,rows:s=3,style:a}){return n.jsx(h.Textarea,{value:e,placeholder:r,disabled:o,autosize:!0,minRows:s,onChange:c=>t==null?void 0:t(c.currentTarget.value),style:a})}function ht({color:e,style:t}){const r=g();return n.jsx("span",{style:{display:"inline-block",width:14,height:14,borderRadius:4,background:r.category[e],flex:"0 0 auto",...t}})}function pt({segments:e,total:t,topLeftLabel:r,topRightLabel:o,style:s}){const a=g(),c=t>0?t:1,f=e.reduce((l,d)=>l+(Number.isFinite(d.value)&&d.value>0?d.value:0),0),u=Math.max(0,c-f);return n.jsxs("div",{style:s,children:[(r!=null\|\|o!=null)&&n.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:12,color:a.text.secondary,marginBottom:6},children:[n.jsx("span",{children:r}),n.jsx("span",{children:o})]}),n.jsxs("div",{style:{display:"flex",gap:2,height:8},children:[e.map((l,d)=>{const y=Number.isFinite(l.value)&&l.value>0?l.value:0,b=a.category[l.color??S.usageColorSequence[d%S.usageColorSequence.length]];return n.jsx("div",{style:{width:`${y/c100}%`,background:b,borderRadius:3}},l.id)}),u>0&&n.jsx("div",{style:{width:`${u/c100}%`,background:a.fill.tertiary,borderRadius:3}})]})]})}function xt({title:e,leading:t,count:r,trailing:o,children:s,defaultOpen:a=!1,style:c}){const f=g(),[u,l]=j.useState(a);return n.jsxs("div",{style:c,children:[n.jsxs("div",{onClick:()=>l(d=>!d),style:{display:"flex",alignItems:"center",gap:6,padding:"4px 0",cursor:"pointer",userSelect:"none",color:f.text.primary,fontSize:14},children:[n.jsx(ue,{expanded:u}),t,n.jsx("span",{style:{fontWeight:500},children:e}),r!=null&&n.jsx("span",{style:{color:f.text.tertiary,fontSize:12},children:r}),n.jsx("span",{style:{flex:1}}),o!=null&&n.jsx("span",{style:{color:f.text.tertiary},children:o})]}),u&&n.jsx("div",{style:{paddingLeft:18,paddingBottom:4},children:s})]})}Object.defineProperty(exports,"useEffect",{enumerable:!0,get:()=>j.useEffect});Object.defineProperty(exports,"useMemo",{enumerable:!0,get:()=>j.useMemo});Object.defineProperty(exports,"useRef",{enumerable:!0,get:()=>j.useRef});Object.defineProperty(exports,"useState",{enumerable:!0,get:()=>j.useState});exports.canvasPaletteDark=S.canvasPaletteDark;exports.canvasPaletteGrokDark=S.canvasPaletteGrokDark;exports.canvasPaletteGrokLight=S.canvasPaletteGrokLight;exports.canvasPaletteLight=S.canvasPaletteLight;exports.canvasTokens=S.canvasTokens;exports.canvasTokensLight=S.canvasTokensLight;exports.categoryPaletteDark=S.categoryPaletteDark;exports.categoryPaletteLight=S.categoryPaletteLight;exports.colorPalette=S.colorPalette;exports.usageColorSequence=S.usageColorSequence;exports.BarChart=Se;exports.Button=st;exports.Callout=rt;exports.Card=Ze;exports.CardBody=Qe;exports.CardHeader=Je;exports.Checkbox=ct;exports.Code=We;exports.CollapsibleSection=xt;exports.DiffStats=Be;exports.DiffView=Fe;exports.Divider=Ue;exports.Grid=Ye;exports.H1=ze;exports.H2=Ge;exports.H3=_e;exports.IconButton=it;exports.LineChart=ve;exports.Link=qe;exports.PieChart=Ae;exports.Pill=tt;exports.Row=Xe;exports.Select=lt;exports.Spacer=Ve;exports.Stack=Ke;exports.Stat=et;exports.Swatch=ht;exports.Table=ot;exports.Text=Oe;exports.TextArea=ft;exports.TextInput=dt;exports.TodoList=ce;exports.TodoListCard=He;exports.Toggle=ut;exports.UsageBar=pt;exports.computeDAGLayout=Me;exports.mergeStyle=Ne;exports.useCanvasAction=Ie;exports.useCanvasState=Re;exports.useHostTheme=g;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),h=require("@mantine/core"),b=require("react"),S=require("./host-tokens-Cjzmp0z_.cjs"),D=require("@mantine/charts"),C={success:"#1F8A65",danger:"#CF2D56",warning:"#E8A33D",info:"#2E79B5",neutral:"#8888A8",added:"#1F8A65",deleted:"#CF2D56",renamed:"#5A6CC0"},te={success:"green",danger:"red",warning:"orange",info:"blue",neutral:"gray",added:"green",deleted:"red",renamed:"indigo"};function y(){const t=h.useComputedColorScheme("light")==="dark"?"dark":"light";return S.resolveThemeForColorScheme(t)}const re={verticalAlign:"bottom",align:"center"},ne={legend:{justifyContent:"center"}};function G(){const t=y().chart.sequence;return(r,o)=>r?C[r]:t[o%t.length]}function oe(){const t=y().text.primary;return{textColor:t,barLabelColor:t}}function ae(e,t){return e.map((r,o)=>{const s={category:r};for(const a of t)s[a.name]=a.data[o]??0;return s})}function se(e,t){return e.map((r,o)=>({name:r.name,color:t(r.tone,o)}))}function ie(e,t){return r=>`${t??""}${r}${e??""}`}function pe(e,t){if(e!=null&&e.length)return e.map(r=>({...t?{x:r.value}:{y:r.value},label:r.label,color:r.tone?C[r.tone]:C.neutral}))}function le(e){const t=pe(e.referenceLines,!!e.horizontal);if(e.stacked\|\|e.normalized)return{referenceLines:t};const r=e.beginAtZero!==!1,o=[e.yMin??(r?0:"auto"),e.yMax??"auto"];return e.horizontal?{xAxisProps:{domain:o},referenceLines:t}:{yAxisProps:{domain:o},referenceLines:t}}function xe(e,t,r){return e!==void 0?e:t.length===1&&r.length<=8}const Q=14;function ye(e){return e.length<=Q?e:`${e.slice(0,Q-1)}…`}function ge(e){var a;const t=typeof e.x=="number"?e.x:Number(e.x)\|\|0,r=typeof e.y=="number"?e.y:Number(e.y)\|\|0,o=String(((a=e.payload)==null?void 0:a.value)??""),s=ye(o);return n.jsx("g",{transform:`translate(${t},${r})`,children:n.jsxs("text",{x:-10,y:0,dy:4,textAnchor:"end",fill:"currentColor",fontSize:12,children:[n.jsx("title",{children:o}),s]})})}function me(e){return{fontWeight:700,fill:e}}function je(){return{yAxisProps:{tick:ge,width:96},barChartProps:{margin:{right:32}}}}function be(){return{barChartProps:{margin:{top:22}}}}function ve({categories:e,series:t,height:r=240,fill:o,valueSuffix:s,valuePrefix:a,showValues:c,showHoverGuide:f=!0,beginAtZero:d,yMin:l,yMax:u,referenceLines:g,style:j,smooth:p}){const T=G(),k=oe(),L=ae(e,t),P=se(t,T),A=le({beginAtZero:d,yMin:l,yMax:u,referenceLines:g,horizontal:!1}),w={h:r,data:L,dataKey:"category",series:P,curveType:p?"monotone":"linear",withLegend:t.length>1,legendProps:re,valueFormatter:ie(s,a),withPointLabels:c??e.length<=20,tooltipProps:f?void 0:{cursor:!1},styles:{...ne,legendItemName:{color:k.textColor}},...k,...A,style:j};return o?n.jsx(D.AreaChart,{...w}):n.jsx(D.LineChart,{...w})}function Se({categories:e,series:t,height:r=240,stacked:o,horizontal:s,normalized:a,valueSuffix:c,valuePrefix:f,showValues:d,beginAtZero:l,yMin:u,yMax:g,referenceLines:j,style:p}){const T=G(),k=oe(),L=ae(e,t),P=a?"percent":o?"stacked":"default",A=le({beginAtZero:l,yMin:u,yMax:g,referenceLines:j,horizontal:s,stacked:o,normalized:a}),w=!o&&!a&&xe(d,t,e);return n.jsx(D.BarChart,{h:r,data:L,dataKey:"category",series:se(t,T),type:P,orientation:s?"vertical":"horizontal",withLegend:t.length>1,legendProps:re,valueFormatter:ie(c,f),withBarValueLabel:w,...w?{valueLabelProps:me(k.barLabelColor)}:{},...s?je():w?be():{},styles:{...ne,legendItemName:{color:k.textColor}},...k,...A,style:p})}const ke=180,Ce=540;function Te(e,t){if(t<=0)return"0%";const r=e/t100;return r<10&&Math.abs(r-Math.round(r))>.05?`${r.toFixed(1)}%`:`${Math.round(r)}%`}function we(e){return Math.max(28,Math.round(e.22))}function Le(e){return e.map(t=>({dataKey:t.name,value:t.name,color:t.color,type:"circle"}))}function Pe(e,t){return e.map(r=>({name:r.name,color:r.color,label:`${r.name} ${Te(r.value,t)}`}))}function Ae({total:e,family:t,primary:r,subtitle:o}){return n.jsxs("text",{x:"50%",y:"50%",textAnchor:"middle",dominantBaseline:"central",fontFamily:t,children:[n.jsx("tspan",{x:"50%",dy:"-0.4em",fontSize:20,fontWeight:600,fill:r,children:e}),n.jsx("tspan",{x:"50%",dy:"1.55em",fontSize:16,fontWeight:500,fill:o,children:"Total"})]})}function Me({data:e,size:t=200,donut:r,style:o}){const[s,a]=b.useState(null),c=y(),f=G(),d=e.map((p,T)=>({name:p.label,value:p.value,color:f(p.tone,T)})),l=d.reduce((p,T)=>p+T.value,0),u={startAngle:ke,endAngle:Ce},g=p=>({opacity:s===null\|\|s===p?1:.35}),j=r?n.jsx(D.DonutChart,{data:d,size:t,thickness:we(t),withTooltip:!0,cellProps:p=>g(p.name),...u,children:n.jsx(Ae,{total:l,family:c.typography.fontFamily,primary:c.text.primary,subtitle:c.text.secondary})}):n.jsx(D.PieChart,{data:d,size:t,withTooltip:!0,withLabelsLine:!1,cellProps:p=>g(p.name),...u});return n.jsxs("div",{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",...o},children:[n.jsx("div",{style:{width:"100%",height:t,minHeight:t,display:"flex",alignItems:"center",justifyContent:"center"},children:j}),n.jsx(D.ChartLegend,{payload:Le(d),series:Pe(d,l),legendPosition:"bottom",centered:!0,onHighlight:a,mt:"sm",w:"100%",styles:{legend:{justifyContent:"center",gap:12,color:c.text.primary},legendItemName:{color:c.text.primary}}})]})}function Be(e){const{nodes:t,edges:r,direction:o="vertical",nodeWidth:s=160,nodeHeight:a=40,rankGap:c=64,nodeGap:f=48,padding:d=24}=e,l=t.map(i=>i.id),u=new Set(l),g=new Map;for(const i of l)g.set(i,[]);for(const i of r)u.has(i.from)&&u.has(i.to)&&g.get(i.from).push(i.to);const j=0,p=1,T=2,k=new Map(l.map(i=>[i,j])),L=new Set,P=(i,x)=>`${i}\0${x}`,A=i=>{k.set(i,p);for(const x of g.get(i)??[]){const m=k.get(x);m===p?L.add(P(i,x)):m===j&&A(x)}k.set(i,T)};for(const i of l)k.get(i)===j&&A(i);const w=r.filter(i=>u.has(i.from)&&u.has(i.to)&&!L.has(P(i.from,i.to))),M=new Map(l.map(i=>[i,0])),$=new Map(l.map(i=>[i,[]]));for(const i of w)$.get(i.from).push(i.to),M.set(i.to,(M.get(i.to)??0)+1);const F=new Map(l.map(i=>[i,0])),I=l.filter(i=>(M.get(i)??0)===0);for(;I.length>0;){const i=I.shift(),x=F.get(i);for(const m of $.get(i))F.set(m,Math.max(F.get(m),x+1)),M.set(m,M.get(m)-1),M.get(m)===0&&I.push(m)}const B=new Map;for(const i of l){const x=F.get(i);B.has(x)\|\|B.set(x,[]),B.get(x).push(i)}const E=[...B.keys()].sort((i,x)=>i-x),v=o==="vertical",O=i=>i(v?s:a)+Math.max(0,i-1)f,q=Math.max(0,...E.map(i=>O(B.get(i).length))),H=new Map,K=[];E.forEach((i,x)=>{const m=B.get(i),z=O(m.length),N=d+(q-z)/2,R=d+x((v?a:s)+c);m.forEach((U,Z)=>{const J=N+Z((v?s:a)+f),fe=v?J:R,he=v?R:J;H.set(U,{id:U,x:fe,y:he,rank:i,order:Z})}),K.push({rank:i,x:v?N:R,y:v?R:N,width:v?z:s,height:v?a:z,nodeIds:m})});const X=(i,x)=>i?v?{x:i.x+s/2,y:x==="source"?i.y+a:i.y}:{x:x==="source"?i.x+s:i.x,y:i.y+a/2}:{x:0,y:0},ue=r.filter(i=>u.has(i.from)&&u.has(i.to)).map(i=>{const x=X(H.get(i.from),"source"),m=X(H.get(i.to),"target");return{from:i.from,to:i.to,sourceX:x.x,sourceY:x.y,targetX:m.x,targetY:m.y,isBackEdge:L.has(P(i.from,i.to))}}),V=d2+E.length(v?a:s)+Math.max(0,E.length-1)c,Y=d2+q;return{nodes:[...H.values()],edges:ue,ranks:K,direction:o,width:v?Y:V,height:v?V:Y}}function De({additions:e=0,deletions:t=0,style:r}){return e===0&&t===0?null:n.jsxs("span",{style:{display:"inline-flex",gap:8,fontVariantNumeric:"tabular-nums",fontSize:12,fontWeight:600,...r},children:[e>0&&n.jsxs("span",{style:{color:C.added},children:["+",e]}),t>0&&n.jsxs("span",{style:{color:C.deleted},children:["-",t]})]})}const Fe={added:"+",removed:"-",unchanged:" "};function Ee({lines:e,showLineNumbers:t=!0,coloredLineNumbers:r=!0,showAccentStrip:o=!0,style:s}){const a=y(),c=l=>l==="added"?a.diff.insertedLine:l==="removed"?a.diff.removedLine:"transparent",f=l=>l==="added"?a.diff.stripAdded:l==="removed"?a.diff.stripRemoved:"transparent",d=l=>r&&l==="added"?C.added:r&&l==="removed"?C.deleted:a.text.tertiary;return n.jsx("div",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", monospace',fontSize:12.5,lineHeight:"18px",color:a.text.primary,overflowX:"auto",...s},children:e.map((l,u)=>n.jsxs("div",{style:{display:"flex",alignItems:"stretch",background:c(l.type),borderLeft:o?`3px solid ${f(l.type)}`:void 0},children:[t&&n.jsx("span",{style:{flex:"0 0 auto",width:40,textAlign:"right",paddingRight:10,userSelect:"none",color:d(l.type)},children:l.lineNumber??""}),n.jsx("span",{style:{flex:"0 0 auto",width:14,textAlign:"center",userSelect:"none",color:d(l.type)},children:Fe[l.type]}),n.jsx("pre",{style:{margin:0,padding:"0 8px",whiteSpace:"pre",fontFamily:"inherit"},children:l.content})]},u))})}function He({status:e}){const t=y(),r=e==="completed"?C.success:e==="in_progress"?t.accent.primary:e==="cancelled"?C.danger:t.text.tertiary;return n.jsxs("svg",{width:14,height:14,viewBox:"0 0 14 14",fill:"none",style:{flex:"0 0 auto",marginTop:3},"aria-hidden":!0,children:[n.jsx("circle",{cx:7,cy:7,r:6,stroke:r,strokeWidth:1.4}),e==="completed"&&n.jsx("path",{d:"M4 7.2l2 2 4-4.4",stroke:r,strokeWidth:1.4,strokeLinecap:"round",strokeLinejoin:"round"}),e==="in_progress"&&n.jsx("circle",{cx:7,cy:7,r:3,fill:r}),e==="cancelled"&&n.jsx("path",{d:"M4.8 4.8l4.4 4.4M9.2 4.8l-4.4 4.4",stroke:r,strokeWidth:1.4,strokeLinecap:"round"})]})}function ce({todos:e,dimmedTodoIds:t,onTodoClick:r,style:o}){const s=y();return e.length===0?null:n.jsx("div",{style:{display:"flex",flexDirection:"column",...o},children:e.map(a=>{const c=t==null?void 0:t.has(a.id);return n.jsxs("button",{type:"button",onClick:()=>r==null?void 0:r(a),style:{display:"flex",gap:8,alignItems:"flex-start",width:"100%",textAlign:"left",padding:"4px 6px",background:"transparent",border:"none",cursor:r?"pointer":"default",color:s.text.primary,fontSize:14,lineHeight:"20px",opacity:c?.45:1},children:[n.jsx(He,{status:a.status}),n.jsx("span",{style:{textDecoration:a.status==="cancelled"?"line-through":void 0,color:a.status==="cancelled"?s.text.tertiary:void 0},children:a.content})]},a.id)})})}function Re({todos:e,dimmedTodoIds:t,defaultExpanded:r=!1,onTodoClick:o,style:s}){const a=y(),[c,f]=b.useState(r);if(e.length===0)return null;const d=e.filter(l=>l.status==="completed").length;return n.jsxs("div",{style:{border:`1px solid ${a.stroke.primary}`,borderRadius:6,overflow:"hidden",...s},children:[n.jsxs("button",{type:"button",onClick:()=>f(l=>!l),style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"6px 10px",background:a.fill.secondary,border:"none",cursor:"pointer",color:a.text.secondary,fontSize:12,fontWeight:600},children:[n.jsx("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"none",style:{transform:c?"rotate(90deg)":"none",transition:"transform 120ms"},"aria-hidden":!0,children:n.jsx("path",{d:"M4 2.5L8 6l-4 3.5",stroke:"currentColor",strokeWidth:1.4,strokeLinecap:"round",strokeLinejoin:"round"})}),n.jsx("span",{children:"Todos"}),n.jsx("span",{style:{flex:1}}),n.jsxs("span",{children:[d," of ",e.length," Done"]})]}),c&&n.jsx("div",{style:{padding:6},children:n.jsx(ce,{todos:e,dimmedTodoIds:t,onTodoClick:o})})]})}function Ie(e,t){const r=`canvas:${e}`,[o,s]=b.useState(()=>{if(typeof localStorage>"u")return t;try{const c=localStorage.getItem(r);return c===null?t:JSON.parse(c)}catch{return t}}),a=b.useCallback(c=>{s(f=>{const d=typeof c=="function"?c(f):c;try{localStorage==null\|\|localStorage.setItem(r,JSON.stringify(d))}catch{}return d})},[r]);return[o,a]}function ze(){return b.useCallback(e=>{},[])}function Ne(e,t){return{...e,...t}}function W(e,t,r){const o=e.typography[t];return{fontFamily:e.typography.fontFamily,fontSize:o.fontSize,lineHeight:o.lineHeight,fontWeight:o.fontWeight,color:e.text.primary,margin:0,...r}}function Ge({children:e,style:t}){const r=y();return n.jsx(h.Title,{order:1,style:W(r,"h1",t),children:e})}function We({children:e,style:t}){const r=y();return n.jsx(h.Title,{order:2,style:W(r,"h2",t),children:e})}function _e({children:e,style:t}){const r=y();return n.jsx(h.Title,{order:3,style:W(r,"h3",t),children:e})}const $e={normal:400,medium:500,semibold:600,bold:700};function Oe({children:e,tone:t="primary",size:r="body",as:o="p",weight:s="normal",italic:a,truncate:c,style:f}){const d=y();return n.jsx(h.Text,{component:o,size:r==="small"?"xs":"sm",fw:$e[s],c:t==="primary"?void 0:d.text[t],truncate:c,style:{fontStyle:a?"italic":void 0,...t==="primary"?{color:d.text.primary}:void 0,fontFamily:d.typography.fontFamily,...f},children:e})}function qe({children:e,style:t}){const r=y();return n.jsx("code",{style:{fontFamily:'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", monospace',fontSize:"0.92em",color:r.text.primary,background:r.fill.secondary,borderRadius:r.radius.sm,padding:"1px 4px",...t},children:e})}function Ke({children:e,href:t,style:r}){const o=y();return n.jsx("a",{href:t,target:"_blank",rel:"noreferrer",style:{color:o.text.link,...r},children:e})}function Xe({children:e,gap:t,style:r}){return n.jsx(h.Stack,{gap:t,style:r,children:e})}const ee={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch","space-between":"space-between"};function Ve({children:e,gap:t,align:r="center",justify:o="start",wrap:s=!1,style:a}){return n.jsx(h.Group,{gap:t,align:ee[r],justify:ee[o],wrap:s?"wrap":"nowrap",style:a,children:e})}function Ye(){return n.jsx("div",{style:{flex:1}})}function Ue({children:e,columns:t,gap:r=16,align:o,style:s}){const a=typeof t=="number"?`repeat(${t}, minmax(0, 1fr))`:t;return n.jsx("div",{style:{display:"grid",gridTemplateColumns:a,gap:r,alignItems:o,...s},children:e})}function Ze({style:e}){return n.jsx(h.Divider,{style:e})}const _=b.createContext({collapsible:!1,open:!0,toggle:()=>{}});function Je({children:e,variant:t="default",collapsible:r=!1,defaultOpen:o=!0,open:s,onOpenChange:a,style:c}){const f=y(),[d,l]=b.useState(o),u=s??d,g=b.useCallback(()=>{const j=!u;s===void 0&&l(j),a==null\|\|a(j)},[u,s,a]);return n.jsx(h.Card,{withBorder:t!=="borderless",radius:f.radius.md,padding:0,style:{background:f.bg.elevated,borderColor:f.stroke.secondary,...c},children:n.jsx(_.Provider,{value:{collapsible:r,open:u,toggle:g},children:e})})}function Qe({children:e,trailing:t,style:r}){const o=y(),{collapsible:s,open:a,toggle:c}=b.useContext(_);return n.jsxs("div",{onClick:s?c:void 0,style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"8px 14px",borderBottom:`1px solid ${o.stroke.secondary}`,fontSize:o.typography.small.fontSize,fontWeight:o.typography.h3.fontWeight,color:o.text.primary,fontFamily:o.typography.fontFamily,cursor:s?"pointer":void 0,userSelect:s?"none":void 0,...r},children:[n.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6},children:[s&&n.jsx(de,{expanded:a}),e]}),t!=null&&n.jsx("span",{children:t})]})}function et({children:e,style:t}){const{collapsible:r,open:o}=b.useContext(_);return r&&!o?null:n.jsx("div",{style:{padding:14,...t},children:e})}function de({expanded:e}){return n.jsx("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"none",style:{transform:e?"rotate(90deg)":"none",transition:"transform 120ms"},"aria-hidden":!0,children:n.jsx("path",{d:"M4 2.5L8 6l-4 3.5",stroke:"currentColor",strokeWidth:1.4,strokeLinecap:"round",strokeLinejoin:"round"})})}function tt({value:e,label:t,tone:r,style:o}){const s=y();return n.jsxs("div",{style:o,children:[n.jsx(h.Text,{fz:22,fw:700,lh:1.2,style:{color:r?C[r]:s.text.primary,fontFamily:s.typography.fontFamily},children:e}),n.jsx(h.Text,{fz:12,style:{color:s.text.tertiary,fontFamily:s.typography.fontFamily},children:t})]})}function rt({children:e,active:t,tone:r="neutral",size:o="md",leadingContent:s,keyboardHint:a,title:c,style:f,onClick:d}){return n.jsx(h.Badge,{color:te[r],variant:t?"filled":"light",size:o==="sm"?"sm":"md",leftSection:s,rightSection:a,title:c,onClick:d,style:{cursor:d?"pointer":void 0,textTransform:"none",...f},children:e})}function nt({children:e,tone:t="neutral",title:r,icon:o,style:s}){return n.jsx(h.Alert,{color:te[t],title:r,icon:o,variant:"light",style:s,children:e})}const ot={success:"rgba(31,138,101,0.12)",danger:"rgba(207,45,86,0.12)",warning:"rgba(232,163,61,0.14)",info:"rgba(46,121,181,0.12)",neutral:"rgba(136,136,168,0.12)"};function at({headers:e,rows:t,columnAlign:r,rowTone:o,framed:s=!0,striped:a,stickyHeader:c,style:f,emptyMessage:d}){return n.jsxs(h.Table,{withTableBorder:s,withColumnBorders:!1,striped:a,stickyHeader:c,highlightOnHover:!0,style:f,children:[n.jsx(h.Table.Thead,{children:n.jsx(h.Table.Tr,{children:e.map((l,u)=>n.jsx(h.Table.Th,{ta:(r==null?void 0:r[u])??"left",children:l},u))})}),n.jsx(h.Table.Tbody,{children:t.length===0?n.jsx(h.Table.Tr,{children:n.jsx(h.Table.Td,{colSpan:e.length,ta:"center",c:"dimmed",children:d??"No data"})}):t.map((l,u)=>{const g=o==null?void 0:o[u];return n.jsx(h.Table.Tr,{style:g?{background:ot[g]}:void 0,children:e.map((j,p)=>n.jsx(h.Table.Td,{ta:(r==null?void 0:r[p])??"left",children:l[p]},p))},u)})})]})}const st={primary:"filled",secondary:"default",ghost:"subtle"};function it({children:e,variant:t="secondary",disabled:r,type:o="button",style:s,onClick:a}){return n.jsx(h.Button,{variant:st[t],color:t==="primary"?"accent":void 0,size:"xs",disabled:r,type:o,onClick:a,style:s,children:e})}function lt({children:e,onClick:t,disabled:r,title:o,variant:s="default",size:a="md",style:c}){return n.jsx(h.ActionIcon,{variant:s==="circle"?"light":"subtle",radius:s==="circle"?"xl":"sm",size:a==="sm"?"sm":"md",color:"gray",disabled:r,title:o,"aria-label":o,onClick:t,style:c,children:e})}function ct({value:e,onChange:t,options:r,placeholder:o,disabled:s,style:a}){return n.jsx(h.Select,{value:e,data:r,placeholder:o,disabled:s,allowDeselect:!1,onChange:c=>{c!==null&&(t==null\|\|t(c))},style:a})}function dt({checked:e,onChange:t,disabled:r,label:o,style:s}){return n.jsx(h.Checkbox,{checked:e,disabled:r,label:o,onChange:a=>t==null?void 0:t(a.currentTarget.checked),style:s})}function ut({checked:e,onChange:t,disabled:r,size:o="sm",style:s}){return n.jsx(h.Switch,{checked:e,disabled:r,size:o==="sm"?"sm":"md",onChange:a=>t==null?void 0:t(a.currentTarget.checked),style:s})}function ft({value:e,onChange:t,placeholder:r,disabled:o,type:s,style:a}){return n.jsx(h.TextInput,{value:e,placeholder:r,disabled:o,type:s,onChange:c=>t==null?void 0:t(c.currentTarget.value),style:a})}function ht({value:e,onChange:t,placeholder:r,disabled:o,rows:s=3,style:a}){return n.jsx(h.Textarea,{value:e,placeholder:r,disabled:o,autosize:!0,minRows:s,onChange:c=>t==null?void 0:t(c.currentTarget.value),style:a})}function pt({color:e,style:t}){const r=y();return n.jsx("span",{style:{display:"inline-block",width:14,height:14,borderRadius:4,background:r.category[e],flex:"0 0 auto",...t}})}function xt({segments:e,total:t,topLeftLabel:r,topRightLabel:o,style:s}){const a=y(),c=t>0?t:1,f=e.reduce((l,u)=>l+(Number.isFinite(u.value)&&u.value>0?u.value:0),0),d=Math.max(0,c-f);return n.jsxs("div",{style:s,children:[(r!=null\|\|o!=null)&&n.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:12,color:a.text.secondary,marginBottom:6},children:[n.jsx("span",{children:r}),n.jsx("span",{children:o})]}),n.jsxs("div",{style:{display:"flex",gap:2,height:8},children:[e.map((l,u)=>{const g=Number.isFinite(l.value)&&l.value>0?l.value:0,j=a.category[l.color??S.usageColorSequence[u%S.usageColorSequence.length]];return n.jsx("div",{style:{width:`${g/c100}%`,background:j,borderRadius:3}},l.id)}),d>0&&n.jsx("div",{style:{width:`${d/c100}%`,background:a.fill.tertiary,borderRadius:3}})]})]})}function yt({title:e,leading:t,count:r,trailing:o,children:s,defaultOpen:a=!1,style:c}){const f=y(),[d,l]=b.useState(a);return n.jsxs("div",{style:c,children:[n.jsxs("div",{onClick:()=>l(u=>!u),style:{display:"flex",alignItems:"center",gap:6,padding:"4px 0",cursor:"pointer",userSelect:"none",color:f.text.primary,fontSize:14},children:[n.jsx(de,{expanded:d}),t,n.jsx("span",{style:{fontWeight:500},children:e}),r!=null&&n.jsx("span",{style:{color:f.text.tertiary,fontSize:12},children:r}),n.jsx("span",{style:{flex:1}}),o!=null&&n.jsx("span",{style:{color:f.text.tertiary},children:o})]}),d&&n.jsx("div",{style:{paddingLeft:18,paddingBottom:4},children:s})]})}Object.defineProperty(exports,"useEffect",{enumerable:!0,get:()=>b.useEffect});Object.defineProperty(exports,"useMemo",{enumerable:!0,get:()=>b.useMemo});Object.defineProperty(exports,"useRef",{enumerable:!0,get:()=>b.useRef});Object.defineProperty(exports,"useState",{enumerable:!0,get:()=>b.useState});exports.canvasPaletteDark=S.canvasPaletteDark;exports.canvasPaletteGrokDark=S.canvasPaletteGrokDark;exports.canvasPaletteGrokLight=S.canvasPaletteGrokLight;exports.canvasPaletteLight=S.canvasPaletteLight;exports.canvasTokens=S.canvasTokens;exports.canvasTokensLight=S.canvasTokensLight;exports.categoryPaletteDark=S.categoryPaletteDark;exports.categoryPaletteLight=S.categoryPaletteLight;exports.colorPalette=S.colorPalette;exports.usageColorSequence=S.usageColorSequence;exports.BarChart=Se;exports.Button=it;exports.Callout=nt;exports.Card=Je;exports.CardBody=et;exports.CardHeader=Qe;exports.Checkbox=dt;exports.Code=qe;exports.CollapsibleSection=yt;exports.DiffStats=De;exports.DiffView=Ee;exports.Divider=Ze;exports.Grid=Ue;exports.H1=Ge;exports.H2=We;exports.H3=_e;exports.IconButton=lt;exports.LineChart=ve;exports.Link=Ke;exports.PieChart=Me;exports.Pill=rt;exports.Row=Ve;exports.Select=ct;exports.Spacer=Ye;exports.Stack=Xe;exports.Stat=tt;exports.Swatch=pt;exports.Table=at;exports.Text=Oe;exports.TextArea=ht;exports.TextInput=ft;exports.TodoList=ce;exports.TodoListCard=Re;exports.Toggle=ut;exports.UsageBar=xt;exports.computeDAGLayout=Be;exports.mergeStyle=Ne;exports.useCanvasAction=ze;exports.useCanvasState=Ie;exports.useHostTheme=y;