agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/shared/ChartFrame.js

@@ -0,0 +1,61 @@
+"use client";
+import e from "./ChartFrame.module.js";
+import { useId as t, useState as n } from "react";
+import { BarChart3 as r, Table2 as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/shared/ChartFrame.tsx
+function s({ title: s, description: c, legend: l, children: u, table: d, footnote: f, isEmpty: p = !1, emptyLabel: m = "No data for this range", isLoading: h = !1, className: g = "" }) {
+	let [_, v] = n("chart"), y = t(), b = t(), x = t(), S = _ === "table" && !!d;
+	return /* @__PURE__ */ o("figure", {
+		className: `${e.frame} ${g}`.trim(),
+		"aria-labelledby": s ? y : void 0,
+		"aria-describedby": c ? b : void 0,
+		children: [
+			s || d ? /* @__PURE__ */ o("figcaption", {
+				className: e.header,
+				children: [/* @__PURE__ */ o("div", {
+					className: e.heading,
+					children: [s ? /* @__PURE__ */ a("h3", {
+						id: y,
+						className: e.title,
+						children: s
+					}) : null, c ? /* @__PURE__ */ a("p", {
+						id: b,
+						className: e.description,
+						children: c
+					}) : null]
+				}), d ? /* @__PURE__ */ a("div", {
+					className: e.actions,
+					children: /* @__PURE__ */ o("button", {
+						type: "button",
+						className: e.toggle,
+						onClick: () => v(S ? "chart" : "table"),
+						"aria-expanded": S,
+						"aria-controls": x,
+						children: [a(S ? r : i, {
+							"aria-hidden": "true",
+							size: 14
+						}), /* @__PURE__ */ a("span", { children: S ? "Chart" : "Table" })]
+					})
+				}) : null]
+			}) : null,
+			l,
+			/* @__PURE__ */ a("div", {
+				id: x,
+				className: `${e.body}${h ? ` ${e.loading}` : ""}`,
+				children: p ? /* @__PURE__ */ a("p", {
+					className: e.empty,
+					children: m
+				}) : S ? d : u
+			}),
+			f ? /* @__PURE__ */ a("p", {
+				className: e.footnote,
+				children: f
+			}) : null
+		]
+	});
+}
+//#endregion
+export { s as ChartFrame };
+
+//# sourceMappingURL=ChartFrame.js.map

package/dist/ui/shared/ChartFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.js","names":[],"sources":["../../../ui/shared/ChartFrame.tsx"],"sourcesContent":["\"use client\";\n\nimport { BarChart3, Table2 } from \"lucide-react\";\nimport { useId, useState, type ReactNode } from \"react\";\nimport styles from \"./ChartFrame.module.css\";\n\nexport interface ChartFrameProps {\n  title?: string;\n  description?: string;\n  legend?: ReactNode;\n  children: ReactNode;\n  table?: ReactNode;\n  footnote?: string;\n  isEmpty?: boolean;\n  emptyLabel?: string;\n  isLoading?: boolean;\n  className?: string;\n}\n\nexport function ChartFrame({\n  title,\n  description,\n  legend,\n  children,\n  table,\n  footnote,\n  isEmpty = false,\n  emptyLabel = \"No data for this range\",\n  isLoading = false,\n  className = \"\",\n}: ChartFrameProps) {\n  const [view, setView] = useState<\"chart\" | \"table\">(\"chart\");\n  const titleId = useId();\n  const descriptionId = useId();\n  const panelId = useId();\n  const showTable = view === \"table\" && Boolean(table);\n\n  return (\n    <figure\n      className={`${styles.frame} ${className}`.trim()}\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={description ? descriptionId : undefined}\n    >\n      {title || table ? (\n        <figcaption className={styles.header}>\n          <div className={styles.heading}>\n            {title ? (\n              <h3 id={titleId} className={styles.title}>\n                {title}\n              </h3>\n            ) : null}\n            {description ? (\n              <p id={descriptionId} className={styles.description}>\n                {description}\n              </p>\n            ) : null}\n          </div>\n          {table ? (\n            <div className={styles.actions}>\n              <button\n                type=\"button\"\n                className={styles.toggle}\n                onClick={() => setView(showTable ? \"chart\" : \"table\")}\n                aria-expanded={showTable}\n                aria-controls={panelId}\n              >\n                {showTable ? <BarChart3 aria-hidden=\"true\" size={14} /> : <Table2 aria-hidden=\"true\" size={14} />}\n                <span>{showTable ? \"Chart\" : \"Table\"}</span>\n              </button>\n            </div>\n          ) : null}\n        </figcaption>\n      ) : null}\n\n      {legend}\n\n      <div\n        id={panelId}\n        className={`${styles.body}${isLoading ? ` ${styles.loading}` : \"\"}`}\n      >\n        {isEmpty ? <p className={styles.empty}>{emptyLabel}</p> : showTable ? table : children}\n      </div>\n\n      {footnote ? <p className={styles.footnote}>{footnote}</p> : null}\n    </figure>\n  );\n}\n"],"mappings":";;;;;;AAmBA,SAAgB,EAAW,EACzB,UACA,gBACA,WACA,aACA,UACA,aACA,aAAU,IACV,gBAAa,0BACb,eAAY,IACZ,eAAY,MACM;CAClB,IAAM,CAAC,GAAM,KAAW,EAA4B,OAAO,GACrD,IAAU,EAAM,GAChB,IAAgB,EAAM,GACtB,IAAU,EAAM,GAChB,IAAY,MAAS,WAAW,EAAQ;CAE9C,OACE,kBAAC,UAAD;EACE,WAAW,GAAG,EAAO,MAAM,GAAG,IAAY,KAAK;EAC/C,mBAAiB,IAAQ,IAAU,KAAA;EACnC,oBAAkB,IAAc,IAAgB,KAAA;EAHlD,UAAA;GAKG,KAAS,IACR,kBAAC,cAAD;IAAY,WAAW,EAAO;IAA9B,UAAA,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA,CACG,IACC,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAW,EAAO;MAChC,UAAA;KACC,CAAA,IACF,MACH,IACC,kBAAC,KAAD;MAAG,IAAI;MAAe,WAAW,EAAO;MACrC,UAAA;KACA,CAAA,IACD,IACD;IACJ,CAAA,GAAA,IACC,kBAAC,OAAD;KAAK,WAAW,EAAO;KACrB,UAAA,kBAAC,UAAD;MACE,MAAK;MACL,WAAW,EAAO;MAClB,eAAe,EAAQ,IAAY,UAAU,OAAO;MACpD,iBAAe;MACf,iBAAe;MALjB,UAAA,CAOe,EAAZ,IAAa,IAA6C,GAA9C;OAAW,eAAY;OAAO,MAAM;MAAK,CAA0C,GAChG,kBAAC,QAAD,EAAA,UAAO,IAAY,UAAU,QAAc,CAAA,CACrC;;IACL,CAAA,IACH,IACM;GACV,CAAA,IAAA;GAEH;GAED,kBAAC,OAAD;IACE,IAAI;IACJ,WAAW,GAAG,EAAO,OAAO,IAAY,IAAI,EAAO,YAAY;IAE9D,UAAA,IAAU,kBAAC,KAAD;KAAG,WAAW,EAAO;KAAQ,UAAA;IAAc,CAAA,IAAI,IAAY,IAAQ;GAC3E,CAAA;GAEJ,IAAW,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAW,UAAA;GAAY,CAAA,IAAI;EACtD;;AAEZ"}

package/{ui → dist/ui}/shared/ChartFrame.module.css

@@ -1,4 +1,4 @@
-.frame {
+._frame_ioq0h_1 {
   display: grid;
   gap: var(--space-4);
   margin: 0;
@@ -13,7 +13,7 @@
   color: var(--text-primary);
 }
 
-.header {
+._header_ioq0h_16 {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
@@ -22,13 +22,13 @@
   min-width: 0;
 }
 
-.heading {
+._heading_ioq0h_25 {
   display: grid;
   gap: var(--space-1);
   min-width: 0;
 }
 
-.title {
+._title_ioq0h_31 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-heading-sm);
@@ -37,7 +37,7 @@
   color: var(--text-primary);
 }
 
-.description {
+._description_ioq0h_40 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -45,13 +45,13 @@
   color: var(--text-secondary);
 }
 
-.actions {
+._actions_ioq0h_48 {
   display: flex;
   align-items: center;
   gap: var(--space-1);
 }
 
-.toggle {
+._toggle_ioq0h_54 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
@@ -69,27 +69,27 @@
     border-color var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.toggle:hover {
+._toggle_ioq0h_54:hover {
   border-color: var(--border-strong);
   color: var(--text-primary);
 }
 
-.toggle:focus-visible {
+._toggle_ioq0h_54:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.body {
+._body_ioq0h_82 {
   min-width: 0;
   overflow: visible;
 }
 
-.loading {
+._loading_ioq0h_87 {
   opacity: 0.6;
   transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.empty {
+._empty_ioq0h_92 {
   display: grid;
   place-items: center;
   min-height: 15rem;
@@ -101,14 +101,14 @@
   color: var(--text-muted);
 }
 
-.footnote {
+._footnote_ioq0h_104 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
   color: var(--text-muted);
 }
 
-.legend {
+._legend_ioq0h_111 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-2) var(--space-4);
@@ -117,17 +117,17 @@
   list-style: none;
 }
 
-.legendInteractive > li {
+._legendInteractive_ioq0h_120 > li {
   display: contents;
 }
 
-.legendVertical {
+._legendVertical_ioq0h_124 {
   display: grid;
   gap: var(--space-2);
   align-content: center;
 }
 
-.legendItem {
+._legendItem_ioq0h_130 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
@@ -136,7 +136,7 @@
   color: var(--text-secondary);
 }
 
-.legendVertical .legendItem {
+._legendVertical_ioq0h_124 ._legendItem_ioq0h_130 {
   display: grid;
   grid-template-columns: auto 1fr auto;
   align-items: center;
@@ -144,7 +144,7 @@
   width: 100%;
 }
 
-.legendButton {
+._legendButton_ioq0h_147 {
   margin: 0;
   padding: 0;
   border: 0;
@@ -157,40 +157,40 @@
   transition: opacity 0.56s cubic-bezier(0.22, 1, 0.36, 1);
 }
 
-.legendButton:focus-visible {
+._legendButton_ioq0h_147:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.legendItemDimmed {
+._legendItemDimmed_ioq0h_165 {
   opacity: 0.45;
 }
 
-.legendSwatch {
+._legendSwatch_ioq0h_169 {
   width: 0.625rem;
   height: 0.625rem;
   border-radius: var(--radius-control-sm);
   flex: none;
 }
 
-.legendSwatchPill {
+._legendSwatchPill_ioq0h_176 {
   width: 0.5rem;
   height: 0.375rem;
   border-radius: var(--radius-pill);
 }
 
-.legendSwatchLine {
+._legendSwatchLine_ioq0h_182 {
   width: 0.75rem;
   height: 0.156rem;
   border-radius: var(--radius-pill);
 }
 
-.legendMeta {
+._legendMeta_ioq0h_188 {
   color: var(--text-muted);
   font-variant-numeric: tabular-nums;
 }
 
-.legendPercent {
+._legendPercent_ioq0h_193 {
   color: var(--text-primary);
   font-variant-numeric: tabular-nums;
   font-weight: var(--type-weight-label);
@@ -198,16 +198,16 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .legendButton {
+  ._legendButton_ioq0h_147 {
     transition: none;
   }
 }
 
-.tableScroll {
+._tableScroll_ioq0h_206 {
   overflow-x: auto;
 }
 
-.table {
+._table_ioq0h_206 {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--font-sans);
@@ -215,33 +215,33 @@
   line-height: var(--type-line-body);
 }
 
-.table th,
-.table td {
+._table_ioq0h_206 th,
+._table_ioq0h_206 td {
   padding: var(--space-1) var(--space-2);
   border-bottom: var(--border-width-thin) solid var(--border-faint);
   text-align: start;
   background-color: var(--surface-card);
 }
 
-.table thead th {
+._table_ioq0h_206 thead th {
   color: var(--text-secondary);
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-label);
   white-space: nowrap;
 }
 
-.table tbody th {
+._table_ioq0h_206 tbody th {
   color: var(--text-primary);
   font-weight: var(--type-weight-label);
 }
 
-.table td {
+._table_ioq0h_206 td {
   color: var(--text-primary);
   font-variant-numeric: tabular-nums;
   text-align: end;
 }
 
-.tooltip {
+._tooltip_ioq0h_244 {
   position: absolute;
   z-index: var(--z-tooltip);
   min-width: 9.5rem;
@@ -256,18 +256,18 @@
   transform: translate(0.5rem, -50%);
 }
 
-.tooltipFlip {
+._tooltipFlip_ioq0h_259 {
   transform: translate(calc(-100% - 0.5rem), -50%);
 }
 
-.tooltipTitle {
+._tooltipTitle_ioq0h_263 {
   margin: 0;
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-label);
   color: var(--text-primary);
 }
 
-.tooltipRow {
+._tooltipRow_ioq0h_270 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -276,19 +276,19 @@
   color: var(--text-secondary);
 }
 
-.tooltipKey {
+._tooltipKey_ioq0h_279 {
   width: 0.5rem;
   height: 0.375rem;
   border-radius: var(--radius-pill);
   flex: none;
 }
 
-.tooltipShare {
+._tooltipShare_ioq0h_286 {
   flex: 1;
   min-width: 0;
 }
 
-.tooltipValue {
+._tooltipValue_ioq0h_291 {
   color: var(--text-primary);
   font-variant-numeric: tabular-nums;
   font-weight: var(--type-weight-label);

package/dist/ui/shared/ChartFrame.module.js

@@ -0,0 +1,39 @@
+import "./ChartFrame.module.css";
+//#region ui/shared/ChartFrame.module.css
+var e = "_frame_ioq0h_1", t = "_header_ioq0h_16", n = "_heading_ioq0h_25", r = "_title_ioq0h_31", i = "_description_ioq0h_40", a = "_actions_ioq0h_48", o = "_toggle_ioq0h_54", s = "_body_ioq0h_82", c = "_loading_ioq0h_87", l = "_empty_ioq0h_92", u = "_footnote_ioq0h_104", d = "_legend_ioq0h_111", f = "_legendInteractive_ioq0h_120", p = "_legendVertical_ioq0h_124", m = "_legendItem_ioq0h_130", h = "_legendButton_ioq0h_147", g = "_legendItemDimmed_ioq0h_165", _ = "_legendSwatch_ioq0h_169", v = "_legendSwatchPill_ioq0h_176", y = "_legendSwatchLine_ioq0h_182", b = "_legendMeta_ioq0h_188", x = "_legendPercent_ioq0h_193", S = "_tableScroll_ioq0h_206", C = "_table_ioq0h_206", w = "_tooltip_ioq0h_244", T = "_tooltipFlip_ioq0h_259", E = "_tooltipTitle_ioq0h_263", D = "_tooltipRow_ioq0h_270", O = "_tooltipKey_ioq0h_279", k = "_tooltipShare_ioq0h_286", A = "_tooltipValue_ioq0h_291", j = {
+	frame: e,
+	header: t,
+	heading: n,
+	title: r,
+	description: i,
+	actions: a,
+	toggle: o,
+	body: s,
+	loading: c,
+	empty: l,
+	footnote: u,
+	legend: d,
+	legendInteractive: f,
+	legendVertical: p,
+	legendItem: m,
+	legendButton: h,
+	legendItemDimmed: g,
+	legendSwatch: _,
+	legendSwatchPill: v,
+	legendSwatchLine: y,
+	legendMeta: b,
+	legendPercent: x,
+	tableScroll: S,
+	table: C,
+	tooltip: w,
+	tooltipFlip: T,
+	tooltipTitle: E,
+	tooltipRow: D,
+	tooltipKey: O,
+	tooltipShare: k,
+	tooltipValue: A
+};
+//#endregion
+export { a as actions, s as body, j as default, i as description, l as empty, u as footnote, e as frame, t as header, n as heading, d as legend, h as legendButton, f as legendInteractive, m as legendItem, g as legendItemDimmed, b as legendMeta, x as legendPercent, _ as legendSwatch, y as legendSwatchLine, v as legendSwatchPill, p as legendVertical, c as loading, C as table, S as tableScroll, r as title, o as toggle, w as tooltip, T as tooltipFlip, O as tooltipKey, D as tooltipRow, k as tooltipShare, E as tooltipTitle, A as tooltipValue };
+
+//# sourceMappingURL=ChartFrame.module.js.map

package/dist/ui/shared/ChartFrame.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.module.js","names":[],"sources":["../../../ui/shared/ChartFrame.module.css"],"sourcesContent":[".frame {\n  display: grid;\n  gap: var(--space-4);\n  margin: 0;\n  padding: var(--space-6);\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  background: var(--surface-card);\n  box-shadow: var(--shadow-sm);\n  color: var(--text-primary);\n}\n\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.heading {\n  display: grid;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading-sm);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.description {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--space-1);\n}\n\n.toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  padding: var(--space-1) var(--space-2);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-control-sm);\n  background: var(--surface-card);\n  color: var(--text-secondary);\n  cursor: pointer;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  transition:\n    color var(--motion-interaction-duration) var(--motion-interaction-easing),\n    border-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.toggle:hover {\n  border-color: var(--border-strong);\n  color: var(--text-primary);\n}\n\n.toggle:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.body {\n  min-width: 0;\n  overflow: visible;\n}\n\n.loading {\n  opacity: 0.6;\n  transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.empty {\n  display: grid;\n  place-items: center;\n  min-height: 15rem;\n  margin: 0;\n  padding-inline: var(--space-4);\n  text-align: center;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  color: var(--text-muted);\n}\n\n.footnote {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  color: var(--text-muted);\n}\n\n.legend {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2) var(--space-4);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.legendInteractive > li {\n  display: contents;\n}\n\n.legendVertical {\n  display: grid;\n  gap: var(--space-2);\n  align-content: center;\n}\n\n.legendItem {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  color: var(--text-secondary);\n}\n\n.legendVertical .legendItem {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  column-gap: var(--space-2);\n  width: 100%;\n}\n\n.legendButton {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: inherit;\n  color: inherit;\n  text-align: inherit;\n  cursor: pointer;\n  border-radius: var(--radius-control-sm);\n  transition: opacity 0.56s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.legendButton:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.legendItemDimmed {\n  opacity: 0.45;\n}\n\n.legendSwatch {\n  width: 0.625rem;\n  height: 0.625rem;\n  border-radius: var(--radius-control-sm);\n  flex: none;\n}\n\n.legendSwatchPill {\n  width: 0.5rem;\n  height: 0.375rem;\n  border-radius: var(--radius-pill);\n}\n\n.legendSwatchLine {\n  width: 0.75rem;\n  height: 0.156rem;\n  border-radius: var(--radius-pill);\n}\n\n.legendMeta {\n  color: var(--text-muted);\n  font-variant-numeric: tabular-nums;\n}\n\n.legendPercent {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  font-weight: var(--type-weight-label);\n  text-align: end;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .legendButton {\n    transition: none;\n  }\n}\n\n.tableScroll {\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n}\n\n.table th,\n.table td {\n  padding: var(--space-1) var(--space-2);\n  border-bottom: var(--border-width-thin) solid var(--border-faint);\n  text-align: start;\n  background-color: var(--surface-card);\n}\n\n.table thead th {\n  color: var(--text-secondary);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  white-space: nowrap;\n}\n\n.table tbody th {\n  color: var(--text-primary);\n  font-weight: var(--type-weight-label);\n}\n\n.table td {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n}\n\n.tooltip {\n  position: absolute;\n  z-index: var(--z-tooltip);\n  min-width: 9.5rem;\n  padding: var(--space-2) var(--space-3);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  background: var(--surface-card);\n  box-shadow: var(--shadow-md);\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  pointer-events: none;\n  transform: translate(0.5rem, -50%);\n}\n\n.tooltipFlip {\n  transform: translate(calc(-100% - 0.5rem), -50%);\n}\n\n.tooltipTitle {\n  margin: 0;\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  color: var(--text-primary);\n}\n\n.tooltipRow {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  margin-top: var(--space-1);\n  font-size: var(--type-size-caption);\n  color: var(--text-secondary);\n}\n\n.tooltipKey {\n  width: 0.5rem;\n  height: 0.375rem;\n  border-radius: var(--radius-pill);\n  flex: none;\n}\n\n.tooltipShare {\n  flex: 1;\n  min-width: 0;\n}\n\n.tooltipValue {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  font-weight: var(--type-weight-label);\n}\n"],"mappings":""}

package/dist/ui/shared/chartMath.d.ts

@@ -0,0 +1,78 @@
+export interface ChartDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface ChartSeries {
+    label: string;
+    data: number[];
+    color?: string;
+}
+export declare const CHART_COLORS: readonly ["var(--fill-brand)", "var(--fill-success)", "var(--fill-warning)", "var(--fill-danger)", "var(--fill-info)"];
+export declare function formatValue(value: number): string;
+export declare function formatAxisTick(value: number): string;
+export declare function colorAt(index: number, override?: string): string;
+export interface PreparedSegment extends ChartDatum {
+    share: number;
+    color: string;
+}
+export declare function prepareSegments(data: ChartDatum[], options?: {
+    maxSegments?: number;
+    sort?: boolean;
+    otherLabel?: string;
+}): PreparedSegment[];
+export declare function normalizeBarInput(input: {
+    data?: ChartDatum[];
+    categories?: string[];
+    series?: ChartSeries[];
+}): {
+    categories: string[];
+    series: ChartSeries[];
+};
+export declare function normalizeLineInput(input: {
+    data?: ChartDatum[];
+    labels?: string[];
+    series?: ChartSeries[];
+}): {
+    labels: string[];
+    series: ChartSeries[];
+};
+export declare function seriesExtent(series: ChartSeries[], options?: {
+    includeZero?: boolean;
+}): [number, number];
+export declare function niceTicks(min: number, max: number, count?: number): {
+    ticks: number[];
+    min: number;
+    max: number;
+};
+export declare function linearScale(domain: [number, number], range: [number, number]): (value: number) => number;
+export declare const CHART_MARGINS: {
+    readonly top: 12;
+    readonly right: 12;
+    readonly bottom: 36;
+    readonly left: 44;
+};
+export declare const TAU: number;
+export declare function polarToCartesian(cx: number, cy: number, radius: number, angle: number): {
+    x: number;
+    y: number;
+};
+export declare function pointOnCircle(cx: number, cy: number, radius: number, angle: number): {
+    x: number;
+    y: number;
+};
+export declare function wedgePath(options: {
+    cx: number;
+    cy: number;
+    radius: number;
+    startAngle: number;
+    endAngle: number;
+}): string;
+export declare function ringPath(options: {
+    cx: number;
+    cy: number;
+    innerRadius: number;
+    outerRadius: number;
+    startAngle: number;
+    endAngle: number;
+}): string;

package/dist/ui/shared/chartMath.js

@@ -0,0 +1,127 @@
+//#region ui/shared/chartMath.ts
+var e = [
+	"var(--fill-brand)",
+	"var(--fill-success)",
+	"var(--fill-warning)",
+	"var(--fill-danger)",
+	"var(--fill-info)"
+];
+function t(e) {
+	return Number.isFinite(e) ? Math.abs(e) >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : Math.abs(e) >= 1e4 ? `${(e / 1e3).toFixed(1)}k` : Number.isInteger(e) ? e.toLocaleString("en-US") : e.toLocaleString("en-US", { maximumFractionDigits: 1 }) : "—";
+}
+function n(e) {
+	return Number.isFinite(e) ? Math.abs(e) >= 1e6 ? `${e / 1e6}M` : Math.abs(e) >= 1e3 ? `${e / 1e3}k` : String(e) : "";
+}
+function r(t, n) {
+	return n ?? e[t % e.length];
+}
+function i(e, t = {}) {
+	let { maxSegments: n = 6, sort: i = !0, otherLabel: a = "Other" } = t, o = e.filter((e) => Number.isFinite(e.value) && e.value > 0), s = i ? [...o].sort((e, t) => t.value - e.value) : [...o], c = s.slice(0, n), l = s.slice(n).reduce((e, t) => e + t.value, 0);
+	l > 0 && c.push({
+		label: a,
+		value: l
+	});
+	let u = c.reduce((e, t) => e + t.value, 0);
+	return c.map((e, t) => ({
+		...e,
+		color: r(t, e.color),
+		share: u > 0 ? e.value / u : 0
+	}));
+}
+function a(t) {
+	if (t.categories?.length && t.series?.length) return {
+		categories: t.categories,
+		series: t.series.map((e, t) => ({
+			...e,
+			color: r(t, e.color)
+		}))
+	};
+	let n = t.data ?? [];
+	return {
+		categories: n.map((e) => e.label),
+		series: [{
+			label: "Value",
+			data: n.map((e) => e.value),
+			color: e[0]
+		}]
+	};
+}
+function o(t) {
+	if (t.labels?.length && t.series?.length) return {
+		labels: t.labels,
+		series: t.series.map((e, t) => ({
+			...e,
+			color: r(t, e.color)
+		}))
+	};
+	let n = t.data ?? [];
+	return {
+		labels: n.map((e) => e.label),
+		series: [{
+			label: "Value",
+			data: n.map((e) => e.value),
+			color: e[0]
+		}]
+	};
+}
+function s(e, t = {}) {
+	let n = e.flatMap((e) => e.data).filter((e) => Number.isFinite(e));
+	if (!n.length) return [0, 1];
+	let r = Math.min(...n), i = Math.max(...n);
+	return t.includeZero && (r = Math.min(r, 0), i = Math.max(i, 0)), r === i ? r === 0 ? [0, 1] : [r * .9, i * 1.1] : [r, i];
+}
+function c(e, t, n = 5) {
+	let r = l(l(t - e, !1) / Math.max(n - 1, 1), !0), i = Math.floor(e / r) * r, a = Math.ceil(t / r) * r, o = [];
+	for (let e = i; e <= a + r / 2; e += r) o.push(Number(e.toFixed(10)));
+	return {
+		ticks: o,
+		min: i,
+		max: a
+	};
+}
+function l(e, t) {
+	let n = Math.floor(Math.log10(Math.abs(e) || 1)), r = e / 10 ** n, i;
+	return i = t ? r < 1.5 ? 1 : r < 3 ? 2 : r < 7 ? 5 : 10 : r <= 1 ? 1 : r <= 2 ? 2 : r <= 5 ? 5 : 10, i * 10 ** n;
+}
+function u(e, t) {
+	let [n, r] = e, [i, a] = t, o = r - n || 1;
+	return (e) => i + (e - n) / o * (a - i);
+}
+var d = {
+	top: 12,
+	right: 12,
+	bottom: 36,
+	left: 44
+}, f = Math.PI * 2;
+function p(e, t, n, r) {
+	return {
+		x: e + n * Math.cos(r - Math.PI / 2),
+		y: t + n * Math.sin(r - Math.PI / 2)
+	};
+}
+function m(e, t, n, r) {
+	return p(e, t, n, r);
+}
+function h(e) {
+	let { cx: t, cy: n, radius: r, startAngle: i, endAngle: a } = e, o = p(t, n, r, a), s = p(t, n, r, i), c = +(a - i > Math.PI);
+	return [
+		`M ${t} ${n}`,
+		`L ${o.x} ${o.y}`,
+		`A ${r} ${r} 0 ${c} 0 ${s.x} ${s.y}`,
+		"Z"
+	].join(" ");
+}
+function g(e) {
+	let { cx: t, cy: n, innerRadius: r, outerRadius: i, startAngle: a, endAngle: o } = e, s = p(t, n, i, o), c = p(t, n, i, a), l = p(t, n, r, a), u = p(t, n, r, o), d = +(o - a > Math.PI);
+	return [
+		`M ${s.x} ${s.y}`,
+		`A ${i} ${i} 0 ${d} 0 ${c.x} ${c.y}`,
+		`L ${l.x} ${l.y}`,
+		`A ${r} ${r} 0 ${d} 1 ${u.x} ${u.y}`,
+		"Z"
+	].join(" ");
+}
+//#endregion
+export { e as CHART_COLORS, d as CHART_MARGINS, f as TAU, r as colorAt, n as formatAxisTick, t as formatValue, u as linearScale, c as niceTicks, a as normalizeBarInput, o as normalizeLineInput, m as pointOnCircle, p as polarToCartesian, i as prepareSegments, g as ringPath, s as seriesExtent, h as wedgePath };
+
+//# sourceMappingURL=chartMath.js.map

package/dist/ui/shared/chartMath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartMath.js","names":[],"sources":["../../../ui/shared/chartMath.ts"],"sourcesContent":["export interface ChartDatum {\n  label: string;\n  value: number;\n  color?: string;\n}\n\nexport interface ChartSeries {\n  label: string;\n  data: number[];\n  color?: string;\n}\n\nexport const CHART_COLORS = [\n  \"var(--fill-brand)\",\n  \"var(--fill-success)\",\n  \"var(--fill-warning)\",\n  \"var(--fill-danger)\",\n  \"var(--fill-info)\",\n] as const;\n\nexport function formatValue(value: number): string {\n  if (!Number.isFinite(value)) return \"—\";\n  if (Math.abs(value) >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (Math.abs(value) >= 10_000) return `${(value / 1_000).toFixed(1)}k`;\n  if (Number.isInteger(value)) return value.toLocaleString(\"en-US\");\n  return value.toLocaleString(\"en-US\", { maximumFractionDigits: 1 });\n}\n\nexport function formatAxisTick(value: number): string {\n  if (!Number.isFinite(value)) return \"\";\n  if (Math.abs(value) >= 1_000_000) return `${value / 1_000_000}M`;\n  if (Math.abs(value) >= 1_000) return `${value / 1_000}k`;\n  return String(value);\n}\n\nexport function colorAt(index: number, override?: string): string {\n  return override ?? CHART_COLORS[index % CHART_COLORS.length];\n}\n\nexport interface PreparedSegment extends ChartDatum {\n  share: number;\n  color: string;\n}\n\nexport function prepareSegments(\n  data: ChartDatum[],\n  options: { maxSegments?: number; sort?: boolean; otherLabel?: string } = {},\n): PreparedSegment[] {\n  const { maxSegments = 6, sort = true, otherLabel = \"Other\" } = options;\n  const cleaned = data.filter((entry) => Number.isFinite(entry.value) && entry.value > 0);\n  const ordered = sort ? [...cleaned].sort((a, b) => b.value - a.value) : [...cleaned];\n  const visible = ordered.slice(0, maxSegments);\n  const remainder = ordered.slice(maxSegments);\n  const remainderTotal = remainder.reduce((sum, entry) => sum + entry.value, 0);\n  if (remainderTotal > 0) {\n    visible.push({ label: otherLabel, value: remainderTotal });\n  }\n  const total = visible.reduce((sum, entry) => sum + entry.value, 0);\n  return visible.map((entry, index) => ({\n    ...entry,\n    color: colorAt(index, entry.color),\n    share: total > 0 ? entry.value / total : 0,\n  }));\n}\n\nexport function normalizeBarInput(input: {\n  data?: ChartDatum[];\n  categories?: string[];\n  series?: ChartSeries[];\n}): { categories: string[]; series: ChartSeries[] } {\n  if (input.categories?.length && input.series?.length) {\n    return {\n      categories: input.categories,\n      series: input.series.map((entry, index) => ({\n        ...entry,\n        color: colorAt(index, entry.color),\n      })),\n    };\n  }\n  const data = input.data ?? [];\n  return {\n    categories: data.map((entry) => entry.label),\n    series: [\n      {\n        label: \"Value\",\n        data: data.map((entry) => entry.value),\n        color: CHART_COLORS[0],\n      },\n    ],\n  };\n}\n\nexport function normalizeLineInput(input: {\n  data?: ChartDatum[];\n  labels?: string[];\n  series?: ChartSeries[];\n}): { labels: string[]; series: ChartSeries[] } {\n  if (input.labels?.length && input.series?.length) {\n    return {\n      labels: input.labels,\n      series: input.series.map((entry, index) => ({\n        ...entry,\n        color: colorAt(index, entry.color),\n      })),\n    };\n  }\n  const data = input.data ?? [];\n  return {\n    labels: data.map((entry) => entry.label),\n    series: [\n      {\n        label: \"Value\",\n        data: data.map((entry) => entry.value),\n        color: CHART_COLORS[0],\n      },\n    ],\n  };\n}\n\nexport function seriesExtent(\n  series: ChartSeries[],\n  options: { includeZero?: boolean } = {},\n): [number, number] {\n  const values = series.flatMap((entry) => entry.data).filter((value) => Number.isFinite(value));\n  if (!values.length) return [0, 1];\n  let min = Math.min(...values);\n  let max = Math.max(...values);\n  if (options.includeZero) {\n    min = Math.min(min, 0);\n    max = Math.max(max, 0);\n  }\n  if (min === max) {\n    return min === 0 ? [0, 1] : [min * 0.9, max * 1.1];\n  }\n  return [min, max];\n}\n\nexport function niceTicks(min: number, max: number, count = 5): { ticks: number[]; min: number; max: number } {\n  const range = niceNum(max - min, false);\n  const step = niceNum(range / Math.max(count - 1, 1), true);\n  const niceMin = Math.floor(min / step) * step;\n  const niceMax = Math.ceil(max / step) * step;\n  const ticks: number[] = [];\n  for (let tick = niceMin; tick <= niceMax + step / 2; tick += step) {\n    ticks.push(Number(tick.toFixed(10)));\n  }\n  return { ticks, min: niceMin, max: niceMax };\n}\n\nfunction niceNum(value: number, round: boolean): number {\n  const exponent = Math.floor(Math.log10(Math.abs(value) || 1));\n  const fraction = value / 10 ** exponent;\n  let niceFraction: number;\n  if (round) {\n    if (fraction < 1.5) niceFraction = 1;\n    else if (fraction < 3) niceFraction = 2;\n    else if (fraction < 7) niceFraction = 5;\n    else niceFraction = 10;\n  } else if (fraction <= 1) niceFraction = 1;\n  else if (fraction <= 2) niceFraction = 2;\n  else if (fraction <= 5) niceFraction = 5;\n  else niceFraction = 10;\n  return niceFraction * 10 ** exponent;\n}\n\nexport function linearScale(domain: [number, number], range: [number, number]) {\n  const [d0, d1] = domain;\n  const [r0, r1] = range;\n  const span = d1 - d0 || 1;\n  return (value: number) => r0 + ((value - d0) / span) * (r1 - r0);\n}\n\nexport const CHART_MARGINS = { top: 12, right: 12, bottom: 36, left: 44 } as const;\n\nexport const TAU = Math.PI * 2;\n\nexport function polarToCartesian(cx: number, cy: number, radius: number, angle: number) {\n  return {\n    x: cx + radius * Math.cos(angle - Math.PI / 2),\n    y: cy + radius * Math.sin(angle - Math.PI / 2),\n  };\n}\n\nexport function pointOnCircle(cx: number, cy: number, radius: number, angle: number) {\n  return polarToCartesian(cx, cy, radius, angle);\n}\n\nexport function wedgePath(options: {\n  cx: number;\n  cy: number;\n  radius: number;\n  startAngle: number;\n  endAngle: number;\n}): string {\n  const { cx, cy, radius, startAngle, endAngle } = options;\n  const start = polarToCartesian(cx, cy, radius, endAngle);\n  const end = polarToCartesian(cx, cy, radius, startAngle);\n  const largeArc = endAngle - startAngle > Math.PI ? 1 : 0;\n  return [\n    `M ${cx} ${cy}`,\n    `L ${start.x} ${start.y}`,\n    `A ${radius} ${radius} 0 ${largeArc} 0 ${end.x} ${end.y}`,\n    \"Z\",\n  ].join(\" \");\n}\n\nexport function ringPath(options: {\n  cx: number;\n  cy: number;\n  innerRadius: number;\n  outerRadius: number;\n  startAngle: number;\n  endAngle: number;\n}): string {\n  const { cx, cy, innerRadius, outerRadius, startAngle, endAngle } = options;\n  const outerStart = polarToCartesian(cx, cy, outerRadius, endAngle);\n  const outerEnd = polarToCartesian(cx, cy, outerRadius, startAngle);\n  const innerStart = polarToCartesian(cx, cy, innerRadius, startAngle);\n  const innerEnd = polarToCartesian(cx, cy, innerRadius, endAngle);\n  const largeArc = endAngle - startAngle > Math.PI ? 1 : 0;\n  return [\n    `M ${outerStart.x} ${outerStart.y}`,\n    `A ${outerRadius} ${outerRadius} 0 ${largeArc} 0 ${outerEnd.x} ${outerEnd.y}`,\n    `L ${innerStart.x} ${innerStart.y}`,\n    `A ${innerRadius} ${innerRadius} 0 ${largeArc} 1 ${innerEnd.x} ${innerEnd.y}`,\n    \"Z\",\n  ].join(\" \");\n}\n"],"mappings":"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"}