@flesler/cursor-canvas-web 1.1.2 → 1.2.1

package/dist/cursor-canvas.js

@@ -1,11 +1,11 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import { useComputedColorScheme as ge, Button as xe, Alert as ve, Card as be, Checkbox as Se, Divider as ke, Title as W, ActionIcon as Ce, Badge as we, Group as Le, Select as Te, Stack as Pe, Text as H, Table as w, Textarea as Ae, TextInput as Me, Switch as Be } from "@mantine/core";
-import { useState as $, createContext as $e, useCallback as _, useContext as oe } from "react";
-import { useEffect as Zt, useMemo as Jt, useRef as Ut, useState as Qt } from "react";
-import { r as Fe, u as te } from "./host-tokens-Dh2BFFjv.js";
-import { c as tr, a as rr, b as nr, d as or, e as ar, f as ir, g as sr, h as lr, i as cr } from "./host-tokens-Dh2BFFjv.js";
-import { BarChart as De, AreaChart as Ee, LineChart as Ie, DonutChart as ze, PieChart as Ne, ChartLegend as Re } from "@mantine/charts";
-const k = {
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { useComputedColorScheme as ge, Button as xe, Alert as ve, Card as be, Checkbox as Se, Divider as ke, Title as W, ActionIcon as we, Badge as Ce, Group as Le, Select as Te, Stack as Pe, Text as H, Table as L, Textarea as Ae, TextInput as Me, Switch as Be } from "@mantine/core";
+import { useState as D, createContext as $e, useCallback as G, useContext as oe } from "react";
+import { useEffect as Ut, useMemo as Qt, useRef as en, useState as tn } from "react";
+import { r as De, u as te } from "./host-tokens-Dh2BFFjv.js";
+import { c as rn, a as on, b as an, d as sn, e as ln, f as cn, g as dn, h as un, i as fn } from "./host-tokens-Dh2BFFjv.js";
+import { BarChart as Fe, AreaChart as Ee, LineChart as Ne, DonutChart as Ie, PieChart as ze, ChartLegend as Re } from "@mantine/charts";
+const w = {
   success: "#1F8A65",
   danger: "#CF2D56",
   warning: "#E8A33D",
@@ -26,7 +26,7 @@ const k = {
 };
 function m() {
   const t = ge("light") === "dark" ? "dark" : "light";
-  return Fe(t);
+  return De(t);
 }
 const ie = {
   verticalAlign: "bottom",
@@ -34,60 +34,74 @@ const ie = {
 }, se = {
   legend: { justifyContent: "center" }
 };
-function G() {
+function O() {
   const t = m().chart.sequence;
-  return (r, n) => r ? k[r] : t[n % t.length];
+  return (n, r) => n ? w[n] : t[r % t.length];
 }
 function le() {
   const t = m().text.primary;
   return { textColor: t, barLabelColor: t };
 }
 function ce(e, t) {
-  return e.map((r, n) => {
-    const i = { category: r };
+  return e.map((n, r) => {
+    const a = { category: n };
     for (const o of t)
-      i[o.name] = o.data[n] ?? 0;
-    return i;
+      a[o.name] = o.data[r] ?? 0;
+    return a;
   });
 }
 function de(e, t) {
-  return e.map((r, n) => ({
-    name: r.name,
-    color: t(r.tone, n)
+  return e.map((n, r) => ({
+    name: n.name,
+    color: t(n.tone, r)
   }));
 }
 function ue(e, t) {
-  return (r) => `${t ?? ""}${r}${e ?? ""}`;
+  return (n) => `${t ?? ""}${n}${e ?? ""}`;
 }
-function He(e, t) {
+function _e(e, t) {
   if (e != null && e.length)
-    return e.map((r) => ({
-      ...t ? { x: r.value } : { y: r.value },
-      label: r.label,
-      color: r.tone ? k[r.tone] : k.neutral
+    return e.map((n) => ({
+      ...t ? { x: n.value } : { y: n.value },
+      label: n.label,
+      color: n.tone ? w[n.tone] : w.neutral
     }));
 }
+const He = /* @__PURE__ */ new Set(["log", "symlog", "pow", "sqrt"]);
+function We(e) {
+  const { scale: t } = e;
+  return typeof t != "string" || !He.has(t) ? e : {
+    ...e,
+    type: e.type ?? "number",
+    allowDataOverflow: e.allowDataOverflow ?? !0,
+    allowDecimals: e.allowDecimals ?? !0,
+    domain: e.domain ?? [1, "dataMax"]
+  };
+}
 function fe(e) {
-  const t = He(e.referenceLines, !!e.horizontal);
-  if (e.stacked || e.normalized)
+  const t = _e(e.referenceLines, !!e.horizontal);
+  let n;
+  if (!e.stacked && !e.normalized) {
+    const o = e.beginAtZero !== !1;
+    n = [e.yMin ?? (o ? 0 : "auto"), e.yMax ?? "auto"];
+  }
+  const r = e.valueAxis ? We(e.valueAxis) : void 0;
+  if (!n && !r)
     return { referenceLines: t };
-  const r = e.beginAtZero !== !1, n = [
-    e.yMin ?? (r ? 0 : "auto"),
-    e.yMax ?? "auto"
-  ];
-  return e.horizontal ? { xAxisProps: { domain: n }, referenceLines: t } : { yAxisProps: { domain: n }, referenceLines: t };
+  const a = { ...n && { domain: n }, ...r };
+  return e.horizontal ? { xAxisProps: a, referenceLines: t } : { yAxisProps: a, referenceLines: t };
 }
-function We(e, t, r) {
-  return e !== void 0 ? e : t.length === 1 && r.length <= 8;
+function Ge(e, t, n) {
+  return e !== void 0 ? e : t.length === 1 && n.length <= 8;
 }
-const re = 14;
-function _e(e) {
-  return e.length <= re ? e : `${e.slice(0, re - 1)}…`;
+const ne = 14;
+function Oe(e) {
+  return e.length <= ne ? e : `${e.slice(0, ne - 1)}…`;
 }
-function Ge(e) {
+function je(e) {
   var o;
-  const t = typeof e.x == "number" ? e.x : Number(e.x) || 0, r = typeof e.y == "number" ? e.y : Number(e.y) || 0, n = String(((o = e.payload) == null ? void 0 : o.value) ?? ""), i = _e(n);
-  return /* @__PURE__ */ a("g", { transform: `translate(${t},${r})`, children: /* @__PURE__ */ y(
+  const t = typeof e.x == "number" ? e.x : Number(e.x) || 0, n = typeof e.y == "number" ? e.y : Number(e.y) || 0, r = String(((o = e.payload) == null ? void 0 : o.value) ?? ""), a = Oe(r);
+  return /* @__PURE__ */ i("g", { transform: `translate(${t},${n})`, children: /* @__PURE__ */ y(
     "text",
     {
       x: -10,
@@ -97,22 +111,22 @@ function Ge(e) {
       fill: "currentColor",
       fontSize: 12,
       children: [
-        /* @__PURE__ */ a("title", { children: n }),
-        i
+        /* @__PURE__ */ i("title", { children: r }),
+        a
       ]
     }
   ) });
 }
-function je(e) {
+function Ke(e) {
   return {
     fontWeight: 700,
     fill: e
   };
 }
-function Oe() {
+function Xe() {
   return {
     yAxisProps: {
-      tick: Ge,
+      tick: je,
       width: 96
     },
     barChartProps: {
@@ -120,19 +134,19 @@ function Oe() {
     }
   };
 }
-function Ke() {
+function qe() {
   return {
     barChartProps: {
       margin: { top: 22 }
     }
   };
 }
-function dt({
+function ft({
   categories: e,
   series: t,
-  height: r = 240,
-  fill: n,
-  valueSuffix: i,
+  height: n = 240,
+  fill: r,
+  valueSuffix: a,
   valuePrefix: o,
   showValues: c,
   showHoverGuide: f = !0,
@@ -141,41 +155,44 @@ function dt({
   yMax: u,
   referenceLines: g,
   style: v,
-  smooth: h
+  extra: h,
+  smooth: k
 }) {
-  const C = G(), S = le(), T = ce(e, t), P = de(t, C), A = fe({
+  const T = (h == null ? void 0 : h.smooth) ?? k, C = O(), P = le(), M = ce(e, t), $ = de(t, C), b = !!(r && (h != null && h.stacked)), F = fe({
     beginAtZero: d,
     yMin: l,
     yMax: u,
     referenceLines: g,
-    horizontal: !1
-  }), L = {
-    h: r,
-    data: T,
+    horizontal: !1,
+    stacked: b,
+    valueAxis: h == null ? void 0 : h.valueAxis
+  }), A = {
+    h: n,
+    data: M,
     dataKey: "category",
-    series: P,
-    curveType: h ? "monotone" : "linear",
+    series: $,
+    curveType: T ? "monotone" : "linear",
     withLegend: t.length > 1,
     legendProps: ie,
-    valueFormatter: ue(i, o),
+    valueFormatter: ue(a, o),
     withPointLabels: c ?? e.length <= 20,
     tooltipProps: f ? void 0 : { cursor: !1 },
     styles: {
       ...se,
-      legendItemName: { color: S.textColor }
+      legendItemName: { color: P.textColor }
     },
-    ...S,
-    ...A,
+    ...P,
+    ...F,
     style: v
   };
-  return n ? /* @__PURE__ */ a(Ee, { ...L }) : /* @__PURE__ */ a(Ie, { ...L });
+  return r ? /* @__PURE__ */ i(Ee, { ...A, type: b ? "stacked" : "default" }) : /* @__PURE__ */ i(Ne, { ...A });
 }
-function ut({
+function ht({
   categories: e,
   series: t,
-  height: r = 240,
-  stacked: n,
-  horizontal: i,
+  height: n = 240,
+  stacked: r,
+  horizontal: a,
   normalized: o,
   valueSuffix: c,
   valuePrefix: f,
@@ -184,53 +201,55 @@ function ut({
   yMin: u,
   yMax: g,
   referenceLines: v,
-  style: h
+  style: h,
+  extra: k
 }) {
-  const C = G(), S = le(), T = ce(e, t), P = o ? "percent" : n ? "stacked" : "default", A = fe({
+  const T = O(), C = le(), P = ce(e, t), M = o ? "percent" : r ? "stacked" : "default", $ = fe({
     beginAtZero: l,
     yMin: u,
     yMax: g,
     referenceLines: v,
-    horizontal: i,
-    stacked: n,
-    normalized: o
-  }), L = !n && !o && We(d, t, e);
-  return /* @__PURE__ */ a(
-    De,
+    horizontal: a,
+    stacked: r,
+    normalized: o,
+    valueAxis: k == null ? void 0 : k.valueAxis
+  }), b = !r && !o && Ge(d, t, e);
+  return /* @__PURE__ */ i(
+    Fe,
     {
-      h: r,
-      data: T,
+      h: n,
+      data: P,
       dataKey: "category",
-      series: de(t, C),
-      type: P,
-      orientation: i ? "vertical" : "horizontal",
+      series: de(t, T),
+      type: M,
+      orientation: a ? "vertical" : "horizontal",
       withLegend: t.length > 1,
       legendProps: ie,
       valueFormatter: ue(c, f),
-      withBarValueLabel: L,
-      ...L ? { valueLabelProps: je(S.barLabelColor) } : {},
-      ...i ? Oe() : L ? Ke() : {},
+      withBarValueLabel: b,
+      ...b ? { valueLabelProps: Ke(C.barLabelColor) } : {},
+      ...a ? Xe() : b ? qe() : {},
       styles: {
         ...se,
-        legendItemName: { color: S.textColor }
+        legendItemName: { color: C.textColor }
       },
-      ...S,
-      ...A,
+      ...C,
+      ...$,
       style: h
     }
   );
 }
-const Xe = 180, Ye = 540;
-function qe(e, t) {
+const Ve = 180, Ye = 540;
+function Ze(e, t) {
   if (t <= 0)
     return "0%";
-  const r = e / t * 100;
-  return r < 10 && Math.abs(r - Math.round(r)) > 0.05 ? `${r.toFixed(1)}%` : `${Math.round(r)}%`;
+  const n = e / t * 100;
+  return n < 10 && Math.abs(n - Math.round(n)) > 0.05 ? `${n.toFixed(1)}%` : `${Math.round(n)}%`;
 }
-function Ve(e) {
+function Je(e) {
   return Math.max(28, Math.round(e * 0.22));
 }
-function Ze(e) {
+function Ue(e) {
   return e.map((t) => ({
     dataKey: t.name,
     value: t.name,
@@ -238,18 +257,18 @@ function Ze(e) {
     type: "circle"
   }));
 }
-function Je(e, t) {
-  return e.map((r) => ({
-    name: r.name,
-    color: r.color,
-    label: `${r.name} ${qe(r.value, t)}`
+function Qe(e, t) {
+  return e.map((n) => ({
+    name: n.name,
+    color: n.color,
+    label: `${n.name} ${Ze(n.value, t)}`
   }));
 }
-function Ue({
+function et({
   total: e,
   family: t,
-  primary: r,
-  subtitle: n
+  primary: n,
+  subtitle: r
 }) {
   return /* @__PURE__ */ y(
     "text",
@@ -260,33 +279,33 @@ function Ue({
       dominantBaseline: "central",
       fontFamily: t,
       children: [
-        /* @__PURE__ */ a("tspan", { x: "50%", dy: "-0.4em", fontSize: 20, fontWeight: 600, fill: r, children: e }),
-        /* @__PURE__ */ a("tspan", { x: "50%", dy: "1.55em", fontSize: 16, fontWeight: 500, fill: n, children: "Total" })
+        /* @__PURE__ */ i("tspan", { x: "50%", dy: "-0.4em", fontSize: 20, fontWeight: 600, fill: n, children: e }),
+        /* @__PURE__ */ i("tspan", { x: "50%", dy: "1.55em", fontSize: 16, fontWeight: 500, fill: r, children: "Total" })
       ]
     }
   );
 }
-function ft({ data: e, size: t = 200, donut: r, style: n }) {
-  const [i, o] = $(null), c = m(), f = G(), d = e.map((h, C) => ({
+function pt({ data: e, size: t = 200, donut: n, style: r }) {
+  const [a, o] = D(null), c = m(), f = O(), d = e.map((h, k) => ({
     name: h.label,
     value: h.value,
-    color: f(h.tone, C)
-  })), l = d.reduce((h, C) => h + C.value, 0), u = {
-    startAngle: Xe,
+    color: f(h.tone, k)
+  })), l = d.reduce((h, k) => h + k.value, 0), u = {
+    startAngle: Ve,
     endAngle: Ye
   }, g = (h) => ({
-    opacity: i === null || i === h ? 1 : 0.35
-  }), v = r ? /* @__PURE__ */ a(
-    ze,
+    opacity: a === null || a === h ? 1 : 0.35
+  }), v = n ? /* @__PURE__ */ i(
+    Ie,
     {
       data: d,
       size: t,
-      thickness: Ve(t),
+      thickness: Je(t),
       withTooltip: !0,
       cellProps: (h) => g(h.name),
       ...u,
-      children: /* @__PURE__ */ a(
-        Ue,
+      children: /* @__PURE__ */ i(
+        et,
         {
           total: l,
           family: c.typography.fontFamily,
@@ -295,8 +314,8 @@ function ft({ data: e, size: t = 200, donut: r, style: n }) {
         }
       )
     }
-  ) : /* @__PURE__ */ a(
-    Ne,
+  ) : /* @__PURE__ */ i(
+    ze,
     {
       data: d,
       size: t,
@@ -314,10 +333,10 @@ function ft({ data: e, size: t = 200, donut: r, style: n }) {
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
-        ...n
+        ...r
       },
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -331,11 +350,11 @@ function ft({ data: e, size: t = 200, donut: r, style: n }) {
             children: v
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ i(
           Re,
           {
-            payload: Ze(d),
-            series: Je(d, l),
+            payload: Ue(d),
+            series: Qe(d, l),
             legendPosition: "bottom",
             centered: !0,
             onHighlight: o,
@@ -357,71 +376,71 @@ function ft({ data: e, size: t = 200, donut: r, style: n }) {
     }
   );
 }
-function ht(e) {
+function yt(e) {
   const {
     nodes: t,
-    edges: r,
-    direction: n = "vertical",
-    nodeWidth: i = 160,
+    edges: n,
+    direction: r = "vertical",
+    nodeWidth: a = 160,
     nodeHeight: o = 40,
     rankGap: c = 64,
     nodeGap: f = 48,
     padding: d = 24
   } = e, l = t.map((s) => s.id), u = new Set(l), g = /* @__PURE__ */ new Map();
   for (const s of l) g.set(s, []);
-  for (const s of r)
+  for (const s of n)
     u.has(s.from) && u.has(s.to) && g.get(s.from).push(s.to);
-  const v = 0, h = 1, C = 2, S = new Map(l.map((s) => [s, v])), T = /* @__PURE__ */ new Set(), P = (s, p) => `${s}\0${p}`, A = (s) => {
-    S.set(s, h);
+  const v = 0, h = 1, k = 2, T = new Map(l.map((s) => [s, v])), C = /* @__PURE__ */ new Set(), P = (s, p) => `${s}\0${p}`, M = (s) => {
+    T.set(s, h);
     for (const p of g.get(s) ?? []) {
-      const x = S.get(p);
-      x === h ? T.add(P(s, p)) : x === v && A(p);
+      const x = T.get(p);
+      x === h ? C.add(P(s, p)) : x === v && M(p);
     }
-    S.set(s, C);
+    T.set(s, k);
   };
-  for (const s of l) S.get(s) === v && A(s);
-  const L = r.filter(
-    (s) => u.has(s.from) && u.has(s.to) && !T.has(P(s.from, s.to))
-  ), M = new Map(l.map((s) => [s, 0])), K = new Map(l.map((s) => [s, []]));
-  for (const s of L)
-    K.get(s.from).push(s.to), M.set(s.to, (M.get(s.to) ?? 0) + 1);
-  const F = new Map(l.map((s) => [s, 0])), z = l.filter((s) => (M.get(s) ?? 0) === 0);
+  for (const s of l) T.get(s) === v && M(s);
+  const $ = n.filter(
+    (s) => u.has(s.from) && u.has(s.to) && !C.has(P(s.from, s.to))
+  ), b = new Map(l.map((s) => [s, 0])), F = new Map(l.map((s) => [s, []]));
+  for (const s of $)
+    F.get(s.from).push(s.to), b.set(s.to, (b.get(s.to) ?? 0) + 1);
+  const A = new Map(l.map((s) => [s, 0])), z = l.filter((s) => (b.get(s) ?? 0) === 0);
   for (; z.length > 0; ) {
-    const s = z.shift(), p = F.get(s);
-    for (const x of K.get(s))
-      F.set(x, Math.max(F.get(x), p + 1)), M.set(x, M.get(x) - 1), M.get(x) === 0 && z.push(x);
+    const s = z.shift(), p = A.get(s);
+    for (const x of F.get(s))
+      A.set(x, Math.max(A.get(x), p + 1)), b.set(x, b.get(x) - 1), b.get(x) === 0 && z.push(x);
   }
   const B = /* @__PURE__ */ new Map();
   for (const s of l) {
-    const p = F.get(s);
+    const p = A.get(s);
     B.has(p) || B.set(p, []), B.get(p).push(s);
   }
-  const D = [...B.keys()].sort((s, p) => s - p), b = n === "vertical", X = (s) => s * (b ? i : o) + Math.max(0, s - 1) * f, Y = Math.max(
+  const E = [...B.keys()].sort((s, p) => s - p), S = r === "vertical", X = (s) => s * (S ? a : o) + Math.max(0, s - 1) * f, q = Math.max(
     0,
-    ...D.map((s) => X(B.get(s).length))
-  ), E = /* @__PURE__ */ new Map(), q = [];
-  D.forEach((s, p) => {
-    const x = B.get(s), N = X(x.length), R = d + (Y - N) / 2, I = d + p * ((b ? o : i) + c);
+    ...E.map((s) => X(B.get(s).length))
+  ), N = /* @__PURE__ */ new Map(), V = [];
+  E.forEach((s, p) => {
+    const x = B.get(s), R = X(x.length), _ = d + (q - R) / 2, I = d + p * ((S ? o : a) + c);
     x.forEach((U, Q) => {
-      const ee = R + Q * ((b ? i : o) + f), ye = b ? ee : I, me = b ? I : ee;
-      E.set(U, { id: U, x: ye, y: me, rank: s, order: Q });
-    }), q.push({
+      const ee = _ + Q * ((S ? a : o) + f), ye = S ? ee : I, me = S ? I : ee;
+      N.set(U, { id: U, x: ye, y: me, rank: s, order: Q });
+    }), V.push({
       rank: s,
-      x: b ? R : I,
-      y: b ? I : R,
-      width: b ? N : i,
-      height: b ? o : N,
+      x: S ? _ : I,
+      y: S ? I : _,
+      width: S ? R : a,
+      height: S ? o : R,
       nodeIds: x
     });
   });
-  const V = (s, p) => s ? b ? {
-    x: s.x + i / 2,
+  const Y = (s, p) => s ? S ? {
+    x: s.x + a / 2,
     y: p === "source" ? s.y + o : s.y
   } : {
-    x: p === "source" ? s.x + i : s.x,
+    x: p === "source" ? s.x + a : s.x,
     y: s.y + o / 2
-  } : { x: 0, y: 0 }, pe = r.filter((s) => u.has(s.from) && u.has(s.to)).map((s) => {
-    const p = V(E.get(s.from), "source"), x = V(E.get(s.to), "target");
+  } : { x: 0, y: 0 }, pe = n.filter((s) => u.has(s.from) && u.has(s.to)).map((s) => {
+    const p = Y(N.get(s.from), "source"), x = Y(N.get(s.to), "target");
     return {
       from: s.from,
       to: s.to,
@@ -429,22 +448,22 @@ function ht(e) {
       sourceY: p.y,
       targetX: x.x,
       targetY: x.y,
-      isBackEdge: T.has(P(s.from, s.to))
+      isBackEdge: C.has(P(s.from, s.to))
     };
-  }), Z = d * 2 + D.length * (b ? o : i) + Math.max(0, D.length - 1) * c, J = d * 2 + Y;
+  }), Z = d * 2 + E.length * (S ? o : a) + Math.max(0, E.length - 1) * c, J = d * 2 + q;
   return {
-    nodes: [...E.values()],
+    nodes: [...N.values()],
     edges: pe,
-    ranks: q,
-    direction: n,
-    width: b ? J : Z,
-    height: b ? Z : J
+    ranks: V,
+    direction: r,
+    width: S ? J : Z,
+    height: S ? Z : J
   };
 }
-function pt({
+function mt({
   additions: e = 0,
   deletions: t = 0,
-  style: r
+  style: n
 }) {
   return e === 0 && t === 0 ? null : /* @__PURE__ */ y(
     "span",
@@ -455,14 +474,14 @@ function pt({
         fontVariantNumeric: "tabular-nums",
         fontSize: 12,
         fontWeight: 600,
-        ...r
+        ...n
       },
       children: [
-        e > 0 && /* @__PURE__ */ y("span", { style: { color: k.added }, children: [
+        e > 0 && /* @__PURE__ */ y("span", { style: { color: w.added }, children: [
           "+",
           e
         ] }),
-        t > 0 && /* @__PURE__ */ y("span", { style: { color: k.deleted }, children: [
+        t > 0 && /* @__PURE__ */ y("span", { style: { color: w.deleted }, children: [
           "-",
           t
         ] })
@@ -470,20 +489,20 @@ function pt({
     }
   );
 }
-const Qe = {
+const tt = {
   added: "+",
   removed: "-",
   unchanged: " "
 };
-function yt({
+function gt({
   lines: e,
   showLineNumbers: t = !0,
-  coloredLineNumbers: r = !0,
-  showAccentStrip: n = !0,
-  style: i
+  coloredLineNumbers: n = !0,
+  showAccentStrip: r = !0,
+  style: a
 }) {
-  const o = m(), c = (l) => l === "added" ? o.diff.insertedLine : l === "removed" ? o.diff.removedLine : "transparent", f = (l) => l === "added" ? o.diff.stripAdded : l === "removed" ? o.diff.stripRemoved : "transparent", d = (l) => r && l === "added" ? k.added : r && l === "removed" ? k.deleted : o.text.tertiary;
-  return /* @__PURE__ */ a(
+  const o = m(), c = (l) => l === "added" ? o.diff.insertedLine : l === "removed" ? o.diff.removedLine : "transparent", f = (l) => l === "added" ? o.diff.stripAdded : l === "removed" ? o.diff.stripRemoved : "transparent", d = (l) => n && l === "added" ? w.added : n && l === "removed" ? w.deleted : o.text.tertiary;
+  return /* @__PURE__ */ i(
     "div",
     {
       style: {
@@ -492,7 +511,7 @@ function yt({
         lineHeight: "18px",
         color: o.text.primary,
         overflowX: "auto",
-        ...i
+        ...a
       },
       children: e.map((l, u) => /* @__PURE__ */ y(
         "div",
@@ -501,10 +520,10 @@ function yt({
             display: "flex",
             alignItems: "stretch",
             background: c(l.type),
-            borderLeft: n ? `3px solid ${f(l.type)}` : void 0
+            borderLeft: r ? `3px solid ${f(l.type)}` : void 0
           },
           children: [
-            t && /* @__PURE__ */ a(
+            t && /* @__PURE__ */ i(
               "span",
               {
                 style: {
@@ -518,7 +537,7 @@ function yt({
                 children: l.lineNumber ?? ""
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               "span",
               {
                 style: {
@@ -528,10 +547,10 @@ function yt({
                   userSelect: "none",
                   color: d(l.type)
                 },
-                children: Qe[l.type]
+                children: tt[l.type]
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               "pre",
               {
                 style: {
@@ -550,8 +569,8 @@ function yt({
     }
   );
 }
-function et({ status: e }) {
-  const t = m(), r = e === "completed" ? k.success : e === "in_progress" ? t.accent.primary : e === "cancelled" ? k.danger : t.text.tertiary;
+function nt({ status: e }) {
+  const t = m(), n = e === "completed" ? w.success : e === "in_progress" ? t.accent.primary : e === "cancelled" ? w.danger : t.text.tertiary;
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -562,23 +581,23 @@ function et({ status: e }) {
       style: { flex: "0 0 auto", marginTop: 3 },
       "aria-hidden": !0,
       children: [
-        /* @__PURE__ */ a("circle", { cx: 7, cy: 7, r: 6, stroke: r, strokeWidth: 1.4 }),
-        e === "completed" && /* @__PURE__ */ a(
+        /* @__PURE__ */ i("circle", { cx: 7, cy: 7, r: 6, stroke: n, strokeWidth: 1.4 }),
+        e === "completed" && /* @__PURE__ */ i(
           "path",
           {
             d: "M4 7.2l2 2 4-4.4",
-            stroke: r,
+            stroke: n,
             strokeWidth: 1.4,
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
         ),
-        e === "in_progress" && /* @__PURE__ */ a("circle", { cx: 7, cy: 7, r: 3, fill: r }),
-        e === "cancelled" && /* @__PURE__ */ a(
+        e === "in_progress" && /* @__PURE__ */ i("circle", { cx: 7, cy: 7, r: 3, fill: n }),
+        e === "cancelled" && /* @__PURE__ */ i(
           "path",
           {
             d: "M4.8 4.8l4.4 4.4M9.2 4.8l-4.4 4.4",
-            stroke: r,
+            stroke: n,
             strokeWidth: 1.4,
             strokeLinecap: "round"
           }
@@ -587,20 +606,20 @@ function et({ status: e }) {
     }
   );
 }
-function tt({
+function rt({
   todos: e,
   dimmedTodoIds: t,
-  onTodoClick: r,
-  style: n
+  onTodoClick: n,
+  style: r
 }) {
-  const i = m();
-  return e.length === 0 ? null : /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column", ...n }, children: e.map((o) => {
+  const a = m();
+  return e.length === 0 ? null : /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", ...r }, children: e.map((o) => {
     const c = t == null ? void 0 : t.has(o.id);
     return /* @__PURE__ */ y(
       "button",
       {
         type: "button",
-        onClick: () => r == null ? void 0 : r(o),
+        onClick: () => n == null ? void 0 : n(o),
         style: {
           display: "flex",
           gap: 8,
@@ -610,20 +629,20 @@ function tt({
           padding: "4px 6px",
           background: "transparent",
           border: "none",
-          cursor: r ? "pointer" : "default",
-          color: i.text.primary,
+          cursor: n ? "pointer" : "default",
+          color: a.text.primary,
           fontSize: 14,
           lineHeight: "20px",
           opacity: c ? 0.45 : 1
         },
         children: [
-          /* @__PURE__ */ a(et, { status: o.status }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ i(nt, { status: o.status }),
+          /* @__PURE__ */ i(
             "span",
             {
               style: {
                 textDecoration: o.status === "cancelled" ? "line-through" : void 0,
-                color: o.status === "cancelled" ? i.text.tertiary : void 0
+                color: o.status === "cancelled" ? a.text.tertiary : void 0
               },
               children: o.content
             }
@@ -634,14 +653,14 @@ function tt({
     );
   }) });
 }
-function mt({
+function xt({
   todos: e,
   dimmedTodoIds: t,
-  defaultExpanded: r = !1,
-  onTodoClick: n,
-  style: i
+  defaultExpanded: n = !1,
+  onTodoClick: r,
+  style: a
 }) {
-  const o = m(), [c, f] = $(r);
+  const o = m(), [c, f] = D(n);
   if (e.length === 0) return null;
   const d = e.filter((l) => l.status === "completed").length;
   return /* @__PURE__ */ y(
@@ -651,7 +670,7 @@ function mt({
         border: `1px solid ${o.stroke.primary}`,
         borderRadius: 6,
         overflow: "hidden",
-        ...i
+        ...a
       },
       children: [
         /* @__PURE__ */ y(
@@ -673,7 +692,7 @@ function mt({
               fontWeight: 600
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ i(
                 "svg",
                 {
                   width: 12,
@@ -685,7 +704,7 @@ function mt({
                     transition: "transform 120ms"
                   },
                   "aria-hidden": !0,
-                  children: /* @__PURE__ */ a(
+                  children: /* @__PURE__ */ i(
                     "path",
                     {
                       d: "M4 2.5L8 6l-4 3.5",
@@ -697,8 +716,8 @@ function mt({
                   )
                 }
               ),
-              /* @__PURE__ */ a("span", { children: "Todos" }),
-              /* @__PURE__ */ a("span", { style: { flex: 1 } }),
+              /* @__PURE__ */ i("span", { children: "Todos" }),
+              /* @__PURE__ */ i("span", { style: { flex: 1 } }),
               /* @__PURE__ */ y("span", { children: [
                 d,
                 " of ",
@@ -708,96 +727,96 @@ function mt({
             ]
           }
         ),
-        c && /* @__PURE__ */ a("div", { style: { padding: 6 }, children: /* @__PURE__ */ a(
-          tt,
+        c && /* @__PURE__ */ i("div", { style: { padding: 6 }, children: /* @__PURE__ */ i(
+          rt,
           {
             todos: e,
             dimmedTodoIds: t,
-            onTodoClick: n
+            onTodoClick: r
           }
         ) })
       ]
     }
   );
 }
-function gt(e, t) {
-  const r = `canvas:${e}`, [n, i] = $(() => {
+function vt(e, t) {
+  const n = `canvas:${e}`, [r, a] = D(() => {
     if (typeof localStorage > "u") return t;
     try {
-      const c = localStorage.getItem(r);
+      const c = localStorage.getItem(n);
       return c === null ? t : JSON.parse(c);
     } catch {
       return t;
     }
-  }), o = _(
+  }), o = G(
     (c) => {
-      i((f) => {
+      a((f) => {
         const d = typeof c == "function" ? c(f) : c;
         try {
-          localStorage == null || localStorage.setItem(r, JSON.stringify(d));
+          localStorage == null || localStorage.setItem(n, JSON.stringify(d));
         } catch {
         }
         return d;
       });
     },
-    [r]
+    [n]
   );
-  return [n, o];
+  return [r, o];
 }
-function xt() {
-  return _((e) => {
+function bt() {
+  return G((e) => {
   }, []);
 }
-function vt(e, t) {
+function St(e, t) {
   return { ...e, ...t };
 }
-function j(e, t, r) {
-  const n = e.typography[t];
+function j(e, t, n) {
+  const r = e.typography[t];
   return {
     fontFamily: e.typography.fontFamily,
-    fontSize: n.fontSize,
-    lineHeight: n.lineHeight,
-    fontWeight: n.fontWeight,
+    fontSize: r.fontSize,
+    lineHeight: r.lineHeight,
+    fontWeight: r.fontWeight,
     color: e.text.primary,
     margin: 0,
-    ...r
+    ...n
   };
 }
-function bt({ children: e, style: t }) {
-  const r = m();
-  return /* @__PURE__ */ a(W, { order: 1, style: j(r, "h1", t), children: e });
+function kt({ children: e, style: t }) {
+  const n = m();
+  return /* @__PURE__ */ i(W, { order: 1, style: j(n, "h1", t), children: e });
 }
-function St({ children: e, style: t }) {
-  const r = m();
-  return /* @__PURE__ */ a(W, { order: 2, style: j(r, "h2", t), children: e });
+function wt({ children: e, style: t }) {
+  const n = m();
+  return /* @__PURE__ */ i(W, { order: 2, style: j(n, "h2", t), children: e });
 }
-function kt({ children: e, style: t }) {
-  const r = m();
-  return /* @__PURE__ */ a(W, { order: 3, style: j(r, "h3", t), children: e });
+function Ct({ children: e, style: t }) {
+  const n = m();
+  return /* @__PURE__ */ i(W, { order: 3, style: j(n, "h3", t), children: e });
 }
-const rt = {
+const ot = {
   normal: 400,
   medium: 500,
   semibold: 600,
   bold: 700
 };
-function Ct({
+function Lt({
   children: e,
   tone: t = "primary",
-  size: r = "body",
-  as: n = "p",
-  weight: i = "normal",
+  size: n = "body",
+  as: r = "p",
+  weight: a = "normal",
   italic: o,
   truncate: c,
   style: f
 }) {
   const d = m();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     H,
     {
-      component: n,
-      size: r === "small" ? "xs" : "sm",
-      fw: rt[i],
+      component: r,
+      size: n === "small" ? "xs" : "sm",
+      fw: ot[a],
       c: t === "primary" ? void 0 : d.text[t],
       truncate: c,
       style: {
@@ -810,17 +829,17 @@ function Ct({
     }
   );
 }
-function wt({ children: e, style: t }) {
-  const r = m();
-  return /* @__PURE__ */ a(
+function Tt({ children: e, style: t }) {
+  const n = m();
+  return /* @__PURE__ */ i(
     "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,
+        color: n.text.primary,
+        background: n.fill.secondary,
+        borderRadius: n.radius.sm,
         padding: "1px 4px",
         ...t
       },
@@ -828,91 +847,91 @@ function wt({ children: e, style: t }) {
     }
   );
 }
-function Lt({ children: e, href: t, style: r }) {
-  const n = m();
-  return /* @__PURE__ */ a(
+function Pt({ children: e, href: t, style: n }) {
+  const r = m();
+  return /* @__PURE__ */ i(
     "a",
     {
       href: t,
       target: "_blank",
       rel: "noreferrer",
-      style: { color: n.text.link, ...r },
+      style: { color: r.text.link, ...n },
       children: e
     }
   );
 }
-function Tt({ children: e, gap: t, style: r }) {
-  return /* @__PURE__ */ a(Pe, { gap: t, style: r, children: e });
+function At({ children: e, gap: t, style: n }) {
+  return /* @__PURE__ */ i(Pe, { gap: t, style: n, children: e });
 }
-const ne = {
+const re = {
   start: "flex-start",
   center: "center",
   end: "flex-end",
   stretch: "stretch",
   "space-between": "space-between"
 };
-function Pt({
+function Mt({
   children: e,
   gap: t,
-  align: r = "center",
-  justify: n = "start",
-  wrap: i = !1,
+  align: n = "center",
+  justify: r = "start",
+  wrap: a = !1,
   style: o
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     Le,
     {
       gap: t,
-      align: ne[r],
-      justify: ne[n],
-      wrap: i ? "wrap" : "nowrap",
+      align: re[n],
+      justify: re[r],
+      wrap: a ? "wrap" : "nowrap",
       style: o,
       children: e
     }
   );
 }
-function At() {
-  return /* @__PURE__ */ a("div", { style: { flex: 1 } });
+function Bt() {
+  return /* @__PURE__ */ i("div", { style: { flex: 1 } });
 }
-function Mt({ children: e, columns: t, gap: r = 16, align: n, style: i }) {
+function $t({ children: e, columns: t, gap: n = 16, align: r, style: a }) {
   const o = typeof t == "number" ? `repeat(${t}, minmax(0, 1fr))` : t;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     "div",
     {
       style: {
         display: "grid",
         gridTemplateColumns: o,
-        gap: r,
-        alignItems: n,
-        ...i
+        gap: n,
+        alignItems: r,
+        ...a
       },
       children: e
     }
   );
 }
-function Bt({ style: e }) {
-  return /* @__PURE__ */ a(ke, { style: e });
+function Dt({ style: e }) {
+  return /* @__PURE__ */ i(ke, { style: e });
 }
-const O = $e({
+const K = $e({
   collapsible: !1,
   open: !0,
   toggle: () => {
   }
 });
-function $t({
+function Ft({
   children: e,
   variant: t = "default",
-  collapsible: r = !1,
-  defaultOpen: n = !0,
-  open: i,
+  collapsible: n = !1,
+  defaultOpen: r = !0,
+  open: a,
   onOpenChange: o,
   style: c
 }) {
-  const f = m(), [d, l] = $(n), u = i ?? d, g = _(() => {
+  const f = m(), [d, l] = D(r), u = a ?? d, g = G(() => {
     const v = !u;
-    i === void 0 && l(v), o == null || o(v);
-  }, [u, i, o]);
-  return /* @__PURE__ */ a(
+    a === void 0 && l(v), o == null || o(v);
+  }, [u, a, o]);
+  return /* @__PURE__ */ i(
     be,
     {
       withBorder: t !== "borderless",
@@ -923,47 +942,47 @@ function $t({
         borderColor: f.stroke.secondary,
         ...c
       },
-      children: /* @__PURE__ */ a(O.Provider, { value: { collapsible: r, open: u, toggle: g }, children: e })
+      children: /* @__PURE__ */ i(K.Provider, { value: { collapsible: n, open: u, toggle: g }, children: e })
     }
   );
 }
-function Ft({ children: e, trailing: t, style: r }) {
-  const n = m(), { collapsible: i, open: o, toggle: c } = oe(O);
+function Et({ children: e, trailing: t, style: n }) {
+  const r = m(), { collapsible: a, open: o, toggle: c } = oe(K);
   return /* @__PURE__ */ y(
     "div",
     {
-      onClick: i ? c : void 0,
+      onClick: a ? c : void 0,
       style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
         gap: 8,
         padding: "8px 14px",
-        borderBottom: `1px solid ${n.stroke.secondary}`,
-        fontSize: n.typography.small.fontSize,
-        fontWeight: n.typography.h3.fontWeight,
-        color: n.text.primary,
-        fontFamily: n.typography.fontFamily,
-        cursor: i ? "pointer" : void 0,
-        userSelect: i ? "none" : void 0,
-        ...r
+        borderBottom: `1px solid ${r.stroke.secondary}`,
+        fontSize: r.typography.small.fontSize,
+        fontWeight: r.typography.h3.fontWeight,
+        color: r.text.primary,
+        fontFamily: r.typography.fontFamily,
+        cursor: a ? "pointer" : void 0,
+        userSelect: a ? "none" : void 0,
+        ...n
       },
       children: [
         /* @__PURE__ */ y("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
-          i && /* @__PURE__ */ a(he, { expanded: o }),
+          a && /* @__PURE__ */ i(he, { expanded: o }),
           e
         ] }),
-        t != null && /* @__PURE__ */ a("span", { children: t })
+        t != null && /* @__PURE__ */ i("span", { children: t })
       ]
     }
   );
 }
-function Dt({ children: e, style: t }) {
-  const { collapsible: r, open: n } = oe(O);
-  return r && !n ? null : /* @__PURE__ */ a("div", { style: { padding: 14, ...t }, children: e });
+function Nt({ children: e, style: t }) {
+  const { collapsible: n, open: r } = oe(K);
+  return n && !r ? null : /* @__PURE__ */ i("div", { style: { padding: 14, ...t }, children: e });
 }
 function he({ expanded: e }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     "svg",
     {
       width: 12,
@@ -975,7 +994,7 @@ function he({ expanded: e }) {
         transition: "transform 120ms"
       },
       "aria-hidden": !0,
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ i(
         "path",
         {
           d: "M4 2.5L8 6l-4 3.5",
@@ -988,53 +1007,53 @@ function he({ expanded: e }) {
     }
   );
 }
-function Et({ value: e, label: t, tone: r, style: n }) {
-  const i = m();
-  return /* @__PURE__ */ y("div", { style: n, children: [
-    /* @__PURE__ */ a(
+function It({ value: e, label: t, tone: n, style: r }) {
+  const a = m();
+  return /* @__PURE__ */ y("div", { style: r, children: [
+    /* @__PURE__ */ i(
       H,
       {
         fz: 22,
         fw: 700,
         lh: 1.2,
         style: {
-          color: r ? k[r] : i.text.primary,
-          fontFamily: i.typography.fontFamily
+          color: n ? w[n] : a.text.primary,
+          fontFamily: a.typography.fontFamily
         },
         children: e
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ i(
       H,
       {
         fz: 12,
         style: {
-          color: i.text.tertiary,
-          fontFamily: i.typography.fontFamily
+          color: a.text.tertiary,
+          fontFamily: a.typography.fontFamily
         },
         children: t
       }
     )
   ] });
 }
-function It({
+function zt({
   children: e,
   active: t,
-  tone: r = "neutral",
-  size: n = "md",
-  leadingContent: i,
+  tone: n = "neutral",
+  size: r = "md",
+  leadingContent: a,
   keyboardHint: o,
   title: c,
   style: f,
   onClick: d
 }) {
-  return /* @__PURE__ */ a(
-    we,
+  return /* @__PURE__ */ i(
+    Ce,
     {
-      color: ae[r],
+      color: ae[n],
       variant: t ? "filled" : "light",
-      size: n === "sm" ? "sm" : "md",
-      leftSection: i,
+      size: r === "sm" ? "sm" : "md",
+      leftSection: a,
       rightSection: o,
       title: c,
       onClick: d,
@@ -1047,64 +1066,64 @@ function It({
     }
   );
 }
-function zt({
+function Rt({
   children: e,
   tone: t = "neutral",
-  title: r,
-  icon: n,
-  style: i
+  title: n,
+  icon: r,
+  style: a
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     ve,
     {
       color: ae[t],
-      title: r,
-      icon: n,
+      title: n,
+      icon: r,
       variant: "light",
-      style: i,
+      style: a,
       children: e
     }
   );
 }
-const nt = {
+const at = {
   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 Nt({
+function _t({
   headers: e,
   rows: t,
-  columnAlign: r,
-  rowTone: n,
-  framed: i = !0,
+  columnAlign: n,
+  rowTone: r,
+  framed: a = !0,
   striped: o,
   stickyHeader: c,
   style: f,
   emptyMessage: d
 }) {
   return /* @__PURE__ */ y(
-    w,
+    L,
     {
-      withTableBorder: i,
+      withTableBorder: a,
       withColumnBorders: !1,
       striped: o,
       stickyHeader: c,
       highlightOnHover: !0,
       style: f,
       children: [
-        /* @__PURE__ */ a(w.Thead, { children: /* @__PURE__ */ a(w.Tr, { children: e.map((l, u) => /* @__PURE__ */ a(w.Th, { ta: (r == null ? void 0 : r[u]) ?? "left", children: l }, u)) }) }),
-        /* @__PURE__ */ a(w.Tbody, { children: t.length === 0 ? /* @__PURE__ */ a(w.Tr, { children: /* @__PURE__ */ a(w.Td, { colSpan: e.length, ta: "center", c: "dimmed", children: d ?? "No data" }) }) : t.map((l, u) => {
-          const g = n == null ? void 0 : n[u];
-          return /* @__PURE__ */ a(
-            w.Tr,
+        /* @__PURE__ */ i(L.Thead, { children: /* @__PURE__ */ i(L.Tr, { children: e.map((l, u) => /* @__PURE__ */ i(L.Th, { ta: (n == null ? void 0 : n[u]) ?? "left", children: l }, u)) }) }),
+        /* @__PURE__ */ i(L.Tbody, { children: t.length === 0 ? /* @__PURE__ */ i(L.Tr, { children: /* @__PURE__ */ i(L.Td, { colSpan: e.length, ta: "center", c: "dimmed", children: d ?? "No data" }) }) : t.map((l, u) => {
+          const g = r == null ? void 0 : r[u];
+          return /* @__PURE__ */ i(
+            L.Tr,
             {
-              style: g ? { background: nt[g] } : void 0,
-              children: e.map((v, h) => /* @__PURE__ */ a(
-                w.Td,
+              style: g ? { background: at[g] } : void 0,
+              children: e.map((v, h) => /* @__PURE__ */ i(
+                L.Td,
                 {
-                  ta: (r == null ? void 0 : r[h]) ?? "left",
+                  ta: (n == null ? void 0 : n[h]) ?? "left",
                   children: l[h]
                 },
                 h
@@ -1117,73 +1136,73 @@ function Nt({
     }
   );
 }
-const ot = {
+const it = {
   primary: "filled",
   secondary: "default",
   ghost: "subtle"
 };
-function Rt({
+function Ht({
   children: e,
   variant: t = "secondary",
-  disabled: r,
-  type: n = "button",
-  style: i,
+  disabled: n,
+  type: r = "button",
+  style: a,
   onClick: o
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     xe,
     {
-      variant: ot[t],
+      variant: it[t],
       color: t === "primary" ? "accent" : void 0,
       size: "xs",
-      disabled: r,
-      type: n,
+      disabled: n,
+      type: r,
       onClick: o,
-      style: i,
+      style: a,
       children: e
     }
   );
 }
-function Ht({
+function Wt({
   children: e,
   onClick: t,
-  disabled: r,
-  title: n,
-  variant: i = "default",
+  disabled: n,
+  title: r,
+  variant: a = "default",
   size: o = "md",
   style: c
 }) {
-  return /* @__PURE__ */ a(
-    Ce,
+  return /* @__PURE__ */ i(
+    we,
     {
-      variant: i === "circle" ? "light" : "subtle",
-      radius: i === "circle" ? "xl" : "sm",
+      variant: a === "circle" ? "light" : "subtle",
+      radius: a === "circle" ? "xl" : "sm",
       size: o === "sm" ? "sm" : "md",
       color: "gray",
-      disabled: r,
-      title: n,
-      "aria-label": n,
+      disabled: n,
+      title: r,
+      "aria-label": r,
       onClick: t,
       style: c,
       children: e
     }
   );
 }
-function Wt({
+function Gt({
   value: e,
   onChange: t,
-  options: r,
-  placeholder: n,
-  disabled: i,
+  options: n,
+  placeholder: r,
+  disabled: a,
   style: o
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     Te,
     {
       value: e,
-      data: r,
-      placeholder: n,
-      disabled: i,
+      data: n,
+      placeholder: r,
+      disabled: a,
       allowDeselect: !1,
       onChange: (c) => {
         c !== null && (t == null || t(c));
@@ -1192,86 +1211,86 @@ function Wt({
     }
   );
 }
-function _t({
+function Ot({
   checked: e,
   onChange: t,
-  disabled: r,
-  label: n,
-  style: i
+  disabled: n,
+  label: r,
+  style: a
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     Se,
     {
       checked: e,
-      disabled: r,
-      label: n,
+      disabled: n,
+      label: r,
       onChange: (o) => t == null ? void 0 : t(o.currentTarget.checked),
-      style: i
+      style: a
     }
   );
 }
-function Gt({
+function jt({
   checked: e,
   onChange: t,
-  disabled: r,
-  size: n = "sm",
-  style: i
+  disabled: n,
+  size: r = "sm",
+  style: a
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     Be,
     {
       checked: e,
-      disabled: r,
-      size: n === "sm" ? "sm" : "md",
+      disabled: n,
+      size: r === "sm" ? "sm" : "md",
       onChange: (o) => t == null ? void 0 : t(o.currentTarget.checked),
-      style: i
+      style: a
     }
   );
 }
-function jt({
+function Kt({
   value: e,
   onChange: t,
-  placeholder: r,
-  disabled: n,
-  type: i,
+  placeholder: n,
+  disabled: r,
+  type: a,
   style: o
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     Me,
     {
       value: e,
-      placeholder: r,
-      disabled: n,
-      type: i,
+      placeholder: n,
+      disabled: r,
+      type: a,
       onChange: (c) => t == null ? void 0 : t(c.currentTarget.value),
       style: o
     }
   );
 }
-function Ot({
+function Xt({
   value: e,
   onChange: t,
-  placeholder: r,
-  disabled: n,
-  rows: i = 3,
+  placeholder: n,
+  disabled: r,
+  rows: a = 3,
   style: o
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     Ae,
     {
       value: e,
-      placeholder: r,
-      disabled: n,
+      placeholder: n,
+      disabled: r,
       autosize: !0,
-      minRows: i,
+      minRows: a,
       onChange: (c) => t == null ? void 0 : t(c.currentTarget.value),
       style: o
     }
   );
 }
-function Kt({ color: e, style: t }) {
-  const r = m();
-  return /* @__PURE__ */ a(
+function qt({ color: e, style: t }) {
+  const n = m();
+  return /* @__PURE__ */ i(
     "span",
     {
       style: {
@@ -1279,26 +1298,26 @@ function Kt({ color: e, style: t }) {
         width: 14,
         height: 14,
         borderRadius: 4,
-        background: r.category[e],
+        background: n.category[e],
         flex: "0 0 auto",
         ...t
       }
     }
   );
 }
-function Xt({
+function Vt({
   segments: e,
   total: t,
-  topLeftLabel: r,
-  topRightLabel: n,
-  style: i
+  topLeftLabel: n,
+  topRightLabel: r,
+  style: a
 }) {
   const o = m(), 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 /* @__PURE__ */ y("div", { style: i, children: [
-    (r != null || n != null) && /* @__PURE__ */ y(
+  return /* @__PURE__ */ y("div", { style: a, children: [
+    (n != null || r != null) && /* @__PURE__ */ y(
       "div",
       {
         style: {
@@ -1309,15 +1328,15 @@ function Xt({
           marginBottom: 6
         },
         children: [
-          /* @__PURE__ */ a("span", { children: r }),
-          /* @__PURE__ */ a("span", { children: n })
+          /* @__PURE__ */ i("span", { children: n }),
+          /* @__PURE__ */ i("span", { children: r })
         ]
       }
     ),
     /* @__PURE__ */ y("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, v = o.category[l.color ?? te[u % te.length]];
-        return /* @__PURE__ */ a(
+        return /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -1329,7 +1348,7 @@ function Xt({
           l.id
         );
       }),
-      d > 0 && /* @__PURE__ */ a(
+      d > 0 && /* @__PURE__ */ i(
         "div",
         {
           style: {
@@ -1345,13 +1364,13 @@ function Xt({
 function Yt({
   title: e,
   leading: t,
-  count: r,
-  trailing: n,
-  children: i,
+  count: n,
+  trailing: r,
+  children: a,
   defaultOpen: o = !1,
   style: c
 }) {
-  const f = m(), [d, l] = $(o);
+  const f = m(), [d, l] = D(o);
   return /* @__PURE__ */ y("div", { style: c, children: [
     /* @__PURE__ */ y(
       "div",
@@ -1368,71 +1387,71 @@ function Yt({
           fontSize: 14
         },
         children: [
-          /* @__PURE__ */ a(he, { expanded: d }),
+          /* @__PURE__ */ i(he, { expanded: d }),
           t,
-          /* @__PURE__ */ a("span", { style: { fontWeight: 500 }, children: e }),
-          r != null && /* @__PURE__ */ a("span", { style: { color: f.text.tertiary, fontSize: 12 }, children: r }),
-          /* @__PURE__ */ a("span", { style: { flex: 1 } }),
-          n != null && /* @__PURE__ */ a("span", { style: { color: f.text.tertiary }, children: n })
+          /* @__PURE__ */ i("span", { style: { fontWeight: 500 }, children: e }),
+          n != null && /* @__PURE__ */ i("span", { style: { color: f.text.tertiary, fontSize: 12 }, children: n }),
+          /* @__PURE__ */ i("span", { style: { flex: 1 } }),
+          r != null && /* @__PURE__ */ i("span", { style: { color: f.text.tertiary }, children: r })
         ]
       }
     ),
-    d && /* @__PURE__ */ a("div", { style: { paddingLeft: 18, paddingBottom: 4 }, children: i })
+    d && /* @__PURE__ */ i("div", { style: { paddingLeft: 18, paddingBottom: 4 }, children: a })
   ] });
 }
 export {
-  ut as BarChart,
-  Rt as Button,
-  zt as Callout,
-  $t as Card,
-  Dt as CardBody,
-  Ft as CardHeader,
-  _t as Checkbox,
-  wt as Code,
+  ht as BarChart,
+  Ht as Button,
+  Rt as Callout,
+  Ft as Card,
+  Nt as CardBody,
+  Et as CardHeader,
+  Ot as Checkbox,
+  Tt as Code,
   Yt as CollapsibleSection,
-  pt as DiffStats,
-  yt as DiffView,
-  Bt as Divider,
-  Mt as Grid,
-  bt as H1,
-  St as H2,
-  kt as H3,
-  Ht as IconButton,
-  dt as LineChart,
-  Lt as Link,
-  ft as PieChart,
-  It as Pill,
-  Pt as Row,
-  Wt as Select,
-  At as Spacer,
-  Tt as Stack,
-  Et as Stat,
-  Kt as Swatch,
-  Nt as Table,
-  Ct as Text,
-  Ot as TextArea,
-  jt as TextInput,
-  tt as TodoList,
-  mt as TodoListCard,
-  Gt as Toggle,
-  Xt as UsageBar,
-  tr as canvasPaletteDark,
-  rr as canvasPaletteGrokDark,
-  nr as canvasPaletteGrokLight,
-  or as canvasPaletteLight,
-  ar as canvasTokens,
-  ir as canvasTokensLight,
-  sr as categoryPaletteDark,
-  lr as categoryPaletteLight,
-  cr as colorPalette,
-  ht as computeDAGLayout,
-  vt as mergeStyle,
+  mt as DiffStats,
+  gt as DiffView,
+  Dt as Divider,
+  $t as Grid,
+  kt as H1,
+  wt as H2,
+  Ct as H3,
+  Wt as IconButton,
+  ft as LineChart,
+  Pt as Link,
+  pt as PieChart,
+  zt as Pill,
+  Mt as Row,
+  Gt as Select,
+  Bt as Spacer,
+  At as Stack,
+  It as Stat,
+  qt as Swatch,
+  _t as Table,
+  Lt as Text,
+  Xt as TextArea,
+  Kt as TextInput,
+  rt as TodoList,
+  xt as TodoListCard,
+  jt as Toggle,
+  Vt as UsageBar,
+  rn as canvasPaletteDark,
+  on as canvasPaletteGrokDark,
+  an as canvasPaletteGrokLight,
+  sn as canvasPaletteLight,
+  ln as canvasTokens,
+  cn as canvasTokensLight,
+  dn as categoryPaletteDark,
+  un as categoryPaletteLight,
+  fn as colorPalette,
+  yt as computeDAGLayout,
+  St as mergeStyle,
   te as usageColorSequence,
-  xt as useCanvasAction,
-  gt as useCanvasState,
-  Zt as useEffect,
+  bt as useCanvasAction,
+  vt as useCanvasState,
+  Ut as useEffect,
   m as useHostTheme,
-  Jt as useMemo,
-  Ut as useRef,
-  Qt as useState
+  Qt as useMemo,
+  en as useRef,
+  tn as useState
 };