agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/BarChart/BarChart.js

@@ -0,0 +1,242 @@
+"use client";
+import e from "../shared/ChartFrame.module.js";
+import { ChartFrame as t } from "../shared/ChartFrame.js";
+import { CHART_MARGINS as n, colorAt as r, formatAxisTick as i, formatValue as a, linearScale as o, niceTicks as s, normalizeBarInput as c, seriesExtent as l } from "../shared/chartMath.js";
+import { useChartSize as u } from "../shared/useChartSize.js";
+import d from "./BarChart.module.js";
+import { useMemo as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region ui/BarChart/BarChart.tsx
+var _ = 32, v = {
+	bars: [],
+	ticks: [],
+	categoryLabels: [],
+	baseline: 0,
+	plotLeft: 0,
+	plotRight: 0,
+	plotTop: 0,
+	plotBottom: 0
+};
+function y({ categories: t, series: n }) {
+	return /* @__PURE__ */ h("div", {
+		className: e.tableScroll,
+		children: /* @__PURE__ */ g("table", {
+			className: e.table,
+			children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("th", {
+				scope: "col",
+				children: "Category"
+			}), n.map((e) => /* @__PURE__ */ h("th", {
+				scope: "col",
+				children: e.label
+			}, e.label))] }) }), /* @__PURE__ */ h("tbody", { children: t.map((e, t) => /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("th", {
+				scope: "row",
+				children: e
+			}), n.map((e) => /* @__PURE__ */ h("td", { children: a(e.data[t] ?? 0) }, e.label))] }, e)) })]
+		})
+	});
+}
+function b({ series: t, active: n, onActivate: r, onClear: i }) {
+	return /* @__PURE__ */ h("ul", {
+		className: `${e.legend} ${e.legendInteractive}`,
+		children: t.map((t) => {
+			let a = !!n && n !== t.label;
+			return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+				type: "button",
+				className: `${e.legendItem} ${e.legendButton}${a ? ` ${e.legendItemDimmed}` : ""}`,
+				onMouseEnter: () => r(t.label),
+				onMouseLeave: i,
+				onFocus: () => r(t.label),
+				onBlur: i,
+				children: [/* @__PURE__ */ h("span", {
+					className: `${e.legendSwatch} ${e.legendSwatchPill}`,
+					style: { background: t.color },
+					"aria-hidden": !0
+				}), /* @__PURE__ */ h("span", { children: t.label })]
+			}) }, t.label);
+		})
+	});
+}
+function x({ data: x, categories: S, series: C, title: w, description: T, orientation: E = "vertical", height: D = 240, showGrid: O = !0, showTable: k = !0, emptyLabel: A = "No data for this range", isLoading: j = !1, className: M = "" }) {
+	let [N, P] = p(null), [F, I] = p(null), { ref: L, width: R } = u(D), { categories: z, series: B } = f(() => c({
+		data: x,
+		categories: S,
+		series: C
+	}), [
+		x,
+		S,
+		C
+	]), V = B.some((e) => e.data.some((e) => Number.isFinite(e) && e !== 0)), H = !z.length || !B.length || !V, U = E === "vertical", W = B.length === 1, G = B.filter((e) => e.label.trim().length > 0), K = G.length >= 2, q = f(() => {
+		if (H || R <= 0) return v;
+		let e = n.left, t = R - n.right, a = n.top, c = D - n.bottom, [u, d] = l(B, { includeZero: !0 }), { ticks: f, min: p, max: m } = s(u, d, 5), h = o([p, m], U ? [c, a] : [e, t]), g = z.length, y = B.length, b = (U ? t - e : c - a) / Math.max(g, 1), S = b * .24, C = y > 1 ? 4 : 0, w = Math.max(b - S * 2, 8), T = Math.min(_, Math.max(8, (w - C * Math.max(y - 1, 0)) / y)), E = y * T + Math.max(y - 1, 0) * C;
+		return {
+			bars: z.flatMap((t, n) => {
+				let i = (U ? e + n * b : a + n * b) + (b - E) / 2;
+				return B.map((e, a) => {
+					let o = e.data[n] ?? 0, s = i + a * (T + C), c = h(o), l = h(0), u = W ? r(n, x?.[n]?.color) : e.color ?? r(a), d = U ? s : Math.min(l, c), f = U ? Math.min(l, c) : s, p = U ? T : Math.abs(c - l), m = U ? Math.abs(c - l) : T;
+					return {
+						key: `${t}-${e.label}`,
+						category: t,
+						series: e.label,
+						color: u,
+						x: d,
+						y: f,
+						width: p,
+						height: m,
+						value: o,
+						cx: d + p / 2,
+						cy: f + m / 2
+					};
+				});
+			}),
+			ticks: f.map((n) => ({
+				value: n,
+				label: i(n),
+				x: U ? e - 8 : h(n),
+				y: U ? h(n) : c + 18,
+				gridX1: U ? e : h(n),
+				gridX2: U ? t : h(n),
+				gridY1: U ? h(n) : a,
+				gridY2: U ? h(n) : c
+			})),
+			categoryLabels: z.map((t, n) => ({
+				label: t,
+				x: U ? e + n * b + b / 2 : e - 8,
+				y: U ? c + 18 : a + n * b + b / 2
+			})),
+			baseline: h(0),
+			plotLeft: e,
+			plotRight: t,
+			plotTop: a,
+			plotBottom: c
+		};
+	}, [
+		z,
+		x,
+		D,
+		H,
+		W,
+		U,
+		B,
+		R
+	]), J = q.bars.find((e) => e.key === N) ?? null, Y = !!(J && R > 0 && J.cx > R * .6), X = (e) => F ? e.series !== F : N ? e.key !== N : !1;
+	return /* @__PURE__ */ h(t, {
+		title: w,
+		description: T,
+		legend: K ? /* @__PURE__ */ h(b, {
+			series: G,
+			active: F,
+			onActivate: I,
+			onClear: () => I(null)
+		}) : void 0,
+		table: k ? /* @__PURE__ */ h(y, {
+			categories: z,
+			series: B
+		}) : void 0,
+		isEmpty: H,
+		emptyLabel: A,
+		isLoading: j,
+		className: M,
+		children: /* @__PURE__ */ g("div", {
+			ref: L,
+			className: d.plot,
+			children: [/* @__PURE__ */ g("svg", {
+				className: d.chart,
+				width: R || "100%",
+				height: D,
+				role: "img",
+				"aria-label": w,
+				children: [
+					O ? q.ticks.map((e) => {
+						let t = e.gridY1 === e.gridY2, n = t ? e.gridX1 : Math.round(e.gridX1) + .5, r = t ? e.gridX2 : Math.round(e.gridX2) + .5, i = t ? Math.round(e.gridY1) + .5 : e.gridY1, a = t ? Math.round(e.gridY2) + .5 : e.gridY2;
+						return /* @__PURE__ */ h("line", {
+							x1: n,
+							x2: r,
+							y1: i,
+							y2: a,
+							className: d.grid,
+							vectorEffect: "non-scaling-stroke"
+						}, e.value);
+					}) : null,
+					R > 0 && !O ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("line", {
+						className: d.axis,
+						x1: q.plotLeft,
+						x2: q.plotLeft,
+						y1: q.plotTop,
+						y2: q.plotBottom
+					}), /* @__PURE__ */ h("line", {
+						className: d.axis,
+						x1: q.plotLeft,
+						x2: q.plotRight,
+						y1: q.plotBottom,
+						y2: q.plotBottom
+					})] }) : null,
+					q.bars.map((e) => /* @__PURE__ */ h("rect", {
+						className: `${d.bar}${X(e) ? ` ${d.barDimmed}` : ""}`,
+						x: e.x,
+						y: e.y,
+						width: e.width,
+						height: e.height,
+						fill: e.color,
+						rx: 2,
+						tabIndex: 0,
+						role: "button",
+						"aria-label": `${e.category} ${e.series}: ${a(e.value)}`,
+						onMouseEnter: () => P(e.key),
+						onMouseLeave: () => P(null),
+						onFocus: () => P(e.key),
+						onBlur: () => P(null)
+					}, e.key)),
+					q.categoryLabels.map((e) => /* @__PURE__ */ h("text", {
+						x: e.x,
+						y: e.y,
+						className: d.categoryLabel,
+						textAnchor: U ? "middle" : "end",
+						dominantBaseline: U ? "hanging" : "middle",
+						children: e.label
+					}, e.label)),
+					q.ticks.map((e) => /* @__PURE__ */ h("text", {
+						x: e.x,
+						y: e.y,
+						className: d.tickLabel,
+						textAnchor: U ? "end" : "middle",
+						dominantBaseline: U ? "middle" : "hanging",
+						children: e.label
+					}, `tick-${e.value}`))
+				]
+			}), J ? /* @__PURE__ */ g("div", {
+				className: `${e.tooltip}${Y ? ` ${e.tooltipFlip}` : ""}`,
+				style: {
+					left: J.cx,
+					top: J.cy
+				},
+				role: "status",
+				"aria-live": "polite",
+				children: [/* @__PURE__ */ h("p", {
+					className: e.tooltipTitle,
+					children: J.category
+				}), /* @__PURE__ */ g("div", {
+					className: e.tooltipRow,
+					children: [
+						/* @__PURE__ */ h("span", {
+							className: e.tooltipKey,
+							style: { background: J.color },
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ h("span", {
+							className: e.tooltipShare,
+							children: J.series
+						}),
+						/* @__PURE__ */ h("span", {
+							className: e.tooltipValue,
+							children: a(J.value)
+						})
+					]
+				})]
+			}) : null]
+		})
+	});
+}
+//#endregion
+export { x as BarChart };
+
+//# sourceMappingURL=BarChart.js.map

package/dist/ui/BarChart/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","names":[],"sources":["../../../ui/BarChart/BarChart.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useState } from \"react\";\nimport { ChartFrame } from \"../shared/ChartFrame\";\nimport frameStyles from \"../shared/ChartFrame.module.css\";\nimport {\n  CHART_MARGINS,\n  colorAt,\n  formatAxisTick,\n  formatValue,\n  linearScale,\n  niceTicks,\n  normalizeBarInput,\n  seriesExtent,\n  type ChartSeries,\n} from \"../shared/chartMath\";\nimport { useChartSize } from \"../shared/useChartSize\";\nimport type { BarChartProps } from \"./BarChart.types\";\nimport styles from \"./BarChart.module.css\";\n\nexport type { BarChartProps, BarChartOrientation } from \"./BarChart.types\";\n\nconst DEFAULT_MAX_BAR_WIDTH = 32;\n\ntype BarGeom = {\n  key: string;\n  category: string;\n  series: string;\n  color: string;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  value: number;\n  cx: number;\n  cy: number;\n};\n\ntype TickMark = {\n  value: number;\n  label: string;\n  x: number;\n  y: number;\n  gridX1: number;\n  gridX2: number;\n  gridY1: number;\n  gridY2: number;\n};\n\ntype CategoryLabel = { label: string; x: number; y: number };\n\nconst EMPTY_LAYOUT = {\n  bars: [] as BarGeom[],\n  ticks: [] as TickMark[],\n  categoryLabels: [] as CategoryLabel[],\n  baseline: 0,\n  plotLeft: 0,\n  plotRight: 0,\n  plotTop: 0,\n  plotBottom: 0,\n};\n\nfunction ChartTable({ categories, series }: { categories: string[]; series: ChartSeries[] }) {\n  return (\n    <div className={frameStyles.tableScroll}>\n      <table className={frameStyles.table}>\n        <thead>\n          <tr>\n            <th scope=\"col\">Category</th>\n            {series.map((entry) => (\n              <th key={entry.label} scope=\"col\">\n                {entry.label}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {categories.map((category, index) => (\n            <tr key={category}>\n              <th scope=\"row\">{category}</th>\n              {series.map((entry) => (\n                <td key={entry.label}>{formatValue(entry.data[index] ?? 0)}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction Legend({\n  series,\n  active,\n  onActivate,\n  onClear,\n}: {\n  series: ChartSeries[];\n  active: string | null;\n  onActivate: (label: string) => void;\n  onClear: () => void;\n}) {\n  return (\n    <ul className={`${frameStyles.legend} ${frameStyles.legendInteractive}`}>\n      {series.map((entry) => {\n        const dimmed = Boolean(active) && active !== entry.label;\n        return (\n          <li key={entry.label}>\n            <button\n              type=\"button\"\n              className={`${frameStyles.legendItem} ${frameStyles.legendButton}${dimmed ? ` ${frameStyles.legendItemDimmed}` : \"\"}`}\n              onMouseEnter={() => onActivate(entry.label)}\n              onMouseLeave={onClear}\n              onFocus={() => onActivate(entry.label)}\n              onBlur={onClear}\n            >\n              <span\n                className={`${frameStyles.legendSwatch} ${frameStyles.legendSwatchPill}`}\n                style={{ background: entry.color }}\n                aria-hidden\n              />\n              <span>{entry.label}</span>\n            </button>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport function BarChart({\n  data,\n  categories: categoriesProp,\n  series: seriesProp,\n  title,\n  description,\n  orientation = \"vertical\",\n  height = 240,\n  showGrid = true,\n  showTable = true,\n  emptyLabel = \"No data for this range\",\n  isLoading = false,\n  className = \"\",\n}: BarChartProps) {\n  const [activeBar, setActiveBar] = useState<string | null>(null);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const { ref, width } = useChartSize(height);\n\n  const { categories, series } = useMemo(\n    () => normalizeBarInput({ data, categories: categoriesProp, series: seriesProp }),\n    [data, categoriesProp, seriesProp],\n  );\n\n  const hasValues = series.some((entry) => entry.data.some((value) => Number.isFinite(value) && value !== 0));\n  const isEmpty = !categories.length || !series.length || !hasValues;\n  const isVertical = orientation === \"vertical\";\n  const isSingleSeries = series.length === 1;\n  const labelledSeries = series.filter((entry) => entry.label.trim().length > 0);\n  const showLegend = labelledSeries.length >= 2;\n\n  const layout = useMemo(() => {\n    if (isEmpty || width <= 0) return EMPTY_LAYOUT;\n\n    const plotLeft = CHART_MARGINS.left;\n    const plotRight = width - CHART_MARGINS.right;\n    const plotTop = CHART_MARGINS.top;\n    const plotBottom = height - CHART_MARGINS.bottom;\n\n    const [rawMin, rawMax] = seriesExtent(series, { includeZero: true });\n    const { ticks, min, max } = niceTicks(rawMin, rawMax, 5);\n    const valueScale = linearScale(\n      [min, max],\n      isVertical ? [plotBottom, plotTop] : [plotLeft, plotRight],\n    );\n\n    const groupCount = categories.length;\n    const seriesCount = series.length;\n    const plotSpan = isVertical ? plotRight - plotLeft : plotBottom - plotTop;\n    const groupSize = plotSpan / Math.max(groupCount, 1);\n    const bandPad = groupSize * 0.24;\n    const barGap = seriesCount > 1 ? 4 : 0;\n    const inner = Math.max(groupSize - bandPad * 2, 8);\n    const barWidth = Math.min(\n      DEFAULT_MAX_BAR_WIDTH,\n      Math.max(8, (inner - barGap * Math.max(seriesCount - 1, 0)) / seriesCount),\n    );\n    const clusterWidth = seriesCount * barWidth + Math.max(seriesCount - 1, 0) * barGap;\n\n    const bars: BarGeom[] = categories.flatMap((category, categoryIndex) => {\n      const groupStart = isVertical\n        ? plotLeft + categoryIndex * groupSize\n        : plotTop + categoryIndex * groupSize;\n      const clusterStart = groupStart + (groupSize - clusterWidth) / 2;\n      return series.map((entry, seriesIndex) => {\n        const value = entry.data[categoryIndex] ?? 0;\n        const start = clusterStart + seriesIndex * (barWidth + barGap);\n        const end = valueScale(value);\n        const origin = valueScale(0);\n        const color = isSingleSeries\n          ? colorAt(categoryIndex, data?.[categoryIndex]?.color)\n          : (entry.color ?? colorAt(seriesIndex));\n        const x = isVertical ? start : Math.min(origin, end);\n        const y = isVertical ? Math.min(origin, end) : start;\n        const barW = isVertical ? barWidth : Math.abs(end - origin);\n        const barH = isVertical ? Math.abs(end - origin) : barWidth;\n        return {\n          key: `${category}-${entry.label}`,\n          category,\n          series: entry.label,\n          color,\n          x,\n          y,\n          width: barW,\n          height: barH,\n          value,\n          cx: x + barW / 2,\n          cy: y + barH / 2,\n        };\n      });\n    });\n\n    const tickMarks: TickMark[] = ticks.map((tick) => ({\n      value: tick,\n      label: formatAxisTick(tick),\n      x: isVertical ? plotLeft - 8 : valueScale(tick),\n      y: isVertical ? valueScale(tick) : plotBottom + 18,\n      gridX1: isVertical ? plotLeft : valueScale(tick),\n      gridX2: isVertical ? plotRight : valueScale(tick),\n      gridY1: isVertical ? valueScale(tick) : plotTop,\n      gridY2: isVertical ? valueScale(tick) : plotBottom,\n    }));\n\n    const categoryLabels: CategoryLabel[] = categories.map((label, index) => ({\n      label,\n      x: isVertical ? plotLeft + index * groupSize + groupSize / 2 : plotLeft - 8,\n      y: isVertical ? plotBottom + 18 : plotTop + index * groupSize + groupSize / 2,\n    }));\n\n    return {\n      bars,\n      ticks: tickMarks,\n      categoryLabels,\n      baseline: valueScale(0),\n      plotLeft,\n      plotRight,\n      plotTop,\n      plotBottom,\n    };\n  }, [categories, data, height, isEmpty, isSingleSeries, isVertical, series, width]);\n\n  const active = layout.bars.find((bar) => bar.key === activeBar) ?? null;\n  const flipTooltip = Boolean(active && width > 0 && active.cx > width * 0.6);\n\n  const isDimmed = (bar: BarGeom) => {\n    if (highlighted) return bar.series !== highlighted;\n    if (activeBar) return bar.key !== activeBar;\n    return false;\n  };\n\n  return (\n    <ChartFrame\n      title={title}\n      description={description}\n      legend={showLegend ? (\n        <Legend\n          series={labelledSeries}\n          active={highlighted}\n          onActivate={setHighlighted}\n          onClear={() => setHighlighted(null)}\n        />\n      ) : undefined}\n      table={showTable ? <ChartTable categories={categories} series={series} /> : undefined}\n      isEmpty={isEmpty}\n      emptyLabel={emptyLabel}\n      isLoading={isLoading}\n      className={className}\n    >\n      <div ref={ref} className={styles.plot}>\n        <svg className={styles.chart} width={width || \"100%\"} height={height} role=\"img\" aria-label={title}>\n          {showGrid\n            ? layout.ticks.map((tick) => {\n                const horizontal = tick.gridY1 === tick.gridY2;\n                const x1 = horizontal ? tick.gridX1 : Math.round(tick.gridX1) + 0.5;\n                const x2 = horizontal ? tick.gridX2 : Math.round(tick.gridX2) + 0.5;\n                const y1 = horizontal ? Math.round(tick.gridY1) + 0.5 : tick.gridY1;\n                const y2 = horizontal ? Math.round(tick.gridY2) + 0.5 : tick.gridY2;\n                return (\n                  <line\n                    key={tick.value}\n                    x1={x1}\n                    x2={x2}\n                    y1={y1}\n                    y2={y2}\n                    className={styles.grid}\n                    vectorEffect=\"non-scaling-stroke\"\n                  />\n                );\n              })\n            : null}\n          {width > 0 && !showGrid ? (\n            <>\n              <line\n                className={styles.axis}\n                x1={layout.plotLeft}\n                x2={layout.plotLeft}\n                y1={layout.plotTop}\n                y2={layout.plotBottom}\n              />\n              <line\n                className={styles.axis}\n                x1={layout.plotLeft}\n                x2={layout.plotRight}\n                y1={layout.plotBottom}\n                y2={layout.plotBottom}\n              />\n            </>\n          ) : null}\n          {layout.bars.map((bar) => (\n            <rect\n              key={bar.key}\n              className={`${styles.bar}${isDimmed(bar) ? ` ${styles.barDimmed}` : \"\"}`}\n              x={bar.x}\n              y={bar.y}\n              width={bar.width}\n              height={bar.height}\n              fill={bar.color}\n              rx={2}\n              tabIndex={0}\n              role=\"button\"\n              aria-label={`${bar.category} ${bar.series}: ${formatValue(bar.value)}`}\n              onMouseEnter={() => setActiveBar(bar.key)}\n              onMouseLeave={() => setActiveBar(null)}\n              onFocus={() => setActiveBar(bar.key)}\n              onBlur={() => setActiveBar(null)}\n            />\n          ))}\n          {layout.categoryLabels.map((entry) => (\n            <text\n              key={entry.label}\n              x={entry.x}\n              y={entry.y}\n              className={styles.categoryLabel}\n              textAnchor={isVertical ? \"middle\" : \"end\"}\n              dominantBaseline={isVertical ? \"hanging\" : \"middle\"}\n            >\n              {entry.label}\n            </text>\n          ))}\n          {layout.ticks.map((tick) => (\n            <text\n              key={`tick-${tick.value}`}\n              x={tick.x}\n              y={tick.y}\n              className={styles.tickLabel}\n              textAnchor={isVertical ? \"end\" : \"middle\"}\n              dominantBaseline={isVertical ? \"middle\" : \"hanging\"}\n            >\n              {tick.label}\n            </text>\n          ))}\n        </svg>\n        {active ? (\n          <div\n            className={`${frameStyles.tooltip}${flipTooltip ? ` ${frameStyles.tooltipFlip}` : \"\"}`}\n            style={{ left: active.cx, top: active.cy }}\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            <p className={frameStyles.tooltipTitle}>{active.category}</p>\n            <div className={frameStyles.tooltipRow}>\n              <span className={frameStyles.tooltipKey} style={{ background: active.color }} aria-hidden />\n              <span className={frameStyles.tooltipShare}>{active.series}</span>\n              <span className={frameStyles.tooltipValue}>{formatValue(active.value)}</span>\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </ChartFrame>\n  );\n}\n"],"mappings":"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"}

package/{ui → dist/ui}/BarChart/BarChart.module.css

@@ -1,47 +1,47 @@
-.plot {
+._plot_1odui_1 {
   position: relative;
   width: 100%;
   min-width: 0;
   overflow: visible;
 }
 
-.chart {
+._chart_1odui_8 {
   display: block;
   width: 100%;
   overflow: visible;
 }
 
-.grid {
+._grid_1odui_14 {
   stroke: var(--border-strong);
   stroke-width: 1;
   shape-rendering: crispEdges;
   pointer-events: none;
 }
 
-.axis {
+._axis_1odui_21 {
   stroke: var(--border-strong);
   stroke-width: 1;
   shape-rendering: crispEdges;
   pointer-events: none;
 }
 
-.bar {
+._bar_1odui_28 {
   cursor: pointer;
   outline: none;
   transition: opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1);
 }
 
-.barDimmed {
+._barDimmed_1odui_34 {
   opacity: 0.45;
 }
 
-.bar:focus-visible {
+._bar_1odui_28:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.categoryLabel,
-.tickLabel {
+._categoryLabel_1odui_43,
+._tickLabel_1odui_44 {
   fill: var(--text-muted);
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -50,7 +50,7 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .bar {
+  ._bar_1odui_28 {
     transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);
   }
 }

package/dist/ui/BarChart/BarChart.module.js

@@ -0,0 +1,16 @@
+import "./BarChart.module.css";
+//#region ui/BarChart/BarChart.module.css
+var e = "_plot_1odui_1", t = "_chart_1odui_8", n = "_grid_1odui_14", r = "_axis_1odui_21", i = "_bar_1odui_28", a = "_barDimmed_1odui_34", o = "_categoryLabel_1odui_43", s = "_tickLabel_1odui_44", c = {
+	plot: e,
+	chart: t,
+	grid: n,
+	axis: r,
+	bar: i,
+	barDimmed: a,
+	categoryLabel: o,
+	tickLabel: s
+};
+//#endregion
+export { r as axis, i as bar, a as barDimmed, o as categoryLabel, t as chart, c as default, n as grid, e as plot, s as tickLabel };
+
+//# sourceMappingURL=BarChart.module.js.map

package/dist/ui/BarChart/BarChart.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.module.js","names":[],"sources":["../../../ui/BarChart/BarChart.module.css"],"sourcesContent":[".plot {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  overflow: visible;\n}\n\n.chart {\n  display: block;\n  width: 100%;\n  overflow: visible;\n}\n\n.grid {\n  stroke: var(--border-strong);\n  stroke-width: 1;\n  shape-rendering: crispEdges;\n  pointer-events: none;\n}\n\n.axis {\n  stroke: var(--border-strong);\n  stroke-width: 1;\n  shape-rendering: crispEdges;\n  pointer-events: none;\n}\n\n.bar {\n  cursor: pointer;\n  outline: none;\n  transition: opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.barDimmed {\n  opacity: 0.45;\n}\n\n.bar:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.categoryLabel,\n.tickLabel {\n  fill: var(--text-muted);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-variant-numeric: tabular-nums;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bar {\n    transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);\n  }\n}\n"],"mappings":""}

package/dist/ui/BarChart/BarChart.types.d.ts

@@ -0,0 +1,16 @@
+import { ChartDatum, ChartSeries } from '../shared/chartMath';
+export type BarChartOrientation = "vertical" | "horizontal";
+export interface BarChartProps {
+    data?: ChartDatum[];
+    categories?: string[];
+    series?: ChartSeries[];
+    title?: string;
+    description?: string;
+    orientation?: BarChartOrientation;
+    height?: number;
+    showGrid?: boolean;
+    showTable?: boolean;
+    emptyLabel?: string;
+    isLoading?: boolean;
+    className?: string;
+}

package/dist/ui/BarChart/index.d.ts

@@ -0,0 +1,2 @@
+export { BarChart } from './BarChart';
+export type { BarChartProps, BarChartOrientation } from './BarChart.types';

package/dist/ui/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbProps } from './Breadcrumb.types';
+export type { BreadcrumbItem, BreadcrumbProps, BreadcrumbSeparator } from './Breadcrumb.types';
+export declare function Breadcrumb({ items, separator, maxItems }: BreadcrumbProps): import("react").JSX.Element;

package/dist/ui/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,78 @@
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "./Breadcrumb.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region ui/Breadcrumb/Breadcrumb.tsx
+function r(e, t) {
+	if (t == null || !Number.isFinite(t) || t < 1 || e.length <= t) return e.map((e, t) => ({
+		kind: "item",
+		item: e,
+		index: t
+	}));
+	let n = Math.max(t - 1, 0), r = e.slice(-n), i = e.length - r.length, a = [{
+		kind: "item",
+		item: e[0],
+		index: 0
+	}, { kind: "ellipsis" }];
+	return r.forEach((e, t) => {
+		a.push({
+			kind: "item",
+			item: e,
+			index: i + t
+		});
+	}), a;
+}
+function i({ items: i, separator: a = "chevron", maxItems: o }) {
+	let s = r(i, o), c = i.length - 1;
+	return /* @__PURE__ */ n("nav", {
+		"aria-label": "Breadcrumb",
+		children: /* @__PURE__ */ n("ol", {
+			className: t.list,
+			children: s.map((r, i) => {
+				let o = r.kind === "ellipsis" ? "ellipsis" : `crumb-${r.index}`, l = i < s.length - 1 ? /* @__PURE__ */ n("li", {
+					className: t.separator,
+					"aria-hidden": "true",
+					children: a === "slash" ? /* @__PURE__ */ n("span", {
+						className: t.slash,
+						children: "/"
+					}) : /* @__PURE__ */ n(e, {
+						name: "ChevronRight",
+						size: 14
+					})
+				}, `sep-${i}`) : null;
+				if (r.kind === "ellipsis") return [/* @__PURE__ */ n("li", {
+					className: t.ellipsis,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ n(e, {
+						name: "Ellipsis",
+						size: 14
+					})
+				}, o), l];
+				let u = r.index === c ? /* @__PURE__ */ n("span", {
+					className: t.current,
+					"aria-current": "page",
+					children: r.item.label
+				}) : r.item.onClick ? /* @__PURE__ */ n("button", {
+					type: "button",
+					className: t.link,
+					onClick: r.item.onClick,
+					children: r.item.label
+				}) : r.item.href ? /* @__PURE__ */ n("a", {
+					className: t.link,
+					href: r.item.href,
+					children: r.item.label
+				}) : /* @__PURE__ */ n("span", {
+					className: t.crumb,
+					children: r.item.label
+				});
+				return [/* @__PURE__ */ n("li", {
+					className: t.item,
+					children: u
+				}, o), l];
+			})
+		})
+	});
+}
+//#endregion
+export { i as Breadcrumb };
+
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/ui/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","names":[],"sources":["../../../ui/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { LucideByName } from \"../Button/lucideName\";\nimport type { BreadcrumbItem, BreadcrumbProps } from \"./Breadcrumb.types\";\nimport styles from \"./Breadcrumb.module.css\";\n\nexport type { BreadcrumbItem, BreadcrumbProps, BreadcrumbSeparator } from \"./Breadcrumb.types\";\n\ntype VisibleNode =\n  | { kind: \"ellipsis\" }\n  | { kind: \"item\"; item: BreadcrumbItem; index: number };\n\nfunction visibleNodes(items: BreadcrumbItem[], maxItems?: number): VisibleNode[] {\n  if (\n    maxItems == null ||\n    !Number.isFinite(maxItems) ||\n    maxItems < 1 ||\n    items.length <= maxItems\n  ) {\n    return items.map((item, index) => ({ kind: \"item\", item, index }));\n  }\n\n  const tailCount = Math.max(maxItems - 1, 0);\n  const tail = items.slice(-tailCount);\n  const tailStart = items.length - tail.length;\n  const nodes: VisibleNode[] = [{ kind: \"item\", item: items[0], index: 0 }, { kind: \"ellipsis\" }];\n\n  tail.forEach((item, offset) => {\n    nodes.push({ kind: \"item\", item, index: tailStart + offset });\n  });\n\n  return nodes;\n}\n\nexport function Breadcrumb({ items, separator = \"chevron\", maxItems }: BreadcrumbProps) {\n  const nodes = visibleNodes(items, maxItems);\n  const lastIndex = items.length - 1;\n\n  return (\n    <nav aria-label=\"Breadcrumb\">\n      <ol className={styles.list}>\n        {nodes.map((node, position) => {\n          const key = node.kind === \"ellipsis\" ? \"ellipsis\" : `crumb-${node.index}`;\n          const after =\n            position < nodes.length - 1 ? (\n              <li key={`sep-${position}`} className={styles.separator} aria-hidden=\"true\">\n                {separator === \"slash\" ? (\n                  <span className={styles.slash}>/</span>\n                ) : (\n                  <LucideByName name=\"ChevronRight\" size={14} />\n                )}\n              </li>\n            ) : null;\n\n          if (node.kind === \"ellipsis\") {\n            return [\n              <li key={key} className={styles.ellipsis} aria-hidden=\"true\">\n                <LucideByName name=\"Ellipsis\" size={14} />\n              </li>,\n              after,\n            ];\n          }\n\n          const isCurrent = node.index === lastIndex;\n          const content = isCurrent ? (\n            <span className={styles.current} aria-current=\"page\">\n              {node.item.label}\n            </span>\n          ) : node.item.onClick ? (\n            <button type=\"button\" className={styles.link} onClick={node.item.onClick}>\n              {node.item.label}\n            </button>\n          ) : node.item.href ? (\n            <a className={styles.link} href={node.item.href}>\n              {node.item.label}\n            </a>\n          ) : (\n            <span className={styles.crumb}>{node.item.label}</span>\n          );\n\n          return [\n            <li key={key} className={styles.item}>\n              {content}\n            </li>,\n            after,\n          ];\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"mappings":";;;;AAUA,SAAS,EAAa,GAAyB,GAAkC;CAC/E,IACE,KAAY,QACZ,CAAC,OAAO,SAAS,CAAQ,KACzB,IAAW,KACX,EAAM,UAAU,GAEhB,OAAO,EAAM,KAAK,GAAM,OAAW;EAAE,MAAM;EAAQ;EAAM;CAAM,EAAE;CAGnE,IAAM,IAAY,KAAK,IAAI,IAAW,GAAG,CAAC,GACpC,IAAO,EAAM,MAAM,CAAC,CAAS,GAC7B,IAAY,EAAM,SAAS,EAAK,QAChC,IAAuB,CAAC;EAAE,MAAM;EAAQ,MAAM,EAAM;EAAI,OAAO;CAAE,GAAG,EAAE,MAAM,WAAW,CAAC;CAM9F,OAJA,EAAK,SAAS,GAAM,MAAW;EAC7B,EAAM,KAAK;GAAE,MAAM;GAAQ;GAAM,OAAO,IAAY;EAAO,CAAC;CAC9D,CAAC,GAEM;AACT;AAEA,SAAgB,EAAW,EAAE,UAAO,eAAY,WAAW,eAA6B;CACtF,IAAM,IAAQ,EAAa,GAAO,CAAQ,GACpC,IAAY,EAAM,SAAS;CAEjC,OACE,kBAAC,OAAD;EAAK,cAAW;EACd,UAAA,kBAAC,MAAD;GAAI,WAAW,EAAO;GACnB,UAAA,EAAM,KAAK,GAAM,MAAa;IAC7B,IAAM,IAAM,EAAK,SAAS,aAAa,aAAa,SAAS,EAAK,SAC5D,IACJ,IAAW,EAAM,SAAS,IACxB,kBAAC,MAAD;KAA4B,WAAW,EAAO;KAAW,eAAY;KAClE,UAAA,MAAc,UACb,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAO,UAAA;KAAO,CAAA,IAEtC,kBAAC,GAAD;MAAc,MAAK;MAAe,MAAM;KAAK,CAAA;IAE7C,GANK,OAAO,GAMZ,IACF;IAEN,IAAI,EAAK,SAAS,YAChB,OAAO,CACL,kBAAC,MAAD;KAAc,WAAW,EAAO;KAAU,eAAY;KACpD,UAAA,kBAAC,GAAD;MAAc,MAAK;MAAW,MAAM;KAAK,CAAA;IACvC,GAFK,CAEL,GACJ,CACF;IAIF,IAAM,IADY,EAAK,UAAU,IAE/B,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAS,gBAAa;KAC3C,UAAA,EAAK,KAAK;IACP,CAAA,IACJ,EAAK,KAAK,UACZ,kBAAC,UAAD;KAAQ,MAAK;KAAS,WAAW,EAAO;KAAM,SAAS,EAAK,KAAK;KAC9D,UAAA,EAAK,KAAK;IACL,CAAA,IACN,EAAK,KAAK,OACZ,kBAAC,KAAD;KAAG,WAAW,EAAO;KAAM,MAAM,EAAK,KAAK;KACxC,UAAA,EAAK,KAAK;IACV,CAAA,IAEH,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,UAAA,EAAK,KAAK;IAAY,CAAA;IAGxD,OAAO,CACL,kBAAC,MAAD;KAAc,WAAW,EAAO;KAC7B,UAAA;IACC,GAFK,CAEL,GACJ,CACF;GACF,CAAC;EACC,CAAA;CACD,CAAA;AAET"}

package/{ui → dist/ui}/Breadcrumb/Breadcrumb.module.css

@@ -1,4 +1,4 @@
-.list {
+._list_1ruma_1 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -11,19 +11,19 @@
   line-height: var(--type-line-body);
 }
 
-.item {
+._item_1ruma_14 {
   display: flex;
   align-items: center;
   gap: var(--space-1);
 }
 
-.link {
+._link_1ruma_20 {
   color: var(--text-secondary);
   text-decoration: none;
   border-radius: var(--radius-control-sm);
 }
 
-button.link {
+button._link_1ruma_20 {
   appearance: none;
   margin: 0;
   padding: 0;
@@ -33,32 +33,32 @@ button.link {
   cursor: pointer;
 }
 
-.link:hover {
+._link_1ruma_20:hover {
   color: var(--text-primary);
   text-decoration: underline;
 }
 
-.link:focus-visible {
+._link_1ruma_20:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.current {
+._current_1ruma_46 {
   color: var(--text-primary);
   font-weight: var(--type-weight-label);
 }
 
-.crumb {
+._crumb_1ruma_51 {
   color: var(--text-secondary);
 }
 
-.separator,
-.ellipsis {
+._separator_1ruma_55,
+._ellipsis_1ruma_56 {
   display: flex;
   align-items: center;
   color: var(--icon-muted);
 }
 
-.slash {
+._slash_1ruma_62 {
   color: var(--text-muted);
 }

package/dist/ui/Breadcrumb/Breadcrumb.module.js

@@ -0,0 +1,16 @@
+import "./Breadcrumb.module.css";
+//#region ui/Breadcrumb/Breadcrumb.module.css
+var e = "_list_1ruma_1", t = "_item_1ruma_14", n = "_link_1ruma_20", r = "_current_1ruma_46", i = "_crumb_1ruma_51", a = "_separator_1ruma_55", o = "_ellipsis_1ruma_56", s = "_slash_1ruma_62", c = {
+	list: e,
+	item: t,
+	link: n,
+	current: r,
+	crumb: i,
+	separator: a,
+	ellipsis: o,
+	slash: s
+};
+//#endregion
+export { i as crumb, r as current, c as default, o as ellipsis, t as item, n as link, e as list, a as separator, s as slash };
+
+//# sourceMappingURL=Breadcrumb.module.js.map

package/dist/ui/Breadcrumb/Breadcrumb.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.module.js","names":[],"sources":["../../../ui/Breadcrumb/Breadcrumb.module.css"],"sourcesContent":[".list {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-1);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n}\n\n.item {\n  display: flex;\n  align-items: center;\n  gap: var(--space-1);\n}\n\n.link {\n  color: var(--text-secondary);\n  text-decoration: none;\n  border-radius: var(--radius-control-sm);\n}\n\nbutton.link {\n  appearance: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n}\n\n.link:hover {\n  color: var(--text-primary);\n  text-decoration: underline;\n}\n\n.link:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.current {\n  color: var(--text-primary);\n  font-weight: var(--type-weight-label);\n}\n\n.crumb {\n  color: var(--text-secondary);\n}\n\n.separator,\n.ellipsis {\n  display: flex;\n  align-items: center;\n  color: var(--icon-muted);\n}\n\n.slash {\n  color: var(--text-muted);\n}\n"],"mappings":""}

package/dist/ui/Breadcrumb/Breadcrumb.types.d.ts

@@ -0,0 +1,12 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    /** In-app select. When set, the crumb is a button (or a link that does not navigate). */
+    onClick?: () => void;
+}
+export type BreadcrumbSeparator = "chevron" | "slash";
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: BreadcrumbSeparator;
+    maxItems?: number;
+}

package/dist/ui/Breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem, BreadcrumbSeparator } from './Breadcrumb.types';

package/dist/ui/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from './Button.types';
+export type { ButtonProps, ButtonSize, ButtonVariant, ButtonType, ButtonShape } from './Button.types';
+export declare function Button({ children, size, variant, shape, block, disabled, type, onClick, iconStart, iconEnd, ariaLabel, }: ButtonProps): import("react").JSX.Element;

package/dist/ui/Button/Button.js

@@ -0,0 +1,44 @@
+import { LucideByName as e } from "./lucideName.js";
+import t from "./Button.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ui/Button/Button.tsx
+var i = {
+	sm: 14,
+	md: 16,
+	lg: 18
+};
+function a({ children: a, size: o = "md", variant: s = "primary", shape: c = "default", block: l = !1, disabled: u = !1, type: d = "button", onClick: f, iconStart: p, iconEnd: m, ariaLabel: h }) {
+	let g = !!(a && a.trim()), _ = !g && !!p, v = i[o];
+	return /* @__PURE__ */ r("button", {
+		type: d,
+		disabled: u,
+		"aria-disabled": u || void 0,
+		"aria-label": _ ? h : void 0,
+		onClick: f,
+		className: [
+			t.button,
+			t[o],
+			t[s],
+			c === "pill" ? t.pill : "",
+			l ? t.block : "",
+			_ ? t.iconOnly : ""
+		].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ n(e, {
+				name: p,
+				size: v,
+				className: t.icon
+			}),
+			g ? /* @__PURE__ */ n("span", { children: a }) : null,
+			/* @__PURE__ */ n(e, {
+				name: m,
+				size: v,
+				className: t.icon
+			})
+		]
+	});
+}
+//#endregion
+export { a as Button };
+
+//# sourceMappingURL=Button.js.map

package/dist/ui/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../../../ui/Button/Button.tsx"],"sourcesContent":["import type { ButtonProps } from \"./Button.types\";\nimport { LucideByName } from \"./lucideName\";\nimport styles from \"./Button.module.css\";\n\nexport type { ButtonProps, ButtonSize, ButtonVariant, ButtonType, ButtonShape } from \"./Button.types\";\n\nconst ICON_SIZE = { sm: 14, md: 16, lg: 18 } as const;\n\nexport function Button({\n  children,\n  size = \"md\",\n  variant = \"primary\",\n  shape = \"default\",\n  block = false,\n  disabled = false,\n  type = \"button\",\n  onClick,\n  iconStart,\n  iconEnd,\n  ariaLabel,\n}: ButtonProps) {\n  const hasLabel = Boolean(children && children.trim());\n  const iconOnly = !hasLabel && Boolean(iconStart);\n  const iconPx = ICON_SIZE[size];\n\n  return (\n    <button\n      type={type}\n      disabled={disabled}\n      aria-disabled={disabled || undefined}\n      aria-label={iconOnly ? ariaLabel : undefined}\n      onClick={onClick}\n      className={[\n        styles.button,\n        styles[size],\n        styles[variant],\n        shape === \"pill\" ? styles.pill : \"\",\n        block ? styles.block : \"\",\n        iconOnly ? styles.iconOnly : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      <LucideByName name={iconStart} size={iconPx} className={styles.icon} />\n      {hasLabel ? <span>{children}</span> : null}\n      <LucideByName name={iconEnd} size={iconPx} className={styles.icon} />\n    </button>\n  );\n}\n"],"mappings":";;;;AAMA,IAAM,IAAY;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;AAAG;AAE3C,SAAgB,EAAO,EACrB,aACA,UAAO,MACP,aAAU,WACV,WAAQ,WACR,WAAQ,IACR,cAAW,IACX,UAAO,UACP,YACA,cACA,YACA,gBACc;CACd,IAAM,IAAW,GAAQ,KAAY,EAAS,KAAK,IAC7C,IAAW,CAAC,KAAY,EAAQ,GAChC,IAAS,EAAU;CAEzB,OACE,kBAAC,UAAD;EACQ;EACI;EACV,iBAAe,KAAY,KAAA;EAC3B,cAAY,IAAW,IAAY,KAAA;EAC1B;EACT,WAAW;GACT,EAAO;GACP,EAAO;GACP,EAAO;GACP,MAAU,SAAS,EAAO,OAAO;GACjC,IAAQ,EAAO,QAAQ;GACvB,IAAW,EAAO,WAAW;EAC/B,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;EAfb,UAAA;GAiBE,kBAAC,GAAD;IAAc,MAAM;IAAW,MAAM;IAAQ,WAAW,EAAO;GAAO,CAAA;GACrE,IAAW,kBAAC,QAAD,EAAO,YAAe,CAAA,IAAI;GACtC,kBAAC,GAAD;IAAc,MAAM;IAAS,MAAM;IAAQ,WAAW,EAAO;GAAO,CAAA;EAC9D;;AAEZ"}