@pibbl/core 0.0.1 → 0.0.2

package/dist/features/viz/lib/axis.js

@@ -1,49 +1,9 @@
 import { jsx } from "@pibbl/core/jsx-runtime";
-import { Path, Text, resolveSignalValue } from "@pibbl/core";
+import { Path, Text, resolveSignalValue, useCanvasContext } from "@pibbl/core";
 import { lookupScale } from "./scale-context.js";
 import { width, opacity } from "./paint.js";
-function ticks(scale, props) {
-  if (props.tickValues !== void 0 && props.tickCount !== void 0)
-    throw new TypeError("Axis tickValues and tickCount are mutually exclusive.");
-  const explicit = props.tickValues === void 0 ? void 0 : resolveSignalValue(props.tickValues);
-  if (explicit !== void 0) {
-    if (!Array.isArray(explicit) || explicit.length > 100)
-      throw new RangeError("Axis tickValues must be an array with at most 100 values.");
-    const seen = /* @__PURE__ */ new Set();
-    for (const value of explicit) {
-      if (seen.has(value)) throw new RangeError("Axis tickValues must not contain duplicates.");
-      seen.add(value);
-      if (scale.type === "linear") {
-        if (typeof value !== "number" || !Number.isFinite(value))
-          throw new TypeError("Axis tickValues for a linear scale must be finite numbers.");
-        const [a, b] = scale.domain;
-        if (value < Math.min(a, b) || value > Math.max(a, b))
-          throw new RangeError("Axis tickValues must be within the scale domain.");
-      } else if (typeof value !== "string" && (typeof value !== "number" || !Number.isFinite(value)) || scale.map(value) === void 0) {
-        throw new RangeError("Axis tickValues must be known band categories.");
-      }
-    }
-    return explicit;
-  }
-  const count = resolveSignalValue(props.tickCount ?? 5);
-  if (!Number.isInteger(count) || count < 0 || count > 100)
-    throw new RangeError("Axis tickCount must be an integer from 0 to 100.");
-  if (count === 0) return [];
-  if (scale.type === "linear")
-    return count === 1 ? [scale.domain[0]] : scale.ticks(count);
-  const n = scale.domain.length;
-  if (n === 0) return [];
-  if (count === 1) return [scale.domain[0]];
-  const m = Math.min(count, n);
-  if (m === 1) return [scale.domain[0]];
-  return Array.from(
-    { length: m },
-    (_, index) => scale.domain[Math.round(index * (n - 1) / (m - 1))]
-  );
-}
-function position(scale, value) {
-  return scale.type === "band" ? scale.map(value) + scale.bandwidth / 2 : scale.map(value);
-}
+import { fitAxisLabel } from "./axis-labels.js";
+import { ticks, position } from "./scale-ticks.js";
 function Axis(props) {
   if (props.position !== "bottom" && props.position !== "left" && props.position !== "top" && props.position !== "right")
     throw new TypeError("Axis position must be bottom, left, top, or right.");
@@ -60,6 +20,48 @@ function Axis(props) {
   const outward = props.position === "bottom" || props.position === "right" ? 1 : -1;
   const baseline = horizontal ? props.position === "bottom" ? scale.frame.height : 0 : props.position === "right" ? scale.frame.width : 0;
   const selected = ticks(scale, props);
+  const context = useCanvasContext();
+  const overlap = resolveSignalValue(props.labelOverlap ?? "allow");
+  const gap = resolveSignalValue(props.labelGap ?? 8);
+  if (overlap !== "allow" && overlap !== "skip") throw new TypeError("Axis labelOverlap must be allow or skip.");
+  if (!Number.isFinite(gap) || gap < 0) throw new RangeError("Axis labelGap must be finite and nonnegative.");
+  const overflow = resolveSignalValue(props.labelOverflow ?? "allow");
+  const maxWidth = props.labelMaxWidth === void 0 ? void 0 : resolveSignalValue(props.labelMaxWidth);
+  const maxLines = resolveSignalValue(props.labelMaxLines ?? 2);
+  const lineHeightInput = props.labelLineHeight === void 0 ? void 0 : resolveSignalValue(props.labelLineHeight);
+  if (!["allow", "wrap", "truncate"].includes(overflow)) throw new TypeError("Axis labelOverflow must be allow, wrap, or truncate.");
+  if (overflow !== "allow" && maxWidth === void 0 || maxWidth !== void 0 && (!Number.isFinite(maxWidth) || maxWidth <= 0)) throw new RangeError("Axis labelMaxWidth must be positive and finite for wrap/truncate.");
+  if (!Number.isInteger(maxLines) || maxLines < 1 || maxLines > 20) throw new RangeError("Axis labelMaxLines must be an integer from 1 to 20.");
+  if (lineHeightInput !== void 0 && (!Number.isFinite(lineHeightInput) || lineHeightInput <= 0)) throw new RangeError("Axis labelLineHeight must be positive and finite.");
+  let lineHeight = 0;
+  const lines = [];
+  const occupied = [];
+  const visible = /* @__PURE__ */ new Set();
+  const texts = selected.map((value, index) => {
+    const label = props.tickFormat ? props.tickFormat(value, index) : scale.type === "utc" ? scale.formatTick(value) : typeof value === "number" ? String(Number(value.toPrecision(6))) : value;
+    if (typeof label !== "string") throw new TypeError("Axis tickFormat must return a string.");
+    return label;
+  });
+  const order = selected.map((value, index) => ({ index, p: position(scale, value) })).sort((a, b) => a.p - b.p);
+  const priority = order.length > 1 ? [order[0], order[order.length - 1], ...order.slice(1, -1)] : order;
+  context.save();
+  try {
+    context.font = font;
+    const fontMetrics = context.measureText("Mg");
+    lineHeight = lineHeightInput ?? Math.ceil(fontMetrics.actualBoundingBoxAscent + fontMetrics.actualBoundingBoxDescent + 4);
+    for (const text of texts) lines.push(fitAxisLabel(context, text, maxWidth ?? Infinity, overflow, maxLines));
+    for (const { index, p } of priority) {
+      const metrics = lines[index].map((text) => context.measureText(text));
+      const size = horizontal ? Math.max(...metrics.map((m) => m.width)) : (lines[index].length - 1) * lineHeight + Math.max(...metrics.map((m) => m.actualBoundingBoxAscent + m.actualBoundingBoxDescent));
+      const interval = { start: p - size / 2, end: p + size / 2 };
+      if (overlap === "allow" || occupied.every((other) => interval.end + gap <= other.start || interval.start >= other.end + gap)) {
+        visible.add(index);
+        occupied.push(interval);
+      }
+    }
+  } finally {
+    context.restore();
+  }
   const path = new Path2D();
   if (horizontal) {
     path.moveTo(scale.range[0], baseline);
@@ -77,16 +79,14 @@ function Axis(props) {
       path.moveTo(baseline, p);
       path.lineTo(baseline + outward * 6, p);
     }
-    const label = props.tickFormat ? props.tickFormat(value, index) : typeof value === "number" ? String(Number(value.toPrecision(6))) : value;
-    if (typeof label !== "string")
-      throw new TypeError("Axis tickFormat must return a string.");
-    return /* @__PURE__ */ jsx(
+    if (!visible.has(index)) return null;
+    return lines[index].map((label, lineIndex) => /* @__PURE__ */ jsx(
       Text,
       {
         pointerEvents: "none",
         style: {
           left: horizontal ? p : baseline + outward * 10,
-          top: horizontal ? baseline + outward * 10 : p,
+          top: horizontal ? baseline + outward * 10 + (outward > 0 ? lineIndex : lineIndex - lines[index].length + 1) * lineHeight : p + (lineIndex - (lines[index].length - 1) / 2) * lineHeight,
           fill,
           font,
           opacity: alpha,
@@ -95,8 +95,8 @@ function Axis(props) {
         },
         children: label
       },
-      index
-    );
+      `${index}:${lineIndex}`
+    ));
   });
   return [
     /* @__PURE__ */ jsx(

package/dist/features/viz/lib/axis.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/features/viz/lib/axis.tsx"],
-  "sourcesContent": ["import { Path, Text, resolveSignalValue } from \"@pibbl/core\";\nimport type { AxisProps, BandCategory, ResolvedScale } from \"./types.js\";\nimport { lookupScale } from \"./scale-context.js\";\nimport { width, opacity } from \"./paint.js\";\n\ntype Tick = number | string;\n\nfunction ticks(scale: ResolvedScale, props: AxisProps): readonly Tick[] {\n  if (props.tickValues !== undefined && props.tickCount !== undefined)\n    throw new TypeError(\"Axis tickValues and tickCount are mutually exclusive.\");\n  const explicit = props.tickValues === undefined\n    ? undefined\n    : resolveSignalValue(props.tickValues);\n  if (explicit !== undefined) {\n    if (!Array.isArray(explicit) || explicit.length > 100)\n      throw new RangeError(\"Axis tickValues must be an array with at most 100 values.\");\n    const seen = new Set<Tick>();\n    for (const value of explicit) {\n      if (seen.has(value)) throw new RangeError(\"Axis tickValues must not contain duplicates.\");\n      seen.add(value);\n      if (scale.type === \"linear\") {\n        if (typeof value !== \"number\" || !Number.isFinite(value))\n          throw new TypeError(\"Axis tickValues for a linear scale must be finite numbers.\");\n        const [a, b] = scale.domain;\n        if (value < Math.min(a, b) || value > Math.max(a, b))\n          throw new RangeError(\"Axis tickValues must be within the scale domain.\");\n      } else if (\n        (typeof value !== \"string\" &&\n          (typeof value !== \"number\" || !Number.isFinite(value))) ||\n        scale.map(value as BandCategory) === undefined\n      ) {\n        throw new RangeError(\"Axis tickValues must be known band categories.\");\n      }\n    }\n    return explicit;\n  }\n  const count = resolveSignalValue(props.tickCount ?? 5);\n  if (!Number.isInteger(count) || count < 0 || count > 100)\n    throw new RangeError(\"Axis tickCount must be an integer from 0 to 100.\");\n  if (count === 0) return [];\n  if (scale.type === \"linear\")\n    return count === 1 ? [scale.domain[0]] : scale.ticks(count);\n  const n = scale.domain.length;\n  if (n === 0) return [];\n  if (count === 1) return [scale.domain[0]];\n  const m = Math.min(count, n);\n  if (m === 1) return [scale.domain[0]];\n  return Array.from(\n    { length: m },\n    (_, index) => scale.domain[Math.round((index * (n - 1)) / (m - 1))]!,\n  );\n}\n\nfunction position(scale: ResolvedScale, value: Tick): number {\n  return scale.type === \"band\"\n    ? scale.map(value as BandCategory)! + scale.bandwidth / 2\n    : scale.map(value as number);\n}\n\n/**\n * Draws ticks and labels using a named scale and the configured orientation and style.\n *\n * @param props - Scale, orientation, tick, label, and styling options. See {@link AxisProps}.\n * @returns Pibbl nodes drawing the axis.\n *\n * @see {@link AxisProps}\n */\nexport function Axis(props: AxisProps) {\n  if (\n    props.position !== \"bottom\" &&\n    props.position !== \"left\" &&\n    props.position !== \"top\" &&\n    props.position !== \"right\"\n  )\n    throw new TypeError(\"Axis position must be bottom, left, top, or right.\");\n  const source = lookupScale(props.scale, \"Axis\");\n  if (!source) throw new TypeError(\"Axis requires a scale ID.\");\n  const scale = source.get();\n  const style = resolveSignalValue(props.style) ?? {};\n  const stroke = resolveSignalValue(style.stroke) ?? \"#64748b\";\n  const strokeWidth = width(resolveSignalValue(style.strokeWidth) ?? 1, \"Axis\");\n  const fill = resolveSignalValue(style.fill) ?? \"#64748b\";\n  const font = resolveSignalValue(style.font) ?? \"12px sans-serif\";\n  const alpha = opacity(resolveSignalValue(style.opacity) ?? 1, \"Axis\");\n  const horizontal = props.position === \"bottom\" || props.position === \"top\";\n  const outward = props.position === \"bottom\" || props.position === \"right\" ? 1 : -1;\n  const baseline = horizontal\n    ? props.position === \"bottom\" ? scale.frame.height : 0\n    : props.position === \"right\" ? scale.frame.width : 0;\n  const selected = ticks(scale, props);\n  const path = new Path2D();\n  if (horizontal) {\n    path.moveTo(scale.range[0], baseline);\n    path.lineTo(scale.range[1], baseline);\n  } else {\n    path.moveTo(baseline, scale.range[0]);\n    path.lineTo(baseline, scale.range[1]);\n  }\n  const labels = selected.map((value, index) => {\n    const p = position(scale, value);\n    if (horizontal) {\n      path.moveTo(p, baseline);\n      path.lineTo(p, baseline + outward * 6);\n    } else {\n      path.moveTo(baseline, p);\n      path.lineTo(baseline + outward * 6, p);\n    }\n    const label = props.tickFormat\n      ? props.tickFormat(value, index)\n      : typeof value === \"number\"\n        ? String(Number(value.toPrecision(6)))\n        : value;\n    if (typeof label !== \"string\")\n      throw new TypeError(\"Axis tickFormat must return a string.\");\n    return (\n      <Text\n        key={index}\n        pointerEvents=\"none\"\n        style={{\n          left: horizontal ? p : baseline + outward * 10,\n          top: horizontal ? baseline + outward * 10 : p,\n          fill,\n          font,\n          opacity: alpha,\n          textAlign: horizontal ? \"center\" : outward < 0 ? \"right\" : \"left\",\n          textBaseline: horizontal ? outward > 0 ? \"top\" : \"bottom\" : \"middle\",\n        }}\n      >\n        {label}\n      </Text>\n    );\n  });\n  return [\n    <Path\n      key=\"axis\"\n      pointerEvents=\"none\"\n      style={{ d: path, stroke, strokeWidth, opacity: alpha }}\n    />,\n    labels,\n  ];\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Path, Text, resolveSignalValue, useCanvasContext } from \"@pibbl/core\";\nimport type { AxisProps } from \"./types.js\";\nimport { lookupScale } from \"./scale-context.js\";\nimport { width, opacity } from \"./paint.js\";\n\nimport { fitAxisLabel } from \"./axis-labels.js\";\n\nimport { ticks, position } from \"./scale-ticks.js\";\n\n/**\n * Draws ticks and labels using a named scale and the configured orientation and style.\n *\n * @param props - Scale, orientation, tick, label, and styling options. See {@link AxisProps}.\n * @returns Pibbl nodes drawing the axis.\n *\n * @see {@link AxisProps}\n */\nexport function Axis(props: AxisProps) {\n  if (\n    props.position !== \"bottom\" &&\n    props.position !== \"left\" &&\n    props.position !== \"top\" &&\n    props.position !== \"right\"\n  )\n    throw new TypeError(\"Axis position must be bottom, left, top, or right.\");\n  const source = lookupScale(props.scale, \"Axis\");\n  if (!source) throw new TypeError(\"Axis requires a scale ID.\");\n  const scale = source.get();\n  const style = resolveSignalValue(props.style) ?? {};\n  const stroke = resolveSignalValue(style.stroke) ?? \"#64748b\";\n  const strokeWidth = width(resolveSignalValue(style.strokeWidth) ?? 1, \"Axis\");\n  const fill = resolveSignalValue(style.fill) ?? \"#64748b\";\n  const font = resolveSignalValue(style.font) ?? \"12px sans-serif\";\n  const alpha = opacity(resolveSignalValue(style.opacity) ?? 1, \"Axis\");\n  const horizontal = props.position === \"bottom\" || props.position === \"top\";\n  const outward = props.position === \"bottom\" || props.position === \"right\" ? 1 : -1;\n  const baseline = horizontal\n    ? props.position === \"bottom\" ? scale.frame.height : 0\n    : props.position === \"right\" ? scale.frame.width : 0;\n  const selected = ticks(scale, props);\n  const context = useCanvasContext();\n  const overlap = resolveSignalValue(props.labelOverlap ?? \"allow\");\n  const gap = resolveSignalValue(props.labelGap ?? 8);\n  if (overlap !== \"allow\" && overlap !== \"skip\") throw new TypeError(\"Axis labelOverlap must be allow or skip.\");\n  if (!Number.isFinite(gap) || gap < 0) throw new RangeError(\"Axis labelGap must be finite and nonnegative.\");\n  const overflow = resolveSignalValue(props.labelOverflow ?? \"allow\");\n  const maxWidth = props.labelMaxWidth === undefined ? undefined : resolveSignalValue(props.labelMaxWidth);\n  const maxLines = resolveSignalValue(props.labelMaxLines ?? 2);\n  const lineHeightInput = props.labelLineHeight === undefined ? undefined : resolveSignalValue(props.labelLineHeight);\n  if (![\"allow\", \"wrap\", \"truncate\"].includes(overflow)) throw new TypeError(\"Axis labelOverflow must be allow, wrap, or truncate.\");\n  if ((overflow !== \"allow\" && maxWidth === undefined) || (maxWidth !== undefined && (!Number.isFinite(maxWidth) || maxWidth <= 0))) throw new RangeError(\"Axis labelMaxWidth must be positive and finite for wrap/truncate.\");\n  if (!Number.isInteger(maxLines) || maxLines < 1 || maxLines > 20) throw new RangeError(\"Axis labelMaxLines must be an integer from 1 to 20.\");\n  if (lineHeightInput !== undefined && (!Number.isFinite(lineHeightInput) || lineHeightInput <= 0)) throw new RangeError(\"Axis labelLineHeight must be positive and finite.\");\n  let lineHeight = 0;\n  const lines: (readonly string[])[] = [];\n  const occupied: { start: number; end: number }[] = [];\n  const visible = new Set<number>();\n  const texts = selected.map((value, index) => {\n    const label = props.tickFormat ? props.tickFormat(value, index)\n      : scale.type === \"utc\" ? scale.formatTick(value as number)\n      : typeof value === \"number\" ? String(Number(value.toPrecision(6))) : value;\n    if (typeof label !== \"string\") throw new TypeError(\"Axis tickFormat must return a string.\");\n    return label;\n  });\n  // Endpoints have priority; sort by physical position for reversed ranges too.\n  const order = selected.map((value, index) => ({ index, p: position(scale, value) })).sort((a, b) => a.p - b.p);\n  const priority = order.length > 1 ? [order[0], order[order.length - 1], ...order.slice(1, -1)] : order;\n  context.save();\n  try {\n    context.font = font;\n    const fontMetrics = context.measureText(\"Mg\");\n    lineHeight = lineHeightInput ?? Math.ceil(fontMetrics.actualBoundingBoxAscent + fontMetrics.actualBoundingBoxDescent + 4);\n    for (const text of texts) lines.push(fitAxisLabel(context, text, maxWidth ?? Infinity, overflow, maxLines));\n    for (const { index, p } of priority) {\n      const metrics = lines[index].map(text => context.measureText(text));\n      const size = horizontal ? Math.max(...metrics.map(m => m.width)) : (lines[index].length - 1) * lineHeight + Math.max(...metrics.map(m => m.actualBoundingBoxAscent + m.actualBoundingBoxDescent));\n      const interval = { start: p - size / 2, end: p + size / 2 };\n      if (overlap === \"allow\" || occupied.every(other => interval.end + gap <= other.start || interval.start >= other.end + gap)) {\n        visible.add(index); occupied.push(interval);\n      }\n    }\n  } finally { context.restore(); }\n  const path = new Path2D();\n  if (horizontal) {\n    path.moveTo(scale.range[0], baseline);\n    path.lineTo(scale.range[1], baseline);\n  } else {\n    path.moveTo(baseline, scale.range[0]);\n    path.lineTo(baseline, scale.range[1]);\n  }\n  const labels = selected.map((value, index) => {\n    const p = position(scale, value);\n    if (horizontal) {\n      path.moveTo(p, baseline);\n      path.lineTo(p, baseline + outward * 6);\n    } else {\n      path.moveTo(baseline, p);\n      path.lineTo(baseline + outward * 6, p);\n    }\n    if (!visible.has(index)) return null;\n    return lines[index].map((label, lineIndex) => (\n      <Text\n        key={`${index}:${lineIndex}`}\n        pointerEvents=\"none\"\n        style={{\n          left: horizontal ? p : baseline + outward * 10,\n          top: horizontal ? baseline + outward * 10 + (outward > 0 ? lineIndex : lineIndex - lines[index].length + 1) * lineHeight : p + (lineIndex - (lines[index].length - 1) / 2) * lineHeight,\n          fill,\n          font,\n          opacity: alpha,\n          textAlign: horizontal ? \"center\" : outward < 0 ? \"right\" : \"left\",\n          textBaseline: horizontal ? outward > 0 ? \"top\" : \"bottom\" : \"middle\",\n        }}\n      >\n        {label}\n      </Text>\n    ));\n  });\n  return [\n    <Path\n      key=\"axis\"\n      pointerEvents=\"none\"\n      style={{ d: path, stroke, strokeWidth, opacity: alpha }}\n    />,\n    labels,\n  ];\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/features/viz/lib/bar-scale.d.ts

@@ -0,0 +1,7 @@
+import type { BarScaleProps } from "./types.js";
+/**
+ * Provides categorical bands, including nested groups sized to a parent band.
+ * @param props - Categories, spacing, range, and children. See {@link BarScaleProps}.
+ * @returns Descendant content within the scale scope.
+ */
+export declare function BarScale(props: BarScaleProps): import("@pibbl/core").PibblNode;

package/dist/features/viz/lib/bar-scale.js

@@ -0,0 +1,34 @@
+import { resolveSignalValue, useComputed, useLayoutBox } from "@pibbl/core";
+import { resolveBandScale } from "./band-scale.js";
+import { captureScaleLookup } from "./scale-context.js";
+import { useScaleProvider } from "./scale-provider.js";
+function BarScale(props) {
+  const { width, height } = useLayoutBox();
+  const lookup = captureScaleLookup("BarScale bandwidthOf");
+  function resolveParent() {
+    const range = resolveSignalValue(props.range);
+    if (typeof range !== "object" || range === null || !("bandwidthOf" in range)) return void 0;
+    const parent2 = lookup(range.bandwidthOf)?.get();
+    if (!parent2 || parent2.type !== "band") throw new TypeError("BarScale bandwidthOf requires an ancestor band scale.");
+    return parent2;
+  }
+  const parent = useComputed(resolveParent, [props.range, lookup]).get();
+  useScaleProvider(props.id, "band", () => {
+    const currentParent = resolveParent();
+    const range = currentParent ? [0, currentParent.bandwidth] : resolveSignalValue(props.range);
+    return resolveBandScale(
+      resolveSignalValue(props.domain),
+      range,
+      resolveSignalValue(props.reverse ?? false),
+      width,
+      height,
+      resolveSignalValue(props.paddingInner ?? 0),
+      resolveSignalValue(props.paddingOuter ?? 0)
+    );
+  }, [parent, props.domain, props.range, props.reverse, props.paddingInner, props.paddingOuter, width, height]);
+  return props.children;
+}
+export {
+  BarScale
+};
+//# sourceMappingURL=bar-scale.js.map

package/dist/features/viz/lib/bar-scale.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/features/viz/lib/bar-scale.ts"],
+  "sourcesContent": ["import { resolveSignalValue, useComputed, useLayoutBox } from \"@pibbl/core\";\nimport type { BarScaleProps, ScaleRange } from \"./types.js\";\nimport { resolveBandScale } from \"./band-scale.js\";\nimport { captureScaleLookup } from \"./scale-context.js\";\nimport { useScaleProvider } from \"./scale-provider.js\";\n/**\n * Provides categorical bands, including nested groups sized to a parent band.\n * @param props - Categories, spacing, range, and children. See {@link BarScaleProps}.\n * @returns Descendant content within the scale scope.\n */\nexport function BarScale(props: BarScaleProps) {\n  const { width, height } = useLayoutBox();\n  const lookup = captureScaleLookup(\"BarScale bandwidthOf\");\n  function resolveParent() {\n    const range = resolveSignalValue(props.range);\n    if (typeof range !== \"object\" || range === null || !(\"bandwidthOf\" in range)) return undefined;\n    const parent = lookup(range.bandwidthOf)?.get();\n    if (!parent || parent.type !== \"band\") throw new TypeError(\"BarScale bandwidthOf requires an ancestor band scale.\");\n    return parent;\n  }\n  const parent = useComputed(resolveParent, [props.range, lookup]).get();\n  useScaleProvider(props.id, \"band\", () => {\n    const currentParent = resolveParent();\n    const range: ScaleRange = currentParent ? [0, currentParent.bandwidth] : resolveSignalValue(props.range) as ScaleRange;\n    return resolveBandScale(resolveSignalValue(props.domain), range,\n      resolveSignalValue(props.reverse ?? false), width, height,\n      resolveSignalValue(props.paddingInner ?? 0), resolveSignalValue(props.paddingOuter ?? 0));\n  }, [parent, props.domain, props.range, props.reverse, props.paddingInner, props.paddingOuter, width, height]);\n  return props.children;\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB,aAAa,oBAAoB;AAE9D,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AAM1B,SAAS,SAAS,OAAsB;AAC7C,QAAM,EAAE,OAAO,OAAO,IAAI,aAAa;AACvC,QAAM,SAAS,mBAAmB,sBAAsB;AACxD,WAAS,gBAAgB;AACvB,UAAM,QAAQ,mBAAmB,MAAM,KAAK;AAC5C,QAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,EAAE,iBAAiB,OAAQ,QAAO;AACrF,UAAMA,UAAS,OAAO,MAAM,WAAW,GAAG,IAAI;AAC9C,QAAI,CAACA,WAAUA,QAAO,SAAS,OAAQ,OAAM,IAAI,UAAU,uDAAuD;AAClH,WAAOA;AAAA,EACT;AACA,QAAM,SAAS,YAAY,eAAe,CAAC,MAAM,OAAO,MAAM,CAAC,EAAE,IAAI;AACrE,mBAAiB,MAAM,IAAI,QAAQ,MAAM;AACvC,UAAM,gBAAgB,cAAc;AACpC,UAAM,QAAoB,gBAAgB,CAAC,GAAG,cAAc,SAAS,IAAI,mBAAmB,MAAM,KAAK;AACvG,WAAO;AAAA,MAAiB,mBAAmB,MAAM,MAAM;AAAA,MAAG;AAAA,MACxD,mBAAmB,MAAM,WAAW,KAAK;AAAA,MAAG;AAAA,MAAO;AAAA,MACnD,mBAAmB,MAAM,gBAAgB,CAAC;AAAA,MAAG,mBAAmB,MAAM,gBAAgB,CAAC;AAAA,IAAC;AAAA,EAC5F,GAAG,CAAC,QAAQ,MAAM,QAAQ,MAAM,OAAO,MAAM,SAAS,MAAM,cAAc,MAAM,cAAc,OAAO,MAAM,CAAC;AAC5G,SAAO,MAAM;AACf;",
+  "names": ["parent"]
+}

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

@@ -8,7 +8,8 @@ import {
 } from "@pibbl/core";
 import { withHooksForbidden } from "@pibbl/core/internal";
 import { lookupScale } from "./scale-context.js";
-import { useScale } from "./use-scale.js";
+import { useContinuousScale } from "./use-continuous-scale.js";
+import { useBarScale } from "./use-bar-scale.js";
 import { pointAccessor, pointData, finiteCoordinate } from "./point-data.js";
 import { opacity, width } from "./paint.js";
 import { barFill } from "./bar-fill.js";
@@ -29,9 +30,9 @@ function BarSeries({
   pointerEvents,
   ...events
 }) {
-  const categories = useScale(categoryScale, "band").get();
-  const values = useScale(valueScale).get();
-  const groups = lookupScale(groupScale, "BarSeries groupScale", "band")?.get();
+  const categories = useBarScale(categoryScale).get();
+  const values = useContinuousScale(valueScale).get();
+  const groups = lookupScale(groupScale, "BarSeries groupScale")?.get();
   if (group === void 0 !== (groupScale === void 0))
     throw new TypeError("BarSeries requires group and groupScale together.");
   if (groups && groups.type !== "band")

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/features/viz/lib/bar-series.tsx"],
-  "sourcesContent": ["import {\n  Group,\n  isSignal,\n  Rectangle,\n  resolveSignalValue,\n  useCanvasContext,\n} from \"@pibbl/core\";\nimport type {\n  PibblEventHandlers,\n  PibblEventParticipationOptions,\n  PibblNode,\n  FillStyle,\n  SignalValue,\n  StrokeStyle,\n} from \"@pibbl/core\";\nimport { withHooksForbidden } from \"@pibbl/core/internal\";\nimport { lookupScale } from \"./scale-context.js\";\nimport type { SignalStyle } from \"@pibbl/core/internal\";\nimport type { BandCategory, LineAccessor, ScaleId } from \"./types.js\";\nimport { useScale } from \"./use-scale.js\";\nimport { pointAccessor, pointData, finiteCoordinate } from \"./point-data.js\";\nimport { opacity, width } from \"./paint.js\";\n/**\n * A data property or callback that extracts a category, with nullish values treated as missing.\n *\n * @param datum - Datum whose category is being read.\n * @param index - Zero-based index in the source data.\n * @param data - Complete source data array.\n * @returns The category, or null/undefined to indicate a missing category. See\n * {@link BandCategory} .\n *\n * @see {@link BandCategory}\n * @see {@link BarSeriesProps}\n */\nexport type BarCategoryAccessor<D> =\n  | {\n      [K in keyof D]-?: D[K] extends BandCategory | null | undefined\n        ? K\n        : never;\n    }[keyof D]\n  | ((\n      datum: D,\n      index: number,\n      data: readonly D[],\n    ) => BandCategory | null | undefined);\nimport { barFill, type BarThresholdFill } from \"./bar-fill.js\";\nexport type { BarThresholdFill } from \"./bar-fill.js\";\n/**\n * Supported geometry and presentation properties for BarSeries.\n *\n * @see {@link FillStyle}\n * @see {@link BarThresholdFill}\n * @see {@link StrokeStyle}\n * @see {@link BarStyleResolver}\n */\nexport interface BarSeriesStyle {\n  /** Width allocated to one categorical band. See {@link BarSeriesStyle}. */\n  readonly bandwidth?: number | \"auto\";\n  /** Paint used for the interior. See {@link FillStyle}, {@link BarThresholdFill}. */\n  readonly fill?: FillStyle | BarThresholdFill;\n  /** Paint used for the outline. See {@link StrokeStyle}. */\n  readonly stroke?: StrokeStyle;\n  /** Width of the painted outline. See {@link BarSeriesStyle}. */\n  readonly strokeWidth?: number;\n  /** Opacity of the painted result. See {@link BarSeriesStyle}. */\n  readonly opacity?: number;\n  /** Cursor shown while this target owns pointer presentation. See {@link BarSeriesStyle}. */\n  readonly cursor?: string;\n}\n/**\n * Computes bar styling from the datum, index, and source data.\n *\n * @param datum - Datum being styled.\n * @param index - Zero-based index in the source data.\n * @param data - Complete source data array.\n * @returns Style for this datum's bar. See {@link BarSeriesStyle}.\n *\n * @see {@link BarSeriesStyle}\n */\nexport type BarStyleResolver<D> = (\n  datum: D,\n  index: number,\n  data: readonly D[],\n) => BarSeriesStyle;\n/**\n * Shared data, category/value scales, orientation, filtering, and styling for bar variants.\n *\n * @see {@link BarCategoryAccessor}\n * @see {@link BarSeriesStyle}\n * @see {@link BarSeriesProps}\n */\ninterface BarSeriesBaseProps<D> extends PibblEventHandlers, PibblEventParticipationOptions {\n  /**\n   * Application data supplied to the component or reported by the event. See {@link SignalValue}.\n   */\n  readonly data: SignalValue<readonly D[]>;\n  /** Selects `\"vertical\"`, `\"horizontal\"` for orientation. See {@link BarSeriesBaseProps}. */\n  readonly orientation?: \"vertical\" | \"horizontal\";\n  /** Property or callback extracting a bar's discrete category. See {@link BarCategoryAccessor}. */\n  readonly category: BarCategoryAccessor<D>;\n  /** Band scale used to place categories. See {@link ScaleId}. */\n  readonly categoryScale: ScaleId;\n  /** Numeric scale used to map bar values. See {@link ScaleId}. */\n  readonly valueScale: ScaleId;\n  /**\n   * Selects the records that participate in the bar series. See {@link BarSeriesProps}.\n   * @param datum - Record to test.\n   * @param index - Zero-based index in the source array.\n   * @param data - Complete source data array.\n   * @returns Whether this record should contribute a bar.\n   */\n  readonly defined?: (datum: D, index: number, data: readonly D[]) => boolean;\n  /**\n   * Declared presentation and layout properties. See {@link SignalValue}, {@link SignalStyle},\n   * {@link BarSeriesStyle}, {@link BarStyleResolver}.\n   */\n  readonly style?: SignalValue<SignalStyle<BarSeriesStyle> | BarStyleResolver<D>>;\n}\n/**\n * Authored inputs for BarSeries, including the declared data and presentation options.\n *\n * @see {@link LineAccessor}\n * @see {@link SignalValue}\n * @see {@link BarCategoryAccessor}\n * @see {@link ScaleId}\n * @see {@link BarSeries}\n */\nexport type BarSeriesProps<D> = BarSeriesBaseProps<D> &\n  (\n    | {\n        /** Value associated with this sample, input, or result. See {@link LineAccessor}. */\n        readonly value: LineAccessor<D>;\n        /** Numeric value from which each ordinary bar starts. See {@link SignalValue}. */\n        readonly baseline?: SignalValue<number>;\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly valueStart?: never;\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly valueEnd?: never;\n      }\n    | {\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly value?: never;\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly baseline?: never;\n        /** Accessor for the beginning of a range bar. See {@link LineAccessor}. */\n        readonly valueStart: LineAccessor<D>;\n        /** Accessor for the end of a range bar. See {@link LineAccessor}. */\n        readonly valueEnd: LineAccessor<D>;\n      }\n  ) &\n  (\n    | {\n        /** Accessor identifying the subgroup of each bar. See {@link BarCategoryAccessor}. */\n        readonly group: BarCategoryAccessor<D>;\n        /** Band scale used to place subgroups within a category. See {@link ScaleId}. */\n        readonly groupScale: ScaleId;\n      }\n    | {\n        /** Accessor identifying the subgroup of each bar. See {@link BarSeriesProps}. */\n        readonly group?: never;\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly groupScale?: never;\n      }\n  );\n/**\n * Value bars in source order; rectangles supply ordinary paint and event geometry.\n *\n * @param props - Data, category and value accessors, scales, grouping, and styling. See\n * {@link BarSeriesProps} .\n * @returns Pibbl nodes drawing the bars.\n *\n * @see {@link BarSeriesProps}\n */\nexport function BarSeries<D>({\n  data: input,\n  orientation = \"vertical\",\n  category: categoryInput,\n  value: valueInput,\n  valueStart,\n  valueEnd,\n  categoryScale,\n  valueScale,\n  baseline,\n  group,\n  groupScale,\n  defined,\n  style: styleInput,\n  pointerEvents,\n  ...events\n}: BarSeriesProps<D>) {\n  const categories = useScale(categoryScale, \"band\").get();\n  const values = useScale(valueScale).get();\n  const groups = lookupScale(groupScale, \"BarSeries groupScale\", \"band\")?.get();\n  if ((group === undefined) !== (groupScale === undefined))\n    throw new TypeError(\"BarSeries requires group and groupScale together.\");\n  if (groups && groups.type !== \"band\")\n    throw new TypeError(\"BarSeries groupScale requires a band scale.\");\n  const groupValue =\n    typeof group === \"function\"\n      ? group\n      : (datum: D) =>\n          group === undefined\n            ? undefined\n            : (datum[group] as BandCategory | null | undefined);\n  const slotWidth =\n    groups?.type === \"band\" ? groups.bandwidth : categories.bandwidth;\n  if (orientation !== \"vertical\" && orientation !== \"horizontal\")\n    throw new TypeError(\"BarSeries orientation must be vertical or horizontal.\");\n  const data = pointData(resolveSignalValue(input), \"BarSeries\");\n  const category =\n    typeof categoryInput === \"function\"\n      ? categoryInput\n      : (datum: D) =>\n          datum[categoryInput] as BandCategory | null | undefined;\n  const ranged = valueStart !== undefined || valueEnd !== undefined;\n  if (\n    ranged\n      ? valueInput !== undefined ||\n        baseline !== undefined ||\n        valueStart === undefined ||\n        valueEnd === undefined\n      : valueInput === undefined\n  )\n    throw new TypeError(\n      \"BarSeries requires either value with optional baseline, or both valueStart and valueEnd without value or baseline.\",\n    );\n  const value = pointAccessor((ranged ? valueEnd : valueInput)!);\n  const startValue = ranged ? pointAccessor(valueStart!) : undefined;\n  const baselineValue = resolveSignalValue(baseline ?? 0);\n  const sharedBase = ranged ? undefined : values.map(baselineValue);\n  const specified = resolveSignalValue(styleInput);\n  const ctx = useCanvasContext();\n  function normalize(input: unknown, callback: boolean) {\n    if (!input || typeof input !== \"object\" || Array.isArray(input))\n      throw new TypeError(\"BarSeries style must be an object.\");\n    if (\n      callback &&\n      Object.getPrototypeOf(input) !== Object.prototype &&\n      Object.getPrototypeOf(input) !== null\n    )\n      throw new TypeError(\n        \"BarSeries datum style must be a plain synchronous object.\",\n      );\n    const style: Record<string, unknown> = {};\n    for (const key of Object.keys(input)) {\n      if (\n        ![\n          \"bandwidth\",\n          \"fill\",\n          \"stroke\",\n          \"strokeWidth\",\n          \"opacity\",\n          \"cursor\",\n        ].includes(key)\n      )\n        throw new TypeError(`BarSeries: unsupported style field ${key}.`);\n      const value = (input as Record<string, unknown>)[key];\n      if (callback && isSignal(value))\n        throw new TypeError(\n          \"BarSeries datum styles require plain values; read signals explicitly.\",\n        );\n      style[key] = callback ? value : resolveSignalValue(value);\n    }\n    const resolved = style as BarSeriesStyle;\n    if (resolved.cursor !== undefined && typeof resolved.cursor !== \"string\")\n      throw new TypeError(\"BarSeries cursor must be a string.\");\n    return {\n      bandwidth:\n        resolved.bandwidth === undefined || resolved.bandwidth === \"auto\"\n          ? slotWidth\n          : width(resolved.bandwidth, \"BarSeries bandwidth\"),\n      fill: barFill(ctx, resolved.fill ?? \"#2563eb\", (value) =>\n        values.map(value),\n        orientation,\n      ),\n      stroke: resolved.stroke,\n      strokeWidth: width(resolved.strokeWidth ?? 1, \"BarSeries strokeWidth\"),\n      alpha: opacity(resolved.opacity ?? 1, \"BarSeries\"),\n      cursor: resolved.cursor,\n    };\n  }\n  const shared =\n    typeof specified === \"function\"\n      ? undefined\n      : normalize(specified ?? {}, false);\n  const nodes: PibblNode[] = [];\n  for (let i = 0; i < data.length; i++) {\n    const datum = data[i];\n    if (defined && !defined(datum, i, data)) continue;\n    const c = category(datum, i, data),\n      v = value(datum, i, data),\n      from = startValue ? startValue(datum, i, data) : baselineValue;\n    if (c == null || !finiteCoordinate(v) || !finiteCoordinate(from)) continue;\n    const categoryStart = categories.map(c);\n    const g = groups ? groupValue(datum, i, data) : undefined;\n    const offset = groups ? (g == null ? undefined : groups.map(g)) : 0;\n    if (categoryStart === undefined || offset === undefined || slotWidth === 0)\n      continue;\n    const start = categoryStart + offset;\n    const { bandwidth, fill, stroke, strokeWidth, alpha, cursor } =\n      shared ??\n      normalize(\n        withHooksForbidden(\"BarSeries style callback\", () =>\n          (specified as BarStyleResolver<D>)(datum, i, data),\n        ),\n        true,\n      );\n    if (bandwidth === 0) continue;\n    const base = sharedBase ?? values.map(from);\n    const end = values.map(v);\n    const extent = Math.abs(end - base);\n    if (!Number.isFinite(extent))\n      throw new RangeError(\"BarSeries value extent must be finite.\");\n    if (extent === 0) continue;\n    const vertical = orientation === \"vertical\";\n    nodes.push(\n      <Rectangle\n        key={i}\n        pointerEvents={pointerEvents}\n        style={{\n          left: vertical ? start + (slotWidth - bandwidth) / 2 : Math.min(base, end),\n          top: vertical ? Math.min(base, end) : start + (slotWidth - bandwidth) / 2,\n          width: vertical ? bandwidth : extent,\n          height: vertical ? extent : bandwidth,\n          fill: fill(from, v),\n          stroke,\n          strokeWidth,\n          opacity: alpha,\n          cursor,\n        }}\n      />,\n    );\n  }\n  return <Group {...events}>{nodes}</Group>;\n}\n"],
-  "mappings": "AA2UM;AA3UN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAG5B,SAAS,gBAAgB;AACzB,SAAS,eAAe,WAAW,wBAAwB;AAC3D,SAAS,SAAS,aAAa;AAwB/B,SAAS,eAAsC;AA+IxC,SAAS,UAAa;AAAA,EAC3B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,aAAa,SAAS,eAAe,MAAM,EAAE,IAAI;AACvD,QAAM,SAAS,SAAS,UAAU,EAAE,IAAI;AACxC,QAAM,SAAS,YAAY,YAAY,wBAAwB,MAAM,GAAG,IAAI;AAC5E,MAAK,UAAU,YAAgB,eAAe;AAC5C,UAAM,IAAI,UAAU,mDAAmD;AACzE,MAAI,UAAU,OAAO,SAAS;AAC5B,UAAM,IAAI,UAAU,6CAA6C;AACnE,QAAM,aACJ,OAAO,UAAU,aACb,QACA,CAAC,UACC,UAAU,SACN,SACC,MAAM,KAAK;AACxB,QAAM,YACJ,QAAQ,SAAS,SAAS,OAAO,YAAY,WAAW;AAC1D,MAAI,gBAAgB,cAAc,gBAAgB;AAChD,UAAM,IAAI,UAAU,uDAAuD;AAC7E,QAAM,OAAO,UAAU,mBAAmB,KAAK,GAAG,WAAW;AAC7D,QAAM,WACJ,OAAO,kBAAkB,aACrB,gBACA,CAAC,UACC,MAAM,aAAa;AAC3B,QAAM,SAAS,eAAe,UAAa,aAAa;AACxD,MACE,SACI,eAAe,UACf,aAAa,UACb,eAAe,UACf,aAAa,SACb,eAAe;AAEnB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,QAAM,QAAQ,cAAe,SAAS,WAAW,UAAY;AAC7D,QAAM,aAAa,SAAS,cAAc,UAAW,IAAI;AACzD,QAAM,gBAAgB,mBAAmB,YAAY,CAAC;AACtD,QAAM,aAAa,SAAS,SAAY,OAAO,IAAI,aAAa;AAChE,QAAM,YAAY,mBAAmB,UAAU;AAC/C,QAAM,MAAM,iBAAiB;AAC7B,WAAS,UAAUA,QAAgB,UAAmB;AACpD,QAAI,CAACA,UAAS,OAAOA,WAAU,YAAY,MAAM,QAAQA,MAAK;AAC5D,YAAM,IAAI,UAAU,oCAAoC;AAC1D,QACE,YACA,OAAO,eAAeA,MAAK,MAAM,OAAO,aACxC,OAAO,eAAeA,MAAK,MAAM;AAEjC,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AACF,UAAM,QAAiC,CAAC;AACxC,eAAW,OAAO,OAAO,KAAKA,MAAK,GAAG;AACpC,UACE,CAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE,SAAS,GAAG;AAEd,cAAM,IAAI,UAAU,sCAAsC,GAAG,GAAG;AAClE,YAAMC,SAASD,OAAkC,GAAG;AACpD,UAAI,YAAY,SAASC,MAAK;AAC5B,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AACF,YAAM,GAAG,IAAI,WAAWA,SAAQ,mBAAmBA,MAAK;AAAA,IAC1D;AACA,UAAM,WAAW;AACjB,QAAI,SAAS,WAAW,UAAa,OAAO,SAAS,WAAW;AAC9D,YAAM,IAAI,UAAU,oCAAoC;AAC1D,WAAO;AAAA,MACL,WACE,SAAS,cAAc,UAAa,SAAS,cAAc,SACvD,YACA,MAAM,SAAS,WAAW,qBAAqB;AAAA,MACrD,MAAM;AAAA,QAAQ;AAAA,QAAK,SAAS,QAAQ;AAAA,QAAW,CAACA,WAC9C,OAAO,IAAIA,MAAK;AAAA,QAChB;AAAA,MACF;AAAA,MACA,QAAQ,SAAS;AAAA,MACjB,aAAa,MAAM,SAAS,eAAe,GAAG,uBAAuB;AAAA,MACrE,OAAO,QAAQ,SAAS,WAAW,GAAG,WAAW;AAAA,MACjD,QAAQ,SAAS;AAAA,IACnB;AAAA,EACF;AACA,QAAM,SACJ,OAAO,cAAc,aACjB,SACA,UAAU,aAAa,CAAC,GAAG,KAAK;AACtC,QAAM,QAAqB,CAAC;AAC5B,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,QAAQ,KAAK,CAAC;AACpB,QAAI,WAAW,CAAC,QAAQ,OAAO,GAAG,IAAI,EAAG;AACzC,UAAM,IAAI,SAAS,OAAO,GAAG,IAAI,GAC/B,IAAI,MAAM,OAAO,GAAG,IAAI,GACxB,OAAO,aAAa,WAAW,OAAO,GAAG,IAAI,IAAI;AACnD,QAAI,KAAK,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,IAAI,EAAG;AAClE,UAAM,gBAAgB,WAAW,IAAI,CAAC;AACtC,UAAM,IAAI,SAAS,WAAW,OAAO,GAAG,IAAI,IAAI;AAChD,UAAM,SAAS,SAAU,KAAK,OAAO,SAAY,OAAO,IAAI,CAAC,IAAK;AAClE,QAAI,kBAAkB,UAAa,WAAW,UAAa,cAAc;AACvE;AACF,UAAM,QAAQ,gBAAgB;AAC9B,UAAM,EAAE,WAAW,MAAM,QAAQ,aAAa,OAAO,OAAO,IAC1D,UACA;AAAA,MACE;AAAA,QAAmB;AAAA,QAA4B,MAC5C,UAAkC,OAAO,GAAG,IAAI;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AACF,QAAI,cAAc,EAAG;AACrB,UAAM,OAAO,cAAc,OAAO,IAAI,IAAI;AAC1C,UAAM,MAAM,OAAO,IAAI,CAAC;AACxB,UAAM,SAAS,KAAK,IAAI,MAAM,IAAI;AAClC,QAAI,CAAC,OAAO,SAAS,MAAM;AACzB,YAAM,IAAI,WAAW,wCAAwC;AAC/D,QAAI,WAAW,EAAG;AAClB,UAAM,WAAW,gBAAgB;AACjC,UAAM;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,OAAO;AAAA,YACL,MAAM,WAAW,SAAS,YAAY,aAAa,IAAI,KAAK,IAAI,MAAM,GAAG;AAAA,YACzE,KAAK,WAAW,KAAK,IAAI,MAAM,GAAG,IAAI,SAAS,YAAY,aAAa;AAAA,YACxE,OAAO,WAAW,YAAY;AAAA,YAC9B,QAAQ,WAAW,SAAS;AAAA,YAC5B,MAAM,KAAK,MAAM,CAAC;AAAA,YAClB;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT;AAAA,UACF;AAAA;AAAA,QAZK;AAAA,MAaP;AAAA,IACF;AAAA,EACF;AACA,SAAO,oBAAC,SAAO,GAAG,QAAS,iBAAM;AACnC;",
+  "sourcesContent": ["import {\n  Group,\n  isSignal,\n  Rectangle,\n  resolveSignalValue,\n  useCanvasContext,\n} from \"@pibbl/core\";\nimport type {\n  PibblEventHandlers,\n  PibblEventParticipationOptions,\n  PibblNode,\n  FillStyle,\n  SignalValue,\n  StrokeStyle,\n} from \"@pibbl/core\";\nimport { withHooksForbidden } from \"@pibbl/core/internal\";\nimport { lookupScale } from \"./scale-context.js\";\nimport type { SignalStyle } from \"@pibbl/core/internal\";\nimport type { BandCategory, LineAccessor, ScaleId } from \"./types.js\";\nimport { useContinuousScale } from \"./use-continuous-scale.js\";\nimport { useBarScale } from \"./use-bar-scale.js\";\nimport { pointAccessor, pointData, finiteCoordinate } from \"./point-data.js\";\nimport { opacity, width } from \"./paint.js\";\n/**\n * A data property or callback that extracts a category, with nullish values treated as missing.\n *\n * @param datum - Datum whose category is being read.\n * @param index - Zero-based index in the source data.\n * @param data - Complete source data array.\n * @returns The category, or null/undefined to indicate a missing category. See\n * {@link BandCategory} .\n *\n * @see {@link BandCategory}\n * @see {@link BarSeriesProps}\n */\nexport type BarCategoryAccessor<D> =\n  | {\n      [K in keyof D]-?: D[K] extends BandCategory | null | undefined\n        ? K\n        : never;\n    }[keyof D]\n  | ((\n      datum: D,\n      index: number,\n      data: readonly D[],\n    ) => BandCategory | null | undefined);\nimport { barFill, type BarThresholdFill } from \"./bar-fill.js\";\nexport type { BarThresholdFill } from \"./bar-fill.js\";\n/**\n * Supported geometry and presentation properties for BarSeries.\n *\n * @see {@link FillStyle}\n * @see {@link BarThresholdFill}\n * @see {@link StrokeStyle}\n * @see {@link BarStyleResolver}\n */\nexport interface BarSeriesStyle {\n  /** Width allocated to one categorical band. See {@link BarSeriesStyle}. */\n  readonly bandwidth?: number | \"auto\";\n  /** Paint used for the interior. See {@link FillStyle}, {@link BarThresholdFill}. */\n  readonly fill?: FillStyle | BarThresholdFill;\n  /** Paint used for the outline. See {@link StrokeStyle}. */\n  readonly stroke?: StrokeStyle;\n  /** Width of the painted outline. See {@link BarSeriesStyle}. */\n  readonly strokeWidth?: number;\n  /** Opacity of the painted result. See {@link BarSeriesStyle}. */\n  readonly opacity?: number;\n  /** Cursor shown while this target owns pointer presentation. See {@link BarSeriesStyle}. */\n  readonly cursor?: string;\n}\n/**\n * Computes bar styling from the datum, index, and source data.\n *\n * @param datum - Datum being styled.\n * @param index - Zero-based index in the source data.\n * @param data - Complete source data array.\n * @returns Style for this datum's bar. See {@link BarSeriesStyle}.\n *\n * @see {@link BarSeriesStyle}\n */\nexport type BarStyleResolver<D> = (\n  datum: D,\n  index: number,\n  data: readonly D[],\n) => BarSeriesStyle;\n/**\n * Shared data, category/value scales, orientation, filtering, and styling for bar variants.\n *\n * @see {@link BarCategoryAccessor}\n * @see {@link BarSeriesStyle}\n * @see {@link BarSeriesProps}\n */\ninterface BarSeriesBaseProps<D> extends PibblEventHandlers, PibblEventParticipationOptions {\n  /**\n   * Application data supplied to the component or reported by the event. See {@link SignalValue}.\n   */\n  readonly data: SignalValue<readonly D[]>;\n  /** Selects `\"vertical\"`, `\"horizontal\"` for orientation. See {@link BarSeriesBaseProps}. */\n  readonly orientation?: \"vertical\" | \"horizontal\";\n  /** Property or callback extracting a bar's discrete category. See {@link BarCategoryAccessor}. */\n  readonly category: BarCategoryAccessor<D>;\n  /** Band scale used to place categories. See {@link ScaleId}. */\n  readonly categoryScale: ScaleId;\n  /** Numeric scale used to map bar values. See {@link ScaleId}. */\n  readonly valueScale: ScaleId;\n  /**\n   * Selects the records that participate in the bar series. See {@link BarSeriesProps}.\n   * @param datum - Record to test.\n   * @param index - Zero-based index in the source array.\n   * @param data - Complete source data array.\n   * @returns Whether this record should contribute a bar.\n   */\n  readonly defined?: (datum: D, index: number, data: readonly D[]) => boolean;\n  /**\n   * Declared presentation and layout properties. See {@link SignalValue}, {@link SignalStyle},\n   * {@link BarSeriesStyle}, {@link BarStyleResolver}.\n   */\n  readonly style?: SignalValue<SignalStyle<BarSeriesStyle> | BarStyleResolver<D>>;\n}\n/**\n * Authored inputs for BarSeries, including the declared data and presentation options.\n *\n * @see {@link LineAccessor}\n * @see {@link SignalValue}\n * @see {@link BarCategoryAccessor}\n * @see {@link ScaleId}\n * @see {@link BarSeries}\n */\nexport type BarSeriesProps<D> = BarSeriesBaseProps<D> &\n  (\n    | {\n        /** Value associated with this sample, input, or result. See {@link LineAccessor}. */\n        readonly value: LineAccessor<D>;\n        /** Numeric value from which each ordinary bar starts. See {@link SignalValue}. */\n        readonly baseline?: SignalValue<number>;\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly valueStart?: never;\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly valueEnd?: never;\n      }\n    | {\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly value?: never;\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly baseline?: never;\n        /** Accessor for the beginning of a range bar. See {@link LineAccessor}. */\n        readonly valueStart: LineAccessor<D>;\n        /** Accessor for the end of a range bar. See {@link LineAccessor}. */\n        readonly valueEnd: LineAccessor<D>;\n      }\n  ) &\n  (\n    | {\n        /** Accessor identifying the subgroup of each bar. See {@link BarCategoryAccessor}. */\n        readonly group: BarCategoryAccessor<D>;\n        /** Band scale used to place subgroups within a category. See {@link ScaleId}. */\n        readonly groupScale: ScaleId;\n      }\n    | {\n        /** Accessor identifying the subgroup of each bar. See {@link BarSeriesProps}. */\n        readonly group?: never;\n        /**\n         * Not accepted in this variant; use the alternative fields instead. See\n         * {@link BarSeriesProps}.\n         */\n        readonly groupScale?: never;\n      }\n  );\n/**\n * Value bars in source order; rectangles supply ordinary paint and event geometry.\n *\n * @param props - Data, category and value accessors, scales, grouping, and styling. See\n * {@link BarSeriesProps} .\n * @returns Pibbl nodes drawing the bars.\n *\n * @see {@link BarSeriesProps}\n */\nexport function BarSeries<D>({\n  data: input,\n  orientation = \"vertical\",\n  category: categoryInput,\n  value: valueInput,\n  valueStart,\n  valueEnd,\n  categoryScale,\n  valueScale,\n  baseline,\n  group,\n  groupScale,\n  defined,\n  style: styleInput,\n  pointerEvents,\n  ...events\n}: BarSeriesProps<D>) {\n  const categories = useBarScale(categoryScale).get();\n  const values = useContinuousScale(valueScale).get();\n  const groups = lookupScale(groupScale, \"BarSeries groupScale\")?.get();\n  if ((group === undefined) !== (groupScale === undefined))\n    throw new TypeError(\"BarSeries requires group and groupScale together.\");\n  if (groups && groups.type !== \"band\")\n    throw new TypeError(\"BarSeries groupScale requires a band scale.\");\n  const groupValue =\n    typeof group === \"function\"\n      ? group\n      : (datum: D) =>\n          group === undefined\n            ? undefined\n            : (datum[group] as BandCategory | null | undefined);\n  const slotWidth =\n    groups?.type === \"band\" ? groups.bandwidth : categories.bandwidth;\n  if (orientation !== \"vertical\" && orientation !== \"horizontal\")\n    throw new TypeError(\"BarSeries orientation must be vertical or horizontal.\");\n  const data = pointData(resolveSignalValue(input), \"BarSeries\");\n  const category =\n    typeof categoryInput === \"function\"\n      ? categoryInput\n      : (datum: D) =>\n          datum[categoryInput] as BandCategory | null | undefined;\n  const ranged = valueStart !== undefined || valueEnd !== undefined;\n  if (\n    ranged\n      ? valueInput !== undefined ||\n        baseline !== undefined ||\n        valueStart === undefined ||\n        valueEnd === undefined\n      : valueInput === undefined\n  )\n    throw new TypeError(\n      \"BarSeries requires either value with optional baseline, or both valueStart and valueEnd without value or baseline.\",\n    );\n  const value = pointAccessor((ranged ? valueEnd : valueInput)!);\n  const startValue = ranged ? pointAccessor(valueStart!) : undefined;\n  const baselineValue = resolveSignalValue(baseline ?? 0);\n  const sharedBase = ranged ? undefined : values.map(baselineValue);\n  const specified = resolveSignalValue(styleInput);\n  const ctx = useCanvasContext();\n  function normalize(input: unknown, callback: boolean) {\n    if (!input || typeof input !== \"object\" || Array.isArray(input))\n      throw new TypeError(\"BarSeries style must be an object.\");\n    if (\n      callback &&\n      Object.getPrototypeOf(input) !== Object.prototype &&\n      Object.getPrototypeOf(input) !== null\n    )\n      throw new TypeError(\n        \"BarSeries datum style must be a plain synchronous object.\",\n      );\n    const style: Record<string, unknown> = {};\n    for (const key of Object.keys(input)) {\n      if (\n        ![\n          \"bandwidth\",\n          \"fill\",\n          \"stroke\",\n          \"strokeWidth\",\n          \"opacity\",\n          \"cursor\",\n        ].includes(key)\n      )\n        throw new TypeError(`BarSeries: unsupported style field ${key}.`);\n      const value = (input as Record<string, unknown>)[key];\n      if (callback && isSignal(value))\n        throw new TypeError(\n          \"BarSeries datum styles require plain values; read signals explicitly.\",\n        );\n      style[key] = callback ? value : resolveSignalValue(value);\n    }\n    const resolved = style as BarSeriesStyle;\n    if (resolved.cursor !== undefined && typeof resolved.cursor !== \"string\")\n      throw new TypeError(\"BarSeries cursor must be a string.\");\n    return {\n      bandwidth:\n        resolved.bandwidth === undefined || resolved.bandwidth === \"auto\"\n          ? slotWidth\n          : width(resolved.bandwidth, \"BarSeries bandwidth\"),\n      fill: barFill(ctx, resolved.fill ?? \"#2563eb\", (value) =>\n        values.map(value),\n        orientation,\n      ),\n      stroke: resolved.stroke,\n      strokeWidth: width(resolved.strokeWidth ?? 1, \"BarSeries strokeWidth\"),\n      alpha: opacity(resolved.opacity ?? 1, \"BarSeries\"),\n      cursor: resolved.cursor,\n    };\n  }\n  const shared =\n    typeof specified === \"function\"\n      ? undefined\n      : normalize(specified ?? {}, false);\n  const nodes: PibblNode[] = [];\n  for (let i = 0; i < data.length; i++) {\n    const datum = data[i];\n    if (defined && !defined(datum, i, data)) continue;\n    const c = category(datum, i, data),\n      v = value(datum, i, data),\n      from = startValue ? startValue(datum, i, data) : baselineValue;\n    if (c == null || !finiteCoordinate(v) || !finiteCoordinate(from)) continue;\n    const categoryStart = categories.map(c);\n    const g = groups ? groupValue(datum, i, data) : undefined;\n    const offset = groups ? (g == null ? undefined : groups.map(g)) : 0;\n    if (categoryStart === undefined || offset === undefined || slotWidth === 0)\n      continue;\n    const start = categoryStart + offset;\n    const { bandwidth, fill, stroke, strokeWidth, alpha, cursor } =\n      shared ??\n      normalize(\n        withHooksForbidden(\"BarSeries style callback\", () =>\n          (specified as BarStyleResolver<D>)(datum, i, data),\n        ),\n        true,\n      );\n    if (bandwidth === 0) continue;\n    const base = sharedBase ?? values.map(from);\n    const end = values.map(v);\n    const extent = Math.abs(end - base);\n    if (!Number.isFinite(extent))\n      throw new RangeError(\"BarSeries value extent must be finite.\");\n    if (extent === 0) continue;\n    const vertical = orientation === \"vertical\";\n    nodes.push(\n      <Rectangle\n        key={i}\n        pointerEvents={pointerEvents}\n        style={{\n          left: vertical ? start + (slotWidth - bandwidth) / 2 : Math.min(base, end),\n          top: vertical ? Math.min(base, end) : start + (slotWidth - bandwidth) / 2,\n          width: vertical ? bandwidth : extent,\n          height: vertical ? extent : bandwidth,\n          fill: fill(from, v),\n          stroke,\n          strokeWidth,\n          opacity: alpha,\n          cursor,\n        }}\n      />,\n    );\n  }\n  return <Group {...events}>{nodes}</Group>;\n}\n"],
+  "mappings": "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",
   "names": ["input", "value"]
 }

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/hover-data.js

@@ -16,9 +16,9 @@ function HoverData({ query, children }) {
         const value = readScale(id, "HoverData");
         if (!value) throw new TypeError("HoverData requires a scale ID.");
         const resolved = value.get();
-        if (resolved.type !== "linear")
+        if (resolved.type === "band" || resolved.type === "point")
           throw new TypeError(
-            "HoverData numeric queries require linear scales."
+            "HoverData numeric queries require continuous scales."
           );
         snapshot = resolved;
         snapshots.set(id, snapshot);

package/dist/features/viz/lib/hover-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/features/viz/lib/hover-data.tsx"],
-  "sourcesContent": ["import type { PibblNode } from \"@pibbl/core\";\nimport { withHooksForbidden } from \"@pibbl/core/internal\";\nimport type { HoverDataProps, HoverQueryContext } from \"./hover-types.js\";\nimport type { ResolvedLinearScale, ScaleId } from \"./types.js\";\nimport { readScale } from \"./scale-context.js\";\n/**\n * Evaluates an ordinary synchronous query under the current scale scope.\n *\n * @param props - Hover query and child renderer receiving its result. See {@link HoverDataProps}.\n * @returns Content rendered from the current hover query result. See {@link PibblNode}.\n *\n * @see {@link HoverDataProps}\n * @see {@link PibblNode}\n */\nexport function HoverData<T>({ query, children }: HoverDataProps<T>): PibblNode {\n  if (typeof query !== \"function\" || typeof children !== \"function\")\n    throw new TypeError(\"HoverData requires query and children functions.\");\n  const snapshots = new Map<ScaleId, ResolvedLinearScale>();\n  let active = true;\n  const context: HoverQueryContext = {\n    scale(id) {\n      if (!active)\n        throw new Error(\n          \"HoverData query context cannot be retained outside its invocation.\",\n        );\n      let snapshot = snapshots.get(id);\n      if (!snapshot) {\n        const value = readScale(id, \"HoverData\");\n        if (!value) throw new TypeError(\"HoverData requires a scale ID.\");\n        const resolved = value.get();\n        if (resolved.type !== \"linear\")\n          throw new TypeError(\n            \"HoverData numeric queries require linear scales.\",\n          );\n        snapshot = resolved;\n        snapshots.set(id, snapshot);\n      }\n      return snapshot;\n    },\n  };\n  let result: T | undefined;\n  try {\n    result = withHooksForbidden(\n      \"Pibbl hooks cannot be called inside a HoverData query.\",\n      () => query(context),\n    );\n    if (\n      result != null &&\n      (typeof result === \"object\" || typeof result === \"function\") &&\n      typeof (result as { then?: unknown }).then === \"function\"\n    )\n      throw new TypeError(\n        \"HoverData query must be synchronous; promises are unsupported.\",\n      );\n  } finally {\n    active = false;\n  }\n  return withHooksForbidden(\n    \"Pibbl hooks cannot be called inside a HoverData render callback; return a component instead.\",\n    () => children(result),\n  );\n}\n"],
-  "mappings": "AACA,SAAS,0BAA0B;AAGnC,SAAS,iBAAiB;AAUnB,SAAS,UAAa,EAAE,OAAO,SAAS,GAAiC;AAC9E,MAAI,OAAO,UAAU,cAAc,OAAO,aAAa;AACrD,UAAM,IAAI,UAAU,kDAAkD;AACxE,QAAM,YAAY,oBAAI,IAAkC;AACxD,MAAI,SAAS;AACb,QAAM,UAA6B;AAAA,IACjC,MAAM,IAAI;AACR,UAAI,CAAC;AACH,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AACF,UAAI,WAAW,UAAU,IAAI,EAAE;AAC/B,UAAI,CAAC,UAAU;AACb,cAAM,QAAQ,UAAU,IAAI,WAAW;AACvC,YAAI,CAAC,MAAO,OAAM,IAAI,UAAU,gCAAgC;AAChE,cAAM,WAAW,MAAM,IAAI;AAC3B,YAAI,SAAS,SAAS;AACpB,gBAAM,IAAI;AAAA,YACR;AAAA,UACF;AACF,mBAAW;AACX,kBAAU,IAAI,IAAI,QAAQ;AAAA,MAC5B;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,MAAI;AACJ,MAAI;AACF,aAAS;AAAA,MACP;AAAA,MACA,MAAM,MAAM,OAAO;AAAA,IACrB;AACA,QACE,UAAU,SACT,OAAO,WAAW,YAAY,OAAO,WAAW,eACjD,OAAQ,OAA8B,SAAS;AAE/C,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,EACJ,UAAE;AACA,aAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL;AAAA,IACA,MAAM,SAAS,MAAM;AAAA,EACvB;AACF;",
+  "sourcesContent": ["import type { PibblNode } from \"@pibbl/core\";\nimport { withHooksForbidden } from \"@pibbl/core/internal\";\nimport type { HoverDataProps, HoverQueryContext } from \"./hover-types.js\";\nimport type { ResolvedContinuousScale, ScaleId } from \"./types.js\";\nimport { readScale } from \"./scale-context.js\";\n/**\n * Evaluates an ordinary synchronous query under the current scale scope.\n *\n * @param props - Hover query and child renderer receiving its result. See {@link HoverDataProps}.\n * @returns Content rendered from the current hover query result. See {@link PibblNode}.\n *\n * @see {@link HoverDataProps}\n * @see {@link PibblNode}\n */\nexport function HoverData<T>({ query, children }: HoverDataProps<T>): PibblNode {\n  if (typeof query !== \"function\" || typeof children !== \"function\")\n    throw new TypeError(\"HoverData requires query and children functions.\");\n  const snapshots = new Map<ScaleId, ResolvedContinuousScale>();\n  let active = true;\n  const context: HoverQueryContext = {\n    scale(id) {\n      if (!active)\n        throw new Error(\n          \"HoverData query context cannot be retained outside its invocation.\",\n        );\n      let snapshot = snapshots.get(id);\n      if (!snapshot) {\n        const value = readScale(id, \"HoverData\");\n        if (!value) throw new TypeError(\"HoverData requires a scale ID.\");\n        const resolved = value.get();\n        if (resolved.type === \"band\" || resolved.type === \"point\")\n          throw new TypeError(\n            \"HoverData numeric queries require continuous scales.\",\n          );\n        snapshot = resolved;\n        snapshots.set(id, snapshot);\n      }\n      return snapshot;\n    },\n  };\n  let result: T | undefined;\n  try {\n    result = withHooksForbidden(\n      \"Pibbl hooks cannot be called inside a HoverData query.\",\n      () => query(context),\n    );\n    if (\n      result != null &&\n      (typeof result === \"object\" || typeof result === \"function\") &&\n      typeof (result as { then?: unknown }).then === \"function\"\n    )\n      throw new TypeError(\n        \"HoverData query must be synchronous; promises are unsupported.\",\n      );\n  } finally {\n    active = false;\n  }\n  return withHooksForbidden(\n    \"Pibbl hooks cannot be called inside a HoverData render callback; return a component instead.\",\n    () => children(result),\n  );\n}\n"],
+  "mappings": "AACA,SAAS,0BAA0B;AAGnC,SAAS,iBAAiB;AAUnB,SAAS,UAAa,EAAE,OAAO,SAAS,GAAiC;AAC9E,MAAI,OAAO,UAAU,cAAc,OAAO,aAAa;AACrD,UAAM,IAAI,UAAU,kDAAkD;AACxE,QAAM,YAAY,oBAAI,IAAsC;AAC5D,MAAI,SAAS;AACb,QAAM,UAA6B;AAAA,IACjC,MAAM,IAAI;AACR,UAAI,CAAC;AACH,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AACF,UAAI,WAAW,UAAU,IAAI,EAAE;AAC/B,UAAI,CAAC,UAAU;AACb,cAAM,QAAQ,UAAU,IAAI,WAAW;AACvC,YAAI,CAAC,MAAO,OAAM,IAAI,UAAU,gCAAgC;AAChE,cAAM,WAAW,MAAM,IAAI;AAC3B,YAAI,SAAS,SAAS,UAAU,SAAS,SAAS;AAChD,gBAAM,IAAI;AAAA,YACR;AAAA,UACF;AACF,mBAAW;AACX,kBAAU,IAAI,IAAI,QAAQ;AAAA,MAC5B;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,MAAI;AACJ,MAAI;AACF,aAAS;AAAA,MACP;AAAA,MACA,MAAM,MAAM,OAAO;AAAA,IACrB;AACA,QACE,UAAU,SACT,OAAO,WAAW,YAAY,OAAO,WAAW,eACjD,OAAQ,OAA8B,SAAS;AAE/C,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,EACJ,UAAE;AACA,aAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL;AAAA,IACA,MAAM,SAAS,MAAM;AAAA,EACvB;AACF;",
   "names": []
 }

package/dist/features/viz/lib/hover-types.d.ts

@@ -2,21 +2,21 @@ import type { closestPoint, closestX, interpolateX, linearInterpolation } from "
 import type { HoverData } from "./hover-data.js";
 import type { PibblNode, SignalValue } from "@pibbl/core";
 import type { PointAccessor } from "./point-types.js";
-import type { ResolvedLinearScale, ScaleId } from "./types.js";
+import type { ResolvedContinuousScale, ScaleId } from "./types.js";
 /**
  * Scale lookup context supplied when evaluating a hover query.
  *
  * @see {@link ScaleId}
- * @see {@link ResolvedLinearScale}
+ * @see {@link ResolvedContinuousScale}
  * @see {@link HoverQuery}
  */
 export interface HoverQueryContext {
     /**
-     * Looks up a resolved linear scale by its identifier. See {@link ResolvedLinearScale}.
+     * Looks up a resolved continuous scale by its identifier. See {@link ResolvedContinuousScale}.
      * @param id - Identity of the scale needed by the query. See {@link ScaleId}.
-     * @returns The resolved linear scale. See {@link ResolvedLinearScale}.
+     * @returns The resolved continuous scale. See {@link ResolvedContinuousScale}.
      */
-    scale(id: ScaleId): ResolvedLinearScale;
+    scale(id: ScaleId): ResolvedContinuousScale;
 }
 /**
  * A query that resolves reactive hover input into a hit or no result.

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

@@ -1,7 +1,7 @@
 import { jsx } from "@pibbl/core/jsx-runtime";
 import { Path, resolveSignalValue } from "@pibbl/core";
 import { useInternalValueMemoSlot } from "@pibbl/core/internal";
-import { useScale } from "./use-scale.js";
+import { useContinuousScale } from "./use-continuous-scale.js";
 import { width, opacity } from "./paint.js";
 function accessor(input) {
   return typeof input === "function" ? input : (datum) => datum[input];
@@ -17,8 +17,8 @@ function LineSeries({
   style: styleInput,
   ...eventProps
 }) {
-  const xScale = useScale(xId).get();
-  const yScale = useScale(yId).get();
+  const xScale = useContinuousScale(xId).get();
+  const yScale = useContinuousScale(yId).get();
   const x = useInternalValueMemoSlot("vizXAccessor", () => accessor(xInput), [
     xInput
   ]);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/features/viz/lib/line-series.tsx"],
-  "sourcesContent": ["import { Path, resolveSignalValue } from \"@pibbl/core\";\nimport { useInternalValueMemoSlot } from \"@pibbl/core/internal\";\nimport type { LineAccessor, LineCoordinate, LineSeriesProps } from \"./types.js\";\nimport { useScale } from \"./use-scale.js\";\nimport { width, opacity } from \"./paint.js\";\nfunction accessor<D>(\n  input: LineAccessor<D>,\n): (datum: D, index: number, data: readonly D[]) => LineCoordinate {\n  return typeof input === \"function\"\n    ? input\n    : (datum) => datum[input] as LineCoordinate;\n}\n/**\n * Draws a scaled line through defined data values, leaving gaps for undefined values.\n *\n * @param props - Data, coordinate accessors, scales, and line styling. See {@link LineSeriesProps}\n * .\n * @returns Pibbl nodes drawing the data as a line series.\n *\n * @see {@link LineSeriesProps}\n */\nexport function LineSeries<D>({\n  data: dataInput,\n  x: xInput,\n  y: yInput,\n  xScale: xId,\n  yScale: yId,\n  defined,\n  curve,\n  style: styleInput,\n  ...eventProps\n}: LineSeriesProps<D>) {\n  const xScale = useScale(xId).get();\n  const yScale = useScale(yId).get();\n  const x = useInternalValueMemoSlot(\"vizXAccessor\", () => accessor(xInput), [\n    xInput,\n  ]);\n  const y = useInternalValueMemoSlot(\"vizYAccessor\", () => accessor(yInput), [\n    yInput,\n  ]);\n  if (curve !== undefined && curve !== \"linear\")\n    throw new TypeError('LineSeries supports curve=\"linear\" only.');\n  const data = resolveSignalValue(dataInput);\n  if (!Array.isArray(data))\n    throw new TypeError(\n      \"LineSeries data must be an array or a signal containing an array.\",\n    );\n  const style = resolveSignalValue(styleInput) ?? {};\n  const stroke = resolveSignalValue(style.stroke) ?? \"#2563eb\";\n  const strokeWidth = width(\n    resolveSignalValue(style.strokeWidth) ?? 2,\n    \"LineSeries\",\n  );\n  const alpha = opacity(resolveSignalValue(style.opacity) ?? 1, \"LineSeries\");\n  const cursor = resolveSignalValue(style.cursor);\n  const lineInteractionWidth = width(\n    resolveSignalValue(style.lineInteractionWidth) ?? strokeWidth,\n    \"LineSeries\",\n  );\n  const path = new Path2D();\n  let previous: readonly [number, number] | undefined;\n  let inRun = false;\n  for (let i = 0; i < data.length; i++) {\n    const datum = data[i];\n    if (defined && !defined(datum, i, data)) {\n      previous = undefined;\n      inRun = false;\n      continue;\n    }\n    const xv = x(datum, i, data),\n      yv = y(datum, i, data);\n    if (\n      typeof xv !== \"number\" ||\n      typeof yv !== \"number\" ||\n      !Number.isFinite(xv) ||\n      !Number.isFinite(yv)\n    ) {\n      previous = undefined;\n      inRun = false;\n      continue;\n    }\n    const point = [xScale.map(xv), yScale.map(yv)] as const;\n    if (previous) {\n      if (!inRun) path.moveTo(previous[0], previous[1]);\n      path.lineTo(point[0], point[1]);\n      inRun = true;\n    }\n    previous = point;\n  }\n  return (\n    <Path\n      {...eventProps}\n      style={{\n        d: path,\n        stroke,\n        strokeWidth,\n        opacity: alpha,\n        cursor,\n        lineInteractionWidth,\n      }}\n    />\n  );\n}\n"],
-  "mappings": "AA0FI;AA1FJ,SAAS,MAAM,0BAA0B;AACzC,SAAS,gCAAgC;AAEzC,SAAS,gBAAgB;AACzB,SAAS,OAAO,eAAe;AAC/B,SAAS,SACP,OACiE;AACjE,SAAO,OAAO,UAAU,aACpB,QACA,CAAC,UAAU,MAAM,KAAK;AAC5B;AAUO,SAAS,WAAc;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAuB;AACrB,QAAM,SAAS,SAAS,GAAG,EAAE,IAAI;AACjC,QAAM,SAAS,SAAS,GAAG,EAAE,IAAI;AACjC,QAAM,IAAI,yBAAyB,gBAAgB,MAAM,SAAS,MAAM,GAAG;AAAA,IACzE;AAAA,EACF,CAAC;AACD,QAAM,IAAI,yBAAyB,gBAAgB,MAAM,SAAS,MAAM,GAAG;AAAA,IACzE;AAAA,EACF,CAAC;AACD,MAAI,UAAU,UAAa,UAAU;AACnC,UAAM,IAAI,UAAU,0CAA0C;AAChE,QAAM,OAAO,mBAAmB,SAAS;AACzC,MAAI,CAAC,MAAM,QAAQ,IAAI;AACrB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,QAAM,QAAQ,mBAAmB,UAAU,KAAK,CAAC;AACjD,QAAM,SAAS,mBAAmB,MAAM,MAAM,KAAK;AACnD,QAAM,cAAc;AAAA,IAClB,mBAAmB,MAAM,WAAW,KAAK;AAAA,IACzC;AAAA,EACF;AACA,QAAM,QAAQ,QAAQ,mBAAmB,MAAM,OAAO,KAAK,GAAG,YAAY;AAC1E,QAAM,SAAS,mBAAmB,MAAM,MAAM;AAC9C,QAAM,uBAAuB;AAAA,IAC3B,mBAAmB,MAAM,oBAAoB,KAAK;AAAA,IAClD;AAAA,EACF;AACA,QAAM,OAAO,IAAI,OAAO;AACxB,MAAI;AACJ,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,QAAQ,KAAK,CAAC;AACpB,QAAI,WAAW,CAAC,QAAQ,OAAO,GAAG,IAAI,GAAG;AACvC,iBAAW;AACX,cAAQ;AACR;AAAA,IACF;AACA,UAAM,KAAK,EAAE,OAAO,GAAG,IAAI,GACzB,KAAK,EAAE,OAAO,GAAG,IAAI;AACvB,QACE,OAAO,OAAO,YACd,OAAO,OAAO,YACd,CAAC,OAAO,SAAS,EAAE,KACnB,CAAC,OAAO,SAAS,EAAE,GACnB;AACA,iBAAW;AACX,cAAQ;AACR;AAAA,IACF;AACA,UAAM,QAAQ,CAAC,OAAO,IAAI,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;AAC7C,QAAI,UAAU;AACZ,UAAI,CAAC,MAAO,MAAK,OAAO,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAChD,WAAK,OAAO,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;AAC9B,cAAQ;AAAA,IACV;AACA,eAAW;AAAA,EACb;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import { Path, resolveSignalValue } from \"@pibbl/core\";\nimport { useInternalValueMemoSlot } from \"@pibbl/core/internal\";\nimport type { LineAccessor, LineCoordinate, LineSeriesProps } from \"./types.js\";\nimport { useContinuousScale } from \"./use-continuous-scale.js\";\nimport { width, opacity } from \"./paint.js\";\nfunction accessor<D>(\n  input: LineAccessor<D>,\n): (datum: D, index: number, data: readonly D[]) => LineCoordinate {\n  return typeof input === \"function\"\n    ? input\n    : (datum) => datum[input] as LineCoordinate;\n}\n/**\n * Draws a scaled line through defined data values, leaving gaps for undefined values.\n *\n * @param props - Data, coordinate accessors, scales, and line styling. See {@link LineSeriesProps}\n * .\n * @returns Pibbl nodes drawing the data as a line series.\n *\n * @see {@link LineSeriesProps}\n */\nexport function LineSeries<D>({\n  data: dataInput,\n  x: xInput,\n  y: yInput,\n  xScale: xId,\n  yScale: yId,\n  defined,\n  curve,\n  style: styleInput,\n  ...eventProps\n}: LineSeriesProps<D>) {\n  const xScale = useContinuousScale(xId).get();\n  const yScale = useContinuousScale(yId).get();\n  const x = useInternalValueMemoSlot(\"vizXAccessor\", () => accessor(xInput), [\n    xInput,\n  ]);\n  const y = useInternalValueMemoSlot(\"vizYAccessor\", () => accessor(yInput), [\n    yInput,\n  ]);\n  if (curve !== undefined && curve !== \"linear\")\n    throw new TypeError('LineSeries supports curve=\"linear\" only.');\n  const data = resolveSignalValue(dataInput);\n  if (!Array.isArray(data))\n    throw new TypeError(\n      \"LineSeries data must be an array or a signal containing an array.\",\n    );\n  const style = resolveSignalValue(styleInput) ?? {};\n  const stroke = resolveSignalValue(style.stroke) ?? \"#2563eb\";\n  const strokeWidth = width(\n    resolveSignalValue(style.strokeWidth) ?? 2,\n    \"LineSeries\",\n  );\n  const alpha = opacity(resolveSignalValue(style.opacity) ?? 1, \"LineSeries\");\n  const cursor = resolveSignalValue(style.cursor);\n  const lineInteractionWidth = width(\n    resolveSignalValue(style.lineInteractionWidth) ?? strokeWidth,\n    \"LineSeries\",\n  );\n  const path = new Path2D();\n  let previous: readonly [number, number] | undefined;\n  let inRun = false;\n  for (let i = 0; i < data.length; i++) {\n    const datum = data[i];\n    if (defined && !defined(datum, i, data)) {\n      previous = undefined;\n      inRun = false;\n      continue;\n    }\n    const xv = x(datum, i, data),\n      yv = y(datum, i, data);\n    if (\n      typeof xv !== \"number\" ||\n      typeof yv !== \"number\" ||\n      !Number.isFinite(xv) ||\n      !Number.isFinite(yv)\n    ) {\n      previous = undefined;\n      inRun = false;\n      continue;\n    }\n    const point = [xScale.map(xv), yScale.map(yv)] as const;\n    if (previous) {\n      if (!inRun) path.moveTo(previous[0], previous[1]);\n      path.lineTo(point[0], point[1]);\n      inRun = true;\n    }\n    previous = point;\n  }\n  return (\n    <Path\n      {...eventProps}\n      style={{\n        d: path,\n        stroke,\n        strokeWidth,\n        opacity: alpha,\n        cursor,\n        lineInteractionWidth,\n      }}\n    />\n  );\n}\n"],
+  "mappings": "AA0FI;AA1FJ,SAAS,MAAM,0BAA0B;AACzC,SAAS,gCAAgC;AAEzC,SAAS,0BAA0B;AACnC,SAAS,OAAO,eAAe;AAC/B,SAAS,SACP,OACiE;AACjE,SAAO,OAAO,UAAU,aACpB,QACA,CAAC,UAAU,MAAM,KAAK;AAC5B;AAUO,SAAS,WAAc;AAAA,EAC5B,MAAM;AAAA,EACN,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAuB;AACrB,QAAM,SAAS,mBAAmB,GAAG,EAAE,IAAI;AAC3C,QAAM,SAAS,mBAAmB,GAAG,EAAE,IAAI;AAC3C,QAAM,IAAI,yBAAyB,gBAAgB,MAAM,SAAS,MAAM,GAAG;AAAA,IACzE;AAAA,EACF,CAAC;AACD,QAAM,IAAI,yBAAyB,gBAAgB,MAAM,SAAS,MAAM,GAAG;AAAA,IACzE;AAAA,EACF,CAAC;AACD,MAAI,UAAU,UAAa,UAAU;AACnC,UAAM,IAAI,UAAU,0CAA0C;AAChE,QAAM,OAAO,mBAAmB,SAAS;AACzC,MAAI,CAAC,MAAM,QAAQ,IAAI;AACrB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,QAAM,QAAQ,mBAAmB,UAAU,KAAK,CAAC;AACjD,QAAM,SAAS,mBAAmB,MAAM,MAAM,KAAK;AACnD,QAAM,cAAc;AAAA,IAClB,mBAAmB,MAAM,WAAW,KAAK;AAAA,IACzC;AAAA,EACF;AACA,QAAM,QAAQ,QAAQ,mBAAmB,MAAM,OAAO,KAAK,GAAG,YAAY;AAC1E,QAAM,SAAS,mBAAmB,MAAM,MAAM;AAC9C,QAAM,uBAAuB;AAAA,IAC3B,mBAAmB,MAAM,oBAAoB,KAAK;AAAA,IAClD;AAAA,EACF;AACA,QAAM,OAAO,IAAI,OAAO;AACxB,MAAI;AACJ,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,QAAQ,KAAK,CAAC;AACpB,QAAI,WAAW,CAAC,QAAQ,OAAO,GAAG,IAAI,GAAG;AACvC,iBAAW;AACX,cAAQ;AACR;AAAA,IACF;AACA,UAAM,KAAK,EAAE,OAAO,GAAG,IAAI,GACzB,KAAK,EAAE,OAAO,GAAG,IAAI;AACvB,QACE,OAAO,OAAO,YACd,OAAO,OAAO,YACd,CAAC,OAAO,SAAS,EAAE,KACnB,CAAC,OAAO,SAAS,EAAE,GACnB;AACA,iBAAW;AACX,cAAQ;AACR;AAAA,IACF;AACA,UAAM,QAAQ,CAAC,OAAO,IAAI,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;AAC7C,QAAI,UAAU;AACZ,UAAI,CAAC,MAAO,MAAK,OAAO,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAChD,WAAK,OAAO,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;AAC9B,cAAQ;AAAA,IACV;AACA,eAAW;AAAA,EACb;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }