@k2b/ui 0.50.0 → 0.52.0

package/dist/types/charts/core/pareto.d.ts

@@ -0,0 +1,40 @@
+import { type ChartOptions } from "./svg";
+export type ParetoOptions = ChartOptions & {
+    labels: [string, string];
+    data: {
+        label: string;
+        value: number;
+        prev: number;
+    }[];
+    locale?: string;
+    format?: (value: number) => string;
+    displayWidth?: number;
+};
+export declare function paretoLayout(spec: ParetoOptions, size?: {
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+    total: number;
+    max: number;
+    ticks: number[];
+    left: number;
+    plot: number;
+    rowHeight: number;
+    header: {
+        svg: string;
+        height: number;
+    };
+    top: number;
+    bottom: number;
+    rows: {
+        label: string;
+        value: number;
+        prev: number;
+        index: number;
+        y: number;
+        cumulative: number;
+    }[];
+};
+export declare function renderParetoSvg(spec: ParetoOptions): string;

package/dist/types/charts/core/radar.d.ts

@@ -0,0 +1,47 @@
+import { type ChartOptions } from "./svg";
+export type RadarOptions = ChartOptions & {
+    axes: string[];
+    max: number;
+    unit?: string;
+    series: {
+        label: string;
+        data: number[];
+    }[];
+    legend?: boolean;
+    locale?: string;
+    format?: (value: number) => string;
+    displayWidth?: number;
+};
+export declare function radarLayout(spec: RadarOptions, size?: {
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+    header: {
+        svg: string;
+        height: number;
+    };
+    cx: number;
+    cy: number;
+    radius: number;
+    axes: {
+        label: string;
+        index: number;
+        x: number;
+        y: number;
+        anchor: string;
+        text: string;
+        end: [number, number];
+        points: [number, number][];
+    }[];
+    point: (axis: number, value: number) => [number, number];
+    legend: {
+        label: string;
+        index: number;
+        x: number;
+        row: number;
+    }[];
+    bottom: number;
+};
+export declare function renderRadarSvg(spec: RadarOptions): string;

package/dist/types/charts/core/registry.d.ts

@@ -1,23 +1,39 @@
 import { renderBarChartSvg } from "../../content/chart-bar";
 import { renderStateTimelineSvg } from "../../content/chart-state-timeline";
 import { renderAreaSvg } from "./area";
+import { renderBubbleSvg } from "./bubble";
 import { renderHeatmapSvg } from "./calendar";
+import { renderFunnelSvg } from "./funnel";
+import { renderHbarSvg } from "./hbar";
+import { map } from "./map";
+import { renderParetoSvg } from "./pareto";
+import { renderRadarSvg } from "./radar";
+import { barGauge, boxplot, donut, gauge, histogram, line, pie, scatter, sparkline, stat } from "./svg-renderers";
+import { renderTreemapSvg } from "./treemap";
+import { renderWaterfallSvg } from "./waterfall";
 export declare const chartRenderers: {
+    waterfall: typeof renderWaterfallSvg;
     area: typeof renderAreaSvg;
-    line: typeof import("./svg").line;
+    line: typeof line;
     bar: typeof renderBarChartSvg;
-    pie: typeof import("./svg").pie;
-    donut: typeof import("./svg").donut;
-    scatter: typeof import("./svg").scatter;
-    sparkline: typeof import("./svg").sparkline;
-    histogram: typeof import("./svg").histogram;
-    boxplot: typeof import("./svg").boxplot;
-    gauge: typeof import("./svg").gauge;
-    barGauge: typeof import("./svg").barGauge;
-    stat: typeof import("./svg").stat;
+    hbar: typeof renderHbarSvg;
+    funnel: typeof renderFunnelSvg;
+    pie: typeof pie;
+    donut: typeof donut;
+    scatter: typeof scatter;
+    sparkline: typeof sparkline;
+    histogram: typeof histogram;
+    boxplot: typeof boxplot;
+    gauge: typeof gauge;
+    barGauge: typeof barGauge;
+    stat: typeof stat;
     heatmap: typeof renderHeatmapSvg;
-    map: typeof import("./svg").map;
+    map: typeof map;
     stateTimeline: typeof renderStateTimelineSvg;
+    treemap: typeof renderTreemapSvg;
+    pareto: typeof renderParetoSvg;
+    bubble: typeof renderBubbleSvg;
+    radar: typeof renderRadarSvg;
 };
 type Kind = keyof typeof chartRenderers;
 type ChartKinds = {

package/dist/types/charts/core/render-size.d.ts

@@ -0,0 +1,7 @@
+import type { ChartRenderOptions } from "./render";
+import type { ChartKind } from "./types";
+/** Standard logical height, or compact bar-gauge rows for a host without an explicit height. */
+export declare const chartRenderHeight: (props: ChartRenderOptions, sizing?: {
+    contentHeight?: boolean;
+}) => number;
+export declare const preservesAspectRatio: (kind: ChartKind) => kind is "donut" | "gauge" | "map" | "pie" | "radar";

package/dist/types/charts/core/render.d.ts

@@ -21,11 +21,9 @@ export type ChartDrawingOptions = {
     } : {}) & DrawingOptions<Parameters<(typeof chartRenderers)[K]>[0]>;
 }[ChartKind];
 export type ChartRenderOptions = RenderOptions<ChartDrawingOptions>;
-/** Keep the fixed 28-unit bar-gauge rows inside the shared SSR/browser coordinate space. */
-export declare const chartRenderHeight: (props: ChartRenderOptions) => number;
+export { chartRenderHeight, preservesAspectRatio } from "./render-size";
 /** Shared logical SVG renderer; callbacks and browser interaction stay with the Solid host. */
 export declare const renderChartSvg: (props: ChartDrawingOptions, width: number, height: number, mapViewport?: MapViewport, timelineViewport?: StateTimelineDomain, renderLocale?: string) => string;
-export declare const preservesAspectRatio: (kind: ChartKind) => kind is "donut" | "gauge" | "map" | "pie";
 export type ChartSize = {
     width: number;
     height: number;
@@ -37,4 +35,3 @@ export type ChartScene = ChartSize & {
 /** Lay out a chart in a fixed logical coordinate space, without browser measurement. */
 export declare const layout: (spec: ChartDrawingOptions, size: ChartSize) => ChartScene;
 export declare const toSvg: (scene: ChartScene) => string;
-export {};

package/dist/types/charts/core/snapshot.d.ts

@@ -1,5 +1,5 @@
 import { type ChartSelection, type ChartTooltip, type ChartTooltipFormatter } from "./inspection";
-import { type ChartRenderOptions } from "./render";
+import { type ChartRenderOptions, chartRenderHeight } from "./render";
 import type { ChartDatum, ChartKind } from "./types";
 /** Trusted output of prepareChartSnapshot; never accept arbitrary user SVG. */
 export type ChartSnapshot = {
@@ -24,4 +24,4 @@ export declare function prepareChartSnapshot(options: ChartRenderOptions, inspec
     rowKey?: (selection: ChartSelection) => string;
     tooltip: ChartTooltipFormatter;
     reference?: (selection: ChartSelection) => boolean;
-}): ChartSnapshot;
+}, sizing?: Parameters<typeof chartRenderHeight>[1]): ChartSnapshot;

package/dist/types/charts/core/svg-barGauge.d.ts

@@ -0,0 +1,3 @@
+import { type BarGaugeOptions } from "./svg-common";
+/** Render compact horizontal bar gauges for multiple reduced metrics. */
+export declare const barGauge: (opts: BarGaugeOptions) => string;

package/dist/types/charts/core/svg-boxplot.d.ts

@@ -0,0 +1,18 @@
+import { type BoxPlotOptions } from "./svg-common";
+/**
+ * Render a box plot (Tukey style): box for the IQR (Q1-Q3), median line,
+ * whiskers extending to 1.5×IQR fences, and individual outlier dots.
+ *
+ * Useful for comparing distributions across categorical groups (e.g. test
+ * scores per class, reaction times per condition).
+ *
+ * @example
+ * charts.boxplot({
+ *   groups: [
+ *     { label: "Class A", values: scoresA },
+ *     { label: "Class B", values: scoresB },
+ *   ],
+ *   yAxis: { label: "Score" },
+ * });
+ */
+export declare const boxplot: (opts: BoxPlotOptions) => string;