@flanksource/clicky-ui 0.3.4 → 0.3.6

package/dist/data/ProgressBars.model.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+function deriveProgressBars(usage, limit, perBar = 1e3) {
+  const hasUsage = usage !== void 0;
+  const usageUnits = (usage ?? 0) / perBar;
+  const hasLimit = limit !== void 0 && limit > 0;
+  const limitUnits = hasLimit ? limit / perBar : void 0;
+  const barCount = Math.max(
+    1,
+    Math.ceil(hasLimit ? limitUnits : usageUnits)
+  );
+  const pct = hasLimit ? Math.min(100, Math.round(usageUnits / limitUnits * 100)) : 0;
+  const bars = Array.from({ length: barCount }, (_, i) => ({
+    fill: clamp01(usageUnits - i)
+  }));
+  return {
+    hasUsage,
+    usageUnits,
+    barCount,
+    pct,
+    bars,
+    ...limitUnits !== void 0 && { limitUnits }
+  };
+}
+exports.deriveProgressBars = deriveProgressBars;
+//# sourceMappingURL=ProgressBars.model.cjs.map

package/dist/data/ProgressBars.model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.model.cjs","sources":["../../src/data/ProgressBars.model.ts"],"sourcesContent":["export interface ProgressBarFill {\n  /** Fraction of this bar that is in use, in [0, 1]. */\n  fill: number;\n}\n\nexport interface ProgressBarsModel {\n  /** Whether a usage reading was available. */\n  hasUsage: boolean;\n  /** Usage expressed in bar-units (raw / perBar). */\n  usageUnits: number;\n  /** Capacity in bar-units; undefined when no limit was resolved. */\n  limitUnits?: number;\n  /** Number of bars rendered (one per bar-unit of capacity). */\n  barCount: number;\n  /** Utilisation percentage of capacity; 0 when unbounded. */\n  pct: number;\n  /** Per-bar fill fractions, left to right. */\n  bars: ProgressBarFill[];\n}\n\nconst clamp01 = (n: number): number => Math.min(1, Math.max(0, n));\n\n// deriveProgressBars turns the latest usage/limit readings into a per-bar model: one\n// bar per unit of capacity (ceil of the limit), filled left to right by usage so\n// the bar straddling the usage boundary is partially filled and the remainder\n// stays empty. When the limit is missing or 0 the bar count falls back to the\n// ceiling of the usage so an unbounded reading still renders sensibly. `perBar`\n// is the raw value that fills one bar (default 1000 = millicores per core); pass\n// e.g. 1 GiB to render one bar per gigabyte of memory.\nexport function deriveProgressBars(\n  usage: number | undefined,\n  limit: number | undefined,\n  perBar = 1000,\n): ProgressBarsModel {\n  const hasUsage = usage !== undefined;\n  const usageUnits = (usage ?? 0) / perBar;\n  const hasLimit = limit !== undefined && limit > 0;\n  const limitUnits = hasLimit ? (limit as number) / perBar : undefined;\n\n  const barCount = Math.max(\n    1,\n    Math.ceil(hasLimit ? (limitUnits as number) : usageUnits),\n  );\n  const pct = hasLimit\n    ? Math.min(100, Math.round((usageUnits / (limitUnits as number)) * 100))\n    : 0;\n\n  const bars: ProgressBarFill[] = Array.from({ length: barCount }, (_, i) => ({\n    fill: clamp01(usageUnits - i),\n  }));\n\n  return {\n    hasUsage,\n    usageUnits,\n    barCount,\n    pct,\n    bars,\n    ...(limitUnits !== undefined && { limitUnits }),\n  };\n}\n"],"names":[],"mappings":";;AAoBA,MAAM,UAAU,CAAC,MAAsB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;AAS1D,SAAS,mBACd,OACA,OACA,SAAS,KACU;AACnB,QAAM,WAAW,UAAU;AAC3B,QAAM,cAAc,SAAS,KAAK;AAClC,QAAM,WAAW,UAAU,UAAa,QAAQ;AAChD,QAAM,aAAa,WAAY,QAAmB,SAAS;AAE3D,QAAM,WAAW,KAAK;AAAA,IACpB;AAAA,IACA,KAAK,KAAK,WAAY,aAAwB,UAAU;AAAA,EAAA;AAE1D,QAAM,MAAM,WACR,KAAK,IAAI,KAAK,KAAK,MAAO,aAAc,aAAyB,GAAG,CAAC,IACrE;AAEJ,QAAM,OAA0B,MAAM,KAAK,EAAE,QAAQ,SAAA,GAAY,CAAC,GAAG,OAAO;AAAA,IAC1E,MAAM,QAAQ,aAAa,CAAC;AAAA,EAAA,EAC5B;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,eAAe,UAAa,EAAE,WAAA;AAAA,EAAW;AAEjD;;"}

package/dist/data/ProgressBars.model.d.ts

@@ -0,0 +1,20 @@
+export interface ProgressBarFill {
+    /** Fraction of this bar that is in use, in [0, 1]. */
+    fill: number;
+}
+export interface ProgressBarsModel {
+    /** Whether a usage reading was available. */
+    hasUsage: boolean;
+    /** Usage expressed in bar-units (raw / perBar). */
+    usageUnits: number;
+    /** Capacity in bar-units; undefined when no limit was resolved. */
+    limitUnits?: number;
+    /** Number of bars rendered (one per bar-unit of capacity). */
+    barCount: number;
+    /** Utilisation percentage of capacity; 0 when unbounded. */
+    pct: number;
+    /** Per-bar fill fractions, left to right. */
+    bars: ProgressBarFill[];
+}
+export declare function deriveProgressBars(usage: number | undefined, limit: number | undefined, perBar?: number): ProgressBarsModel;
+//# sourceMappingURL=ProgressBars.model.d.ts.map

package/dist/data/ProgressBars.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.model.d.ts","sourceRoot":"","sources":["../../src/data/ProgressBars.model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAWD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,MAAM,SAAO,GACZ,iBAAiB,CA0BnB"}

package/dist/data/ProgressBars.model.js

@@ -0,0 +1,27 @@
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+function deriveProgressBars(usage, limit, perBar = 1e3) {
+  const hasUsage = usage !== void 0;
+  const usageUnits = (usage ?? 0) / perBar;
+  const hasLimit = limit !== void 0 && limit > 0;
+  const limitUnits = hasLimit ? limit / perBar : void 0;
+  const barCount = Math.max(
+    1,
+    Math.ceil(hasLimit ? limitUnits : usageUnits)
+  );
+  const pct = hasLimit ? Math.min(100, Math.round(usageUnits / limitUnits * 100)) : 0;
+  const bars = Array.from({ length: barCount }, (_, i) => ({
+    fill: clamp01(usageUnits - i)
+  }));
+  return {
+    hasUsage,
+    usageUnits,
+    barCount,
+    pct,
+    bars,
+    ...limitUnits !== void 0 && { limitUnits }
+  };
+}
+export {
+  deriveProgressBars
+};
+//# sourceMappingURL=ProgressBars.model.js.map

package/dist/data/ProgressBars.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.model.js","sources":["../../src/data/ProgressBars.model.ts"],"sourcesContent":["export interface ProgressBarFill {\n  /** Fraction of this bar that is in use, in [0, 1]. */\n  fill: number;\n}\n\nexport interface ProgressBarsModel {\n  /** Whether a usage reading was available. */\n  hasUsage: boolean;\n  /** Usage expressed in bar-units (raw / perBar). */\n  usageUnits: number;\n  /** Capacity in bar-units; undefined when no limit was resolved. */\n  limitUnits?: number;\n  /** Number of bars rendered (one per bar-unit of capacity). */\n  barCount: number;\n  /** Utilisation percentage of capacity; 0 when unbounded. */\n  pct: number;\n  /** Per-bar fill fractions, left to right. */\n  bars: ProgressBarFill[];\n}\n\nconst clamp01 = (n: number): number => Math.min(1, Math.max(0, n));\n\n// deriveProgressBars turns the latest usage/limit readings into a per-bar model: one\n// bar per unit of capacity (ceil of the limit), filled left to right by usage so\n// the bar straddling the usage boundary is partially filled and the remainder\n// stays empty. When the limit is missing or 0 the bar count falls back to the\n// ceiling of the usage so an unbounded reading still renders sensibly. `perBar`\n// is the raw value that fills one bar (default 1000 = millicores per core); pass\n// e.g. 1 GiB to render one bar per gigabyte of memory.\nexport function deriveProgressBars(\n  usage: number | undefined,\n  limit: number | undefined,\n  perBar = 1000,\n): ProgressBarsModel {\n  const hasUsage = usage !== undefined;\n  const usageUnits = (usage ?? 0) / perBar;\n  const hasLimit = limit !== undefined && limit > 0;\n  const limitUnits = hasLimit ? (limit as number) / perBar : undefined;\n\n  const barCount = Math.max(\n    1,\n    Math.ceil(hasLimit ? (limitUnits as number) : usageUnits),\n  );\n  const pct = hasLimit\n    ? Math.min(100, Math.round((usageUnits / (limitUnits as number)) * 100))\n    : 0;\n\n  const bars: ProgressBarFill[] = Array.from({ length: barCount }, (_, i) => ({\n    fill: clamp01(usageUnits - i),\n  }));\n\n  return {\n    hasUsage,\n    usageUnits,\n    barCount,\n    pct,\n    bars,\n    ...(limitUnits !== undefined && { limitUnits }),\n  };\n}\n"],"names":[],"mappings":"AAoBA,MAAM,UAAU,CAAC,MAAsB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;AAS1D,SAAS,mBACd,OACA,OACA,SAAS,KACU;AACnB,QAAM,WAAW,UAAU;AAC3B,QAAM,cAAc,SAAS,KAAK;AAClC,QAAM,WAAW,UAAU,UAAa,QAAQ;AAChD,QAAM,aAAa,WAAY,QAAmB,SAAS;AAE3D,QAAM,WAAW,KAAK;AAAA,IACpB;AAAA,IACA,KAAK,KAAK,WAAY,aAAwB,UAAU;AAAA,EAAA;AAE1D,QAAM,MAAM,WACR,KAAK,IAAI,KAAK,KAAK,MAAO,aAAc,aAAyB,GAAG,CAAC,IACrE;AAEJ,QAAM,OAA0B,MAAM,KAAK,EAAE,QAAQ,SAAA,GAAY,CAAC,GAAG,OAAO;AAAA,IAC1E,MAAM,QAAQ,aAAa,CAAC;AAAA,EAAA,EAC5B;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,eAAe,UAAa,EAAE,WAAA;AAAA,EAAW;AAEjD;"}

package/dist/data/TimeseriesCoreBars.cjs

@@ -3,10 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const reactQuery = require("@tanstack/react-query");
 const react = require("react");
-const utils = require("../lib/utils.cjs");
-const Icon = require("./Icon.cjs");
-const TimeseriesCoreBars_model = require("./TimeseriesCoreBars.model.cjs");
-const GaugeHoverCard = require("./GaugeHoverCard.cjs");
+const ProgressBars = require("./ProgressBars.cjs");
 const gaugeStats = require("./gauge-stats.cjs");
 const defaultFetcher = async (url) => {
   const res = await fetch(url);
@@ -19,36 +16,6 @@ function latestValue(resp) {
   if (!points || points.length === 0) return void 0;
   return (_a = points[points.length - 1]) == null ? void 0 : _a.value;
 }
-function toneClass(pct, [warn, danger]) {
-  if (pct >= danger) return "bg-red-500";
-  if (pct >= warn) return "bg-amber-500";
-  return "bg-emerald-500";
-}
-function CoreBarsIcon({ icon }) {
-  if (typeof icon === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Icon.Icon,
-      {
-        name: icon,
-        width: 14,
-        height: 14,
-        className: "text-muted-foreground"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Icon.Icon,
-    {
-      icon,
-      width: 14,
-      height: 14,
-      className: "text-muted-foreground"
-    }
-  );
-}
-function formatCores(cores) {
-  return Number.isInteger(cores) ? String(cores) : cores.toFixed(1);
-}
 function TimeseriesCoreBars({
   baseUrl = "",
   value,
@@ -69,10 +36,6 @@ function TimeseriesCoreBars({
   className
 }) {
   var _a, _b, _c, _d;
-  const perBar = (unit == null ? void 0 : unit.perBar) ?? 1e3;
-  const unitLabel = (unit == null ? void 0 : unit.label) ?? "cores";
-  const barLabel = (unit == null ? void 0 : unit.barLabel) ?? "core";
-  const formatUnits = (unit == null ? void 0 : unit.format) ?? formatCores;
   const maxIsSeries = typeof max === "object";
   const maxSeries = maxIsSeries ? max : void 0;
   const ids = react.useMemo(() => {
@@ -103,144 +66,27 @@ function TimeseriesCoreBars({
     const rawMax = latestValue((_b = results[1]) == null ? void 0 : _b.data);
     limit = rawMax === void 0 ? void 0 : maxSeries.transform ? maxSeries.transform(rawMax) : rawMax;
   }
-  const model = TimeseriesCoreBars_model.deriveCoreBars(usage, limit, perBar);
-  const tone = toneClass(model.pct, thresholds);
-  const usageText = formatUnits(model.usageCores);
-  const capacityText = model.limitCores !== void 0 ? formatUnits(model.limitCores) : "?";
-  const caption = !model.hasUsage ? "—" : showCapacity ? `${usageText} / ${capacityText} ${unitLabel}` : `${usageText} ${unitLabel}`;
-  const compactCaption = !model.hasUsage ? "—" : showCapacity ? `${usageText}/${capacityText} ${unitLabel}` : `${usageText} ${unitLabel}`;
-  const titleText = `${title}: ${compactCaption}`;
-  const isCell = variant === "cell";
-  const pctTone = model.limitCores === void 0 ? void 0 : model.pct >= thresholds[1] ? "text-red-500" : model.pct >= thresholds[0] ? "text-amber-500" : "text-emerald-500";
-  const stats = gaugeStats.seriesStats(
-    (_d = (_c = results[0]) == null ? void 0 : _c.data) == null ? void 0 : _d.points,
-    (v) => (value.transform ? value.transform(v) : v) / perBar
-  );
-  const fmt = (n) => `${formatUnits(n)} ${unitLabel}`;
-  const hoverRows = model.hasUsage ? [
-    { label: "Current", value: fmt(model.usageCores), ...pctTone ? { tone: pctTone } : {} },
-    ...stats ? [
-      { label: "Min", value: fmt(stats.min) },
-      { label: "Max", value: fmt(stats.max) },
-      { label: "Avg", value: fmt(stats.avg) }
-    ] : [],
-    ...model.limitCores !== void 0 ? [{ label: "Capacity", value: fmt(model.limitCores) }] : []
-  ] : [];
-  const resolvedOrientation = orientation ?? "vertical";
-  const isDense = model.coreCount > 4;
-  const valueText = isCell ? compactCaption : caption;
-  const hiddenAccessibleText = !showLabel || !showValue ? titleText : void 0;
-  const bars = /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: utils.cn(
-        "flex shrink-0",
-        resolvedOrientation === "vertical" ? utils.cn("items-end", isCell ? "h-4 gap-px" : "h-10 gap-0.5") : utils.cn(
-          "flex-col justify-center",
-          isCell ? "h-4 w-10 gap-px" : "h-10 w-16 gap-0.5"
-        )
-      ),
-      "aria-hidden": isCell ? "true" : void 0,
-      "data-orientation": resolvedOrientation,
-      "data-core-count": model.coreCount,
-      "data-core-density": isDense ? "compact" : "default",
-      children: model.bars.map((bar, i) => {
-        const corePct = Math.round(bar.fill * 100);
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: utils.cn(
-              "relative overflow-hidden bg-muted",
-              resolvedOrientation === "vertical" ? utils.cn(
-                "h-full",
-                isCell ? isDense ? "w-[3px] rounded-[2px]" : "w-1.5 rounded-[2px]" : isDense ? "w-1 rounded-sm" : "w-2 rounded-sm"
-              ) : utils.cn("min-h-px w-full flex-1 rounded-[2px]")
-            ),
-            title: `${barLabel} ${i + 1}: ${corePct}%`,
-            "aria-label": !isCell ? `${barLabel} ${i + 1}: ${corePct}%` : void 0,
-            "data-fill": bar.fill,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: utils.cn(
-                  "absolute bottom-0 left-0 transition-all duration-300",
-                  tone
-                ),
-                style: resolvedOrientation === "vertical" ? { height: `${corePct}%`, right: 0 } : { width: `${corePct}%`, top: 0 }
-              }
-            )
-          },
-          i
-        );
-      })
-    }
-  );
-  const valueNode = showValue ? /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: utils.cn(
-        "shrink-0 font-semibold tabular-nums text-foreground",
-        isCell ? null : "text-xs"
-      ),
-      children: valueText
-    }
-  ) : null;
-  const label = icon || showLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      className: utils.cn(
-        "inline-flex min-w-0 items-center gap-1 text-xs text-muted-foreground"
-      ),
-      children: [
-        icon ? /* @__PURE__ */ jsxRuntime.jsx(CoreBarsIcon, { icon }) : null,
-        showLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: title }) : null
-      ]
-    }
-  ) : null;
-  const useHover = hoverCard && hoverRows.length > 0;
-  const footer = `over last ${range}`;
-  if (isCell) {
-    const cell = /* @__PURE__ */ jsxRuntime.jsxs(
-      "span",
-      {
-        className: utils.cn(
-          "inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap align-middle text-xs",
-          className
-        ),
-        ...useHover ? {} : { title: titleText },
-        "aria-label": useHover ? titleText : hiddenAccessibleText,
-        children: [
-          label,
-          bars,
-          valueNode
-        ]
-      }
-    );
-    return useHover ? /* @__PURE__ */ jsxRuntime.jsx(GaugeHoverCard.GaugeHoverCard, { title, rows: hoverRows, footer, trigger: cell }) : cell;
-  }
-  const block = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: utils.cn("flex flex-col items-center gap-1", className),
-      ...useHover ? {} : { title: hiddenAccessibleText },
-      "aria-label": useHover ? titleText : hiddenAccessibleText,
-      children: [
-        bars,
-        valueNode,
-        label
-      ]
-    }
-  );
-  return useHover ? /* @__PURE__ */ jsxRuntime.jsx(
-    GaugeHoverCard.GaugeHoverCard,
+  const stats = gaugeStats.seriesStats((_d = (_c = results[0]) == null ? void 0 : _c.data) == null ? void 0 : _d.points, value.transform);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressBars.ProgressBars,
     {
+      usage,
+      stats,
       title,
-      rows: hoverRows,
-      footer,
-      trigger: block,
-      className: "w-full justify-center"
+      thresholds,
+      variant,
+      showLabel,
+      showValue,
+      showCapacity,
+      hoverCard,
+      hoverFooter: `over last ${range}`,
+      ...limit !== void 0 ? { max: limit } : {},
+      ...unit !== void 0 ? { unit } : {},
+      ...icon !== void 0 ? { icon } : {},
+      ...orientation !== void 0 ? { orientation } : {},
+      ...className !== void 0 ? { className } : {}
     }
-  ) : block;
+  );
 }
 exports.TimeseriesCoreBars = TimeseriesCoreBars;
 //# sourceMappingURL=TimeseriesCoreBars.cjs.map

package/dist/data/TimeseriesCoreBars.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesCoreBars.cjs","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport { deriveCoreBars } from \"./TimeseriesCoreBars.model\";\nimport { GaugeHoverCard, type GaugeHoverRow } from \"./GaugeHoverCard\";\nimport { seriesStats } from \"./gauge-stats\";\n\nexport type TimeseriesCoreBarsVariant = \"default\" | \"cell\";\nexport type TimeseriesCoreBarsOrientation = \"horizontal\" | \"vertical\";\n\n/**\n * Describes what one bar represents, letting the same component render CPU cores,\n * memory gigabytes, or any other quantised capacity. Defaults model CPU cores.\n */\nexport interface CoreBarsUnit {\n  /** Raw value that fills one bar, in the domain of `value`/`max`. Default 1000 (millicores → 1 core). */\n  perBar?: number;\n  /** Caption/tooltip suffix naming the unit, plural. Default \"cores\". */\n  label?: string;\n  /** Per-bar hover tooltip noun, singular. Default \"core\". */\n  barLabel?: string;\n  /** Format a bar-unit count for the caption. Default: integers as-is, else 1 decimal. */\n  format?: (units: number) => string;\n}\n\nexport interface TimeseriesCoreBarsProps {\n  /** Common prefix; the value/max requests are `baseUrl + id`. */\n  baseUrl?: string;\n  /** The metric whose latest value (CPU millicores) fills the bars. */\n  value: GaugeSeries;\n  /**\n   * The capacity. Either a `.limit`-style metric series (its latest value) or a\n   * fixed number, in the same raw domain as `value`. Determines the number of\n   * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to\n   * the ceiling of the usage so an unbounded reading still renders.\n   */\n  max?: GaugeSeries | number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: CoreBarsUnit;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /** Look-back window passed as ?since=; defaults to \"1h\". */\n  range?: string;\n  /** Poll interval in ms; defaults to 5000. Pass 0 to disable polling. */\n  refreshMs?: number;\n  /**\n   * Utilisation thresholds (percent of capacity) at which the fill turns amber\n   * then red. Defaults to [75, 90].\n   */\n  thresholds?: [warning: number, danger: number];\n  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: TimeseriesCoreBarsVariant;\n  /** Show the title text. Icons and values remain visible unless separately hidden. */\n  showLabel?: boolean;\n  /** Show the value/capacity caption. Icons and bars remain visible when false. */\n  showValue?: boolean;\n  /**\n   * Include the capacity in the caption (\"2.3 / 4 cores\"). Defaults to false — the\n   * caption shows only the current value (\"2.3 cores\") since the bars already\n   * convey capacity. Set true to append the \"/ <capacity>\".\n   */\n  showCapacity?: boolean;\n  /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */\n  orientation?: TimeseriesCoreBarsOrientation;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: boolean;\n  /** Override the default fetch (e.g. to route through an app's API client). */\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nconst defaultFetcher = async (url: string): Promise<TimeseriesResponse> => {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);\n  return res.json();\n};\n\nfunction latestValue(resp: TimeseriesResponse | undefined): number | undefined {\n  const points = resp?.points;\n  if (!points || points.length === 0) return undefined;\n  return points[points.length - 1]?.value;\n}\n\nfunction toneClass(pct: number, [warn, danger]: [number, number]): string {\n  if (pct >= danger) return \"bg-red-500\";\n  if (pct >= warn) return \"bg-amber-500\";\n  return \"bg-emerald-500\";\n}\n\nfunction CoreBarsIcon({ icon }: { icon: string | StaticIconComponent }) {\n  if (typeof icon === \"string\") {\n    return (\n      <Icon\n        name={icon}\n        width={14}\n        height={14}\n        className=\"text-muted-foreground\"\n      />\n    );\n  }\n  return (\n    <Icon\n      icon={icon}\n      width={14}\n      height={14}\n      className=\"text-muted-foreground\"\n    />\n  );\n}\n\nfunction formatCores(cores: number): string {\n  return Number.isInteger(cores) ? String(cores) : cores.toFixed(1);\n}\n\n/**\n * TimeseriesCoreBars renders CPU utilisation as a row of vertical bars — one bar\n * per core (the ceiling of the CPU limit) — filled left to right by the latest\n * usage. The bar that straddles the usage boundary is partially filled (\"blocked\n * out\") to show the fractional core in use, and the trailing bars stay empty to\n * show headroom. Both usage and limit are read live from the timeseries store,\n * mirroring TimeseriesGauge's data plumbing; the bar colour crosses warning and\n * danger thresholds. A \"<used> / <cores>\" caption sits below with the icon+title.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  unit,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  hoverCard = true,\n  fetcher = defaultFetcher,\n  className,\n}: TimeseriesCoreBarsProps) {\n  const perBar = unit?.perBar ?? 1000;\n  const unitLabel = unit?.label ?? \"cores\";\n  const barLabel = unit?.barLabel ?? \"core\";\n  const formatUnits = unit?.format ?? formatCores;\n  const maxIsSeries = typeof max === \"object\";\n  const maxSeries = maxIsSeries ? max : undefined;\n  const ids = useMemo(() => {\n    const list = [value.id];\n    if (maxSeries) list.push(maxSeries.id);\n    return list;\n  }, [value.id, maxSeries]);\n\n  const results = useQueries({\n    queries: ids.map((id) => {\n      const u = new URL(baseUrl + id, window.location.origin);\n      if (range) u.searchParams.set(\"since\", range);\n      const requestUrl = u.pathname + u.search;\n      return {\n        queryKey: [\"timeseries\", requestUrl],\n        queryFn: () => fetcher(requestUrl),\n        refetchInterval: refreshMs > 0 ? refreshMs : false,\n        staleTime: 0,\n        retry: 0,\n      };\n    }),\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const usage =\n    rawValue === undefined\n      ? undefined\n      : value.transform\n        ? value.transform(rawValue)\n        : rawValue;\n\n  let limit: number | undefined;\n  if (typeof max === \"number\") {\n    limit = max;\n  } else if (maxSeries) {\n    const rawMax = latestValue(results[1]?.data);\n    limit =\n      rawMax === undefined\n        ? undefined\n        : maxSeries.transform\n          ? maxSeries.transform(rawMax)\n          : rawMax;\n  }\n\n  const model = deriveCoreBars(usage, limit, perBar);\n  const tone = toneClass(model.pct, thresholds);\n  const usageText = formatUnits(model.usageCores);\n  const capacityText =\n    model.limitCores !== undefined ? formatUnits(model.limitCores) : \"?\";\n  const caption = !model.hasUsage\n    ? \"—\"\n    : showCapacity\n      ? `${usageText} / ${capacityText} ${unitLabel}`\n      : `${usageText} ${unitLabel}`;\n  const compactCaption = !model.hasUsage\n    ? \"—\"\n    : showCapacity\n      ? `${usageText}/${capacityText} ${unitLabel}`\n      : `${usageText} ${unitLabel}`;\n  const titleText = `${title}: ${compactCaption}`;\n  const isCell = variant === \"cell\";\n\n  // Hover card: reduce the fetched points to current/min/max/avg in bar-units\n  // (raw value transformed, then divided by perBar) so they read in the same unit\n  // as the caption. A bounded reading colours the current row by its threshold.\n  const pctTone =\n    model.limitCores === undefined\n      ? undefined\n      : model.pct >= thresholds[1]\n        ? \"text-red-500\"\n        : model.pct >= thresholds[0]\n          ? \"text-amber-500\"\n          : \"text-emerald-500\";\n  const stats = seriesStats(results[0]?.data?.points, (v) =>\n    (value.transform ? value.transform(v) : v) / perBar,\n  );\n  const fmt = (n: number) => `${formatUnits(n)} ${unitLabel}`;\n  const hoverRows: GaugeHoverRow[] = model.hasUsage\n    ? [\n        { label: \"Current\", value: fmt(model.usageCores), ...(pctTone ? { tone: pctTone } : {}) },\n        ...(stats\n          ? [\n              { label: \"Min\", value: fmt(stats.min) },\n              { label: \"Max\", value: fmt(stats.max) },\n              { label: \"Avg\", value: fmt(stats.avg) },\n            ]\n          : []),\n        ...(model.limitCores !== undefined\n          ? [{ label: \"Capacity\", value: fmt(model.limitCores) }]\n          : []),\n      ]\n    : [];\n\n  const resolvedOrientation = orientation ?? \"vertical\";\n  const isDense = model.coreCount > 4;\n  const valueText = isCell ? compactCaption : caption;\n  const hiddenAccessibleText = !showLabel || !showValue ? titleText : undefined;\n  const bars = (\n    <span\n      className={cn(\n        \"flex shrink-0\",\n        resolvedOrientation === \"vertical\"\n          ? cn(\"items-end\", isCell ? \"h-4 gap-px\" : \"h-10 gap-0.5\")\n          : cn(\n              \"flex-col justify-center\",\n              isCell ? \"h-4 w-10 gap-px\" : \"h-10 w-16 gap-0.5\",\n            ),\n      )}\n      aria-hidden={isCell ? \"true\" : undefined}\n      data-orientation={resolvedOrientation}\n      data-core-count={model.coreCount}\n      data-core-density={isDense ? \"compact\" : \"default\"}\n    >\n      {model.bars.map((bar, i) => {\n        const corePct = Math.round(bar.fill * 100);\n        return (\n          <span\n            key={i}\n            className={cn(\n              \"relative overflow-hidden bg-muted\",\n              resolvedOrientation === \"vertical\"\n                ? cn(\n                    \"h-full\",\n                    isCell\n                      ? isDense\n                        ? \"w-[3px] rounded-[2px]\"\n                        : \"w-1.5 rounded-[2px]\"\n                      : isDense\n                        ? \"w-1 rounded-sm\"\n                        : \"w-2 rounded-sm\",\n                  )\n                : cn(\"min-h-px w-full flex-1 rounded-[2px]\"),\n            )}\n            title={`${barLabel} ${i + 1}: ${corePct}%`}\n            aria-label={!isCell ? `${barLabel} ${i + 1}: ${corePct}%` : undefined}\n            data-fill={bar.fill}\n          >\n            <span\n              className={cn(\n                \"absolute bottom-0 left-0 transition-all duration-300\",\n                tone,\n              )}\n              style={\n                resolvedOrientation === \"vertical\"\n                  ? { height: `${corePct}%`, right: 0 }\n                  : { width: `${corePct}%`, top: 0 }\n              }\n            />\n          </span>\n        );\n      })}\n    </span>\n  );\n  const valueNode = showValue ? (\n    <span\n      className={cn(\n        \"shrink-0 font-semibold tabular-nums text-foreground\",\n        isCell ? null : \"text-xs\",\n      )}\n    >\n      {valueText}\n    </span>\n  ) : null;\n  const label =\n    icon || showLabel ? (\n      <span\n        className={cn(\n          \"inline-flex min-w-0 items-center gap-1 text-xs text-muted-foreground\",\n        )}\n      >\n        {icon ? <CoreBarsIcon icon={icon} /> : null}\n        {showLabel ? <span className=\"min-w-0 truncate\">{title}</span> : null}\n      </span>\n    ) : null;\n\n  const useHover = hoverCard && hoverRows.length > 0;\n  const footer = `over last ${range}`;\n\n  if (isCell) {\n    const cell = (\n      <span\n        className={cn(\n          \"inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap align-middle text-xs\",\n          className,\n        )}\n        {...(useHover ? {} : { title: titleText })}\n        aria-label={useHover ? titleText : hiddenAccessibleText}\n      >\n        {label}\n        {bars}\n        {valueNode}\n      </span>\n    );\n    return useHover ? (\n      <GaugeHoverCard title={title} rows={hoverRows} footer={footer} trigger={cell} />\n    ) : (\n      cell\n    );\n  }\n\n  const block = (\n    <div\n      className={cn(\"flex flex-col items-center gap-1\", className)}\n      {...(useHover ? {} : { title: hiddenAccessibleText })}\n      aria-label={useHover ? titleText : hiddenAccessibleText}\n    >\n      {bars}\n      {valueNode}\n      {label}\n    </div>\n  );\n  return useHover ? (\n    <GaugeHoverCard\n      title={title}\n      rows={hoverRows}\n      footer={footer}\n      trigger={block}\n      className=\"w-full justify-center\"\n    />\n  ) : (\n    block\n  );\n}\n"],"names":["jsx","Icon","useMemo","useQueries","deriveCoreBars","seriesStats","cn","jsxs","GaugeHoverCard"],"mappings":"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"}
+{"version":3,"file":"TimeseriesCoreBars.cjs","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo } from \"react\";\nimport { type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport {\n  ProgressBars,\n  type ProgressBarsOrientation,\n  type ProgressBarsUnit,\n  type ProgressBarsVariant,\n} from \"./ProgressBars\";\nimport { seriesStats } from \"./gauge-stats\";\n\nexport interface TimeseriesCoreBarsProps {\n  /** Common prefix; the value/max requests are `baseUrl + id`. */\n  baseUrl?: string;\n  /** The metric whose latest value (CPU millicores) fills the bars. */\n  value: GaugeSeries;\n  /**\n   * The capacity. Either a `.limit`-style metric series (its latest value) or a\n   * fixed number, in the same raw domain as `value`. Determines the number of\n   * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to\n   * the ceiling of the usage so an unbounded reading still renders.\n   */\n  max?: GaugeSeries | number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: ProgressBarsUnit;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /** Look-back window passed as ?since=; defaults to \"1h\". */\n  range?: string;\n  /** Poll interval in ms; defaults to 5000. Pass 0 to disable polling. */\n  refreshMs?: number;\n  /**\n   * Utilisation thresholds (percent of capacity) at which the fill turns amber\n   * then red. Defaults to [75, 90].\n   */\n  thresholds?: [warning: number, danger: number];\n  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: ProgressBarsVariant;\n  /** Show the title text. Icons and values remain visible unless separately hidden. */\n  showLabel?: boolean;\n  /** Show the value/capacity caption. Icons and bars remain visible when false. */\n  showValue?: boolean;\n  /**\n   * Include the capacity in the caption (\"2.3 / 4 cores\"). Defaults to false — the\n   * caption shows only the current value (\"2.3 cores\") since the bars already\n   * convey capacity. Set true to append the \"/ <capacity>\".\n   */\n  showCapacity?: boolean;\n  /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */\n  orientation?: ProgressBarsOrientation;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: boolean;\n  /** Override the default fetch (e.g. to route through an app's API client). */\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nconst defaultFetcher = async (url: string): Promise<TimeseriesResponse> => {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);\n  return res.json();\n};\n\nfunction latestValue(resp: TimeseriesResponse | undefined): number | undefined {\n  const points = resp?.points;\n  if (!points || points.length === 0) return undefined;\n  return points[points.length - 1]?.value;\n}\n\n/**\n * TimeseriesCoreBars reads usage and limit live from the timeseries store\n * (mirroring TimeseriesGauge's data plumbing) and renders them as quantised\n * utilisation bars via {@link ProgressBars}. Usage and limit flow through each\n * series' optional `transform`; the hover card summarises current/min/max/avg/\n * capacity over the look-back window.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  unit,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  hoverCard = true,\n  fetcher = defaultFetcher,\n  className,\n}: TimeseriesCoreBarsProps) {\n  const maxIsSeries = typeof max === \"object\";\n  const maxSeries = maxIsSeries ? max : undefined;\n  const ids = useMemo(() => {\n    const list = [value.id];\n    if (maxSeries) list.push(maxSeries.id);\n    return list;\n  }, [value.id, maxSeries]);\n\n  const results = useQueries({\n    queries: ids.map((id) => {\n      const u = new URL(baseUrl + id, window.location.origin);\n      if (range) u.searchParams.set(\"since\", range);\n      const requestUrl = u.pathname + u.search;\n      return {\n        queryKey: [\"timeseries\", requestUrl],\n        queryFn: () => fetcher(requestUrl),\n        refetchInterval: refreshMs > 0 ? refreshMs : false,\n        staleTime: 0,\n        retry: 0,\n      };\n    }),\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const usage =\n    rawValue === undefined\n      ? undefined\n      : value.transform\n        ? value.transform(rawValue)\n        : rawValue;\n\n  let limit: number | undefined;\n  if (typeof max === \"number\") {\n    limit = max;\n  } else if (maxSeries) {\n    const rawMax = latestValue(results[1]?.data);\n    limit =\n      rawMax === undefined\n        ? undefined\n        : maxSeries.transform\n          ? maxSeries.transform(rawMax)\n          : rawMax;\n  }\n\n  const stats = seriesStats(results[0]?.data?.points, value.transform);\n\n  return (\n    <ProgressBars\n      usage={usage}\n      stats={stats}\n      title={title}\n      thresholds={thresholds}\n      variant={variant}\n      showLabel={showLabel}\n      showValue={showValue}\n      showCapacity={showCapacity}\n      hoverCard={hoverCard}\n      hoverFooter={`over last ${range}`}\n      {...(limit !== undefined ? { max: limit } : {})}\n      {...(unit !== undefined ? { unit } : {})}\n      {...(icon !== undefined ? { icon } : {})}\n      {...(orientation !== undefined ? { orientation } : {})}\n      {...(className !== undefined ? { className } : {})}\n    />\n  );\n}\n"],"names":["useMemo","useQueries","seriesStats","jsx","ProgressBars"],"mappings":";;;;;;;AA+DA,MAAM,iBAAiB,OAAO,QAA6C;AACzE,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,MAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,2BAA2B,IAAI,MAAM,EAAE;AACpE,SAAO,IAAI,KAAA;AACb;AAEA,SAAS,YAAY,MAA0D;;AAC7E,QAAM,SAAS,6BAAM;AACrB,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,QAAO;AAC3C,UAAO,YAAO,OAAO,SAAS,CAAC,MAAxB,mBAA2B;AACpC;AASO,SAAS,mBAAmB;AAAA,EACjC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa,CAAC,IAAI,EAAE;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AACF,GAA4B;;AAC1B,QAAM,cAAc,OAAO,QAAQ;AACnC,QAAM,YAAY,cAAc,MAAM;AACtC,QAAM,MAAMA,MAAAA,QAAQ,MAAM;AACxB,UAAM,OAAO,CAAC,MAAM,EAAE;AACtB,QAAI,UAAW,MAAK,KAAK,UAAU,EAAE;AACrC,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,IAAI,SAAS,CAAC;AAExB,QAAM,UAAUC,WAAAA,WAAW;AAAA,IACzB,SAAS,IAAI,IAAI,CAAC,OAAO;AACvB,YAAM,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO,SAAS,MAAM;AACtD,UAAI,MAAO,GAAE,aAAa,IAAI,SAAS,KAAK;AAC5C,YAAM,aAAa,EAAE,WAAW,EAAE;AAClC,aAAO;AAAA,QACL,UAAU,CAAC,cAAc,UAAU;AAAA,QACnC,SAAS,MAAM,QAAQ,UAAU;AAAA,QACjC,iBAAiB,YAAY,IAAI,YAAY;AAAA,QAC7C,WAAW;AAAA,QACX,OAAO;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,EAAA,CACF;AAED,QAAM,WAAW,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC7C,QAAM,QACJ,aAAa,SACT,SACA,MAAM,YACJ,MAAM,UAAU,QAAQ,IACxB;AAER,MAAI;AACJ,MAAI,OAAO,QAAQ,UAAU;AAC3B,YAAQ;AAAA,EACV,WAAW,WAAW;AACpB,UAAM,SAAS,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC3C,YACE,WAAW,SACP,SACA,UAAU,YACR,UAAU,UAAU,MAAM,IAC1B;AAAA,EACV;AAEA,QAAM,QAAQC,WAAAA,aAAY,mBAAQ,CAAC,MAAT,mBAAY,SAAZ,mBAAkB,QAAQ,MAAM,SAAS;AAEnE,SACEC,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,aAAa,KAAK;AAAA,MAC9B,GAAI,UAAU,SAAY,EAAE,KAAK,MAAA,IAAU,CAAA;AAAA,MAC3C,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,gBAAgB,SAAY,EAAE,YAAA,IAAgB,CAAA;AAAA,MAClD,GAAI,cAAc,SAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtD;;"}

package/dist/data/TimeseriesCoreBars.d.ts

@@ -1,22 +1,7 @@
 import { StaticIconComponent } from './Icon';
 import { GaugeSeries } from './TimeseriesGauge';
 import { TimeseriesResponse } from './TimeseriesPanel';
-export type TimeseriesCoreBarsVariant = "default" | "cell";
-export type TimeseriesCoreBarsOrientation = "horizontal" | "vertical";
-/**
- * Describes what one bar represents, letting the same component render CPU cores,
- * memory gigabytes, or any other quantised capacity. Defaults model CPU cores.
- */
-export interface CoreBarsUnit {
-    /** Raw value that fills one bar, in the domain of `value`/`max`. Default 1000 (millicores → 1 core). */
-    perBar?: number;
-    /** Caption/tooltip suffix naming the unit, plural. Default "cores". */
-    label?: string;
-    /** Per-bar hover tooltip noun, singular. Default "core". */
-    barLabel?: string;
-    /** Format a bar-unit count for the caption. Default: integers as-is, else 1 decimal. */
-    format?: (units: number) => string;
-}
+import { ProgressBarsOrientation, ProgressBarsUnit, ProgressBarsVariant } from './ProgressBars';
 export interface TimeseriesCoreBarsProps {
     /** Common prefix; the value/max requests are `baseUrl + id`. */
     baseUrl?: string;
@@ -30,7 +15,7 @@ export interface TimeseriesCoreBarsProps {
      */
     max?: GaugeSeries | number;
     /** What one bar represents. Defaults to CPU cores (perBar 1000, label "cores"). */
-    unit?: CoreBarsUnit;
+    unit?: ProgressBarsUnit;
     title: string;
     /** Iconify name or static icon component shown beside the label. */
     icon?: string | StaticIconComponent;
@@ -44,7 +29,7 @@ export interface TimeseriesCoreBarsProps {
      */
     thresholds?: [warning: number, danger: number];
     /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */
-    variant?: TimeseriesCoreBarsVariant;
+    variant?: ProgressBarsVariant;
     /** Show the title text. Icons and values remain visible unless separately hidden. */
     showLabel?: boolean;
     /** Show the value/capacity caption. Icons and bars remain visible when false. */
@@ -56,7 +41,7 @@ export interface TimeseriesCoreBarsProps {
      */
     showCapacity?: boolean;
     /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */
-    orientation?: TimeseriesCoreBarsOrientation;
+    orientation?: ProgressBarsOrientation;
     /**
      * Wrap the bars in a hover card summarising the metric (label + current / min /
      * max / avg / capacity over the window). Defaults to true.
@@ -67,13 +52,11 @@ export interface TimeseriesCoreBarsProps {
     className?: string;
 }
 /**
- * TimeseriesCoreBars renders CPU utilisation as a row of vertical bars — one bar
- * per core (the ceiling of the CPU limit) — filled left to right by the latest
- * usage. The bar that straddles the usage boundary is partially filled ("blocked
- * out") to show the fractional core in use, and the trailing bars stay empty to
- * show headroom. Both usage and limit are read live from the timeseries store,
- * mirroring TimeseriesGauge's data plumbing; the bar colour crosses warning and
- * danger thresholds. A "<used> / <cores>" caption sits below with the icon+title.
+ * TimeseriesCoreBars reads usage and limit live from the timeseries store
+ * (mirroring TimeseriesGauge's data plumbing) and renders them as quantised
+ * utilisation bars via {@link ProgressBars}. Usage and limit flow through each
+ * series' optional `transform`; the hover card summarises current/min/max/avg/
+ * capacity over the look-back window.
  */
 export declare function TimeseriesCoreBars({ baseUrl, value, max, unit, title, icon, range, refreshMs, thresholds, variant, showLabel, showValue, showCapacity, orientation, hoverCard, fetcher, className, }: TimeseriesCoreBarsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TimeseriesCoreBars.d.ts.map

package/dist/data/TimeseriesCoreBars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesCoreBars.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesCoreBars.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAK5D,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,6BAA6B,GAAG,YAAY,GAAG,UAAU,CAAC;AAEtE;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,KAAK,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,mFAAmF;IACnF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,mFAAmF;IACnF,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uFAAuF;IACvF,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6CD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAY,EACZ,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAY,EACZ,SAAgB,EAChB,UAAqB,EACrB,OAAmB,EACnB,SAAgB,EAChB,SAAgB,EAChB,YAAoB,EACpB,WAAW,EACX,SAAgB,EAChB,OAAwB,EACxB,SAAS,GACV,EAAE,uBAAuB,2CAmOzB"}
+{"version":3,"file":"TimeseriesCoreBars.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesCoreBars.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,KAAK,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,mFAAmF;IACnF,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uFAAuF;IACvF,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAY,EACZ,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAY,EACZ,SAAgB,EAChB,UAAqB,EACrB,OAAmB,EACnB,SAAgB,EAChB,SAAgB,EAChB,YAAoB,EACpB,WAAW,EACX,SAAgB,EAChB,OAAwB,EACxB,SAAS,GACV,EAAE,uBAAuB,2CAkEzB"}