@flesler/cursor-canvas-web 1.5.0 → 1.5.2

package/dist/cursor-canvas.js

@@ -1,25 +1,25 @@
-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 { 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(() => {
-    if (typeof localStorage > "u") return e;
+import { useCallback as O, useState as I, Suspense as be, lazy as Se, createContext as ae, useContext as W } from "react";
+import { useEffect as on, useMemo as an, useRef as sn, useState as ln } from "react";
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+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 _e, TextInput as Fe, Switch as Re, 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 dn, a as un, b as fn, d as hn, e as pn, f as gn, g as yn, h as mn, i as xn } from "./host-tokens-Bt6GPXN1.js";
+function xt(e, t) {
+  const n = `canvas:${e}`, [r, o] = I(() => {
     try {
-      const c = localStorage.getItem(n);
-      return c === null ? e : JSON.parse(c);
+      const f = localStorage.getItem(n);
+      if (f !== null) return JSON.parse(f);
     } catch {
-      return e;
     }
-  }), a = W(
+    const c = We(e);
+    return c !== void 0 ? c : t;
+  }), a = O(
     (c) => {
       o((f) => {
         const d = typeof c == "function" ? c(f) : c;
         try {
-          localStorage == null || localStorage.setItem(n, JSON.stringify(d));
+          localStorage.setItem(n, JSON.stringify(d));
         } catch {
         }
         return d;
@@ -29,14 +29,22 @@ function gt(t, e) {
   );
   return [r, a];
 }
-function mt() {
-  return W((t) => {
+function vt() {
+  return O((e) => {
   }, []);
 }
-function xt(t, e) {
-  return { ...t, ...e };
+function bt(e, t) {
+  return { ...e, ...t };
 }
-const C = {
+function We(e) {
+  try {
+    const t = globalThis.__canvasJsonState;
+    return !t || !Object.hasOwn(t, e) ? void 0 : t[e];
+  } catch {
+    return;
+  }
+}
+const k = {
   success: "#1F8A65",
   danger: "#CF2D56",
   warning: "#E8A33D",
@@ -55,90 +63,93 @@ const C = {
   deleted: "red",
   renamed: "indigo"
 };
-function g() {
-  const e = Te("light") === "dark" ? "dark" : "light";
-  return He(e);
+function y() {
+  const t = Pe("light") === "dark" ? "dark" : "light";
+  return Oe(t);
 }
 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];
+  const t = y().chart.sequence;
+  return (n, r) => n ? k[n] : t[r % t.length];
 }
-function ce() {
-  const e = g().text.primary;
-  return { textColor: e, barLabelColor: e };
+function de() {
+  const t = y().text.primary;
+  return { textColor: t, barLabelColor: t };
 }
-function de(t, e) {
-  return t.map((n, r) => {
+function ue(e, t) {
+  return e.map((n, r) => {
     const o = { category: n };
-    for (const a of e)
+    for (const a of t)
       o[a.name] = a.data[r] ?? 0;
     return o;
   });
 }
-function ue(t, e) {
-  return t.map((n, r) => ({
+function fe(e, t) {
+  return e.map((n, r) => ({
     name: n.name,
-    color: e(n.tone, r)
+    color: t(n.tone, r)
   }));
 }
-function fe(t, e) {
-  return (n) => `${e ?? ""}${n}${t ?? ""}`;
+function he(e, t) {
+  return (n) => `${t ?? ""}${n}${e ?? ""}`;
 }
-function We(t, e) {
-  if (t != null && t.length)
-    return t.map((n) => ({
-      ...e ? { x: n.value } : { y: n.value },
+function Ge(e, t) {
+  if (e != null && e.length)
+    return e.map((n) => ({
+      ...t ? { 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) {
-  const { scale: e } = t;
-  return typeof e != "string" || !Ge.has(e) ? t : {
-    ...t,
-    type: t.type ?? "number",
-    allowDataOverflow: t.allowDataOverflow ?? !0,
-    allowDecimals: t.allowDecimals ?? !0,
-    domain: t.domain ?? [1, "dataMax"]
+const je = /* @__PURE__ */ new Set(["log", "symlog", "pow", "sqrt"]);
+function Ve(e) {
+  const { scale: t } = e;
+  return typeof t != "string" || !je.has(t) ? e : {
+    ...e,
+    type: e.type ?? "number",
+    allowDataOverflow: e.allowDataOverflow ?? !0,
+    allowDecimals: e.allowDecimals ?? !0,
+    domain: e.domain ?? [1, "dataMax"]
   };
 }
-function he(t) {
-  const e = We(t.referenceLines, !!t.horizontal);
+function pe(e) {
+  const t = Ge(e.referenceLines, !!e.horizontal);
   let n;
-  if (!t.stacked && !t.normalized) {
-    const a = t.beginAtZero !== !1;
-    n = [t.yMin ?? (a ? 0 : "auto"), t.yMax ?? "auto"];
+  if (!e.stacked && !e.normalized) {
+    const a = e.beginAtZero !== !1;
+    n = [e.yMin ?? (a ? 0 : "auto"), e.yMax ?? "auto"];
   }
-  const r = t.valueAxis ? Oe(t.valueAxis) : void 0;
+  const r = e.valueAxis ? Ve(e.valueAxis) : void 0;
   if (!n && !r)
-    return { referenceLines: e };
+    return { referenceLines: t };
   const o = { ...n && { domain: n }, ...r };
-  return t.horizontal ? { xAxisProps: o, referenceLines: e } : { yAxisProps: o, referenceLines: e };
+  return e.horizontal ? { xAxisProps: o, referenceLines: t } : { yAxisProps: o, referenceLines: t };
 }
-function je(t, e, n) {
-  return t !== void 0 ? t : e.length === 1 && n.length <= 8;
+function Ke(e, t, n) {
+  return e !== void 0 ? e : t.length === 1 && n.length <= 8;
 }
-function Ke(t, e, n) {
-  return e.length !== 1 || e[0].tone ? t : t.map((r, o) => ({
+function Xe(e, t, n) {
+  return t.length !== 1 || t[0].tone ? e : e.map((r, o) => ({
     ...r,
     color: n(void 0, o)
   }));
 }
-const Ve = 96, Xe = 6.5;
-function Ye(t, e) {
-  return t.length <= e ? t : `${t.slice(0, Math.max(0, e - 1))}…`;
+const Ye = 96, qe = 6.5;
+function Je(e, t) {
+  return e.length <= t ? e : `${e.slice(0, Math.max(0, t - 1))}…`;
 }
-function qe(t, e) {
+function Ze(e, t) {
   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);
-  return /* @__PURE__ */ i("g", { transform: `translate(${n},${r})`, children: /* @__PURE__ */ y(
+  const n = typeof t.x == "number" ? t.x : Number(t.x) || 0, r = typeof t.y == "number" ? t.y : Number(t.y) || 0, o = String(((c = t.payload) == null ? void 0 : c.value) ?? ""), a = Je(o, e);
+  return /* @__PURE__ */ i("g", { transform: `translate(${n},${r})`, children: /* @__PURE__ */ g(
     "text",
     {
       x: -10,
@@ -154,41 +165,41 @@ function qe(t, e) {
     }
   ) });
 }
-function pe(t) {
+function ge(e) {
   return {
     fontWeight: 700,
-    fill: t
+    fill: e
   };
 }
-function Ze(t) {
+function Ue(e) {
   return {
-    ...pe(t),
+    ...ge(e),
     position: "right"
   };
 }
-function Je(t = Ve, e = !1) {
-  const n = Math.floor(t / Xe);
+function Qe(e = Ye, t = !1) {
+  const n = Math.floor(e / qe);
   return {
     yAxisProps: {
-      tick: (r) => qe(n, r),
-      width: t
+      tick: (r) => Ze(n, r),
+      width: e
     },
     barChartProps: {
-      margin: { right: e ? 48 : 32 }
+      margin: { right: t ? 48 : 32 }
     },
     gridAxis: "y"
   };
 }
-function Ue() {
+function et() {
   return {
     barChartProps: {
       margin: { top: 22 }
     }
   };
 }
-function vt({
-  categories: t,
-  series: e,
+function St({
+  categories: e,
+  series: t,
   height: n = 240,
   stacked: r,
   horizontal: o,
@@ -204,11 +215,11 @@ function vt({
   extra: b
 }) {
   var A;
-  const w = j(), L = ce(), P = Ke(
-    de(t, e),
-    e,
+  const w = j(), L = de(), P = Xe(
+    ue(e, t),
+    t,
     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 +228,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, t, e);
   return /* @__PURE__ */ i(
-    Se,
+    Ce,
     {
       h: n,
       data: P,
       dataKey: "category",
-      series: ue(e, w),
+      series: fe(t, w),
       type: B,
       orientation: o ? "vertical" : "horizontal",
-      withLegend: e.length > 1,
+      withLegend: t.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 ? Ue(L.barLabelColor) : ge(L.barLabelColor)
       } : {},
-      ...o ? Je((A = b == null ? void 0 : b.categoryAxis) == null ? void 0 : A.width, S) : S ? Ue() : {},
+      ...o ? Qe((A = b == null ? void 0 : b.categoryAxis) == null ? void 0 : A.width, S) : S ? et() : {},
       styles: {
-        ...le,
+        ...ce,
         legendItemName: { color: L.textColor }
       },
       ...D,
@@ -244,9 +256,9 @@ function vt({
     }
   );
 }
-function bt({
-  categories: t,
-  series: e,
+function Ct({
+  categories: e,
+  series: t,
   height: n = 240,
   fill: r,
   valueSuffix: o,
@@ -261,7 +273,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(e, t), D = fe(t, L), S = !!(r && (h != null && h.stacked)), A = pe({
     beginAtZero: d,
     yMin: l,
     yMax: u,
@@ -275,73 +287,76 @@ function bt({
     dataKey: "category",
     series: D,
     curveType: w ? "monotone" : "linear",
-    withLegend: e.length > 1,
+    withLegend: t.length > 1,
     legendProps: se,
-    valueFormatter: fe(o, a),
-    withPointLabels: c ?? t.length <= 20,
-    tooltipProps: f ? void 0 : { cursor: !1 },
-    styles: {
+    valueFormatter: he(o, a),
+    withPointLabels: c ?? e.length <= 20,
+    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(
-  () => import("./pie-donut-qRBFP0tT.js").then((t) => ({ default: t.PieDonutChart }))
-), et = 180, tt = 540;
-function nt(t, e) {
-  if (e <= 0)
+const tt = Se(
+  () => import("./pie-donut-qRBFP0tT.js").then((e) => ({ default: e.PieDonutChart }))
+), nt = 180, rt = 540;
+function ot(e, t) {
+  if (t <= 0)
     return "0%";
-  const n = t / e * 100;
+  const n = e / t * 100;
   return n < 10 && Math.abs(n - Math.round(n)) > 0.05 ? `${n.toFixed(1)}%` : `${Math.round(n)}%`;
 }
-function rt(t) {
-  return t.map((e) => ({
-    dataKey: e.name,
-    value: e.name,
-    color: e.color,
+function at(e) {
+  return e.map((t) => ({
+    dataKey: t.name,
+    value: t.name,
+    color: t.color,
     type: "circle"
   }));
 }
-function ot(t, e) {
-  return t.map((n) => ({
+function it(e, t) {
+  return e.map((n) => ({
     name: n.name,
     color: n.color,
-    label: `${n.name} ${nt(n.value, e)}`
+    label: `${n.name} ${ot(n.value, t)}`
   }));
 }
-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 kt({ data: e, size: t = 200, donut: n, style: r }) {
+  const [o, a] = I(null), c = y(), f = j(), d = e.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: nt,
+    endAngle: rt
   }, 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(
+    tt,
     {
       data: d,
-      size: e,
+      size: t,
       highlighted: o
     }
   ) }) : /* @__PURE__ */ i(
-    Le,
+    Te,
     {
       data: d,
-      size: e,
+      size: t,
       withTooltip: !0,
       withLabelsLine: !1,
       cellProps: (h) => m(h.name),
       ...u
     }
   );
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ g(
     "div",
     {
       style: {
@@ -357,8 +372,8 @@ function St({ data: t, size: e = 200, donut: n, style: r }) {
           {
             style: {
               width: "100%",
-              height: e,
-              minHeight: e,
+              height: t,
+              minHeight: t,
               display: "flex",
               alignItems: "center",
               justifyContent: "center"
@@ -367,10 +382,10 @@ function St({ data: t, size: e = 200, donut: n, style: r }) {
           }
         ),
         /* @__PURE__ */ i(
-          we,
+          Le,
           {
-            payload: rt(d),
-            series: ot(d, l),
+            payload: at(d),
+            series: it(d, l),
             legendPosition: "bottom",
             centered: !0,
             onHighlight: a,
@@ -392,9 +407,9 @@ function St({ data: t, size: e = 200, donut: n, style: r }) {
     }
   );
 }
-function kt(t) {
+function wt(e) {
   const {
-    nodes: e,
+    nodes: t,
     edges: n,
     direction: r = "vertical",
     nodeWidth: o = 160,
@@ -402,7 +417,7 @@ function kt(t) {
     rankGap: c = 64,
     nodeGap: f = 48,
     padding: d = 24
-  } = t, l = e.map((s) => s.id), u = new Set(l), m = /* @__PURE__ */ new Map();
+  } = e, l = t.map((s) => s.id), u = new Set(l), m = /* @__PURE__ */ new Map();
   for (const s of l) m.set(s, []);
   for (const s of n)
     u.has(s.from) && u.has(s.to) && m.get(s.from).push(s.to);
@@ -431,32 +446,32 @@ function kt(t) {
     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))
-  ), 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.map((s) => X($.get(s).length))
+  ), _ = /* @__PURE__ */ new Map(), q = [];
+  E.forEach((s, p) => {
+    const x = $.get(s), N = X(x.length), H = d + (Y - N) / 2, F = 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 : F, ve = C ? F : te;
+      _.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 : F,
+      y: C ? F : H,
+      width: C ? N : o,
+      height: C ? a : N,
       nodeIds: x
     });
   });
-  const Z = (s, p) => s ? k ? {
+  const J = (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) => {
-    const p = Z(F.get(s.from), "source"), x = Z(F.get(s.to), "target");
+  } : { x: 0, y: 0 }, me = n.filter((s) => u.has(s.from) && u.has(s.to)).map((s) => {
+    const p = J(_.get(s.from), "source"), x = J(_.get(s.to), "target");
     return {
       from: s.from,
       to: s.to,
@@ -466,22 +481,22 @@ 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;
+  }), Z = d * 2 + E.length * (C ? a : o) + Math.max(0, E.length - 1) * c, U = d * 2 + Y;
   return {
-    nodes: [...F.values()],
-    edges: ge,
+    nodes: [..._.values()],
+    edges: me,
     ranks: q,
     direction: r,
-    width: k ? U : J,
-    height: k ? J : U
+    width: C ? U : Z,
+    height: C ? Z : U
   };
 }
-function Ct({
-  additions: t = 0,
-  deletions: e = 0,
+function Lt({
+  additions: e = 0,
+  deletions: t = 0,
   style: n
 }) {
-  return t === 0 && e === 0 ? null : /* @__PURE__ */ y(
+  return e === 0 && t === 0 ? null : /* @__PURE__ */ g(
     "span",
     {
       style: {
@@ -493,31 +508,31 @@ function Ct({
         ...n
       },
       children: [
-        t > 0 && /* @__PURE__ */ y("span", { style: { color: C.added }, children: [
+        e > 0 && /* @__PURE__ */ g("span", { style: { color: k.added }, children: [
           "+",
-          t
+          e
         ] }),
-        e > 0 && /* @__PURE__ */ y("span", { style: { color: C.deleted }, children: [
+        t > 0 && /* @__PURE__ */ g("span", { style: { color: k.deleted }, children: [
           "-",
-          e
+          t
         ] })
       ]
     }
   );
 }
-const at = {
+const st = {
   added: "+",
   removed: "-",
   unchanged: " "
 };
-function wt({
-  lines: t,
-  showLineNumbers: e = !0,
+function Tt({
+  lines: e,
+  showLineNumbers: t = !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 = y(), c = (l) => l === "added" ? a.diff.insertedLine : l === "removed" ? a.diff.removedLine : "transparent", f = (l) => l === "added" ? a.diff.stripAdded : l === "removed" ? a.diff.stripRemoved : "transparent", d = (l) => n && l === "added" ? k.added : n && l === "removed" ? k.deleted : a.text.tertiary;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -529,7 +544,7 @@ function wt({
         overflowX: "auto",
         ...o
       },
-      children: t.map((l, u) => /* @__PURE__ */ y(
+      children: e.map((l, u) => /* @__PURE__ */ g(
         "div",
         {
           style: {
@@ -539,7 +554,7 @@ function wt({
             borderLeft: r ? `3px solid ${f(l.type)}` : void 0
           },
           children: [
-            e && /* @__PURE__ */ i(
+            t && /* @__PURE__ */ i(
               "span",
               {
                 style: {
@@ -563,7 +578,7 @@ function wt({
                   userSelect: "none",
                   color: d(l.type)
                 },
-                children: at[l.type]
+                children: st[l.type]
               }
             ),
             /* @__PURE__ */ i(
@@ -585,9 +600,9 @@ 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;
-  return /* @__PURE__ */ y(
+function lt({ status: e }) {
+  const t = y(), n = e === "completed" ? k.success : e === "in_progress" ? t.accent.primary : e === "cancelled" ? k.danger : t.text.tertiary;
+  return /* @__PURE__ */ g(
     "svg",
     {
       width: 14,
@@ -598,7 +613,7 @@ function it({ status: t }) {
       "aria-hidden": !0,
       children: [
         /* @__PURE__ */ i("circle", { cx: 7, cy: 7, r: 6, stroke: n, strokeWidth: 1.4 }),
-        t === "completed" && /* @__PURE__ */ i(
+        e === "completed" && /* @__PURE__ */ i(
           "path",
           {
             d: "M4 7.2l2 2 4-4.4",
@@ -608,8 +623,8 @@ function it({ status: t }) {
             strokeLinejoin: "round"
           }
         ),
-        t === "in_progress" && /* @__PURE__ */ i("circle", { cx: 7, cy: 7, r: 3, fill: n }),
-        t === "cancelled" && /* @__PURE__ */ i(
+        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",
@@ -622,16 +637,16 @@ function it({ status: t }) {
     }
   );
 }
-function st({
-  todos: t,
-  dimmedTodoIds: e,
+function ct({
+  todos: e,
+  dimmedTodoIds: t,
   onTodoClick: n,
   style: r
 }) {
-  const o = g();
-  return t.length === 0 ? null : /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", ...r }, children: t.map((a) => {
-    const c = e == null ? void 0 : e.has(a.id);
-    return /* @__PURE__ */ y(
+  const o = y();
+  return e.length === 0 ? null : /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", ...r }, children: e.map((a) => {
+    const c = t == null ? void 0 : t.has(a.id);
+    return /* @__PURE__ */ g(
       "button",
       {
         type: "button",
@@ -652,7 +667,7 @@ function st({
           opacity: c ? 0.45 : 1
         },
         children: [
-          /* @__PURE__ */ i(it, { status: a.status }),
+          /* @__PURE__ */ i(lt, { status: a.status }),
           /* @__PURE__ */ i(
             "span",
             {
@@ -669,17 +684,17 @@ function st({
     );
   }) });
 }
-function Lt({
-  todos: t,
-  dimmedTodoIds: e,
+function Pt({
+  todos: e,
+  dimmedTodoIds: t,
   defaultExpanded: n = !1,
   onTodoClick: r,
   style: o
 }) {
-  const a = g(), [c, f] = E(n);
-  if (t.length === 0) return null;
-  const d = t.filter((l) => l.status === "completed").length;
-  return /* @__PURE__ */ y(
+  const a = y(), [c, f] = I(n);
+  if (e.length === 0) return null;
+  const d = e.filter((l) => l.status === "completed").length;
+  return /* @__PURE__ */ g(
     "div",
     {
       style: {
@@ -689,7 +704,7 @@ function Lt({
         ...o
       },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ g(
           "button",
           {
             type: "button",
@@ -734,20 +749,20 @@ function Lt({
               ),
               /* @__PURE__ */ i("span", { children: "Todos" }),
               /* @__PURE__ */ i("span", { style: { flex: 1 } }),
-              /* @__PURE__ */ y("span", { children: [
+              /* @__PURE__ */ g("span", { children: [
                 d,
                 " of ",
-                t.length,
+                e.length,
                 " Done"
               ] })
             ]
           }
         ),
         c && /* @__PURE__ */ i("div", { style: { padding: 6 }, children: /* @__PURE__ */ i(
-          st,
+          ct,
           {
-            todos: t,
-            dimmedTodoIds: e,
+            todos: e,
+            dimmedTodoIds: t,
             onTodoClick: r
           }
         ) })
@@ -755,36 +770,36 @@ function Lt({
     }
   );
 }
-const lt = {
+const dt = {
   primary: "filled",
   secondary: "default",
   ghost: "subtle"
 };
-function Tt({
-  children: t,
-  variant: e = "secondary",
+function At({
+  children: e,
+  variant: t = "secondary",
   disabled: n,
   type: r = "button",
   style: o,
   onClick: a
 }) {
   return /* @__PURE__ */ i(
-    Pe,
+    Ae,
     {
-      variant: lt[e],
-      color: e === "primary" ? "accent" : void 0,
+      variant: dt[t],
+      color: t === "primary" ? "accent" : void 0,
       size: "xs",
       disabled: n,
       type: r,
       onClick: a,
       style: o,
-      children: t
+      children: e
     }
   );
 }
-function Pt({
-  children: t,
-  onClick: e,
+function Mt({
+  children: e,
+  onClick: t,
   disabled: n,
   title: r,
   variant: o = "default",
@@ -792,7 +807,7 @@ function Pt({
   style: c
 }) {
   return /* @__PURE__ */ i(
-    Ae,
+    Me,
     {
       variant: o === "circle" ? "light" : "subtle",
       radius: o === "circle" ? "xl" : "sm",
@@ -801,19 +816,19 @@ function Pt({
       disabled: n,
       title: r,
       "aria-label": r,
-      onClick: e,
+      onClick: t,
       style: c,
-      children: t
+      children: e
     }
   );
 }
-const K = ae({
+const V = ae({
   collapsible: !1,
   open: !0,
   toggle: () => {
   }
 });
-function ye({ expanded: t }) {
+function ye({ expanded: e }) {
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -822,7 +837,7 @@ function ye({ expanded: t }) {
       viewBox: "0 0 12 12",
       fill: "none",
       style: {
-        transform: t ? "rotate(90deg)" : "none",
+        transform: e ? "rotate(90deg)" : "none",
         transition: "transform 120ms"
       },
       "aria-hidden": !0,
@@ -839,23 +854,23 @@ function ye({ expanded: t }) {
     }
   );
 }
-function At({
-  children: t,
-  variant: e = "default",
+function Bt({
+  children: e,
+  variant: t = "default",
   collapsible: n = !1,
   defaultOpen: r = !0,
   open: o,
   onOpenChange: a,
   style: c
 }) {
-  const f = g(), [d, l] = E(r), u = o ?? d, m = W(() => {
+  const f = y(), [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",
+      withBorder: t !== "borderless",
       radius: f.radius.md,
       padding: 0,
       style: {
@@ -863,13 +878,13 @@ function At({
         borderColor: f.stroke.secondary,
         ...c
       },
-      children: /* @__PURE__ */ i(K.Provider, { value: { collapsible: n, open: u, toggle: m }, children: t })
+      children: /* @__PURE__ */ i(V.Provider, { value: { collapsible: n, open: u, toggle: m }, children: e })
     }
   );
 }
-function Mt({ children: t, trailing: e, style: n }) {
-  const r = g(), { collapsible: o, open: a, toggle: c } = G(K);
-  return /* @__PURE__ */ y(
+function $t({ children: e, trailing: t, style: n }) {
+  const r = y(), { collapsible: o, open: a, toggle: c } = W(V);
+  return /* @__PURE__ */ g(
     "div",
     {
       onClick: o ? c : void 0,
@@ -889,51 +904,51 @@ function Mt({ children: t, trailing: e, style: n }) {
         ...n
       },
       children: [
-        /* @__PURE__ */ y("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ g("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
           o && /* @__PURE__ */ i(ye, { expanded: a }),
-          t
+          e
         ] }),
-        e != null && /* @__PURE__ */ i("span", { children: e })
+        t != null && /* @__PURE__ */ i("span", { children: t })
       ]
     }
   );
 }
-function Bt({ children: t, style: e }) {
-  const { collapsible: n, open: r } = G(K);
-  return n && !r ? null : /* @__PURE__ */ i("div", { style: { padding: 14, ...e }, children: t });
+function Dt({ children: e, style: t }) {
+  const { collapsible: n, open: r } = W(V);
+  return n && !r ? null : /* @__PURE__ */ i("div", { style: { padding: 14, ...t }, children: e });
 }
-function $t({ value: t, label: e, tone: n, style: r }) {
-  const o = g();
-  return /* @__PURE__ */ y("div", { style: r, children: [
+function It({ value: e, label: t, tone: n, style: r }) {
+  const o = y();
+  return /* @__PURE__ */ g("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
+        children: e
       }
     ),
     /* @__PURE__ */ i(
-      H,
+      z,
       {
         fz: 12,
         style: {
           color: o.text.tertiary,
           fontFamily: o.typography.fontFamily
         },
-        children: e
+        children: t
       }
     )
   ] });
 }
-function Dt({
-  children: t,
-  active: e,
+function Et({
+  children: e,
+  active: t,
   tone: n = "neutral",
   size: r = "md",
   leadingContent: o,
@@ -943,10 +958,10 @@ function Dt({
   onClick: d
 }) {
   return /* @__PURE__ */ i(
-    $e,
+    De,
     {
       color: ie[n],
-      variant: e ? "filled" : "light",
+      variant: t ? "filled" : "light",
       size: r === "sm" ? "sm" : "md",
       leftSection: o,
       rightSection: a,
@@ -957,32 +972,32 @@ function Dt({
         textTransform: "none",
         ...f
       },
-      children: t
+      children: e
     }
   );
 }
-function Et({
-  children: t,
-  tone: e = "neutral",
+function _t({
+  children: e,
+  tone: t = "neutral",
   title: n,
   icon: r,
   style: o
 }) {
   return /* @__PURE__ */ i(
-    Be,
+    $e,
     {
-      color: ie[e],
+      color: ie[t],
       title: n,
       icon: r,
       variant: "light",
       style: o,
-      children: t
+      children: e
     }
   );
 }
-function It({
-  value: t,
-  onChange: e,
+function Ft({
+  value: e,
+  onChange: t,
   options: n,
   placeholder: r,
   disabled: o,
@@ -991,57 +1006,57 @@ function It({
   return /* @__PURE__ */ i(
     Ee,
     {
-      value: t,
+      value: e,
       data: n,
       placeholder: r,
       disabled: o,
       allowDeselect: !1,
       onChange: (c) => {
-        c !== null && (e == null || e(c));
+        c !== null && (t == null || t(c));
       },
       style: a
     }
   );
 }
-function Ft({
-  checked: t,
-  onChange: e,
+function Rt({
+  checked: e,
+  onChange: t,
   disabled: n,
   label: r,
   style: o
 }) {
   return /* @__PURE__ */ i(
-    De,
+    Ie,
     {
-      checked: t,
+      checked: e,
       disabled: n,
       label: r,
-      onChange: (a) => e == null ? void 0 : e(a.currentTarget.checked),
+      onChange: (a) => t == null ? void 0 : t(a.currentTarget.checked),
       style: o
     }
   );
 }
 function Nt({
-  checked: t,
-  onChange: e,
+  checked: e,
+  onChange: t,
   disabled: n,
   size: r = "sm",
   style: o
 }) {
   return /* @__PURE__ */ i(
-    Ne,
+    Re,
     {
-      checked: t,
+      checked: e,
       disabled: n,
       size: r === "sm" ? "sm" : "md",
-      onChange: (a) => e == null ? void 0 : e(a.currentTarget.checked),
+      onChange: (a) => t == null ? void 0 : t(a.currentTarget.checked),
       style: o
     }
   );
 }
-function Rt({
-  value: t,
-  onChange: e,
+function Ht({
+  value: e,
+  onChange: t,
   placeholder: n,
   disabled: r,
   type: o,
@@ -1050,38 +1065,38 @@ function Rt({
   return /* @__PURE__ */ i(
     Fe,
     {
-      value: t,
+      value: e,
       placeholder: n,
       disabled: r,
       type: o,
-      onChange: (c) => e == null ? void 0 : e(c.currentTarget.value),
+      onChange: (c) => t == null ? void 0 : t(c.currentTarget.value),
       style: a
     }
   );
 }
-function _t({
-  value: t,
-  onChange: e,
+function zt({
+  value: e,
+  onChange: t,
   placeholder: n,
   disabled: r,
   rows: o = 3,
   style: a
 }) {
   return /* @__PURE__ */ i(
-    Ie,
+    _e,
     {
-      value: t,
+      value: e,
       placeholder: n,
       disabled: r,
       autosize: !0,
       minRows: o,
-      onChange: (c) => e == null ? void 0 : e(c.currentTarget.value),
+      onChange: (c) => t == null ? void 0 : t(c.currentTarget.value),
       style: a
     }
   );
 }
-function zt({ children: t, gap: e, style: n }) {
-  return /* @__PURE__ */ i(ze, { gap: e, style: n, children: t });
+function Ot({ children: e, gap: t, style: n }) {
+  return /* @__PURE__ */ i(ze, { gap: t, style: n, children: e });
 }
 const re = {
   start: "flex-start",
@@ -1090,31 +1105,31 @@ const re = {
   stretch: "stretch",
   "space-between": "space-between"
 };
-function Ht({
-  children: t,
-  gap: e,
+function Wt({
+  children: e,
+  gap: t,
   align: n = "center",
   justify: r = "start",
   wrap: o = !1,
   style: a
 }) {
   return /* @__PURE__ */ i(
-    _e,
+    He,
     {
-      gap: e,
+      gap: t,
       align: re[n],
       justify: re[r],
       wrap: o ? "wrap" : "nowrap",
       style: a,
-      children: t
+      children: e
     }
   );
 }
-function Wt() {
+function Gt() {
   return /* @__PURE__ */ i("div", { style: { flex: 1 } });
 }
-function Gt({ children: t, columns: e, gap: n = 16, align: r, style: o }) {
-  const a = typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
+function jt({ children: e, columns: t, gap: n = 16, align: r, style: o }) {
+  const a = typeof t == "number" ? `repeat(${t}, minmax(0, 1fr))` : t;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1125,15 +1140,15 @@ function Gt({ children: t, columns: e, gap: n = 16, align: r, style: o }) {
         alignItems: r,
         ...o
       },
-      children: t
+      children: e
     }
   );
 }
-function Ot({ style: t }) {
-  return /* @__PURE__ */ i(Re, { style: t });
+function Vt({ style: e }) {
+  return /* @__PURE__ */ i(Ne, { style: e });
 }
-function jt({ color: t, style: e }) {
-  const n = g();
+function Kt({ color: e, style: t }) {
+  const n = y();
   return /* @__PURE__ */ i(
     "span",
     {
@@ -1142,26 +1157,26 @@ function jt({ color: t, style: e }) {
         width: 14,
         height: 14,
         borderRadius: 4,
-        background: n.category[t],
+        background: n.category[e],
         flex: "0 0 auto",
-        ...e
+        ...t
       }
     }
   );
 }
-function Kt({
-  segments: t,
-  total: e,
+function Xt({
+  segments: e,
+  total: t,
   topLeftLabel: n,
   topRightLabel: r,
   style: o
 }) {
-  const a = g(), c = e > 0 ? e : 1, f = t.reduce(
+  const a = y(), c = t > 0 ? t : 1, f = e.reduce(
     (l, u) => l + (Number.isFinite(u.value) && u.value > 0 ? u.value : 0),
     0
   ), d = Math.max(0, c - f);
-  return /* @__PURE__ */ y("div", { style: o, children: [
-    (n != null || r != null) && /* @__PURE__ */ y(
+  return /* @__PURE__ */ g("div", { style: o, children: [
+    (n != null || r != null) && /* @__PURE__ */ g(
       "div",
       {
         style: {
@@ -1177,8 +1192,8 @@ function Kt({
         ]
       }
     ),
-    /* @__PURE__ */ y("div", { style: { display: "flex", gap: 2, height: 8 }, children: [
-      t.map((l, u) => {
+    /* @__PURE__ */ g("div", { style: { display: "flex", gap: 2, height: 8 }, children: [
+      e.map((l, u) => {
         const m = Number.isFinite(l.value) && l.value > 0 ? l.value : 0, v = a.category[l.color ?? ne[u % ne.length]];
         return /* @__PURE__ */ i(
           "div",
@@ -1205,18 +1220,18 @@ function Kt({
     ] })
   ] });
 }
-function Vt({
-  title: t,
-  leading: e,
+function Yt({
+  title: e,
+  leading: t,
   count: n,
   trailing: r,
   children: o,
   defaultOpen: a = !1,
   style: c
 }) {
-  const f = g(), [d, l] = E(a);
-  return /* @__PURE__ */ y("div", { style: c, children: [
-    /* @__PURE__ */ y(
+  const f = y(), [d, l] = I(a);
+  return /* @__PURE__ */ g("div", { style: c, children: [
+    /* @__PURE__ */ g(
       "div",
       {
         onClick: () => l((u) => !u),
@@ -1232,8 +1247,8 @@ function Vt({
         },
         children: [
           /* @__PURE__ */ i(ye, { expanded: d }),
-          e,
-          /* @__PURE__ */ i("span", { style: { fontWeight: 500 }, children: t }),
+          t,
+          /* @__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 })
@@ -1243,16 +1258,16 @@ function Vt({
     d && /* @__PURE__ */ i("div", { style: { paddingLeft: 18, paddingBottom: 4 }, children: o })
   ] });
 }
-const ct = {
+const ut = {
   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({
-  headers: t,
-  rows: e,
+function qt({
+  headers: e,
+  rows: t,
   columnAlign: n,
   rowTone: r,
   framed: o = !0,
@@ -1261,7 +1276,7 @@ function Xt({
   style: f,
   emptyMessage: d
 }) {
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ g(
     T,
     {
       withTableBorder: o,
@@ -1271,14 +1286,14 @@ function Xt({
       highlightOnHover: !0,
       style: f,
       children: [
-        /* @__PURE__ */ i(T.Thead, { children: /* @__PURE__ */ i(T.Tr, { children: t.map((l, u) => /* @__PURE__ */ i(T.Th, { ta: (n == null ? void 0 : n[u]) ?? "left", children: l }, u)) }) }),
-        /* @__PURE__ */ i(T.Tbody, { children: e.length === 0 ? /* @__PURE__ */ i(T.Tr, { children: /* @__PURE__ */ i(T.Td, { colSpan: t.length, ta: "center", c: "dimmed", children: d ?? "No data" }) }) : e.map((l, u) => {
+        /* @__PURE__ */ i(T.Thead, { children: /* @__PURE__ */ i(T.Tr, { children: e.map((l, u) => /* @__PURE__ */ i(T.Th, { ta: (n == null ? void 0 : n[u]) ?? "left", children: l }, u)) }) }),
+        /* @__PURE__ */ i(T.Tbody, { children: t.length === 0 ? /* @__PURE__ */ i(T.Tr, { children: /* @__PURE__ */ i(T.Td, { colSpan: e.length, ta: "center", c: "dimmed", children: d ?? "No data" }) }) : t.map((l, u) => {
           const m = r == null ? void 0 : r[u];
           return /* @__PURE__ */ i(
             T.Tr,
             {
-              style: m ? { background: ct[m] } : void 0,
-              children: t.map((v, h) => /* @__PURE__ */ i(
+              style: m ? { background: ut[m] } : void 0,
+              children: e.map((v, h) => /* @__PURE__ */ i(
                 T.Td,
                 {
                   ta: (n == null ? void 0 : n[h]) ?? "left",
@@ -1294,39 +1309,39 @@ function Xt({
     }
   );
 }
-function V(t, e, n) {
-  const r = t.typography[e];
+function K(e, t, n) {
+  const r = e.typography[t];
   return {
-    fontFamily: t.typography.fontFamily,
+    fontFamily: e.typography.fontFamily,
     fontSize: r.fontSize,
     lineHeight: r.lineHeight,
     fontWeight: r.fontWeight,
-    color: t.text.primary,
+    color: e.text.primary,
     margin: 0,
     ...n
   };
 }
-function Yt({ children: t, style: e }) {
-  const n = g();
-  return /* @__PURE__ */ i(O, { order: 1, style: V(n, "h1", e), children: t });
+function Jt({ children: e, style: t }) {
+  const n = y();
+  return /* @__PURE__ */ i(G, { order: 1, style: K(n, "h1", t), children: e });
 }
-function qt({ children: t, style: e }) {
-  const n = g();
-  return /* @__PURE__ */ i(O, { order: 2, style: V(n, "h2", e), children: t });
+function Zt({ children: e, style: t }) {
+  const n = y();
+  return /* @__PURE__ */ i(G, { order: 2, style: K(n, "h2", t), children: e });
 }
-function Zt({ children: t, style: e }) {
-  const n = g();
-  return /* @__PURE__ */ i(O, { order: 3, style: V(n, "h3", e), children: t });
+function Ut({ children: e, style: t }) {
+  const n = y();
+  return /* @__PURE__ */ i(G, { order: 3, style: K(n, "h3", t), children: e });
 }
-const dt = {
+const ft = {
   normal: 400,
   medium: 500,
   semibold: 600,
   bold: 700
 }, oe = ae(!1);
-function Jt({
-  children: t,
-  tone: e = "primary",
+function Qt({
+  children: e,
+  tone: t = "primary",
   size: n = "body",
   as: r = "p",
   weight: o = "normal",
@@ -1334,28 +1349,28 @@ function Jt({
   truncate: c,
   style: f
 }) {
-  const d = g(), u = G(oe) && r === "p" ? "span" : r, m = r === "p";
+  const d = y(), 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],
-      c: e === "primary" ? void 0 : d.text[e],
+      fw: ft[o],
+      c: t === "primary" ? void 0 : d.text[t],
       truncate: c,
       style: {
         fontStyle: a ? "italic" : void 0,
-        ...e === "primary" ? { color: d.text.primary } : void 0,
+        ...t === "primary" ? { color: d.text.primary } : void 0,
         ...m && u === "span" ? { display: "block" } : void 0,
         fontFamily: d.typography.fontFamily,
         ...f
       },
-      children: t
+      children: e
     }
   ) });
 }
-function Ut({ children: t, style: e }) {
-  const n = g();
+function en({ children: e, style: t }) {
+  const n = y();
   return /* @__PURE__ */ i(
     "code",
     {
@@ -1366,78 +1381,78 @@ function Ut({ children: t, style: e }) {
         background: n.fill.secondary,
         borderRadius: n.radius.sm,
         padding: "1px 4px",
-        ...e
+        ...t
       },
-      children: t
+      children: e
     }
   );
 }
-function Qt({ children: t, href: e, style: n }) {
-  const r = g();
+function tn({ children: e, href: t, style: n }) {
+  const r = y();
   return /* @__PURE__ */ i(
     "a",
     {
-      href: e,
+      href: t,
       target: "_blank",
       rel: "noreferrer",
       style: { color: r.text.link, ...n },
-      children: t
+      children: e
     }
   );
 }
 export {
-  vt as BarChart,
-  Tt 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,
-  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,
-  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,
+  St as BarChart,
+  At as Button,
+  _t as Callout,
+  Bt as Card,
+  Dt as CardBody,
+  $t as CardHeader,
+  Rt as Checkbox,
+  en as Code,
+  Yt as CollapsibleSection,
+  Lt as DiffStats,
+  Tt as DiffView,
+  Vt as Divider,
+  jt as Grid,
+  Jt as H1,
+  Zt as H2,
+  Ut as H3,
+  Mt as IconButton,
+  Ct as LineChart,
+  tn as Link,
+  kt as PieChart,
+  Et as Pill,
+  Wt as Row,
+  Ft as Select,
+  Gt as Spacer,
+  Ot as Stack,
+  It as Stat,
+  Kt as Swatch,
+  qt as Table,
+  Qt as Text,
+  zt as TextArea,
+  Ht as TextInput,
+  ct as TodoList,
+  Pt 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,
-  kt as computeDAGLayout,
-  xt as mergeStyle,
+  Xt as UsageBar,
+  dn as canvasPaletteDark,
+  un as canvasPaletteGrokDark,
+  fn as canvasPaletteGrokLight,
+  hn as canvasPaletteLight,
+  pn as canvasTokens,
+  gn as canvasTokensLight,
+  yn as categoryPaletteDark,
+  mn as categoryPaletteLight,
+  xn as colorPalette,
+  wt as computeDAGLayout,
+  bt as mergeStyle,
   ne as usageColorSequence,
-  mt as useCanvasAction,
-  gt as useCanvasState,
-  nn as useEffect,
-  g as useHostTheme,
-  rn as useMemo,
-  on as useRef,
-  an as useState
+  vt as useCanvasAction,
+  xt as useCanvasState,
+  on as useEffect,
+  y as useHostTheme,
+  an as useMemo,
+  sn as useRef,
+  ln as useState
 };