@northstar-js/charts 0.0.0-stage → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ali Amaan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Axis.d.ts

@@ -0,0 +1,17 @@
+export interface AxisProps {
+    /** Pixel length of the axis. */
+    length: number;
+    min?: number;
+    max?: number;
+    /** Major tick step in domain units. Default (max - min) / 4. */
+    step?: number;
+    /** Domain value of the meridian (the midpoint line). Omit for none. */
+    meridian?: number;
+    x?: number;
+    y?: number;
+    format?: (n: number) => string;
+    showLabels?: boolean;
+}
+/** A horizontal axis drawn inside an <svg>: horizon rule, major ticks, optional meridian. */
+export declare function Axis({ length, min, max, step, meridian, x, y, format, showLabels }: AxisProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Axis.d.ts.map

package/dist/Axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.d.ts","sourceRoot":"","sources":["../src/Axis.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,6FAA6F;AAC7F,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,GAAO,EAAE,GAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAK,EAAE,CAAK,EAAE,MAAe,EAAE,UAAiB,EAAE,EAAE,SAAS,2CAuB/H"}

package/dist/Axis.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { v } from './tokens.js';
+/** A horizontal axis drawn inside an <svg>: horizon rule, major ticks, optional meridian. */
+export function Axis({ length, min = 0, max = 100, step, meridian, x = 0, y = 0, format = String, showLabels = true }) {
+    const s = step ?? (max - min) / 4;
+    const ticks = [];
+    if (s > 0)
+        for (let t = min; t <= max + 1e-9; t += s)
+            ticks.push(+t.toFixed(6));
+    const px = (t) => x + ((t - min) / (max - min || 1)) * length;
+    return (_jsxs("g", { "data-part": "axis", children: [_jsx("line", { x1: x, x2: x + length, y1: y, y2: y, stroke: v.line2, strokeWidth: 1, "data-part": "horizon" }), ticks.map((t) => (_jsxs("g", { "data-part": "tick", children: [_jsx("line", { x1: px(t), x2: px(t), y1: y, y2: y + 4, stroke: v.text3, strokeWidth: 1 }), showLabels && (_jsx("text", { x: px(t), y: y + 15, textAnchor: "middle", fontSize: 11, fill: v.text3, fontFamily: v.mono, children: format(t) }))] }, t))), meridian !== undefined && (_jsx("line", { x1: px(meridian), x2: px(meridian), y1: y - 12, y2: y + 4, stroke: v.text3, strokeDasharray: "2 2", "data-part": "meridian" }))] }));
+}
+//# sourceMappingURL=Axis.js.map

package/dist/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.js","sourceRoot":"","sources":["../src/Axis.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAiBhC,6FAA6F;AAC7F,MAAM,UAAU,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,UAAU,GAAG,IAAI,EAAa;IAC9H,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,CAAC,GAAG,CAAC;QAAE,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,GAAG,IAAI,EAAE,CAAC,IAAI,CAAC;YAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IACtE,OAAO,CACL,0BAAa,MAAM,aACjB,eAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,eAAY,SAAS,GAAG,EACjG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,0BAAqB,MAAM,aACzB,eAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,GAAI,EAChF,UAAU,IAAI,CACb,eAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,YAC3F,MAAM,CAAC,CAAC,CAAC,GACL,CACR,KANK,CAAC,CAOL,CACL,CAAC,EACD,QAAQ,KAAK,SAAS,IAAI,CACzB,eAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,eAAe,EAAC,KAAK,eAAW,UAAU,GAAG,CAChI,IACC,CACL,CAAC;AACJ,CAAC"}

package/dist/ClaimInstrument.d.ts

@@ -0,0 +1,31 @@
+import type { SVGProps } from 'react';
+interface Base extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
+    width?: number;
+    locale?: string;
+}
+export interface LevelInstrument extends Base {
+    claim: 'level';
+    /** Share 0-1. */
+    value: number;
+    /** Band in percentage points. Optional. */
+    band?: number;
+}
+export interface DirectionInstrument extends Base {
+    claim: 'direction';
+    /** -1 left of the meridian, 0 on it, 1 right of it. */
+    direction: -1 | 0 | 1;
+}
+export interface RankingInstrument extends Base {
+    claim: 'ranking';
+    /** 1-based rank. */
+    rank: number;
+    of: number;
+}
+export type ClaimInstrumentProps = LevelInstrument | DirectionInstrument | RankingInstrument;
+/**
+ * The claim instrument: one glyph per claim class. Level is a node with a capped band on a 0-100 axis,
+ * direction a gauge needle on a detent (no number), ranking a position on a ladder (no value).
+ */
+export declare function ClaimInstrument(props: ClaimInstrumentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ClaimInstrument.d.ts.map

package/dist/ClaimInstrument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClaimInstrument.d.ts","sourceRoot":"","sources":["../src/ClaimInstrument.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQtC,UAAU,IAAK,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,eAAgB,SAAQ,IAAI;IAC3C,KAAK,EAAE,OAAO,CAAC;IACf,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,mBAAoB,SAAQ,IAAI;IAC/C,KAAK,EAAE,WAAW,CAAC;IACnB,uDAAuD;IACvD,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACvB;AACD,MAAM,WAAW,iBAAkB,SAAQ,IAAI;IAC7C,KAAK,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAE7F;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA+C1D"}

package/dist/ClaimInstrument.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Axis } from './Axis.js';
+import { CLAIM_LABEL } from './Figure.js';
+import { formatBand, formatPercent } from './format.js';
+import { MeasuredNode } from './marks.js';
+import { v } from './tokens.js';
+/**
+ * The claim instrument: one glyph per claim class. Level is a node with a capped band on a 0-100 axis,
+ * direction a gauge needle on a detent (no number), ranking a position on a ladder (no value).
+ */
+export function ClaimInstrument(props) {
+    const claim = props.claim;
+    if (props.claim === 'level') {
+        const { value, band, width = 290, locale = 'en', claim: _c, ...rest } = props;
+        const L = width - 20, x0 = 10, y = 22;
+        const px = (pct) => x0 + (Math.max(0, Math.min(100, pct)) / 100) * L;
+        const pct = value * 100;
+        const aria = `${CLAIM_LABEL[claim]}: ${formatPercent(value, { locale })}${band !== undefined ? ` ${formatBand(band, { locale })}` : ''}`;
+        return (_jsxs("svg", { width: width, height: 44, viewBox: `0 0 ${width} 44`, role: "img", "aria-label": aria, "data-part": "claim-instrument", "data-claim": claim, ...rest, children: [_jsx(Axis, { length: L, x: x0, y: y, meridian: 50, showLabels: false }), band !== undefined && (_jsxs("g", { "data-part": "band", stroke: v.signalEdge, strokeWidth: 1.5, children: [_jsx("line", { x1: px(pct - band), x2: px(pct + band), y1: y, y2: y }), _jsx("line", { x1: px(pct - band), x2: px(pct - band), y1: y - 4, y2: y + 4 }), _jsx("line", { x1: px(pct + band), x2: px(pct + band), y1: y - 4, y2: y + 4 })] })), _jsx(MeasuredNode, { cx: px(pct), cy: y })] }));
+    }
+    if (props.claim === 'direction') {
+        const { direction, width = 96, claim: _c, locale: _l, ...rest } = props;
+        const cx = width / 2, cy = 44, r = 36;
+        const ang = (-90 + direction * 50) * (Math.PI / 180);
+        const words = { '-1': 'left of the meridian', '0': 'on the meridian', '1': 'right of the meridian' };
+        return (_jsxs("svg", { width: width, height: 48, viewBox: `0 0 ${width} 48`, role: "img", "aria-label": `Direction: ${words[direction]}`, "data-part": "claim-instrument", "data-claim": claim, "data-direction": direction, ...rest, children: [_jsx("path", { d: `M${cx - r} ${cy}A${r} ${r} 0 0 1 ${cx + r} ${cy}`, fill: "none", stroke: v.line2 }), _jsx("line", { x1: cx, x2: cx, y1: cy - r - 3, y2: cy - r + 5, stroke: v.text3, "data-part": "meridian" }), _jsx("line", { "data-part": "needle", x1: cx, y1: cy, x2: cx + Math.cos(ang) * (r - 6), y2: cy + Math.sin(ang) * (r - 6), stroke: v.signal, strokeWidth: 2, strokeLinecap: "round" }), _jsx("circle", { cx: cx, cy: cy, r: 2.5, fill: v.signal })] }));
+    }
+    const { rank, of, width = 160, claim: _c, locale: _l, ...rest } = props;
+    const n = Math.max(1, Math.floor(of)), k = Math.max(1, Math.min(n, Math.floor(rank)));
+    const step = n > 1 ? (width - 16) / (n - 1) : 0;
+    return (_jsxs("svg", { width: width, height: 20, viewBox: `0 0 ${width} 20`, role: "img", "aria-label": `Ranking: ${k} of ${n}`, "data-part": "claim-instrument", "data-claim": claim, ...rest, children: [_jsx("line", { x1: 8, x2: width - 8, y1: 10, y2: 10, stroke: v.line2 }), Array.from({ length: n }, (_, i) => i + 1 === k ? _jsx(MeasuredNode, { cx: 8 + i * step, cy: 10 }, i) : _jsx("rect", { x: 8 + i * step - 2, y: 8, width: 4, height: 4, fill: v.text3 }, i))] }));
+}
+//# sourceMappingURL=ClaimInstrument.js.map

package/dist/ClaimInstrument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClaimInstrument.js","sourceRoot":"","sources":["../src/ClaimInstrument.tsx"],"names":[],"mappings":"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"}

package/dist/Composition.d.ts

@@ -0,0 +1,17 @@
+import type { SVGProps } from 'react';
+export interface CompositionRow {
+    label: string;
+    /** Published margin (target share, 0-1). */
+    margin: number;
+    /** The panel's share, 0-1. Omit before the panel is built. */
+    panel?: number;
+}
+export interface CompositionProps extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
+    margins: CompositionRow[];
+    width?: number;
+    locale?: string;
+    title?: string;
+}
+/** Margins versus panel: a bar per category for the panel, a tick for the published margin. */
+export declare function Composition({ margins, width, locale, title, ...rest }: CompositionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Composition.d.ts.map

package/dist/Composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composition.d.ts","sourceRoot":"","sources":["../src/Composition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,+FAA+F;AAC/F,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAW,EAAE,MAAa,EAAE,KAAqB,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CA6BpH"}

package/dist/Composition.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatPercent } from './format.js';
+import { v } from './tokens.js';
+/** Margins versus panel: a bar per category for the panel, a tick for the published margin. */
+export function Composition({ margins, width = 480, locale = 'en', title = 'Composition', ...rest }) {
+    const row = 24, labelW = Math.min(160, width * 0.35), valW = 48;
+    const barW = Math.max(40, width - labelW - valW);
+    const max = Math.max(0.0001, ...margins.flatMap((r) => [r.margin, r.panel ?? 0]));
+    const sx = (s) => labelW + (s / max) * barW;
+    const H = margins.length * row + 4;
+    const aria = `${title}: ${margins
+        .map((r) => `${r.label} margin ${formatPercent(r.margin, { locale })}${r.panel !== undefined ? `, panel ${formatPercent(r.panel, { locale })}` : ''}`)
+        .join('; ')}`;
+    return (_jsx("svg", { width: width, height: H, viewBox: `0 0 ${width} ${H}`, role: "img", "aria-label": aria, "data-part": "composition", ...rest, children: margins.map((r, i) => {
+            const y = i * row + 4;
+            return (_jsxs("g", { "data-part": "row", children: [_jsx("text", { x: 0, y: y + 12, fontSize: 12, fill: v.text2, fontFamily: v.sans, children: r.label }), _jsx("line", { x1: labelW, x2: labelW + barW, y1: y + 16.5, y2: y + 16.5, stroke: v.line1 }), r.panel !== undefined && (_jsx("rect", { "data-part": "panel", x: labelW, y: y + 5, width: Math.max(0, sx(r.panel) - labelW), height: 10, fill: v.signal })), _jsx("line", { "data-part": "margin", x1: sx(r.margin), x2: sx(r.margin), y1: y + 1, y2: y + 19, stroke: v.text1, strokeWidth: 1.5 }), _jsx("text", { x: width, y: y + 13, textAnchor: "end", fontSize: 11, fill: v.text2, fontFamily: v.mono, children: formatPercent(r.panel ?? r.margin, { locale }) })] }, r.label));
+        }) }));
+}
+//# sourceMappingURL=Composition.js.map

package/dist/Composition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composition.js","sourceRoot":"","sources":["../src/Composition.tsx"],"names":[],"mappings":"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"}

package/dist/Distribution.d.ts

@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+export interface DistributionProps extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
+    /** Anchor labels, step 1 first (five for Likert). */
+    anchors: string[];
+    /** Shares 0-1, one per anchor. */
+    shares: number[];
+    width?: number;
+    locale?: string;
+    /** Accessible title. */
+    title?: string;
+}
+/** A Likert distribution: one stacked bar on the horizon, ordinal ramp, share labels under each step. */
+export declare function Distribution({ anchors, shares, width, locale, title, ...rest }: DistributionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Distribution.d.ts.map

package/dist/Distribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Distribution.d.ts","sourceRoot":"","sources":["../src/Distribution.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1F,qDAAqD;IACrD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,yGAAyG;AACzG,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAW,EAAE,MAAa,EAAE,KAAsB,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CA2B/H"}

package/dist/Distribution.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatPercent } from './format.js';
+import { likertRamp, v } from './tokens.js';
+/** A Likert distribution: one stacked bar on the horizon, ordinal ramp, share labels under each step. */
+export function Distribution({ anchors, shares, width = 480, locale = 'en', title = 'Distribution', ...rest }) {
+    const total = shares.reduce((s, x) => s + (Number.isFinite(x) ? Math.max(0, x) : 0), 0) || 1;
+    const H = 56, barY = 8, barH = 16;
+    let x = 0;
+    const segs = anchors.map((a, i) => {
+        const share = Math.max(0, shares[i] ?? 0);
+        const w = (share / total) * width;
+        const seg = { a, share, x, w, color: likertRamp[Math.min(i, likertRamp.length - 1)] ?? v.text3 };
+        x += w;
+        return seg;
+    });
+    const label = `${title}: ${segs.map((s) => `${s.a} ${formatPercent(s.share, { locale })}`).join(', ')}`;
+    return (_jsxs("svg", { width: width, height: H, viewBox: `0 0 ${width} ${H}`, role: "img", "aria-label": label, "data-part": "distribution", ...rest, children: [_jsx("line", { x1: 0, x2: width, y1: barY + barH + 0.5, y2: barY + barH + 0.5, stroke: v.line2, "data-part": "horizon" }), segs.map((s, i) => (_jsxs("g", { "data-part": "segment", "data-anchor": s.a, children: [_jsx("rect", { x: s.x, y: barY, width: Math.max(0, s.w - 1), height: barH, fill: s.color }), s.w >= 24 && (_jsx("text", { x: s.x + s.w / 2, y: barY + barH + 16, textAnchor: "middle", fontSize: 11, fill: v.text2, fontFamily: v.mono, children: formatPercent(s.share, { locale }) }))] }, i)))] }));
+}
+//# sourceMappingURL=Distribution.js.map

package/dist/Distribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Distribution.js","sourceRoot":"","sources":["../src/Distribution.tsx"],"names":[],"mappings":"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"}

package/dist/Figure.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { ClaimClass, FigureValue } from '@northstar-js/contracts';
+export declare const CLAIM_LABEL: Record<ClaimClass, string>;
+export interface FigureProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /** The share, 0-1. */
+    value: number;
+    /** Error band in percentage points. Optional. */
+    band?: number;
+    /** Claim class label. Optional. */
+    claim?: ClaimClass;
+    /** Qualifying sentence. Optional. */
+    caption?: ReactNode;
+    state?: FigureValue['state'];
+    /** Short label above the number. */
+    label?: ReactNode;
+    locale?: string;
+    digits?: number;
+    size?: 'sm' | 'md' | 'lg';
+    /** Overrides the formatted number. */
+    format?: (value: number) => string;
+}
+/** One displayed figure: the number, with its band, claim class and caption when given. */
+export declare function Figure({ value, band, claim, caption, state, label, locale, digits, size, format, style, ...rest }: FigureProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Figure.d.ts.map

package/dist/Figure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Figure.d.ts","sourceRoot":"","sources":["../src/Figure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIvE,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAkE,CAAC;AAEtH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAChF,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAID,2FAA2F;AAC3F,wBAAgB,MAAM,CAAC,EACrB,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAY,EAAE,KAAK,EAAE,MAAa,EAAE,MAAU,EAAE,IAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,EACjH,EAAE,WAAW,2CA2Cb"}

package/dist/Figure.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatBand, formatPercent } from './format.js';
+import { v } from './tokens.js';
+export const CLAIM_LABEL = { level: 'Level', direction: 'Direction', ranking: 'Ranking' };
+const SIZE = { sm: 18, md: 32, lg: 48 };
+/** One displayed figure: the number, with its band, claim class and caption when given. */
+export function Figure({ value, band, claim, caption, state = 'ok', label, locale = 'en', digits = 0, size = 'md', format, style, ...rest }) {
+    const withheld = state === 'withheld';
+    const stale = state === 'stale';
+    const text = withheld ? 'Withheld' : format ? format(value) : formatPercent(value, { locale, digits });
+    return (_jsxs("figure", { "data-part": "figure", "data-state": state, ...(claim ? { 'data-claim': claim } : {}), style: {
+            margin: 0, display: 'grid', gap: 4, fontFamily: v.sans, color: v.text1,
+            ...(stale ? { border: `1px dashed ${v.line2}`, padding: 8, borderRadius: 6 } : {}),
+            ...style,
+        }, ...rest, children: [(label !== undefined || claim || stale) && (_jsxs("div", { style: { display: 'flex', gap: 8, fontSize: 12, color: v.text2 }, children: [label !== undefined && _jsx("span", { "data-part": "label", children: label }), claim && _jsx("span", { "data-part": "claim", children: CLAIM_LABEL[claim] }), stale && _jsx("span", { "data-part": "stale", children: "Stale" })] })), _jsxs("div", { style: { display: 'flex', alignItems: 'baseline', gap: 8 }, children: [_jsx("span", { "data-part": "value", style: { fontFamily: v.mono, fontVariantNumeric: 'tabular-nums', fontSize: withheld ? 15 : SIZE[size], lineHeight: 1.1, color: withheld ? v.text3 : v.text1 }, children: text }), band !== undefined && !withheld && (_jsx("span", { "data-part": "band", style: { fontFamily: v.mono, fontSize: 13, color: v.text2 }, children: formatBand(band, { locale }) }))] }), caption !== undefined && (_jsx("figcaption", { "data-part": "caption", style: { fontSize: 12, color: v.text2 }, children: caption }))] }));
+}
+//# sourceMappingURL=Figure.js.map

package/dist/Figure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Figure.js","sourceRoot":"","sources":["../src/Figure.tsx"],"names":[],"mappings":"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"}

package/dist/Legend.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'react';
+export interface LegendItem {
+    label: string;
+    color: string;
+    /** Swatch shape. Default 'square'. */
+    shape?: 'square' | 'star' | 'line';
+}
+export interface LegendProps extends HTMLAttributes<HTMLUListElement> {
+    items: LegendItem[];
+}
+export declare function Legend({ items, style, ...rest }: LegendProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Legend.d.ts.map

package/dist/Legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../src/Legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACnE,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAuB5D"}

package/dist/Legend.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { v } from './tokens.js';
+export function Legend({ items, style, ...rest }) {
+    return (_jsx("ul", { "data-part": "legend", style: { display: 'flex', flexWrap: 'wrap', gap: 12, listStyle: 'none', margin: 0, padding: 0, fontSize: 12, color: v.text2, fontFamily: v.sans, ...style }, ...rest, children: items.map((it) => (_jsxs("li", { style: { display: 'inline-flex', alignItems: 'center', gap: 6 }, children: [_jsx("svg", { width: 10, height: 10, viewBox: "0 0 10 10", "aria-hidden": "true", children: it.shape === 'line' ? (_jsx("line", { x1: 0, x2: 10, y1: 5, y2: 5, stroke: it.color, strokeWidth: 2 })) : it.shape === 'star' ? (_jsx("path", { d: "M5 0L6.6 3.4L10 5L6.6 6.6L5 10L3.4 6.6L0 5L3.4 3.4Z", fill: it.color })) : (_jsx("rect", { width: 10, height: 10, fill: it.color })) }), it.label] }, it.label))) }));
+}
+//# sourceMappingURL=Legend.js.map

package/dist/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../src/Legend.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAahC,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAe;IAC3D,OAAO,CACL,0BACY,QAAQ,EAClB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,KACvJ,IAAI,YAEP,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACjB,cAAmB,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAChF,cAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,iBAAa,MAAM,YAC/D,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CACrB,eAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,GAAI,CACxE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CACxB,eAAM,CAAC,EAAC,qDAAqD,EAAC,IAAI,EAAE,EAAE,CAAC,KAAK,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,eAAM,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,GAAI,CAChD,GACG,EACL,EAAE,CAAC,KAAK,KAVF,EAAE,CAAC,KAAK,CAWZ,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/Ranking.d.ts

@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+export interface RankingProps extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
+    /** Option labels in ranked order, first is top. */
+    items: string[];
+    width?: number;
+    /** Index to emphasise with the signal colour. Default 0. */
+    highlight?: number | null;
+    title?: string;
+}
+/** A ranking ladder: options on a spine, evenly spaced, no values. */
+export declare function Ranking({ items, width, highlight, title, ...rest }: RankingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Ranking.d.ts.map

package/dist/Ranking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ranking.d.ts","sourceRoot":"","sources":["../src/Ranking.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrF,mDAAmD;IACnD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAW,EAAE,SAAa,EAAE,KAAwB,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAmB7G"}

package/dist/Ranking.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MeasuredNode } from './marks.js';
+import { v } from './tokens.js';
+/** A ranking ladder: options on a spine, evenly spaced, no values. */
+export function Ranking({ items, width = 320, highlight = 0, title = 'Ranked options', ...rest }) {
+    const row = 28, H = items.length * row + 8, spineX = 28;
+    const aria = `${title}: ${items.map((it, i) => `${i + 1}. ${it}`).join(', ')}`;
+    return (_jsxs("svg", { width: width, height: H, viewBox: `0 0 ${width} ${H}`, role: "img", "aria-label": aria, "data-part": "ranking", ...rest, children: [items.length > 1 && _jsx("line", { x1: spineX, x2: spineX, y1: row / 2 + 4, y2: (items.length - 0.5) * row + 4, stroke: v.line2, "data-part": "spine" }), items.map((it, i) => {
+                const y = i * row + row / 2 + 4;
+                const on = highlight === i;
+                return (_jsxs("g", { "data-part": "rank", "data-rank": i + 1, children: [_jsx("text", { x: 0, y: y + 4, fontSize: 11, fill: v.text3, fontFamily: v.mono, children: i + 1 }), on ? _jsx(MeasuredNode, { cx: spineX, cy: y }) : _jsx("rect", { x: spineX - 3, y: y - 3, width: 6, height: 6, fill: v.text2 }), _jsx("text", { x: spineX + 14, y: y + 4, fontSize: 13, fill: on ? v.text1 : v.text2, fontFamily: v.sans, children: it })] }, `${i}-${it}`));
+            })] }));
+}
+//# sourceMappingURL=Ranking.js.map

package/dist/Ranking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ranking.js","sourceRoot":"","sources":["../src/Ranking.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAWhC,sEAAsE;AACtE,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,SAAS,GAAG,CAAC,EAAE,KAAK,GAAG,gBAAgB,EAAE,GAAG,IAAI,EAAgB;IAC5G,MAAM,GAAG,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC;IACxD,MAAM,IAAI,GAAG,GAAG,KAAK,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;IAC/E,OAAO,CACL,eAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,EAAE,EAAE,IAAI,EAAC,KAAK,gBAAa,IAAI,eAAY,SAAS,KAAK,IAAI,aAClH,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,eAAM,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,eAAY,OAAO,GAAG,EAC5I,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;gBACnB,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;gBAChC,MAAM,EAAE,GAAG,SAAS,KAAK,CAAC,CAAC;gBAC3B,OAAO,CACL,0BAAgC,MAAM,eAAY,CAAC,GAAG,CAAC,aACrD,eAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,YAAG,CAAC,GAAG,CAAC,GAAQ,EACpF,EAAE,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,eAAM,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,GAAI,EACjH,eAAM,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,YAAG,EAAE,GAAQ,KAHrG,GAAG,CAAC,IAAI,EAAE,EAAE,CAIhB,CACL,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/RunProgress.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes } from 'react';
+export type RunProgressState = 'running' | 'complete' | 'partial' | 'failed';
+export interface RunProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /** Items (or respondents) finished. */
+    done: number;
+    total: number;
+    state?: RunProgressState;
+    /** Unit label for the count, e.g. "items". */
+    unit?: string;
+    width?: number;
+    locale?: string;
+}
+/**
+ * Run progress: a row of stars, lit as items finish, with a word for the state. Static (nothing loops),
+ * so it is the same under reduced motion. State is told by the word and the shape, not by colour alone.
+ */
+export declare function RunProgress({ done, total, state, unit, width, locale, style, ...rest }: RunProgressProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RunProgress.d.ts.map

package/dist/RunProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunProgress.d.ts","sourceRoot":"","sources":["../src/RunProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAiB,EAAE,IAAc,EAAE,KAAW,EAAE,MAAa,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAqC3I"}

package/dist/RunProgress.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatNumber } from './format.js';
+import { starPath } from './marks.js';
+import { v } from './tokens.js';
+const WORD = { running: 'Running', complete: 'Complete', partial: 'Partial', failed: 'Failed' };
+/**
+ * Run progress: a row of stars, lit as items finish, with a word for the state. Static (nothing loops),
+ * so it is the same under reduced motion. State is told by the word and the shape, not by colour alone.
+ */
+export function RunProgress({ done, total, state = 'running', unit = 'items', width = 240, locale = 'en', style, ...rest }) {
+    const t = Math.max(0, Math.floor(total));
+    const d = Math.max(0, Math.min(t, Math.floor(done)));
+    const slots = Math.min(t, 24);
+    const lit = t ? Math.round((d / t) * slots) : 0;
+    const step = slots > 1 ? (width - 8) / (slots - 1) : 0;
+    return (_jsxs("div", { role: "progressbar", "aria-valuemin": 0, "aria-valuemax": t, "aria-valuenow": d, "aria-valuetext": `${WORD[state]}: ${formatNumber(d, { locale })} of ${formatNumber(t, { locale })} ${unit}`, "data-part": "run-progress", "data-state": state, style: { display: 'grid', gap: 6, fontFamily: v.sans, ...style }, ...rest, children: [_jsx("svg", { width: width, height: 12, viewBox: `0 0 ${width} 12`, "aria-hidden": "true", children: Array.from({ length: slots }, (_, i) => {
+                    const on = i < lit;
+                    const failedHere = state === 'failed' && i === lit;
+                    return failedHere ? (_jsx("path", { d: `M${4 + i * step - 3} 3L${4 + i * step + 3} 9M${4 + i * step + 3} 3L${4 + i * step - 3} 9`, stroke: v.text2, strokeWidth: 1.5, "data-mark": "failed" }, i)) : (_jsx("path", { d: starPath(4 + i * step, 6, on ? 4 : 2.5), fill: on ? v.signal : v.line2, "data-mark": on ? 'done' : 'pending' }, i));
+                }) }), _jsxs("div", { style: { display: 'flex', gap: 8, fontSize: 12, color: v.text2 }, children: [_jsx("span", { "data-part": "state", children: WORD[state] }), _jsxs("span", { style: { fontFamily: v.mono, fontVariantNumeric: 'tabular-nums' }, children: [formatNumber(d, { locale }), " / ", formatNumber(t, { locale }), " ", unit] })] })] }));
+}
+//# sourceMappingURL=RunProgress.js.map

package/dist/RunProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunProgress.js","sourceRoot":"","sources":["../src/RunProgress.tsx"],"names":[],"mappings":"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"}

package/dist/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
+    /** Whether the tooltip is shown. Controlled: charts hold no hover state. */
+    open?: boolean;
+    /** Position in px relative to the positioned chart container. */
+    x?: number;
+    y?: number;
+    children?: ReactNode;
+}
+/** A chart tooltip. Stateless and server-safe; the caller decides when it is open and where. */
+export declare function Tooltip({ open, x, y, children, style, ...rest }: TooltipProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iEAAiE;IACjE,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,gGAAgG;AAChG,wBAAgB,OAAO,CAAC,EAAE,IAAY,EAAE,CAAK,EAAE,CAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,kDA4B7F"}

package/dist/Tooltip.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { v } from './tokens.js';
+/** A chart tooltip. Stateless and server-safe; the caller decides when it is open and where. */
+export function Tooltip({ open = false, x = 0, y = 0, children, style, ...rest }) {
+    if (!open)
+        return null;
+    return (_jsx("div", { role: "tooltip", "data-part": "tooltip", style: {
+            position: 'absolute',
+            left: x,
+            top: y,
+            transform: 'translate(-50%, calc(-100% - 8px))',
+            pointerEvents: 'none',
+            zIndex: 90,
+            background: v.surface2,
+            color: v.text1,
+            border: `1px solid ${v.line2}`,
+            borderRadius: 6,
+            padding: '4px 8px',
+            fontSize: 12,
+            fontFamily: v.sans,
+            whiteSpace: 'nowrap',
+            ...style,
+        }, ...rest, children: children }));
+}
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAWhC,gGAAgG;AAChG,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAgB;IAC5F,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,cACE,IAAI,EAAC,SAAS,eACJ,SAAS,EACnB,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,SAAS,EAAE,oCAAoC;YAC/C,aAAa,EAAE,MAAM;YACrB,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,CAAC,CAAC,QAAQ;YACtB,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,MAAM,EAAE,aAAa,CAAC,CAAC,KAAK,EAAE;YAC9B,YAAY,EAAE,CAAC;YACf,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,CAAC,CAAC,IAAI;YAClB,UAAU,EAAE,QAAQ;YACpB,GAAG,KAAK;SACT,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/format.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Number formatting for figures. Locale-aware through Intl; English ('en') is the default.
+ * Shares are fractions (0.42); points and bands are percentage points (6 -> "6 pp").
+ */
+export interface FormatOptions {
+    locale?: string;
+    /** Fraction digits. Default 0. */
+    digits?: number;
+}
+/** A share (0-1) as a percentage: 0.42 -> "42%". */
+export declare function formatPercent(share: number, { locale, digits }?: FormatOptions): string;
+/** Percentage points: 6 -> "6 pp"; with `sign`, 1.5 -> "+1.5 pp". */
+export declare function formatPoints(pp: number, { locale, digits, sign }?: FormatOptions & {
+    sign?: boolean;
+}): string;
+/** A band in percentage points: 6 -> "± 6 pp". */
+export declare function formatBand(pp: number, opts?: FormatOptions): string;
+/** A plain count: 1200 -> "1,200". */
+export declare function formatNumber(n: number, { locale, digits }?: FormatOptions): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../src/format.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgBD,oDAAoD;AACpD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAa,EAAE,MAAU,EAAE,GAAE,aAAkB,GAAG,MAAM,CAKtG;AAED,qEAAqE;AACrE,wBAAgB,YAAY,CAC1B,EAAE,EAAE,MAAM,EACV,EAAE,MAAa,EAAE,MAAU,EAAE,IAAY,EAAE,GAAE,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GACnF,MAAM,CAUR;AAED,kDAAkD;AAClD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,GAAE,aAAkB,GAAG,MAAM,CAEvE;AAED,sCAAsC;AACtC,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,MAAa,EAAE,MAAU,EAAE,GAAE,aAAkB,GAAG,MAAM,CAGjG"}

package/dist/format.js

@@ -0,0 +1,44 @@
+const cache = new Map();
+function nf(locale, opts) {
+    const key = locale + JSON.stringify(opts);
+    let f = cache.get(key);
+    if (!f) {
+        f = new Intl.NumberFormat(locale, opts);
+        cache.set(key, f);
+    }
+    return f;
+}
+const MINUS = '−';
+const NBSP = ' ';
+/** A share (0-1) as a percentage: 0.42 -> "42%". */
+export function formatPercent(share, { locale = 'en', digits = 0 } = {}) {
+    if (!Number.isFinite(share))
+        return '–';
+    return nf(locale, { style: 'percent', minimumFractionDigits: digits, maximumFractionDigits: digits })
+        .format(share)
+        .replace('-', MINUS);
+}
+/** Percentage points: 6 -> "6 pp"; with `sign`, 1.5 -> "+1.5 pp". */
+export function formatPoints(pp, { locale = 'en', digits = 0, sign = false } = {}) {
+    if (!Number.isFinite(pp))
+        return '–';
+    const s = nf(locale, {
+        minimumFractionDigits: digits,
+        maximumFractionDigits: digits,
+        signDisplay: sign ? 'exceptZero' : 'auto',
+    })
+        .format(pp)
+        .replace('-', MINUS);
+    return `${s}${NBSP}pp`;
+}
+/** A band in percentage points: 6 -> "± 6 pp". */
+export function formatBand(pp, opts = {}) {
+    return `±${NBSP}${formatPoints(Math.abs(pp), opts)}`;
+}
+/** A plain count: 1200 -> "1,200". */
+export function formatNumber(n, { locale = 'en', digits = 0 } = {}) {
+    if (!Number.isFinite(n))
+        return '–';
+    return nf(locale, { minimumFractionDigits: digits, maximumFractionDigits: digits }).format(n).replace('-', MINUS);
+}
+//# sourceMappingURL=format.js.map

package/dist/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../src/format.ts"],"names":[],"mappings":"AAUA,MAAM,KAAK,GAAG,IAAI,GAAG,EAA6B,CAAC;AACnD,SAAS,EAAE,CAAC,MAAc,EAAE,IAA8B;IACxD,MAAM,GAAG,GAAG,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,CAAC,EAAE,CAAC;QACP,CAAC,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACxC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IACpB,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAM,KAAK,GAAG,GAAG,CAAC;AAClB,MAAM,IAAI,GAAG,GAAG,CAAC;AAEjB,oDAAoD;AACpD,MAAM,UAAU,aAAa,CAAC,KAAa,EAAE,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,CAAC,KAAoB,EAAE;IAC5F,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACxC,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,CAAC;SAClG,MAAM,CAAC,KAAK,CAAC;SACb,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC;AAED,qEAAqE;AACrE,MAAM,UAAU,YAAY,CAC1B,EAAU,EACV,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,KAAyC,EAAE;IAEpF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;QAAE,OAAO,GAAG,CAAC;IACrC,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;QACnB,qBAAqB,EAAE,MAAM;QAC7B,qBAAqB,EAAE,MAAM;QAC7B,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;KAC1C,CAAC;SACC,MAAM,CAAC,EAAE,CAAC;SACV,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACvB,OAAO,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC;AACzB,CAAC;AAED,kDAAkD;AAClD,MAAM,UAAU,UAAU,CAAC,EAAU,EAAE,OAAsB,EAAE;IAC7D,OAAO,IAAI,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;AACvD,CAAC;AAED,sCAAsC;AACtC,MAAM,UAAU,YAAY,CAAC,CAAS,EAAE,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,CAAC,KAAoB,EAAE;IACvF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAAE,OAAO,GAAG,CAAC;IACpC,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,qBAAqB,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AACpH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { Figure, CLAIM_LABEL, type FigureProps } from './Figure.js';
+export { Distribution, type DistributionProps } from './Distribution.js';
+export { Composition, type CompositionProps, type CompositionRow } from './Composition.js';
+export { Ranking, type RankingProps } from './Ranking.js';
+export { ClaimInstrument, type ClaimInstrumentProps, type LevelInstrument, type DirectionInstrument, type RankingInstrument, } from './ClaimInstrument.js';
+export { RunProgress, type RunProgressProps, type RunProgressState } from './RunProgress.js';
+export { Axis, type AxisProps } from './Axis.js';
+export { Legend, type LegendProps, type LegendItem } from './Legend.js';
+export { Tooltip, type TooltipProps } from './Tooltip.js';
+export { AgentStar, MeasuredNode, starPath, type AgentStarProps, type MeasuredNodeProps } from './marks.js';
+export { likertRamp } from './tokens.js';
+export * from './format.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC7F,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC5G,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,13 @@
+export { Figure, CLAIM_LABEL } from './Figure.js';
+export { Distribution } from './Distribution.js';
+export { Composition } from './Composition.js';
+export { Ranking } from './Ranking.js';
+export { ClaimInstrument, } from './ClaimInstrument.js';
+export { RunProgress } from './RunProgress.js';
+export { Axis } from './Axis.js';
+export { Legend } from './Legend.js';
+export { Tooltip } from './Tooltip.js';
+export { AgentStar, MeasuredNode, starPath } from './marks.js';
+export { likertRamp } from './tokens.js';
+export * from './format.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAoB,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,WAAW,EAA8C,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAC1D,OAAO,EACL,eAAe,GAKhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAgD,MAAM,kBAAkB,CAAC;AAC7F,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,MAAM,EAAqC,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAA+C,MAAM,YAAY,CAAC;AAC5G,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,cAAc,aAAa,CAAC"}

package/dist/marks.d.ts

@@ -0,0 +1,18 @@
+import type { SVGProps } from 'react';
+/** Four-point star path centred on (cx, cy) with outer radius r. */
+export declare function starPath(cx: number, cy: number, r: number): string;
+export type AgentStarProps = {
+    cx: number;
+    cy: number;
+    r?: number;
+} & Omit<SVGProps<SVGPathElement>, 'd'>;
+/** An agent: a small four-point star. */
+export declare function AgentStar({ cx, cy, r, ...rest }: AgentStarProps): import("react/jsx-runtime").JSX.Element;
+export type MeasuredNodeProps = {
+    cx: number;
+    cy: number;
+    size?: number;
+} & SVGProps<SVGRectElement>;
+/** A measured value: a filled square node in the signal colour. */
+export declare function MeasuredNode({ cx, cy, size, ...rest }: MeasuredNodeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=marks.d.ts.map

package/dist/marks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.d.ts","sourceRoot":"","sources":["../src/marks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,oEAAoE;AACpE,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAIlE;AAED,MAAM,MAAM,cAAc,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;AAE1G,yCAAyC;AACzC,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAK,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAEnE;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAErG,mEAAmE;AACnE,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,IAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAE5E"}

package/dist/marks.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { v } from './tokens.js';
+/** Four-point star path centred on (cx, cy) with outer radius r. */
+export function starPath(cx, cy, r) {
+    const i = r * 0.32;
+    const p = (x, y) => `${+(cx + x).toFixed(2)} ${+(cy + y).toFixed(2)}`;
+    return `M${p(0, -r)}L${p(i, -i)}L${p(r, 0)}L${p(i, i)}L${p(0, r)}L${p(-i, i)}L${p(-r, 0)}L${p(-i, -i)}Z`;
+}
+/** An agent: a small four-point star. */
+export function AgentStar({ cx, cy, r = 3, ...rest }) {
+    return _jsx("path", { d: starPath(cx, cy, r), fill: v.text1, "data-mark": "agent", ...rest });
+}
+/** A measured value: a filled square node in the signal colour. */
+export function MeasuredNode({ cx, cy, size = 7, ...rest }) {
+    return _jsx("rect", { x: cx - size / 2, y: cy - size / 2, width: size, height: size, fill: v.signal, "data-mark": "node", ...rest });
+}
+//# sourceMappingURL=marks.js.map

package/dist/marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.js","sourceRoot":"","sources":["../src/marks.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAEhC,oEAAoE;AACpE,MAAM,UAAU,QAAQ,CAAC,EAAU,EAAE,EAAU,EAAE,CAAS;IACxD,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACtF,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3G,CAAC;AAID,yCAAyC;AACzC,MAAM,UAAU,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB;IAClE,OAAO,eAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,eAAY,OAAO,KAAK,IAAI,GAAI,CAAC;AACrF,CAAC;AAID,mEAAmE;AACnE,MAAM,UAAU,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,EAAqB;IAC3E,OAAO,eAAM,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,eAAY,MAAM,KAAK,IAAI,GAAI,CAAC;AAC5H,CAAC"}

package/dist/tokens.d.ts

@@ -0,0 +1,17 @@
+/** CSS variables used by charts. */
+export declare const v: {
+    readonly signal: string;
+    readonly signalWash: string;
+    readonly signalEdge: string;
+    readonly text1: string;
+    readonly text2: string;
+    readonly text3: string;
+    readonly line1: string;
+    readonly line2: string;
+    readonly surface2: string;
+    readonly mono: "var(--ns-font-mono, \"IBM Plex Mono\", ui-monospace, monospace)";
+    readonly sans: "var(--ns-font-sans, Inter, system-ui, sans-serif)";
+};
+/** Ordinal Likert ramp, five steps (color.data.likert.1-5). */
+export declare const likertRamp: readonly [string, string, string, string, string];
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAKA,oCAAoC;AACpC,eAAO,MAAM,CAAC;;;;;;;;;;;;CAYJ,CAAC;AAEX,+DAA+D;AAC/D,eAAO,MAAM,UAAU,mDAMb,CAAC"}

package/dist/tokens.js

@@ -0,0 +1,26 @@
+import { cssVar, tokens } from '@northstar-js/tokens';
+/** var(--ns-…, <Night value>) from @northstar-js/tokens, so a chart renders even without tokens.css. */
+const ref = (path) => `var(${cssVar[path]}, ${tokens.themes.night[path]})`;
+/** CSS variables used by charts. */
+export const v = {
+    signal: ref('color.signal.default'),
+    signalWash: ref('color.signal.wash'),
+    signalEdge: ref('color.signal.edge'),
+    text1: ref('color.text.1'),
+    text2: ref('color.text.2'),
+    text3: ref('color.text.3'),
+    line1: ref('color.line.1'),
+    line2: ref('color.line.2'),
+    surface2: ref('color.surface.2'),
+    mono: 'var(--ns-font-mono, "IBM Plex Mono", ui-monospace, monospace)',
+    sans: 'var(--ns-font-sans, Inter, system-ui, sans-serif)',
+};
+/** Ordinal Likert ramp, five steps (color.data.likert.1-5). */
+export const likertRamp = [
+    ref('color.data.likert.1'),
+    ref('color.data.likert.2'),
+    ref('color.data.likert.3'),
+    ref('color.data.likert.4'),
+    ref('color.data.likert.5'),
+];
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAuB,MAAM,sBAAsB,CAAC;AAE3E,wGAAwG;AACxG,MAAM,GAAG,GAAG,CAAC,IAAoB,EAAU,EAAE,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;AAEnG,oCAAoC;AACpC,MAAM,CAAC,MAAM,CAAC,GAAG;IACf,MAAM,EAAE,GAAG,CAAC,sBAAsB,CAAC;IACnC,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC;IACpC,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC,cAAc,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC,cAAc,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC,cAAc,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC,cAAc,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC,iBAAiB,CAAC;IAChC,IAAI,EAAE,+DAA+D;IACrE,IAAI,EAAE,mDAAmD;CACjD,CAAC;AAEX,+DAA+D;AAC/D,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,CAAC,qBAAqB,CAAC;IAC1B,GAAG,CAAC,qBAAqB,CAAC;IAC1B,GAAG,CAAC,qBAAqB,CAAC;IAC1B,GAAG,CAAC,qBAAqB,CAAC;IAC1B,GAAG,CAAC,qBAAqB,CAAC;CAClB,CAAC"}

package/package.json

@@ -1,6 +1,58 @@
 {
   "name": "@northstar-js/charts",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "Star-native figures and data visualisation for Northstar: React SVG components styled by --ns-* CSS variables.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./format": {
+      "types": "./dist/format.d.ts",
+      "import": "./dist/format.js"
+    }
+  },
+  "dependencies": {
+    "@northstar-js/contracts": "0.2.0",
+    "@northstar-js/tokens": "0.2.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/react": "16.3.0",
+    "@types/react": "19.1.8",
+    "@types/react-dom": "19.1.6",
+    "jsdom": "26.1.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "typescript": "5.9.3",
+    "vitest": "3.2.7"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ali-amaan/northstar-design-system.git",
+    "directory": "packages/charts"
+  },
+  "homepage": "https://ali-amaan.github.io/northstar-design-system/",
+  "bugs": {
+    "url": "https://github.com/ali-amaan/northstar-design-system/issues"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.