@flesler/cursor-canvas-web 1.5.0 → 1.5.1

package/dist/cursor-canvas.cjs

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

package/dist/cursor-canvas.js

@@ -1,12 +1,12 @@
-import { useCallback as W, useState as E, Suspense as ve, lazy as be, createContext as ae, useContext as G } from "react";
-import { useEffect as nn, useMemo as rn, useRef as on, useState as an } from "react";
+import { useCallback as O, useState as I, Suspense as be, lazy as Se, createContext as ae, useContext as W } from "react";
+import { useEffect as rn, useMemo as on, useRef as an, useState as sn } from "react";
 import { jsx as i, jsxs as y } from "react/jsx-runtime";
-import { BarChart as Se, AreaChart as ke, LineChart as Ce, ChartLegend as we, PieChart as Le } from "@mantine/charts";
-import { useComputedColorScheme as Te, Button as Pe, ActionIcon as Ae, Card as Me, Alert as Be, Badge as $e, Text as H, Checkbox as De, Select as Ee, Textarea as Ie, TextInput as Fe, Switch as Ne, Divider as Re, Group as _e, Stack as ze, Table as T, Title as O } from "@mantine/core";
-import { r as He, u as ne } from "./host-tokens-Bt6GPXN1.js";
-import { c as ln, a as cn, b as dn, d as un, e as fn, f as hn, g as pn, h as yn, i as gn } from "./host-tokens-Bt6GPXN1.js";
-function gt(t, e) {
-  const n = `canvas:${t}`, [r, o] = E(() => {
+import { BarChart as Ce, AreaChart as ke, LineChart as we, ChartLegend as Le, PieChart as Te } from "@mantine/charts";
+import { useComputedColorScheme as Pe, Button as Ae, ActionIcon as Me, Card as Be, Alert as $e, Badge as De, Text as z, Checkbox as Ie, Select as Ee, Textarea as Fe, TextInput as Re, Switch as _e, Divider as Ne, Group as He, Stack as ze, Table as T, Title as G } from "@mantine/core";
+import { r as Oe, u as ne } from "./host-tokens-Bt6GPXN1.js";
+import { c as cn, a as dn, b as un, d as fn, e as hn, f as pn, g as yn, h as gn, i as mn } from "./host-tokens-Bt6GPXN1.js";
+function mt(t, e) {
+  const n = `canvas:${t}`, [r, o] = I(() => {
     if (typeof localStorage > "u") return e;
     try {
       const c = localStorage.getItem(n);
@@ -14,7 +14,7 @@ function gt(t, e) {
     } catch {
       return e;
     }
-  }), a = W(
+  }), a = O(
     (c) => {
       o((f) => {
         const d = typeof c == "function" ? c(f) : c;
@@ -29,14 +29,14 @@ function gt(t, e) {
   );
   return [r, a];
 }
-function mt() {
-  return W((t) => {
+function xt() {
+  return O((t) => {
   }, []);
 }
-function xt(t, e) {
+function vt(t, e) {
   return { ...t, ...e };
 }
-const C = {
+const k = {
   success: "#1F8A65",
   danger: "#CF2D56",
   warning: "#E8A33D",
@@ -56,24 +56,27 @@ const C = {
   renamed: "indigo"
 };
 function g() {
-  const e = Te("light") === "dark" ? "dark" : "light";
-  return He(e);
+  const e = Pe("light") === "dark" ? "dark" : "light";
+  return Oe(e);
 }
 const se = {
   verticalAlign: "bottom",
-  align: "center"
+  align: "center",
+  itemSorter: null
 }, le = {
+  itemSorter: null
+}, ce = {
   legend: { justifyContent: "center" }
 };
 function j() {
   const e = g().chart.sequence;
-  return (n, r) => n ? C[n] : e[r % e.length];
+  return (n, r) => n ? k[n] : e[r % e.length];
 }
-function ce() {
+function de() {
   const e = g().text.primary;
   return { textColor: e, barLabelColor: e };
 }
-function de(t, e) {
+function ue(t, e) {
   return t.map((n, r) => {
     const o = { category: n };
     for (const a of e)
@@ -81,13 +84,13 @@ function de(t, e) {
     return o;
   });
 }
-function ue(t, e) {
+function fe(t, e) {
   return t.map((n, r) => ({
     name: n.name,
     color: e(n.tone, r)
   }));
 }
-function fe(t, e) {
+function he(t, e) {
   return (n) => `${e ?? ""}${n}${t ?? ""}`;
 }
 function We(t, e) {
@@ -95,11 +98,11 @@ function We(t, e) {
     return t.map((n) => ({
       ...e ? { x: n.value } : { y: n.value },
       label: n.label,
-      color: n.tone ? C[n.tone] : C.neutral
+      color: n.tone ? k[n.tone] : k.neutral
     }));
 }
 const Ge = /* @__PURE__ */ new Set(["log", "symlog", "pow", "sqrt"]);
-function Oe(t) {
+function je(t) {
   const { scale: e } = t;
   return typeof e != "string" || !Ge.has(e) ? t : {
     ...t,
@@ -109,35 +112,35 @@ function Oe(t) {
     domain: t.domain ?? [1, "dataMax"]
   };
 }
-function he(t) {
+function pe(t) {
   const e = We(t.referenceLines, !!t.horizontal);
   let n;
   if (!t.stacked && !t.normalized) {
     const a = t.beginAtZero !== !1;
     n = [t.yMin ?? (a ? 0 : "auto"), t.yMax ?? "auto"];
   }
-  const r = t.valueAxis ? Oe(t.valueAxis) : void 0;
+  const r = t.valueAxis ? je(t.valueAxis) : void 0;
   if (!n && !r)
     return { referenceLines: e };
   const o = { ...n && { domain: n }, ...r };
   return t.horizontal ? { xAxisProps: o, referenceLines: e } : { yAxisProps: o, referenceLines: e };
 }
-function je(t, e, n) {
+function Ke(t, e, n) {
   return t !== void 0 ? t : e.length === 1 && n.length <= 8;
 }
-function Ke(t, e, n) {
+function Ve(t, e, n) {
   return e.length !== 1 || e[0].tone ? t : t.map((r, o) => ({
     ...r,
     color: n(void 0, o)
   }));
 }
-const Ve = 96, Xe = 6.5;
-function Ye(t, e) {
+const Xe = 96, Ye = 6.5;
+function qe(t, e) {
   return t.length <= e ? t : `${t.slice(0, Math.max(0, e - 1))}…`;
 }
-function qe(t, e) {
+function Ze(t, e) {
   var c;
-  const n = typeof e.x == "number" ? e.x : Number(e.x) || 0, r = typeof e.y == "number" ? e.y : Number(e.y) || 0, o = String(((c = e.payload) == null ? void 0 : c.value) ?? ""), a = Ye(o, t);
+  const n = typeof e.x == "number" ? e.x : Number(e.x) || 0, r = typeof e.y == "number" ? e.y : Number(e.y) || 0, o = String(((c = e.payload) == null ? void 0 : c.value) ?? ""), a = qe(o, t);
   return /* @__PURE__ */ i("g", { transform: `translate(${n},${r})`, children: /* @__PURE__ */ y(
     "text",
     {
@@ -154,23 +157,23 @@ function qe(t, e) {
     }
   ) });
 }
-function pe(t) {
+function ye(t) {
   return {
     fontWeight: 700,
     fill: t
   };
 }
-function Ze(t) {
+function Je(t) {
   return {
-    ...pe(t),
+    ...ye(t),
     position: "right"
   };
 }
-function Je(t = Ve, e = !1) {
-  const n = Math.floor(t / Xe);
+function Ue(t = Xe, e = !1) {
+  const n = Math.floor(t / Ye);
   return {
     yAxisProps: {
-      tick: (r) => qe(n, r),
+      tick: (r) => Ze(n, r),
       width: t
     },
     barChartProps: {
@@ -179,14 +182,14 @@ function Je(t = Ve, e = !1) {
     gridAxis: "y"
   };
 }
-function Ue() {
+function Qe() {
   return {
     barChartProps: {
       margin: { top: 22 }
     }
   };
 }
-function vt({
+function bt({
   categories: t,
   series: e,
   height: n = 240,
@@ -204,11 +207,11 @@ function vt({
   extra: b
 }) {
   var A;
-  const w = j(), L = ce(), P = Ke(
-    de(t, e),
+  const w = j(), L = de(), P = Ve(
+    ue(t, e),
     e,
     w
-  ), B = a ? "percent" : r ? "stacked" : "default", D = he({
+  ), B = a ? "percent" : r ? "stacked" : "default", D = pe({
     beginAtZero: l,
     yMin: u,
     yMax: m,
@@ -217,26 +220,27 @@ function vt({
     stacked: r,
     normalized: a,
     valueAxis: b == null ? void 0 : b.valueAxis
-  }), S = !r && !a && je(d, e, t);
+  }), S = !r && !a && Ke(d, e, t);
   return /* @__PURE__ */ i(
-    Se,
+    Ce,
     {
       h: n,
       data: P,
       dataKey: "category",
-      series: ue(e, w),
+      series: fe(e, w),
       type: B,
       orientation: o ? "vertical" : "horizontal",
       withLegend: e.length > 1,
       legendProps: se,
-      valueFormatter: fe(c, f),
+      tooltipProps: le,
+      valueFormatter: he(c, f),
       withBarValueLabel: S,
       ...S ? {
-        valueLabelProps: o ? Ze(L.barLabelColor) : pe(L.barLabelColor)
+        valueLabelProps: o ? Je(L.barLabelColor) : ye(L.barLabelColor)
       } : {},
-      ...o ? Je((A = b == null ? void 0 : b.categoryAxis) == null ? void 0 : A.width, S) : S ? Ue() : {},
+      ...o ? Ue((A = b == null ? void 0 : b.categoryAxis) == null ? void 0 : A.width, S) : S ? Qe() : {},
       styles: {
-        ...le,
+        ...ce,
         legendItemName: { color: L.textColor }
       },
       ...D,
@@ -244,7 +248,7 @@ function vt({
     }
   );
 }
-function bt({
+function St({
   categories: t,
   series: e,
   height: n = 240,
@@ -261,7 +265,7 @@ function bt({
   extra: h,
   smooth: b
 }) {
-  const w = (h == null ? void 0 : h.smooth) ?? b, L = j(), P = ce(), B = de(t, e), D = ue(e, L), S = !!(r && (h != null && h.stacked)), A = he({
+  const w = (h == null ? void 0 : h.smooth) ?? b, L = j(), P = de(), B = ue(t, e), D = fe(e, L), S = !!(r && (h != null && h.stacked)), A = pe({
     beginAtZero: d,
     yMin: l,
     yMax: u,
@@ -277,28 +281,31 @@ function bt({
     curveType: w ? "monotone" : "linear",
     withLegend: e.length > 1,
     legendProps: se,
-    valueFormatter: fe(o, a),
+    valueFormatter: he(o, a),
     withPointLabels: c ?? t.length <= 20,
-    tooltipProps: f ? void 0 : { cursor: !1 },
-    styles: {
+    tooltipProps: {
       ...le,
+      ...!f && { cursor: !1 }
+    },
+    styles: {
+      ...ce,
       legendItemName: { color: P.textColor }
     },
     ...A,
     style: v
   };
-  return r ? /* @__PURE__ */ i(ke, { ...M, type: S ? "stacked" : "default" }) : /* @__PURE__ */ i(Ce, { ...M });
+  return r ? /* @__PURE__ */ i(ke, { ...M, type: S ? "stacked" : "default" }) : /* @__PURE__ */ i(we, { ...M });
 }
-const Qe = be(
+const et = Se(
   () => import("./pie-donut-qRBFP0tT.js").then((t) => ({ default: t.PieDonutChart }))
-), et = 180, tt = 540;
-function nt(t, e) {
+), tt = 180, nt = 540;
+function rt(t, e) {
   if (e <= 0)
     return "0%";
   const n = t / e * 100;
   return n < 10 && Math.abs(n - Math.round(n)) > 0.05 ? `${n.toFixed(1)}%` : `${Math.round(n)}%`;
 }
-function rt(t) {
+function ot(t) {
   return t.map((e) => ({
     dataKey: e.name,
     value: e.name,
@@ -306,32 +313,32 @@ function rt(t) {
     type: "circle"
   }));
 }
-function ot(t, e) {
+function at(t, e) {
   return t.map((n) => ({
     name: n.name,
     color: n.color,
-    label: `${n.name} ${nt(n.value, e)}`
+    label: `${n.name} ${rt(n.value, e)}`
   }));
 }
-function St({ data: t, size: e = 200, donut: n, style: r }) {
-  const [o, a] = E(null), c = g(), f = j(), d = t.map((h, b) => ({
+function Ct({ data: t, size: e = 200, donut: n, style: r }) {
+  const [o, a] = I(null), c = g(), f = j(), d = t.map((h, b) => ({
     name: h.label,
     value: h.value,
     color: f(h.tone, b)
   })), l = d.reduce((h, b) => h + b.value, 0), u = {
-    startAngle: et,
-    endAngle: tt
+    startAngle: tt,
+    endAngle: nt
   }, m = (h) => ({
     opacity: o === null || o === h ? 1 : 0.35
-  }), v = n ? /* @__PURE__ */ i(ve, { fallback: null, children: /* @__PURE__ */ i(
-    Qe,
+  }), v = n ? /* @__PURE__ */ i(be, { fallback: null, children: /* @__PURE__ */ i(
+    et,
     {
       data: d,
       size: e,
       highlighted: o
     }
   ) }) : /* @__PURE__ */ i(
-    Le,
+    Te,
     {
       data: d,
       size: e,
@@ -367,10 +374,10 @@ function St({ data: t, size: e = 200, donut: n, style: r }) {
           }
         ),
         /* @__PURE__ */ i(
-          we,
+          Le,
           {
-            payload: rt(d),
-            series: ot(d, l),
+            payload: ot(d),
+            series: at(d, l),
             legendPosition: "bottom",
             centered: !0,
             onHighlight: a,
@@ -420,42 +427,42 @@ function kt(t) {
   ), S = new Map(l.map((s) => [s, 0])), A = new Map(l.map((s) => [s, []]));
   for (const s of D)
     A.get(s.from).push(s.to), S.set(s.to, (S.get(s.to) ?? 0) + 1);
-  const M = new Map(l.map((s) => [s, 0])), R = l.filter((s) => (S.get(s) ?? 0) === 0);
-  for (; R.length > 0; ) {
-    const s = R.shift(), p = M.get(s);
+  const M = new Map(l.map((s) => [s, 0])), _ = l.filter((s) => (S.get(s) ?? 0) === 0);
+  for (; _.length > 0; ) {
+    const s = _.shift(), p = M.get(s);
     for (const x of A.get(s))
-      M.set(x, Math.max(M.get(x), p + 1)), S.set(x, S.get(x) - 1), S.get(x) === 0 && R.push(x);
+      M.set(x, Math.max(M.get(x), p + 1)), S.set(x, S.get(x) - 1), S.get(x) === 0 && _.push(x);
   }
   const $ = /* @__PURE__ */ new Map();
   for (const s of l) {
     const p = M.get(s);
     $.has(p) || $.set(p, []), $.get(p).push(s);
   }
-  const I = [...$.keys()].sort((s, p) => s - p), k = r === "vertical", X = (s) => s * (k ? o : a) + Math.max(0, s - 1) * f, Y = Math.max(
+  const E = [...$.keys()].sort((s, p) => s - p), C = r === "vertical", X = (s) => s * (C ? o : a) + Math.max(0, s - 1) * f, Y = Math.max(
     0,
-    ...I.map((s) => X($.get(s).length))
+    ...E.map((s) => X($.get(s).length))
   ), F = /* @__PURE__ */ new Map(), q = [];
-  I.forEach((s, p) => {
-    const x = $.get(s), _ = X(x.length), z = d + (Y - _) / 2, N = d + p * ((k ? a : o) + c);
+  E.forEach((s, p) => {
+    const x = $.get(s), N = X(x.length), H = d + (Y - N) / 2, R = d + p * ((C ? a : o) + c);
     x.forEach((Q, ee) => {
-      const te = z + ee * ((k ? o : a) + f), me = k ? te : N, xe = k ? N : te;
-      F.set(Q, { id: Q, x: me, y: xe, rank: s, order: ee });
+      const te = H + ee * ((C ? o : a) + f), xe = C ? te : R, ve = C ? R : te;
+      F.set(Q, { id: Q, x: xe, y: ve, rank: s, order: ee });
     }), q.push({
       rank: s,
-      x: k ? z : N,
-      y: k ? N : z,
-      width: k ? _ : o,
-      height: k ? a : _,
+      x: C ? H : R,
+      y: C ? R : H,
+      width: C ? N : o,
+      height: C ? a : N,
       nodeIds: x
     });
   });
-  const Z = (s, p) => s ? k ? {
+  const Z = (s, p) => s ? C ? {
     x: s.x + o / 2,
     y: p === "source" ? s.y + a : s.y
   } : {
     x: p === "source" ? s.x + o : s.x,
     y: s.y + a / 2
-  } : { x: 0, y: 0 }, ge = n.filter((s) => u.has(s.from) && u.has(s.to)).map((s) => {
+  } : { x: 0, y: 0 }, me = n.filter((s) => u.has(s.from) && u.has(s.to)).map((s) => {
     const p = Z(F.get(s.from), "source"), x = Z(F.get(s.to), "target");
     return {
       from: s.from,
@@ -466,17 +473,17 @@ function kt(t) {
       targetY: x.y,
       isBackEdge: L.has(P(s.from, s.to))
     };
-  }), J = d * 2 + I.length * (k ? a : o) + Math.max(0, I.length - 1) * c, U = d * 2 + Y;
+  }), J = d * 2 + E.length * (C ? a : o) + Math.max(0, E.length - 1) * c, U = d * 2 + Y;
   return {
     nodes: [...F.values()],
-    edges: ge,
+    edges: me,
     ranks: q,
     direction: r,
-    width: k ? U : J,
-    height: k ? J : U
+    width: C ? U : J,
+    height: C ? J : U
   };
 }
-function Ct({
+function wt({
   additions: t = 0,
   deletions: e = 0,
   style: n
@@ -493,11 +500,11 @@ function Ct({
         ...n
       },
       children: [
-        t > 0 && /* @__PURE__ */ y("span", { style: { color: C.added }, children: [
+        t > 0 && /* @__PURE__ */ y("span", { style: { color: k.added }, children: [
           "+",
           t
         ] }),
-        e > 0 && /* @__PURE__ */ y("span", { style: { color: C.deleted }, children: [
+        e > 0 && /* @__PURE__ */ y("span", { style: { color: k.deleted }, children: [
           "-",
           e
         ] })
@@ -505,19 +512,19 @@ function Ct({
     }
   );
 }
-const at = {
+const it = {
   added: "+",
   removed: "-",
   unchanged: " "
 };
-function wt({
+function Lt({
   lines: t,
   showLineNumbers: e = !0,
   coloredLineNumbers: n = !0,
   showAccentStrip: r = !0,
   style: o
 }) {
-  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", d = (l) => n && l === "added" ? C.added : n && l === "removed" ? C.deleted : a.text.tertiary;
+  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", d = (l) => n && l === "added" ? k.added : n && l === "removed" ? k.deleted : a.text.tertiary;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -563,7 +570,7 @@ function wt({
                   userSelect: "none",
                   color: d(l.type)
                 },
-                children: at[l.type]
+                children: it[l.type]
               }
             ),
             /* @__PURE__ */ i(
@@ -585,8 +592,8 @@ function wt({
     }
   );
 }
-function it({ status: t }) {
-  const e = g(), n = t === "completed" ? C.success : t === "in_progress" ? e.accent.primary : t === "cancelled" ? C.danger : e.text.tertiary;
+function st({ status: t }) {
+  const e = g(), n = t === "completed" ? k.success : t === "in_progress" ? e.accent.primary : t === "cancelled" ? k.danger : e.text.tertiary;
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -622,7 +629,7 @@ function it({ status: t }) {
     }
   );
 }
-function st({
+function lt({
   todos: t,
   dimmedTodoIds: e,
   onTodoClick: n,
@@ -652,7 +659,7 @@ function st({
           opacity: c ? 0.45 : 1
         },
         children: [
-          /* @__PURE__ */ i(it, { status: a.status }),
+          /* @__PURE__ */ i(st, { status: a.status }),
           /* @__PURE__ */ i(
             "span",
             {
@@ -669,14 +676,14 @@ function st({
     );
   }) });
 }
-function Lt({
+function Tt({
   todos: t,
   dimmedTodoIds: e,
   defaultExpanded: n = !1,
   onTodoClick: r,
   style: o
 }) {
-  const a = g(), [c, f] = E(n);
+  const a = g(), [c, f] = I(n);
   if (t.length === 0) return null;
   const d = t.filter((l) => l.status === "completed").length;
   return /* @__PURE__ */ y(
@@ -744,7 +751,7 @@ function Lt({
           }
         ),
         c && /* @__PURE__ */ i("div", { style: { padding: 6 }, children: /* @__PURE__ */ i(
-          st,
+          lt,
           {
             todos: t,
             dimmedTodoIds: e,
@@ -755,12 +762,12 @@ function Lt({
     }
   );
 }
-const lt = {
+const ct = {
   primary: "filled",
   secondary: "default",
   ghost: "subtle"
 };
-function Tt({
+function Pt({
   children: t,
   variant: e = "secondary",
   disabled: n,
@@ -769,9 +776,9 @@ function Tt({
   onClick: a
 }) {
   return /* @__PURE__ */ i(
-    Pe,
+    Ae,
     {
-      variant: lt[e],
+      variant: ct[e],
       color: e === "primary" ? "accent" : void 0,
       size: "xs",
       disabled: n,
@@ -782,7 +789,7 @@ function Tt({
     }
   );
 }
-function Pt({
+function At({
   children: t,
   onClick: e,
   disabled: n,
@@ -792,7 +799,7 @@ function Pt({
   style: c
 }) {
   return /* @__PURE__ */ i(
-    Ae,
+    Me,
     {
       variant: o === "circle" ? "light" : "subtle",
       radius: o === "circle" ? "xl" : "sm",
@@ -813,7 +820,7 @@ const K = ae({
   toggle: () => {
   }
 });
-function ye({ expanded: t }) {
+function ge({ expanded: t }) {
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -839,7 +846,7 @@ function ye({ expanded: t }) {
     }
   );
 }
-function At({
+function Mt({
   children: t,
   variant: e = "default",
   collapsible: n = !1,
@@ -848,12 +855,12 @@ function At({
   onOpenChange: a,
   style: c
 }) {
-  const f = g(), [d, l] = E(r), u = o ?? d, m = W(() => {
+  const f = g(), [d, l] = I(r), u = o ?? d, m = O(() => {
     const v = !u;
     o === void 0 && l(v), a == null || a(v);
   }, [u, o, a]);
   return /* @__PURE__ */ i(
-    Me,
+    Be,
     {
       withBorder: e !== "borderless",
       radius: f.radius.md,
@@ -867,8 +874,8 @@ function At({
     }
   );
 }
-function Mt({ children: t, trailing: e, style: n }) {
-  const r = g(), { collapsible: o, open: a, toggle: c } = G(K);
+function Bt({ children: t, trailing: e, style: n }) {
+  const r = g(), { collapsible: o, open: a, toggle: c } = W(K);
   return /* @__PURE__ */ y(
     "div",
     {
@@ -890,7 +897,7 @@ function Mt({ children: t, trailing: e, style: n }) {
       },
       children: [
         /* @__PURE__ */ y("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
-          o && /* @__PURE__ */ i(ye, { expanded: a }),
+          o && /* @__PURE__ */ i(ge, { expanded: a }),
           t
         ] }),
         e != null && /* @__PURE__ */ i("span", { children: e })
@@ -898,28 +905,28 @@ function Mt({ children: t, trailing: e, style: n }) {
     }
   );
 }
-function Bt({ children: t, style: e }) {
-  const { collapsible: n, open: r } = G(K);
+function $t({ children: t, style: e }) {
+  const { collapsible: n, open: r } = W(K);
   return n && !r ? null : /* @__PURE__ */ i("div", { style: { padding: 14, ...e }, children: t });
 }
-function $t({ value: t, label: e, tone: n, style: r }) {
+function Dt({ value: t, label: e, tone: n, style: r }) {
   const o = g();
   return /* @__PURE__ */ y("div", { style: r, children: [
     /* @__PURE__ */ i(
-      H,
+      z,
       {
         fz: 22,
         fw: 700,
         lh: 1.2,
         style: {
-          color: n ? C[n] : o.text.primary,
+          color: n ? k[n] : o.text.primary,
           fontFamily: o.typography.fontFamily
         },
         children: t
       }
     ),
     /* @__PURE__ */ i(
-      H,
+      z,
       {
         fz: 12,
         style: {
@@ -931,7 +938,7 @@ function $t({ value: t, label: e, tone: n, style: r }) {
     )
   ] });
 }
-function Dt({
+function It({
   children: t,
   active: e,
   tone: n = "neutral",
@@ -943,7 +950,7 @@ function Dt({
   onClick: d
 }) {
   return /* @__PURE__ */ i(
-    $e,
+    De,
     {
       color: ie[n],
       variant: e ? "filled" : "light",
@@ -969,7 +976,7 @@ function Et({
   style: o
 }) {
   return /* @__PURE__ */ i(
-    Be,
+    $e,
     {
       color: ie[e],
       title: n,
@@ -980,7 +987,7 @@ function Et({
     }
   );
 }
-function It({
+function Ft({
   value: t,
   onChange: e,
   options: n,
@@ -1003,7 +1010,7 @@ function It({
     }
   );
 }
-function Ft({
+function Rt({
   checked: t,
   onChange: e,
   disabled: n,
@@ -1011,7 +1018,7 @@ function Ft({
   style: o
 }) {
   return /* @__PURE__ */ i(
-    De,
+    Ie,
     {
       checked: t,
       disabled: n,
@@ -1021,7 +1028,7 @@ function Ft({
     }
   );
 }
-function Nt({
+function _t({
   checked: t,
   onChange: e,
   disabled: n,
@@ -1029,7 +1036,7 @@ function Nt({
   style: o
 }) {
   return /* @__PURE__ */ i(
-    Ne,
+    _e,
     {
       checked: t,
       disabled: n,
@@ -1039,7 +1046,7 @@ function Nt({
     }
   );
 }
-function Rt({
+function Nt({
   value: t,
   onChange: e,
   placeholder: n,
@@ -1048,7 +1055,7 @@ function Rt({
   style: a
 }) {
   return /* @__PURE__ */ i(
-    Fe,
+    Re,
     {
       value: t,
       placeholder: n,
@@ -1059,7 +1066,7 @@ function Rt({
     }
   );
 }
-function _t({
+function Ht({
   value: t,
   onChange: e,
   placeholder: n,
@@ -1068,7 +1075,7 @@ function _t({
   style: a
 }) {
   return /* @__PURE__ */ i(
-    Ie,
+    Fe,
     {
       value: t,
       placeholder: n,
@@ -1090,7 +1097,7 @@ const re = {
   stretch: "stretch",
   "space-between": "space-between"
 };
-function Ht({
+function Ot({
   children: t,
   gap: e,
   align: n = "center",
@@ -1099,7 +1106,7 @@ function Ht({
   style: a
 }) {
   return /* @__PURE__ */ i(
-    _e,
+    He,
     {
       gap: e,
       align: re[n],
@@ -1129,10 +1136,10 @@ function Gt({ children: t, columns: e, gap: n = 16, align: r, style: o }) {
     }
   );
 }
-function Ot({ style: t }) {
-  return /* @__PURE__ */ i(Re, { style: t });
+function jt({ style: t }) {
+  return /* @__PURE__ */ i(Ne, { style: t });
 }
-function jt({ color: t, style: e }) {
+function Kt({ color: t, style: e }) {
   const n = g();
   return /* @__PURE__ */ i(
     "span",
@@ -1149,7 +1156,7 @@ function jt({ color: t, style: e }) {
     }
   );
 }
-function Kt({
+function Vt({
   segments: t,
   total: e,
   topLeftLabel: n,
@@ -1205,7 +1212,7 @@ function Kt({
     ] })
   ] });
 }
-function Vt({
+function Xt({
   title: t,
   leading: e,
   count: n,
@@ -1214,7 +1221,7 @@ function Vt({
   defaultOpen: a = !1,
   style: c
 }) {
-  const f = g(), [d, l] = E(a);
+  const f = g(), [d, l] = I(a);
   return /* @__PURE__ */ y("div", { style: c, children: [
     /* @__PURE__ */ y(
       "div",
@@ -1231,7 +1238,7 @@ function Vt({
           fontSize: 14
         },
         children: [
-          /* @__PURE__ */ i(ye, { expanded: d }),
+          /* @__PURE__ */ i(ge, { expanded: d }),
           e,
           /* @__PURE__ */ i("span", { style: { fontWeight: 500 }, children: t }),
           n != null && /* @__PURE__ */ i("span", { style: { color: f.text.tertiary, fontSize: 12 }, children: n }),
@@ -1243,14 +1250,14 @@ function Vt({
     d && /* @__PURE__ */ i("div", { style: { paddingLeft: 18, paddingBottom: 4 }, children: o })
   ] });
 }
-const ct = {
+const dt = {
   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 Xt({
+function Yt({
   headers: t,
   rows: e,
   columnAlign: n,
@@ -1277,7 +1284,7 @@ function Xt({
           return /* @__PURE__ */ i(
             T.Tr,
             {
-              style: m ? { background: ct[m] } : void 0,
+              style: m ? { background: dt[m] } : void 0,
               children: t.map((v, h) => /* @__PURE__ */ i(
                 T.Td,
                 {
@@ -1306,25 +1313,25 @@ function V(t, e, n) {
     ...n
   };
 }
-function Yt({ children: t, style: e }) {
-  const n = g();
-  return /* @__PURE__ */ i(O, { order: 1, style: V(n, "h1", e), children: t });
-}
 function qt({ children: t, style: e }) {
   const n = g();
-  return /* @__PURE__ */ i(O, { order: 2, style: V(n, "h2", e), children: t });
+  return /* @__PURE__ */ i(G, { order: 1, style: V(n, "h1", e), children: t });
 }
 function Zt({ children: t, style: e }) {
   const n = g();
-  return /* @__PURE__ */ i(O, { order: 3, style: V(n, "h3", e), children: t });
+  return /* @__PURE__ */ i(G, { order: 2, style: V(n, "h2", e), children: t });
 }
-const dt = {
+function Jt({ children: t, style: e }) {
+  const n = g();
+  return /* @__PURE__ */ i(G, { order: 3, style: V(n, "h3", e), children: t });
+}
+const ut = {
   normal: 400,
   medium: 500,
   semibold: 600,
   bold: 700
 }, oe = ae(!1);
-function Jt({
+function Ut({
   children: t,
   tone: e = "primary",
   size: n = "body",
@@ -1334,13 +1341,13 @@ function Jt({
   truncate: c,
   style: f
 }) {
-  const d = g(), u = G(oe) && r === "p" ? "span" : r, m = r === "p";
+  const d = g(), u = W(oe) && r === "p" ? "span" : r, m = r === "p";
   return /* @__PURE__ */ i(oe.Provider, { value: !0, children: /* @__PURE__ */ i(
-    H,
+    z,
     {
       component: u,
       size: n === "small" ? "xs" : "sm",
-      fw: dt[o],
+      fw: ut[o],
       c: e === "primary" ? void 0 : d.text[e],
       truncate: c,
       style: {
@@ -1354,7 +1361,7 @@ function Jt({
     }
   ) });
 }
-function Ut({ children: t, style: e }) {
+function Qt({ children: t, style: e }) {
   const n = g();
   return /* @__PURE__ */ i(
     "code",
@@ -1372,7 +1379,7 @@ function Ut({ children: t, style: e }) {
     }
   );
 }
-function Qt({ children: t, href: e, style: n }) {
+function en({ children: t, href: e, style: n }) {
   const r = g();
   return /* @__PURE__ */ i(
     "a",
@@ -1386,58 +1393,58 @@ function Qt({ children: t, href: e, style: n }) {
   );
 }
 export {
-  vt as BarChart,
-  Tt as Button,
+  bt as BarChart,
+  Pt as Button,
   Et as Callout,
-  At as Card,
-  Bt as CardBody,
-  Mt as CardHeader,
-  Ft as Checkbox,
-  Ut as Code,
-  Vt as CollapsibleSection,
-  Ct as DiffStats,
-  wt as DiffView,
-  Ot as Divider,
+  Mt as Card,
+  $t as CardBody,
+  Bt as CardHeader,
+  Rt as Checkbox,
+  Qt as Code,
+  Xt as CollapsibleSection,
+  wt as DiffStats,
+  Lt as DiffView,
+  jt as Divider,
   Gt as Grid,
-  Yt as H1,
-  qt as H2,
-  Zt as H3,
-  Pt as IconButton,
-  bt as LineChart,
-  Qt as Link,
-  St as PieChart,
-  Dt as Pill,
-  Ht as Row,
-  It as Select,
+  qt as H1,
+  Zt as H2,
+  Jt as H3,
+  At as IconButton,
+  St as LineChart,
+  en as Link,
+  Ct as PieChart,
+  It as Pill,
+  Ot as Row,
+  Ft as Select,
   Wt as Spacer,
   zt as Stack,
-  $t as Stat,
-  jt as Swatch,
-  Xt as Table,
-  Jt as Text,
-  _t as TextArea,
-  Rt as TextInput,
-  st as TodoList,
-  Lt as TodoListCard,
-  Nt as Toggle,
-  Kt as UsageBar,
-  ln as canvasPaletteDark,
-  cn as canvasPaletteGrokDark,
-  dn as canvasPaletteGrokLight,
-  un as canvasPaletteLight,
-  fn as canvasTokens,
-  hn as canvasTokensLight,
-  pn as categoryPaletteDark,
-  yn as categoryPaletteLight,
-  gn as colorPalette,
+  Dt as Stat,
+  Kt as Swatch,
+  Yt as Table,
+  Ut as Text,
+  Ht as TextArea,
+  Nt as TextInput,
+  lt as TodoList,
+  Tt as TodoListCard,
+  _t as Toggle,
+  Vt as UsageBar,
+  cn as canvasPaletteDark,
+  dn as canvasPaletteGrokDark,
+  un as canvasPaletteGrokLight,
+  fn as canvasPaletteLight,
+  hn as canvasTokens,
+  pn as canvasTokensLight,
+  yn as categoryPaletteDark,
+  gn as categoryPaletteLight,
+  mn as colorPalette,
   kt as computeDAGLayout,
-  xt as mergeStyle,
+  vt as mergeStyle,
   ne as usageColorSequence,
-  mt as useCanvasAction,
-  gt as useCanvasState,
-  nn as useEffect,
+  xt as useCanvasAction,
+  mt as useCanvasState,
+  rn as useEffect,
   g as useHostTheme,
-  rn as useMemo,
-  on as useRef,
-  an as useState
+  on as useMemo,
+  an as useRef,
+  sn as useState
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@flesler/cursor-canvas-web",
   "private": false,
-  "version": "1.5.0",
+  "version": "1.5.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/flesler/cursor-canvas-web.git"

package/src/shim/__tests__/chartLegendOrder.test.tsx

@@ -0,0 +1,34 @@
+import { describe, expect, it } from 'vitest'
+import { renderWithProvider } from '../../test/render'
+import { BarChart } from '../bar-chart'
+import { CHART_LEGEND_PROPS, CHART_TOOLTIP_PROPS } from '../chart-shared'
+import { LineChart } from '../line-chart'
+
+describe('chart label order', () => {
+  it('disables Recharts default legend and tooltip sorters', () => {
+    expect(CHART_LEGEND_PROPS.itemSorter).toBeNull()
+    expect(CHART_TOOLTIP_PROPS.itemSorter).toBeNull()
+  })
+
+  const series = [
+    { name: 'Off-heap reclaimed', data: [12, 18], tone: 'info' as const },
+    { name: 'Heap reclaimed', data: [58, 55], tone: 'warning' as const },
+  ]
+  const categories = ['T+5s', 'T+10s']
+  const seriesNames = series.map(s => s.name)
+
+  it.each([
+    ['LineChart', LineChart],
+    ['BarChart', BarChart],
+  ] as const)('keeps %s legend order in source series order', (_, Chart) => {
+    const { container } = renderWithProvider(
+      <Chart categories={categories} series={series} height={160} />,
+    )
+    const legend = container.querySelector('[class*="ChartLegend-legend"]')
+    expect(legend).toBeTruthy()
+    const names = legend!.querySelectorAll(
+      '[class*="ChartLegend-legendItemName"]',
+    )
+    expect([...names].map(el => el.textContent?.trim())).toEqual(seriesNames)
+  })
+})

package/src/shim/bar-chart.tsx

@@ -1,7 +1,7 @@
 import { BarChart as MantineBarChart } from '@mantine/charts'
 import '@mantine/charts/styles.css'
 import type { BarChartProps } from '../superset/index'
-import { barValueLabelProps, CHART_LEGEND_PROPS, CHART_LEGEND_STYLES, defaultShowBarValues, horizontalBarProps, horizontalBarValueLabelProps, reshapeLineChartData, toMantineSeries, useChartColorProps, useSeriesColor, valueAxisChartProps, valueFormatter, verticalBarLabelProps, withPerCategoryBarColors } from './chart-shared'
+import { barValueLabelProps, CHART_LEGEND_PROPS, CHART_LEGEND_STYLES, CHART_TOOLTIP_PROPS, defaultShowBarValues, horizontalBarProps, horizontalBarValueLabelProps, reshapeLineChartData, toMantineSeries, useChartColorProps, useSeriesColor, valueAxisChartProps, valueFormatter, verticalBarLabelProps, withPerCategoryBarColors } from './chart-shared'
 
 export function BarChart({
   categories,
@@ -52,6 +52,7 @@ export function BarChart({
       orientation={horizontal ? 'vertical' : 'horizontal'}
       withLegend={series.length > 1}
       legendProps={CHART_LEGEND_PROPS}
+      tooltipProps={CHART_TOOLTIP_PROPS}
       valueFormatter={valueFormatter(valueSuffix, valuePrefix)}
       withBarValueLabel={withBarValueLabel}
       {...(withBarValueLabel

package/src/shim/chart-shared.tsx

@@ -2,7 +2,7 @@
  * Shared chart data shaping and axis helpers (no @mantine/charts component imports).
  */
 import type { ChartReferenceLineProps } from '@mantine/charts'
-import type { XAxisProps, YAxisProps } from 'recharts'
+import type { LegendProps, XAxisProps, YAxisProps } from 'recharts'
 import type { CanvasChartValueAxisExtra } from '../superset/chart-extra'
 import type { BarChartProps } from '../superset/index'
 import { toneHex } from './theme'
@@ -26,9 +26,16 @@ export type {
 
 import type { ChartReferenceLine, ChartSeries, ChartTone } from '../vendor/canvas-sdk/chart-primitives.js'
 
+/** Recharts 3 defaults to sorting legend rows; keep SDK `series[]` order. */
 export const CHART_LEGEND_PROPS = {
   verticalAlign: 'bottom' as const,
   align: 'center' as const,
+  itemSorter: null,
+} satisfies Pick<LegendProps, 'verticalAlign' | 'align' | 'itemSorter'>
+
+/** Same for tooltip series rows (default `itemSorter: 'name'`). `null` disables sort at runtime. */
+export const CHART_TOOLTIP_PROPS = {
+  itemSorter: null as never,
 }
 
 export const CHART_LEGEND_STYLES = {

package/src/shim/line-chart.tsx

@@ -2,7 +2,7 @@ import type { LineChartCurveType } from '@mantine/charts'
 import { AreaChart, LineChart as MantineLineChart } from '@mantine/charts'
 import '@mantine/charts/styles.css'
 import type { LineChartProps } from '../superset/index'
-import { CHART_LEGEND_PROPS, CHART_LEGEND_STYLES, reshapeLineChartData, toMantineSeries, useChartColorProps, useSeriesColor, valueAxisChartProps, valueFormatter } from './chart-shared'
+import { CHART_LEGEND_PROPS, CHART_LEGEND_STYLES, CHART_TOOLTIP_PROPS, reshapeLineChartData, toMantineSeries, useChartColorProps, useSeriesColor, valueAxisChartProps, valueFormatter } from './chart-shared'
 
 export function LineChart({
   categories,
@@ -46,7 +46,10 @@ export function LineChart({
     legendProps: CHART_LEGEND_PROPS,
     valueFormatter: valueFormatter(valueSuffix, valuePrefix),
     withPointLabels: showValues ?? categories.length <= 20,
-    tooltipProps: showHoverGuide ? undefined : { cursor: false },
+    tooltipProps: {
+      ...CHART_TOOLTIP_PROPS,
+      ...(!showHoverGuide && { cursor: false }),
+    },
     styles: {
       ...CHART_LEGEND_STYLES,
       legendItemName: { color: chartColors.textColor },