@pibbl/core 0.0.1 → 0.0.3-alpha.109.1

package/dist/features/viz/lib/candlestick-series.js

@@ -0,0 +1,150 @@
+import { jsx, jsxs } from "@pibbl/core/jsx-runtime";
+import {
+  Group,
+  Path,
+  resolveSignalValue
+} from "@pibbl/core";
+import { withHooksForbidden } from "@pibbl/core/internal";
+import { useNumericPosition } from "./series-position.js";
+import { useContinuousScale } from "./use-continuous-scale.js";
+import { pointAccessor, pointData, finiteCoordinate } from "./point-data.js";
+import { financialMarkWidth, candleGeometry } from "./financial-geometry.js";
+import { opacity, width } from "./paint.js";
+function CandlestickSeries({
+  data: input,
+  time: timeInput,
+  open: openInput,
+  high: highInput,
+  low: lowInput,
+  close: closeInput,
+  xScale,
+  yScale,
+  defined,
+  style: styleInput,
+  inspection,
+  pointerEvents,
+  ...events
+}) {
+  const xs = useNumericPosition(xScale), ys = useContinuousScale(yScale).get();
+  const data = pointData(resolveSignalValue(input), "CandlestickSeries");
+  const time = pointAccessor(timeInput), open = pointAccessor(openInput), high = pointAccessor(highInput), low = pointAccessor(lowInput), close = pointAccessor(closeInput);
+  const rows = [];
+  for (let i = 0; i < data.length; i++) {
+    const datum = data[i];
+    if (defined && !defined(datum, i, data)) continue;
+    const t = time(datum, i, data), o = open(datum, i, data), h = high(datum, i, data), l = low(datum, i, data), c = close(datum, i, data);
+    if (!finiteCoordinate(t) || !finiteCoordinate(o) || !finiteCoordinate(h) || !finiteCoordinate(l) || !finiteCoordinate(c))
+      continue;
+    if (l > Math.min(o, c) || h < Math.max(o, c))
+      throw new RangeError(
+        `CandlestickSeries: malformed OHLC at source index ${i}; require low <= open/close <= high.`
+      );
+    rows.push({
+      datum,
+      sourceIndex: i,
+      time: t,
+      open: o,
+      high: h,
+      low: l,
+      close: c,
+      x: xs.map(t)
+    });
+  }
+  const defaultWidth = financialMarkWidth(rows.map((row) => row.x));
+  const specified = typeof styleInput === "function" ? styleInput : resolveSignalValue(styleInput);
+  const marks = inspection ? [] : void 0;
+  const batches = [];
+  for (const row of rows) {
+    const style = typeof specified === "function" ? withHooksForbidden(
+      "CandlestickSeries style callback",
+      () => specified(row.datum, row.sourceIndex, data)
+    ) : specified ?? {};
+    const markWidth = style.bandwidth === void 0 || style.bandwidth === "auto" ? defaultWidth : financialMarkWidth([], { width: style.bandwidth });
+    const g = candleGeometry({
+      centerX: row.x,
+      openY: ys.map(row.open),
+      closeY: ys.map(row.close),
+      highY: ys.map(row.high),
+      lowY: ys.map(row.low),
+      width: markWidth,
+      dojiHeight: 1
+    });
+    const fill = style.body?.fill ?? (row.close >= row.open ? "#087f8c" : "#d9674c"), bodyStroke = style.body?.stroke, bodyWidth = width(style.body?.strokeWidth ?? 1, "CandlestickSeries body"), wickStroke = style.wick?.stroke ?? "#173a35", wickWidth = width(style.wick?.strokeWidth ?? 1, "CandlestickSeries wick"), alpha = opacity(style.opacity ?? 1, "CandlestickSeries");
+    marks?.push(
+      Object.freeze({
+        datum: row.datum,
+        sourceIndex: row.sourceIndex,
+        time: row.time,
+        open: row.open,
+        high: row.high,
+        low: row.low,
+        close: row.close,
+        anchorLocal: Object.freeze({ x: row.x, y: ys.map(row.close) }),
+        bodyBoundsLocal: g.bodyBoundsLocal,
+        wickLocal: g.wickLocal,
+        bodyFill: !!fill && alpha > 0,
+        bodyStrokeWidthLocal: bodyStroke && alpha > 0 ? bodyWidth : 0,
+        wickStrokeWidthLocal: wickStroke && alpha > 0 ? wickWidth : 0
+      })
+    );
+    if (alpha === 0) continue;
+    const half = Math.max(bodyStroke ? bodyWidth : 0, wickStroke ? wickWidth : 0) / 2, minX = g.bodyBoundsLocal.x - half, maxX = g.bodyBoundsLocal.x + markWidth + half;
+    let batch = batches.at(-1);
+    if (!batch || minX < batch.maxX && maxX > batch.minX || batch.fill !== fill || batch.bodyStroke !== bodyStroke || batch.bodyWidth !== bodyWidth || batch.wickStroke !== wickStroke || batch.wickWidth !== wickWidth || batch.opacity !== alpha || batch.cursor !== style.cursor) {
+      batch = {
+        body: new Path2D(),
+        wick: new Path2D(),
+        fill,
+        bodyStroke,
+        bodyWidth,
+        wickStroke,
+        wickWidth,
+        opacity: alpha,
+        cursor: style.cursor,
+        minX,
+        maxX
+      };
+      batches.push(batch);
+    }
+    batch.minX = Math.min(batch.minX, minX);
+    batch.maxX = Math.max(batch.maxX, maxX);
+    const b = g.bodyBoundsLocal;
+    batch.body.rect(b.x, b.y, b.width, b.height);
+    batch.wick.moveTo(g.wickLocal.x, g.wickLocal.highY);
+    batch.wick.lineTo(g.wickLocal.x, g.wickLocal.lowY);
+  }
+  inspection?.capture({ marks, xScale: xs, yScale: ys });
+  return /* @__PURE__ */ jsx(Group, { ...events, children: batches.map((batch, index) => /* @__PURE__ */ jsxs(Group, { children: [
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        pointerEvents,
+        style: {
+          d: batch.wick,
+          stroke: batch.wickStroke,
+          strokeWidth: batch.wickWidth,
+          opacity: batch.opacity,
+          cursor: batch.cursor
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        pointerEvents,
+        style: {
+          d: batch.body,
+          fill: batch.fill,
+          stroke: batch.bodyStroke,
+          strokeWidth: batch.bodyWidth,
+          opacity: batch.opacity,
+          cursor: batch.cursor
+        }
+      }
+    )
+  ] }, index)) });
+}
+export {
+  CandlestickSeries
+};
+//# sourceMappingURL=candlestick-series.js.map

package/dist/features/viz/lib/candlestick-series.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/features/viz/lib/candlestick-series.tsx"],
+  "sourcesContent": ["import {\n  Group,\n  Path,\n  resolveSignalValue,\n  type FillStyle,\n  type StrokeStyle,\n  type SignalValue,\n  type PibblEventHandlers,\n  type PibblEventParticipationOptions,\n  type PibblNode,\n} from \"@pibbl/core\";\nimport { withHooksForbidden } from \"@pibbl/core/internal\";\nimport type { LineAccessor, ScaleId } from \"./types.js\";\nimport type {\n  CandleInspectionRef,\n  CapturedCandleMark,\n} from \"../inspection/candle.js\";\nimport { useNumericPosition } from \"./series-position.js\";\nimport { useContinuousScale } from \"./use-continuous-scale.js\";\nimport { pointAccessor, pointData, finiteCoordinate } from \"./point-data.js\";\nimport { financialMarkWidth, candleGeometry } from \"./financial-geometry.js\";\nimport { opacity, width } from \"./paint.js\";\n/** Open/close body paint, independent from wick paint.\n * @see {@link CandlestickSeries}\n */\nexport interface CandleBodyStyle {\n  /** Interior; default teal for close >= open, coral otherwise. Empty string disables fill. */ readonly fill?: FillStyle;\n  /** Optional body outline. */ readonly stroke?: StrokeStyle;\n  /** Nonnegative local outline width; default 1. */ readonly strokeWidth?: number;\n}\n/** High/low wick paint.\n * @see {@link CandlestickSeries}\n */\nexport interface CandleWickStyle {\n  /** Wick paint; default dark teal. Empty string disables wick paint. */ readonly stroke?: StrokeStyle;\n  /** Nonnegative local width; default 1. */ readonly strokeWidth?: number;\n}\n/** Accepted named body/wick presentation for OHLC marks.\n * @see {@link CandlestickSeries}\n */\nexport interface CandlestickSeriesStyle {\n  /** Positive local body width, or automatic 70% spacing capped at 12; singleton fallback 8. */ readonly bandwidth?:\n    number | \"auto\";\n  /** Independent open/close body appearance. */ readonly body?: CandleBodyStyle;\n  /** Independent high/low wick appearance. */ readonly wick?: CandleWickStyle;\n  /** Opacity zero through one; default 1. */ readonly opacity?: number;\n  /** Cursor while the series owns targeting. */ readonly cursor?: string;\n}\n/** Source-ordered OHLC records with named accessors and optional shared inspection.\n * @see {@link CandlestickSeries}\n */\nexport interface CandlestickSeriesProps<D>\n  extends PibblEventHandlers, PibblEventParticipationOptions {\n  /** Original records/signal; never sorted or mutated. */ readonly data: SignalValue<\n    readonly D[]\n  >;\n  /** UTC-millisecond property or callback. */ readonly time: LineAccessor<D>;\n  /** Open price property or callback. */ readonly open: LineAccessor<D>;\n  /** High price property or callback. */ readonly high: LineAccessor<D>;\n  /** Low price property or callback. */ readonly low: LineAccessor<D>;\n  /** Close price property or callback. */ readonly close: LineAccessor<D>;\n  /** Numeric/UTC/trading horizontal mapping identity. */ readonly xScale: ScaleId;\n  /** Independent numeric price mapping identity. */ readonly yScale: ScaleId;\n  /** Tests original rows before accessor evaluation.\n   * @param datum - Original row.\n   * @param index - Source index including skipped rows.\n   * @param data - Original complete array.\n   * @returns Whether the candle participates.\n   */ readonly defined?: (\n    datum: D,\n    index: number,\n    data: readonly D[],\n  ) => boolean;\n  /** Named body/wick appearance or a hook-free datum resolver.\n   * @param datum - Original row.\n   * @param index - Original source index.\n   * @param data - Complete source array.\n   * @returns Plain named candle styles.\n   */ readonly style?:\n    | SignalValue<CandlestickSeriesStyle>\n    | ((datum: D, index: number, data: readonly D[]) => CandlestickSeriesStyle);\n  /** Optional capture on the ordinary inspection foundation; no queries while painting. */ readonly inspection?: CandleInspectionRef<D>;\n}\n/**\n * Paints OHLC bodies and wicks, preserving source order and skipping complete missing candles.\n * Finite malformed OHLC rejects; equal open/close paints a one-local-unit doji.\n * @param props - Named OHLC accessors, scales, styles and optional inspection.\n * @returns Ordinary Pibbl composition; disjoint equal styles share paint paths.\n * @see {@link CandlestickSeriesProps}\n */\nexport function CandlestickSeries<D>({\n  data: input,\n  time: timeInput,\n  open: openInput,\n  high: highInput,\n  low: lowInput,\n  close: closeInput,\n  xScale,\n  yScale,\n  defined,\n  style: styleInput,\n  inspection,\n  pointerEvents,\n  ...events\n}: CandlestickSeriesProps<D>): PibblNode {\n  const xs = useNumericPosition(xScale),\n    ys = useContinuousScale(yScale).get();\n  const data = pointData(resolveSignalValue(input), \"CandlestickSeries\");\n  const time = pointAccessor(timeInput),\n    open = pointAccessor(openInput),\n    high = pointAccessor(highInput),\n    low = pointAccessor(lowInput),\n    close = pointAccessor(closeInput);\n  const rows: {\n    datum: D;\n    sourceIndex: number;\n    time: number;\n    open: number;\n    high: number;\n    low: number;\n    close: number;\n    x: number;\n  }[] = [];\n  for (let i = 0; i < data.length; i++) {\n    const datum = data[i];\n    if (defined && !defined(datum, i, data)) continue;\n    const t = time(datum, i, data),\n      o = open(datum, i, data),\n      h = high(datum, i, data),\n      l = low(datum, i, data),\n      c = close(datum, i, data);\n    if (\n      !finiteCoordinate(t) ||\n      !finiteCoordinate(o) ||\n      !finiteCoordinate(h) ||\n      !finiteCoordinate(l) ||\n      !finiteCoordinate(c)\n    )\n      continue;\n    if (l > Math.min(o, c) || h < Math.max(o, c))\n      throw new RangeError(\n        `CandlestickSeries: malformed OHLC at source index ${i}; require low <= open/close <= high.`,\n      );\n    rows.push({\n      datum,\n      sourceIndex: i,\n      time: t,\n      open: o,\n      high: h,\n      low: l,\n      close: c,\n      x: xs.map(t),\n    });\n  }\n  const defaultWidth = financialMarkWidth(rows.map((row) => row.x));\n  const specified =\n    typeof styleInput === \"function\"\n      ? styleInput\n      : resolveSignalValue(styleInput);\n  const marks: CapturedCandleMark<D>[] | undefined = inspection\n    ? []\n    : undefined;\n  const batches: {\n    body: Path2D;\n    wick: Path2D;\n    fill: FillStyle;\n    bodyStroke: StrokeStyle | undefined;\n    bodyWidth: number;\n    wickStroke: StrokeStyle;\n    wickWidth: number;\n    opacity: number;\n    cursor: string | undefined;\n    minX: number;\n    maxX: number;\n  }[] = [];\n  for (const row of rows) {\n    const style =\n      typeof specified === \"function\"\n        ? withHooksForbidden(\"CandlestickSeries style callback\", () =>\n            specified(row.datum, row.sourceIndex, data),\n          )\n        : (specified ?? {});\n    const markWidth =\n      style.bandwidth === undefined || style.bandwidth === \"auto\"\n        ? defaultWidth\n        : financialMarkWidth([], { width: style.bandwidth });\n    const g = candleGeometry({\n      centerX: row.x,\n      openY: ys.map(row.open),\n      closeY: ys.map(row.close),\n      highY: ys.map(row.high),\n      lowY: ys.map(row.low),\n      width: markWidth,\n      dojiHeight: 1,\n    });\n    const fill =\n        style.body?.fill ?? (row.close >= row.open ? \"#087f8c\" : \"#d9674c\"),\n      bodyStroke = style.body?.stroke,\n      bodyWidth = width(style.body?.strokeWidth ?? 1, \"CandlestickSeries body\"),\n      wickStroke = style.wick?.stroke ?? \"#173a35\",\n      wickWidth = width(style.wick?.strokeWidth ?? 1, \"CandlestickSeries wick\"),\n      alpha = opacity(style.opacity ?? 1, \"CandlestickSeries\");\n    marks?.push(\n      Object.freeze({\n        datum: row.datum,\n        sourceIndex: row.sourceIndex,\n        time: row.time,\n        open: row.open,\n        high: row.high,\n        low: row.low,\n        close: row.close,\n        anchorLocal: Object.freeze({ x: row.x, y: ys.map(row.close) }),\n        bodyBoundsLocal: g.bodyBoundsLocal,\n        wickLocal: g.wickLocal,\n        bodyFill: !!fill && alpha > 0,\n        bodyStrokeWidthLocal: bodyStroke && alpha > 0 ? bodyWidth : 0,\n        wickStrokeWidthLocal: wickStroke && alpha > 0 ? wickWidth : 0,\n      }),\n    );\n    if (alpha === 0) continue;\n    const half =\n        Math.max(bodyStroke ? bodyWidth : 0, wickStroke ? wickWidth : 0) / 2,\n      minX = g.bodyBoundsLocal.x - half,\n      maxX = g.bodyBoundsLocal.x + markWidth + half;\n    let batch = batches.at(-1);\n    if (\n      !batch ||\n      (minX < batch.maxX && maxX > batch.minX) ||\n      batch.fill !== fill ||\n      batch.bodyStroke !== bodyStroke ||\n      batch.bodyWidth !== bodyWidth ||\n      batch.wickStroke !== wickStroke ||\n      batch.wickWidth !== wickWidth ||\n      batch.opacity !== alpha ||\n      batch.cursor !== style.cursor\n    ) {\n      batch = {\n        body: new Path2D(),\n        wick: new Path2D(),\n        fill,\n        bodyStroke,\n        bodyWidth,\n        wickStroke,\n        wickWidth,\n        opacity: alpha,\n        cursor: style.cursor,\n        minX,\n        maxX,\n      };\n      batches.push(batch);\n    }\n    batch.minX = Math.min(batch.minX, minX);\n    batch.maxX = Math.max(batch.maxX, maxX);\n    const b = g.bodyBoundsLocal;\n    batch.body.rect(b.x, b.y, b.width, b.height);\n    batch.wick.moveTo(g.wickLocal.x, g.wickLocal.highY);\n    batch.wick.lineTo(g.wickLocal.x, g.wickLocal.lowY);\n  }\n  inspection?.capture({ marks: marks!, xScale: xs, yScale: ys });\n  return (\n    <Group {...events}>\n      {batches.map((batch, index) => (\n        <Group key={index}>\n          <Path\n            pointerEvents={pointerEvents}\n            style={{\n              d: batch.wick,\n              stroke: batch.wickStroke,\n              strokeWidth: batch.wickWidth,\n              opacity: batch.opacity,\n              cursor: batch.cursor,\n            }}\n          />\n          <Path\n            pointerEvents={pointerEvents}\n            style={{\n              d: batch.body,\n              fill: batch.fill,\n              stroke: batch.bodyStroke,\n              strokeWidth: batch.bodyWidth,\n              opacity: batch.opacity,\n              cursor: batch.cursor,\n            }}\n          />\n        </Group>\n      ))}\n    </Group>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/features/viz/lib/censored-point-series.d.ts

@@ -0,0 +1,71 @@
+import type { FillStyle, PibblEventHandlers, PibblEventParticipationOptions, SignalValue, StrokeStyle } from "@pibbl/core";
+import type { SignalStyle } from "@pibbl/core/internal";
+import type { LineAccessor, ScaleId } from "./types.js";
+/** A supplied assay reporting status. `below` and `above` retain the supplied reporting limit.
+ * @see {@link CensoredPointSeriesProps}
+ */
+export type CensoringStatus = "observed" | "below" | "above";
+/** Extracts an observation's supplied reporting status.
+ * @param datum - Original record being read.
+ * @param index - Zero-based source index.
+ * @param data - Complete supplied record array.
+ * @returns The supplied status, or a nullish sentinel that omits the record.
+ * @see {@link CensoringStatus}
+ */
+export type CensoringAccessor<D> = {
+    [K in keyof D]-?: D[K] extends CensoringStatus | null | undefined ? K : never;
+}[keyof D] | ((datum: D, index: number, data: readonly D[]) => CensoringStatus | null | undefined);
+/** Shared mark paint and local-pixel geometry for {@link CensoredPointSeries}. */
+export interface CensoredPointSeriesStyle {
+    /** Circle and open censor marker radius in local pixels; defaults to 4. */
+    readonly radius?: number;
+    /** Fill for observed circles; defaults to #087f8c. Censor markers remain open. */
+    readonly fill?: FillStyle;
+    /** Outline for circles and open directional censor markers; defaults to #087f8c. */
+    readonly stroke?: StrokeStyle;
+    /** Outline width in local pixels; defaults to 1.5. */
+    readonly strokeWidth?: number;
+    /** Shared paint opacity from zero to one; defaults to 1. */
+    readonly opacity?: number;
+    /** Cursor for painted mark targets. */
+    readonly cursor?: string;
+}
+/** Authored inputs for supplied observed and censored numeric observations.
+ * @see {@link CensoredPointSeries}
+ */
+export interface CensoredPointSeriesProps<D> extends PibblEventHandlers, PibblEventParticipationOptions {
+    /** Original records, or a signal of records. The series performs no imputation or inference. */
+    readonly data: SignalValue<readonly D[]>;
+    /** Property or callback supplying the numeric horizontal coordinate. */
+    readonly x: LineAccessor<D>;
+    /** Property or callback supplying the numeric vertical value or reporting limit. */
+    readonly y: LineAccessor<D>;
+    /** Property or callback yielding `observed`, `below`, or `above`. */
+    readonly censoring: CensoringAccessor<D>;
+    /** Ancestor continuous numeric scale mapping x. */
+    readonly xScale: ScaleId;
+    /** Ancestor continuous numeric scale mapping y and its reporting limit. */
+    readonly yScale: ScaleId;
+    /** Optional synchronous predicate; excluded rows contribute no mark.
+     * @param datum - Original record being tested.
+     * @param index - Zero-based source index.
+     * @param data - Complete supplied record array.
+     * @returns Whether this record contributes a mark.
+     */
+    readonly defined?: (datum: D, index: number, data: readonly D[]) => boolean;
+    /** Shared style; whole-object and shallow field signals are observed by the series. */
+    readonly style?: SignalValue<SignalStyle<CensoredPointSeriesStyle>>;
+}
+/**
+ * Draws supplied numeric observations as circles and below/above reporting limits as open arrows.
+ *
+ * `below` points toward decreasing y-domain values and `above` toward increasing y-domain values,
+ * including when the y scale uses a reversed domain or range. The supplied `y` value remains the
+ * reporting limit; this component never substitutes a measurement, imputes a value, or fits a model.
+ *
+ * @param props - Supplied observations, coordinates, reporting statuses, scales, and paint.
+ * See {@link CensoredPointSeriesProps}.
+ * @returns Two ordinary batched paths for observed and open censored marks.
+ * @see {@link CensoredPointSeriesProps}
+ */
+export declare function CensoredPointSeries<D>({ data: input, x: xInput, y: yInput, censoring: censoringInput, xScale: xId, yScale: yId, defined, style: styleInput, pointerEvents, ...events }: CensoredPointSeriesProps<D>): import("../../../jsx-runtime.js").JSX.Element;

package/dist/features/viz/lib/censored-point-series.js

@@ -0,0 +1,129 @@
+import { Fragment, jsx, jsxs } from "@pibbl/core/jsx-runtime";
+import { Path, resolveSignalValue } from "@pibbl/core";
+import { validateTexturePaint, withHooksForbidden } from "@pibbl/core/internal";
+import { finiteCoordinate, pointAccessor, pointData } from "./point-data.js";
+import { opacity, width } from "./paint.js";
+import { useContinuousScale } from "./use-continuous-scale.js";
+const fields = ["radius", "fill", "stroke", "strokeWidth", "opacity", "cursor"];
+function paint(value, name) {
+  if (value === void 0 || typeof value === "string" || value instanceof CanvasGradient || value instanceof CanvasPattern)
+    return value;
+  try {
+    validateTexturePaint(value);
+    return value;
+  } catch {
+  }
+  throw new TypeError(`CensoredPointSeries: invalid ${name}.`);
+}
+function triangle(path, x, y, radius, direction) {
+  path.moveTo(x, y + direction * radius);
+  path.lineTo(x - radius * 0.78, y - direction * radius * 0.55);
+  path.lineTo(x + radius * 0.78, y - direction * radius * 0.55);
+  path.closePath();
+}
+function CensoredPointSeries({
+  data: input,
+  x: xInput,
+  y: yInput,
+  censoring: censoringInput,
+  xScale: xId,
+  yScale: yId,
+  defined,
+  style: styleInput,
+  pointerEvents,
+  ...events
+}) {
+  const xScale = useContinuousScale(xId).get();
+  const yScale = useContinuousScale(yId).get();
+  const data = pointData(resolveSignalValue(input), "CensoredPointSeries");
+  const x = pointAccessor(xInput), y = pointAccessor(yInput);
+  const censoring = typeof censoringInput === "function" ? censoringInput : (datum) => datum[censoringInput];
+  const specified = resolveSignalValue(styleInput) ?? {};
+  if (specified === null || typeof specified !== "object" || Array.isArray(specified))
+    throw new TypeError("CensoredPointSeries: style must be an object.");
+  const style = {};
+  for (const key of Object.keys(specified)) {
+    if (!fields.includes(key))
+      throw new TypeError(
+        `CensoredPointSeries: unsupported style field ${key}.`
+      );
+    style[key] = resolveSignalValue(
+      specified[key]
+    );
+  }
+  const resolved = style;
+  const radius = width(resolved.radius ?? 4, "CensoredPointSeries radius");
+  const strokeWidth = width(resolved.strokeWidth ?? 1.5, "CensoredPointSeries");
+  const alpha = opacity(resolved.opacity ?? 1, "CensoredPointSeries");
+  if (resolved.cursor !== void 0 && typeof resolved.cursor !== "string")
+    throw new TypeError("CensoredPointSeries: cursor must be a string.");
+  const fill = paint(resolved.fill ?? "#087f8c", "fill");
+  const stroke = paint(resolved.stroke ?? "#087f8c", "stroke");
+  const observed = new Path2D();
+  const censored = new Path2D();
+  const increasingY = Math.sign(
+    (yScale.domain[1] - yScale.domain[0]) * (yScale.range[1] - yScale.range[0])
+  );
+  for (let i = 0; i < data.length; i++) {
+    const datum = data[i];
+    const coordinates = withHooksForbidden(
+      "CensoredPointSeries: accessors cannot call hooks.",
+      () => {
+        if (defined && !defined(datum, i, data)) return void 0;
+        return {
+          x: x(datum, i, data),
+          y: y(datum, i, data),
+          censoring: censoring(datum, i, data)
+        };
+      }
+    );
+    if (!coordinates || !finiteCoordinate(coordinates.x) || !finiteCoordinate(coordinates.y) || coordinates.censoring == null)
+      continue;
+    if (!["observed", "below", "above"].includes(coordinates.censoring))
+      throw new TypeError(
+        `CensoredPointSeries: unknown censoring status ${String(coordinates.censoring)} (row ${i}).`
+      );
+    const px = xScale.map(coordinates.x), py = yScale.map(coordinates.y);
+    if (!Number.isFinite(px) || !Number.isFinite(py))
+      throw new RangeError(
+        `CensoredPointSeries: mapped coordinates must be finite (row ${i}).`
+      );
+    if (radius === 0) continue;
+    if (coordinates.censoring === "observed") {
+      observed.moveTo(px + radius, py);
+      observed.arc(px, py, radius, 0, Math.PI * 2);
+      observed.closePath();
+    } else {
+      const direction = coordinates.censoring === "above" ? increasingY : -increasingY;
+      triangle(censored, px, py, radius, direction || 1);
+    }
+  }
+  const common = {
+    stroke,
+    strokeWidth,
+    opacity: alpha,
+    cursor: resolved.cursor
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        ...events,
+        pointerEvents,
+        style: { d: observed, fill, ...common }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        ...events,
+        pointerEvents,
+        style: { d: censored, fill: "transparent", ...common }
+      }
+    )
+  ] });
+}
+export {
+  CensoredPointSeries
+};
+//# sourceMappingURL=censored-point-series.js.map

package/dist/features/viz/lib/censored-point-series.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/features/viz/lib/censored-point-series.tsx"],
+  "sourcesContent": ["import { Path, resolveSignalValue } from \"@pibbl/core\";\nimport type {\n  FillStyle,\n  PibblEventHandlers,\n  PibblEventParticipationOptions,\n  SignalValue,\n  StrokeStyle,\n} from \"@pibbl/core\";\nimport type { SignalStyle } from \"@pibbl/core/internal\";\nimport { validateTexturePaint, withHooksForbidden } from \"@pibbl/core/internal\";\nimport type { LineAccessor, ScaleId } from \"./types.js\";\nimport { finiteCoordinate, pointAccessor, pointData } from \"./point-data.js\";\nimport { opacity, width } from \"./paint.js\";\nimport { useContinuousScale } from \"./use-continuous-scale.js\";\n\n/** A supplied assay reporting status. `below` and `above` retain the supplied reporting limit.\n * @see {@link CensoredPointSeriesProps}\n */\nexport type CensoringStatus = \"observed\" | \"below\" | \"above\";\n\n/** Extracts an observation's supplied reporting status.\n * @param datum - Original record being read.\n * @param index - Zero-based source index.\n * @param data - Complete supplied record array.\n * @returns The supplied status, or a nullish sentinel that omits the record.\n * @see {@link CensoringStatus}\n */\nexport type CensoringAccessor<D> =\n  | {\n      [K in keyof D]-?: D[K] extends CensoringStatus | null | undefined\n        ? K\n        : never;\n    }[keyof D]\n  | ((\n      datum: D,\n      index: number,\n      data: readonly D[],\n    ) => CensoringStatus | null | undefined);\n\n/** Shared mark paint and local-pixel geometry for {@link CensoredPointSeries}. */\nexport interface CensoredPointSeriesStyle {\n  /** Circle and open censor marker radius in local pixels; defaults to 4. */\n  readonly radius?: number;\n  /** Fill for observed circles; defaults to #087f8c. Censor markers remain open. */\n  readonly fill?: FillStyle;\n  /** Outline for circles and open directional censor markers; defaults to #087f8c. */\n  readonly stroke?: StrokeStyle;\n  /** Outline width in local pixels; defaults to 1.5. */\n  readonly strokeWidth?: number;\n  /** Shared paint opacity from zero to one; defaults to 1. */\n  readonly opacity?: number;\n  /** Cursor for painted mark targets. */\n  readonly cursor?: string;\n}\n\n/** Authored inputs for supplied observed and censored numeric observations.\n * @see {@link CensoredPointSeries}\n */\nexport interface CensoredPointSeriesProps<D>\n  extends PibblEventHandlers, PibblEventParticipationOptions {\n  /** Original records, or a signal of records. The series performs no imputation or inference. */\n  readonly data: SignalValue<readonly D[]>;\n  /** Property or callback supplying the numeric horizontal coordinate. */\n  readonly x: LineAccessor<D>;\n  /** Property or callback supplying the numeric vertical value or reporting limit. */\n  readonly y: LineAccessor<D>;\n  /** Property or callback yielding `observed`, `below`, or `above`. */\n  readonly censoring: CensoringAccessor<D>;\n  /** Ancestor continuous numeric scale mapping x. */\n  readonly xScale: ScaleId;\n  /** Ancestor continuous numeric scale mapping y and its reporting limit. */\n  readonly yScale: ScaleId;\n  /** Optional synchronous predicate; excluded rows contribute no mark.\n   * @param datum - Original record being tested.\n   * @param index - Zero-based source index.\n   * @param data - Complete supplied record array.\n   * @returns Whether this record contributes a mark.\n   */\n  readonly defined?: (datum: D, index: number, data: readonly D[]) => boolean;\n  /** Shared style; whole-object and shallow field signals are observed by the series. */\n  readonly style?: SignalValue<SignalStyle<CensoredPointSeriesStyle>>;\n}\n\nconst fields = [\"radius\", \"fill\", \"stroke\", \"strokeWidth\", \"opacity\", \"cursor\"];\n\nfunction paint(\n  value: unknown,\n  name: string,\n): FillStyle | StrokeStyle | undefined {\n  if (\n    value === undefined ||\n    typeof value === \"string\" ||\n    value instanceof CanvasGradient ||\n    value instanceof CanvasPattern\n  )\n    return value;\n  try {\n    validateTexturePaint(value as never);\n    return value as FillStyle | StrokeStyle;\n  } catch {\n    // Fall through to the local series error rather than leaking protocol detail.\n  }\n  throw new TypeError(`CensoredPointSeries: invalid ${name}.`);\n}\n\nfunction triangle(\n  path: Path2D,\n  x: number,\n  y: number,\n  radius: number,\n  direction: number,\n) {\n  path.moveTo(x, y + direction * radius);\n  path.lineTo(x - radius * 0.78, y - direction * radius * 0.55);\n  path.lineTo(x + radius * 0.78, y - direction * radius * 0.55);\n  path.closePath();\n}\n\n/**\n * Draws supplied numeric observations as circles and below/above reporting limits as open arrows.\n *\n * `below` points toward decreasing y-domain values and `above` toward increasing y-domain values,\n * including when the y scale uses a reversed domain or range. The supplied `y` value remains the\n * reporting limit; this component never substitutes a measurement, imputes a value, or fits a model.\n *\n * @param props - Supplied observations, coordinates, reporting statuses, scales, and paint.\n * See {@link CensoredPointSeriesProps}.\n * @returns Two ordinary batched paths for observed and open censored marks.\n * @see {@link CensoredPointSeriesProps}\n */\nexport function CensoredPointSeries<D>({\n  data: input,\n  x: xInput,\n  y: yInput,\n  censoring: censoringInput,\n  xScale: xId,\n  yScale: yId,\n  defined,\n  style: styleInput,\n  pointerEvents,\n  ...events\n}: CensoredPointSeriesProps<D>) {\n  const xScale = useContinuousScale(xId).get();\n  const yScale = useContinuousScale(yId).get();\n  const data = pointData(resolveSignalValue(input), \"CensoredPointSeries\");\n  const x = pointAccessor(xInput),\n    y = pointAccessor(yInput);\n  const censoring =\n    typeof censoringInput === \"function\"\n      ? censoringInput\n      : (datum: D) =>\n          datum[censoringInput] as CensoringStatus | null | undefined;\n  const specified = resolveSignalValue(styleInput) ?? {};\n  if (\n    specified === null ||\n    typeof specified !== \"object\" ||\n    Array.isArray(specified)\n  )\n    throw new TypeError(\"CensoredPointSeries: style must be an object.\");\n  const style: Record<string, unknown> = {};\n  for (const key of Object.keys(specified)) {\n    if (!fields.includes(key))\n      throw new TypeError(\n        `CensoredPointSeries: unsupported style field ${key}.`,\n      );\n    style[key] = resolveSignalValue(\n      (specified as Record<string, unknown>)[key],\n    );\n  }\n  const resolved = style as CensoredPointSeriesStyle;\n  const radius = width(resolved.radius ?? 4, \"CensoredPointSeries radius\");\n  const strokeWidth = width(resolved.strokeWidth ?? 1.5, \"CensoredPointSeries\");\n  const alpha = opacity(resolved.opacity ?? 1, \"CensoredPointSeries\");\n  if (resolved.cursor !== undefined && typeof resolved.cursor !== \"string\")\n    throw new TypeError(\"CensoredPointSeries: cursor must be a string.\");\n  const fill = paint(resolved.fill ?? \"#087f8c\", \"fill\");\n  const stroke = paint(resolved.stroke ?? \"#087f8c\", \"stroke\");\n  const observed = new Path2D();\n  const censored = new Path2D();\n  // The sign is a property of the domain-to-range mapping, rather than canvas orientation.\n  const increasingY = Math.sign(\n    (yScale.domain[1] - yScale.domain[0]) * (yScale.range[1] - yScale.range[0]),\n  );\n  for (let i = 0; i < data.length; i++) {\n    const datum = data[i];\n    const coordinates = withHooksForbidden(\n      \"CensoredPointSeries: accessors cannot call hooks.\",\n      () => {\n        if (defined && !defined(datum, i, data)) return undefined;\n        return {\n          x: x(datum, i, data),\n          y: y(datum, i, data),\n          censoring: censoring(datum, i, data),\n        };\n      },\n    );\n    if (\n      !coordinates ||\n      !finiteCoordinate(coordinates.x) ||\n      !finiteCoordinate(coordinates.y) ||\n      coordinates.censoring == null\n    )\n      continue;\n    if (\n      !([\"observed\", \"below\", \"above\"] as const).includes(coordinates.censoring)\n    )\n      throw new TypeError(\n        `CensoredPointSeries: unknown censoring status ${String(coordinates.censoring)} (row ${i}).`,\n      );\n    const px = xScale.map(coordinates.x),\n      py = yScale.map(coordinates.y);\n    if (!Number.isFinite(px) || !Number.isFinite(py))\n      throw new RangeError(\n        `CensoredPointSeries: mapped coordinates must be finite (row ${i}).`,\n      );\n    if (radius === 0) continue;\n    if (coordinates.censoring === \"observed\") {\n      observed.moveTo(px + radius, py);\n      observed.arc(px, py, radius, 0, Math.PI * 2);\n      observed.closePath();\n    } else {\n      const direction =\n        coordinates.censoring === \"above\" ? increasingY : -increasingY;\n      triangle(censored, px, py, radius, direction || 1);\n    }\n  }\n  const common = {\n    stroke,\n    strokeWidth,\n    opacity: alpha,\n    cursor: resolved.cursor,\n  };\n  return (\n    <>\n      <Path\n        {...events}\n        pointerEvents={pointerEvents}\n        style={{ d: observed, fill, ...common }}\n      />\n      <Path\n        {...events}\n        pointerEvents={pointerEvents}\n        style={{ d: censored, fill: \"transparent\", ...common }}\n      />\n    </>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/features/viz/lib/chart-lines.d.ts

@@ -0,0 +1,41 @@
+import { type SignalValue } from "@pibbl/core";
+import type { AxisProps, AxisStyle, BandCategory, ScaleId } from "./types.js";
+import type { SignalStyle } from "@pibbl/core/internal";
+/** Shared geometry and paint for decorative chart lines; no layout is allocated. See {@link GridLines}. */
+export interface ChartLineProps {
+    /** Ancestor scale providing the line's mapped coordinate. */
+    readonly scale: ScaleId;
+    /** Direction the painted line extends. */
+    readonly direction: "horizontal" | "vertical";
+    /** Explicit perpendicular pixel endpoints, in the caller's local coordinate space. */
+    readonly span: SignalValue<readonly [number, number]>;
+    /** Stroke defaults to #dce5e8, width to 1, opacity to 1. */
+    readonly style?: SignalValue<SignalStyle<Pick<AxisStyle, "stroke" | "strokeWidth" | "opacity">>>;
+}
+/** Grid positions use Axis tick rules, independent of Axis label visibility. See {@link GridLines}. */
+export type GridLinesProps = ChartLineProps & ({
+    /** Explicit domain ticks; same validation as Axis. */
+    readonly tickValues: AxisProps["tickValues"];
+    /** Mutually exclusive with explicit values. */
+    readonly tickCount?: never;
+} | {
+    /** Mutually exclusive with generated ticks. */
+    readonly tickValues?: never;
+    /** Requested tick count; defaults to five. */
+    readonly tickCount?: AxisProps["tickCount"];
+});
+/** A reference value must belong to the selected scale's domain. See {@link ReferenceLine}. */
+export interface ReferenceLineProps extends ChartLineProps {
+    /** Numeric domain value or categorical identity; signals update the line. */
+    readonly value: SignalValue<BandCategory>;
+}
+/** Paint grid lines at scale ticks, without labels or allocation.
+ * @param props - Scale geometry and presentation. See {@link GridLinesProps}.
+ * @returns Decorative chart content in the caller's coordinate space.
+ */
+export declare function GridLines(props: GridLinesProps): import("../../../jsx-runtime.js").JSX.Element[];
+/** Paint one decorative line at a domain value, without labels or allocation.
+ * @param props - Scale geometry and presentation. See {@link ReferenceLineProps}.
+ * @returns Decorative chart content in the caller's coordinate space.
+ */
+export declare function ReferenceLine(props: ReferenceLineProps): import("../../../jsx-runtime.js").JSX.Element[];

package/dist/features/viz/lib/chart-lines.js

@@ -0,0 +1,32 @@
+import { jsx } from "@pibbl/core/jsx-runtime";
+import { Line, resolveSignalValue } from "@pibbl/core";
+import { lookupScale } from "./scale-context.js";
+import { ticks, position } from "./scale-ticks.js";
+import { width, opacity } from "./paint.js";
+function lines(props, selection) {
+  if (props.direction !== "horizontal" && props.direction !== "vertical") throw new TypeError("Chart line direction must be horizontal or vertical.");
+  const source = lookupScale(props.scale, "Chart line");
+  if (!source) throw new TypeError("Chart lines require a scale ID.");
+  const scale = source.get(), span = resolveSignalValue(props.span);
+  if (!Array.isArray(span) || span.length !== 2 || !span.every((v) => typeof v === "number" && Number.isFinite(v))) throw new RangeError("Chart line span must have two finite pixel endpoints.");
+  const style = resolveSignalValue(props.style) ?? {};
+  const stroke = resolveSignalValue(style.stroke) ?? "#dce5e8";
+  const strokeWidth = width(resolveSignalValue(style.strokeWidth) ?? 1, "Chart line");
+  const alpha = opacity(resolveSignalValue(style.opacity) ?? 1, "Chart line");
+  return ticks(scale, selection).map((value, index) => {
+    const p = position(scale, value);
+    const coords = props.direction === "horizontal" ? [[span[0], p], [span[1], p]] : [[p, span[0]], [p, span[1]]];
+    return /* @__PURE__ */ jsx(Line, { pointerEvents: "none", style: { coords, stroke, strokeWidth, opacity: alpha } }, index);
+  });
+}
+function GridLines(props) {
+  return lines(props, props);
+}
+function ReferenceLine(props) {
+  return lines(props, { tickValues: [resolveSignalValue(props.value)] });
+}
+export {
+  GridLines,
+  ReferenceLine
+};
+//# sourceMappingURL=chart-lines.js.map

package/dist/features/viz/lib/chart-lines.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/features/viz/lib/chart-lines.tsx"],
+  "sourcesContent": ["import { Line, resolveSignalValue, type SignalValue } from \"@pibbl/core\";\nimport type { AxisProps, AxisStyle, BandCategory, ScaleId } from \"./types.js\";\nimport type { SignalStyle } from \"@pibbl/core/internal\";\nimport { lookupScale } from \"./scale-context.js\";\nimport { ticks, position } from \"./scale-ticks.js\";\nimport { width, opacity } from \"./paint.js\";\n/** Shared geometry and paint for decorative chart lines; no layout is allocated. See {@link GridLines}. */\nexport interface ChartLineProps {\n  /** Ancestor scale providing the line's mapped coordinate. */\n  readonly scale: ScaleId;\n  /** Direction the painted line extends. */\n  readonly direction: \"horizontal\" | \"vertical\";\n  /** Explicit perpendicular pixel endpoints, in the caller's local coordinate space. */\n  readonly span: SignalValue<readonly [number, number]>;\n  /** Stroke defaults to #dce5e8, width to 1, opacity to 1. */\n  readonly style?: SignalValue<SignalStyle<Pick<AxisStyle, \"stroke\" | \"strokeWidth\" | \"opacity\">>>;\n}\n/** Grid positions use Axis tick rules, independent of Axis label visibility. See {@link GridLines}. */\nexport type GridLinesProps = ChartLineProps & (\n  {\n    /** Explicit domain ticks; same validation as Axis. */\n    readonly tickValues: AxisProps[\"tickValues\"];\n    /** Mutually exclusive with explicit values. */\n    readonly tickCount?: never;\n  } |\n  {\n    /** Mutually exclusive with generated ticks. */\n    readonly tickValues?: never;\n    /** Requested tick count; defaults to five. */\n    readonly tickCount?: AxisProps[\"tickCount\"];\n  }\n);\n/** A reference value must belong to the selected scale's domain. See {@link ReferenceLine}. */\nexport interface ReferenceLineProps extends ChartLineProps {\n  /** Numeric domain value or categorical identity; signals update the line. */\n  readonly value: SignalValue<BandCategory>;\n}\nfunction lines(props: ChartLineProps, selection: Pick<AxisProps, \"tickCount\" | \"tickValues\">) {\n  if (props.direction !== \"horizontal\" && props.direction !== \"vertical\") throw new TypeError(\"Chart line direction must be horizontal or vertical.\");\n  const source = lookupScale(props.scale, \"Chart line\");\n  if (!source) throw new TypeError(\"Chart lines require a scale ID.\");\n  const scale = source.get(), span = resolveSignalValue(props.span);\n  if (!Array.isArray(span) || span.length !== 2 || !span.every(v => typeof v === \"number\" && Number.isFinite(v))) throw new RangeError(\"Chart line span must have two finite pixel endpoints.\");\n  const style = resolveSignalValue(props.style) ?? {};\n  const stroke = resolveSignalValue(style.stroke) ?? \"#dce5e8\";\n  const strokeWidth = width(resolveSignalValue(style.strokeWidth) ?? 1, \"Chart line\");\n  const alpha = opacity(resolveSignalValue(style.opacity) ?? 1, \"Chart line\");\n  return ticks(scale, selection).map((value, index) => {\n    const p = position(scale, value);\n    const coords: [number, number][] = props.direction === \"horizontal\" ? [[span[0], p], [span[1], p]] : [[p, span[0]], [p, span[1]]];\n    return <Line key={index} pointerEvents=\"none\" style={{ coords, stroke, strokeWidth, opacity: alpha }} />;\n  });\n}\n/** Paint grid lines at scale ticks, without labels or allocation.\n * @param props - Scale geometry and presentation. See {@link GridLinesProps}.\n * @returns Decorative chart content in the caller's coordinate space.\n */\nexport function GridLines(props: GridLinesProps) { return lines(props, props); }\n/** Paint one decorative line at a domain value, without labels or allocation.\n * @param props - Scale geometry and presentation. See {@link ReferenceLineProps}.\n * @returns Decorative chart content in the caller's coordinate space.\n */\nexport function ReferenceLine(props: ReferenceLineProps) { return lines(props, { tickValues: [resolveSignalValue(props.value)] }); }\n"],
+  "mappings": "AAkDW;AAlDX,SAAS,MAAM,0BAA4C;AAG3D,SAAS,mBAAmB;AAC5B,SAAS,OAAO,gBAAgB;AAChC,SAAS,OAAO,eAAe;AAgC/B,SAAS,MAAM,OAAuB,WAAwD;AAC5F,MAAI,MAAM,cAAc,gBAAgB,MAAM,cAAc,WAAY,OAAM,IAAI,UAAU,sDAAsD;AAClJ,QAAM,SAAS,YAAY,MAAM,OAAO,YAAY;AACpD,MAAI,CAAC,OAAQ,OAAM,IAAI,UAAU,iCAAiC;AAClE,QAAM,QAAQ,OAAO,IAAI,GAAG,OAAO,mBAAmB,MAAM,IAAI;AAChE,MAAI,CAAC,MAAM,QAAQ,IAAI,KAAK,KAAK,WAAW,KAAK,CAAC,KAAK,MAAM,OAAK,OAAO,MAAM,YAAY,OAAO,SAAS,CAAC,CAAC,EAAG,OAAM,IAAI,WAAW,uDAAuD;AAC5L,QAAM,QAAQ,mBAAmB,MAAM,KAAK,KAAK,CAAC;AAClD,QAAM,SAAS,mBAAmB,MAAM,MAAM,KAAK;AACnD,QAAM,cAAc,MAAM,mBAAmB,MAAM,WAAW,KAAK,GAAG,YAAY;AAClF,QAAM,QAAQ,QAAQ,mBAAmB,MAAM,OAAO,KAAK,GAAG,YAAY;AAC1E,SAAO,MAAM,OAAO,SAAS,EAAE,IAAI,CAAC,OAAO,UAAU;AACnD,UAAM,IAAI,SAAS,OAAO,KAAK;AAC/B,UAAM,SAA6B,MAAM,cAAc,eAAe,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AAChI,WAAO,oBAAC,QAAiB,eAAc,QAAO,OAAO,EAAE,QAAQ,QAAQ,aAAa,SAAS,MAAM,KAAjF,KAAoF;AAAA,EACxG,CAAC;AACH;AAKO,SAAS,UAAU,OAAuB;AAAE,SAAO,MAAM,OAAO,KAAK;AAAG;AAKxE,SAAS,cAAc,OAA2B;AAAE,SAAO,MAAM,OAAO,EAAE,YAAY,CAAC,mBAAmB,MAAM,KAAK,CAAC,EAAE,CAAC;AAAG;",
+  "names": []
+}

package/dist/features/viz/lib/color-context.d.ts

@@ -0,0 +1,4 @@
+import { type Signal } from "@pibbl/core";
+import type { ScaleId } from "./types.js";
+export declare function provideColor<T>(id: ScaleId, kind: string, resolve: () => T, deps: readonly unknown[]): void;
+export declare function useColor<T>(id: ScaleId, kind: string): Signal<T>;

package/dist/features/viz/lib/color-context.js

@@ -0,0 +1,41 @@
+import { useComputed } from "@pibbl/core";
+import {
+  getCurrentBackendHostCanvas,
+  setCurrentComponentAfterRender,
+  useInternalHookSlot
+} from "@pibbl/core/internal";
+let current;
+function provideColor(id, kind, resolve, deps) {
+  if ((typeof id !== "string" || id.length === 0) && typeof id !== "symbol")
+    throw new TypeError("Color scale id requires a nonempty string or symbol.");
+  const value = useComputed(resolve, deps), parent = current;
+  current = { id, kind, value, canvas: getCurrentBackendHostCanvas(), parent };
+  const restore = () => {
+    current = parent;
+  };
+  try {
+    setCurrentComponentAfterRender(restore);
+  } catch (error) {
+    restore();
+    throw error;
+  }
+}
+function useColor(id, kind) {
+  useInternalHookSlot("vizColorScaleLookup", () => void 0);
+  for (let scope = current; scope; scope = scope.parent) {
+    if (scope.id !== id) continue;
+    if (scope.canvas !== getCurrentBackendHostCanvas())
+      throw new Error("Color scale cannot cross a Layer boundary.");
+    if (scope.kind !== kind)
+      throw new TypeError(`Expected ${kind} color scale; found ${scope.kind}.`);
+    return scope.value;
+  }
+  throw new Error(
+    `Unknown color scale ${String(id)}; add the matching ancestor provider.`
+  );
+}
+export {
+  provideColor,
+  useColor
+};
+//# sourceMappingURL=color-context.js.map

package/dist/features/viz/lib/color-context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/features/viz/lib/color-context.ts"],
+  "sourcesContent": ["import { useComputed, type Signal } from \"@pibbl/core\";\nimport {\n  getCurrentBackendHostCanvas,\n  setCurrentComponentAfterRender,\n  useInternalHookSlot,\n} from \"@pibbl/core/internal\";\nimport type { ScaleId } from \"./types.js\";\ninterface Scope {\n  id: ScaleId;\n  kind: string;\n  value: Signal<unknown>;\n  canvas: ReturnType<typeof getCurrentBackendHostCanvas>;\n  parent: Scope | undefined;\n}\nlet current: Scope | undefined;\nexport function provideColor<T>(\n  id: ScaleId,\n  kind: string,\n  resolve: () => T,\n  deps: readonly unknown[],\n): void {\n  if ((typeof id !== \"string\" || id.length === 0) && typeof id !== \"symbol\")\n    throw new TypeError(\"Color scale id requires a nonempty string or symbol.\");\n  const value = useComputed(resolve, deps),\n    parent = current;\n  current = { id, kind, value, canvas: getCurrentBackendHostCanvas(), parent };\n  const restore = () => {\n    current = parent;\n  };\n  try {\n    setCurrentComponentAfterRender(restore);\n  } catch (error) {\n    restore();\n    throw error;\n  }\n}\nexport function useColor<T>(id: ScaleId, kind: string): Signal<T> {\n  useInternalHookSlot(\"vizColorScaleLookup\", () => undefined);\n  for (let scope = current; scope; scope = scope.parent) {\n    if (scope.id !== id) continue;\n    if (scope.canvas !== getCurrentBackendHostCanvas())\n      throw new Error(\"Color scale cannot cross a Layer boundary.\");\n    if (scope.kind !== kind)\n      throw new TypeError(`Expected ${kind} color scale; found ${scope.kind}.`);\n    return scope.value as Signal<T>;\n  }\n  throw new Error(\n    `Unknown color scale ${String(id)}; add the matching ancestor provider.`,\n  );\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP,IAAI;AACG,SAAS,aACd,IACA,MACA,SACA,MACM;AACN,OAAK,OAAO,OAAO,YAAY,GAAG,WAAW,MAAM,OAAO,OAAO;AAC/D,UAAM,IAAI,UAAU,sDAAsD;AAC5E,QAAM,QAAQ,YAAY,SAAS,IAAI,GACrC,SAAS;AACX,YAAU,EAAE,IAAI,MAAM,OAAO,QAAQ,4BAA4B,GAAG,OAAO;AAC3E,QAAM,UAAU,MAAM;AACpB,cAAU;AAAA,EACZ;AACA,MAAI;AACF,mCAA+B,OAAO;AAAA,EACxC,SAAS,OAAO;AACd,YAAQ;AACR,UAAM;AAAA,EACR;AACF;AACO,SAAS,SAAY,IAAa,MAAyB;AAChE,sBAAoB,uBAAuB,MAAM,MAAS;AAC1D,WAAS,QAAQ,SAAS,OAAO,QAAQ,MAAM,QAAQ;AACrD,QAAI,MAAM,OAAO,GAAI;AACrB,QAAI,MAAM,WAAW,4BAA4B;AAC/C,YAAM,IAAI,MAAM,4CAA4C;AAC9D,QAAI,MAAM,SAAS;AACjB,YAAM,IAAI,UAAU,YAAY,IAAI,uBAAuB,MAAM,IAAI,GAAG;AAC1E,WAAO,MAAM;AAAA,EACf;AACA,QAAM,IAAI;AAAA,IACR,uBAAuB,OAAO,EAAE,CAAC;AAAA,EACnC;AACF;",
+  "names": []
+}

package/dist/features/viz/lib/color-math.d.ts

@@ -0,0 +1,4 @@
+export declare function finiteColorValue(value: number): number;
+export declare function hexColor(color: string): string;
+export declare function colorMix(a: string, b: string, t: number): string;
+export declare function colorPosition(value: number, a: number, b: number): number;

package/dist/features/viz/lib/color-math.js

@@ -0,0 +1,31 @@
+function finiteColorValue(value) {
+  if (typeof value !== "number" || !Number.isFinite(value))
+    throw new RangeError("Color scale values must be finite numbers.");
+  return value;
+}
+function hexColor(color) {
+  if (typeof color !== "string" || !/^#[0-9a-f]{6}$/i.test(color))
+    throw new TypeError("Color scales require #RRGGBB colors.");
+  return color.toLowerCase();
+}
+function colorMix(a, b, t) {
+  return "#" + [1, 3, 5].map(
+    (i) => Math.round(
+      parseInt(a.slice(i, i + 2), 16) * (1 - t) + parseInt(b.slice(i, i + 2), 16) * t
+    ).toString(16).padStart(2, "0")
+  ).join("");
+}
+function colorPosition(value, a, b) {
+  if (a === b) return 0.5;
+  if (a < b && value <= a || a > b && value >= a) return 0;
+  if (a < b && value >= b || a > b && value <= b) return 1;
+  const span = b - a;
+  return Number.isFinite(span) ? (value - a) / span : (value / 2 - a / 2) / (b / 2 - a / 2);
+}
+export {
+  colorMix,
+  colorPosition,
+  finiteColorValue,
+  hexColor
+};
+//# sourceMappingURL=color-math.js.map

package/dist/features/viz/lib/color-math.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/features/viz/lib/color-math.ts"],
+  "sourcesContent": ["export function finiteColorValue(value: number): number {\n  if (typeof value !== \"number\" || !Number.isFinite(value))\n    throw new RangeError(\"Color scale values must be finite numbers.\");\n  return value;\n}\nexport function hexColor(color: string): string {\n  if (typeof color !== \"string\" || !/^#[0-9a-f]{6}$/i.test(color))\n    throw new TypeError(\"Color scales require #RRGGBB colors.\");\n  return color.toLowerCase();\n}\nexport function colorMix(a: string, b: string, t: number): string {\n  return (\n    \"#\" +\n    [1, 3, 5]\n      .map((i) =>\n        Math.round(\n          parseInt(a.slice(i, i + 2), 16) * (1 - t) +\n            parseInt(b.slice(i, i + 2), 16) * t,\n        )\n          .toString(16)\n          .padStart(2, \"0\"),\n      )\n      .join(\"\")\n  );\n}\nexport function colorPosition(value: number, a: number, b: number): number {\n  if (a === b) return 0.5;\n  if ((a < b && value <= a) || (a > b && value >= a)) return 0;\n  if ((a < b && value >= b) || (a > b && value <= b)) return 1;\n  const span = b - a;\n  return Number.isFinite(span)\n    ? (value - a) / span\n    : (value / 2 - a / 2) / (b / 2 - a / 2);\n}\n"],
+  "mappings": "AAAO,SAAS,iBAAiB,OAAuB;AACtD,MAAI,OAAO,UAAU,YAAY,CAAC,OAAO,SAAS,KAAK;AACrD,UAAM,IAAI,WAAW,4CAA4C;AACnE,SAAO;AACT;AACO,SAAS,SAAS,OAAuB;AAC9C,MAAI,OAAO,UAAU,YAAY,CAAC,kBAAkB,KAAK,KAAK;AAC5D,UAAM,IAAI,UAAU,sCAAsC;AAC5D,SAAO,MAAM,YAAY;AAC3B;AACO,SAAS,SAAS,GAAW,GAAW,GAAmB;AAChE,SACE,MACA,CAAC,GAAG,GAAG,CAAC,EACL;AAAA,IAAI,CAAC,MACJ,KAAK;AAAA,MACH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,KAAK,IAAI,KACrC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI;AAAA,IACtC,EACG,SAAS,EAAE,EACX,SAAS,GAAG,GAAG;AAAA,EACpB,EACC,KAAK,EAAE;AAEd;AACO,SAAS,cAAc,OAAe,GAAW,GAAmB;AACzE,MAAI,MAAM,EAAG,QAAO;AACpB,MAAK,IAAI,KAAK,SAAS,KAAO,IAAI,KAAK,SAAS,EAAI,QAAO;AAC3D,MAAK,IAAI,KAAK,SAAS,KAAO,IAAI,KAAK,SAAS,EAAI,QAAO;AAC3D,QAAM,OAAO,IAAI;AACjB,SAAO,OAAO,SAAS,IAAI,KACtB,QAAQ,KAAK,QACb,QAAQ,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI;AACzC;",
+  "names": []
+}