semiotic 3.3.0 → 3.3.1

package/CLAUDE.md

@@ -27,12 +27,14 @@
 **QuadrantChart** — Scatterplot + `quadrants` (required), `xCenter`, `yCenter`
 **MultiAxisLineChart** — Dual Y-axis. `series` (required: `[{ yAccessor, label?, color?, format?, extent? }]`). Falls back to multi-line if not 2 series.
 **Heatmap** — `data`, `xAccessor`, `yAccessor`, `valueAccessor`, `colorScheme`, `showValues`, `cellBorderColor`
+**ScatterplotMatrix** — `data`, `fields` (array of numeric field names for grid)
+**MinimapChart** — Overview + detail with linked zoom. Wraps an XY chart.
 
 ## Ordinal Charts (`semiotic/ordinal`)
 
 **BarChart** — `data`, `categoryAccessor`, `valueAccessor`, `orientation`, `colorBy`, `sort`, `barPadding` (40)
-**StackedBarChart** — + `stackBy` (required), `normalize`
-**GroupedBarChart** — + `groupBy` (required), `barPadding` (60)
+**StackedBarChart** — + `stackBy` (required), `normalize`, `sort` (default false — insertion order)
+**GroupedBarChart** — + `groupBy` (required), `barPadding` (60), `sort` (default false — insertion order)
 **SwarmPlot** — `colorBy`, `sizeBy`, `pointRadius`, `pointOpacity`
 **BoxPlot** — + `showOutliers`, `outlierRadius`
 **Histogram** — + `bins` (25), `relative`. Always horizontal.
@@ -91,7 +93,7 @@ ref.current.clear()
 ref.current.getData()
 <Scatterplot ref={ref} xAccessor="x" yAccessor="y" pointIdAccessor="id" />
 ```
-`remove()` and `update()` require an ID accessor: `pointIdAccessor` on XY/realtime charts, `dataIdAccessor` on ordinal charts. Network HOC refs also use `remove(id)`/`update(id, updater)` (operates on nodes). For edge-level operations, use `StreamNetworkFrameHandle` directly: `removeNode(id)`, `removeEdge(sourceId, targetId)`, `updateNode(id, updater)`, `updateEdge(sourceId, targetId, updater)`.
+`remove()` and `update()` require an ID accessor: `pointIdAccessor` on XY/realtime charts, `dataIdAccessor` on ordinal charts. Network HOC refs also use `remove(id)`/`update(id, updater)` (operates on nodes). For edge-level operations, use `StreamNetworkFrameHandle` directly: `removeNode(id)`, `removeEdge(sourceId, targetId)` or `removeEdge(edgeId)` (requires `edgeIdAccessor`), `updateNode(id, updater)`, `updateEdge(sourceId, targetId, updater)`.
 Not supported: Tree, Treemap, CirclePack, Orbit, ChoroplethMap, FlowMap, ScatterplotMatrix.
 
 ## Coordinated Views
@@ -150,7 +152,7 @@ All HOCs accept `annotations` (array). Coordinates use data field names.
 
 ## Theming
 
-CSS custom properties: `--semiotic-bg`, `--semiotic-text`, `--semiotic-text-secondary`, `--semiotic-border`, `--semiotic-grid`, `--semiotic-primary`, `--semiotic-focus`, `--semiotic-font-family`, `--semiotic-tooltip-bg`/`text`/`radius`/`font-size`/`shadow`.
+CSS custom properties: `--semiotic-bg`, `--semiotic-text`, `--semiotic-text-secondary`, `--semiotic-border`, `--semiotic-grid`, `--semiotic-primary`, `--semiotic-focus`, `--semiotic-font-family`, `--semiotic-annotation-color`, `--semiotic-legend-font-size`, `--semiotic-title-font-size`, `--semiotic-tick-font-family`, `--semiotic-tooltip-bg`/`text`/`radius`/`font-size`/`shadow`.
 
 ```jsx
 <ThemeProvider theme="tufte">       {/* Named preset */}
@@ -174,6 +176,7 @@ Serialization: `themeToCSS(theme, selector)`, `themeToTokens(theme)`, `resolveTh
 - **Legend**: "bottom" expands margin ~80px. MultiAxisLineChart: use `legendPosition="bottom"`.
 - **Log scale**: Domain min clamped to 1e-6.
 - **barPadding**: Pixel value (40/60 default). Reduce for small charts.
+- **sort on StackedBarChart/GroupedBarChart**: Default `false` preserves insertion order. The underlying frame defaults to value-descending if `oSort` is undefined, so always pass `sort` explicitly if order matters.
 - **Horizontal bars**: Need wider left margin: `margin={{ left: 120 }}`.
 - **Push API**: Omit `data` entirely. `data={[]}` clears on every render.
 - **frameProps style functions**: Bypass HOC color resolution — use `colorBy` prop instead.

package/ai/schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "name": "semiotic",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "React data visualization library for charts, networks, and beyond",
   "tools": [
     {
@@ -4793,6 +4793,102 @@
           ]
         }
       }
+    },
+    {
+      "type": "function",
+      "function": {
+        "name": "ScatterplotMatrix",
+        "description": "Multi-panel scatterplot grid with crossfilter brushing. Requires data array with numeric fields.",
+        "parameters": {
+          "type": "object",
+          "properties": {
+            "data": { "type": "array" },
+            "fields": { "type": "array", "items": { "type": "string" } }
+          },
+          "required": ["data", "fields"]
+        }
+      }
+    },
+    {
+      "type": "function",
+      "function": {
+        "name": "MinimapChart",
+        "description": "Overview + detail chart with linked zoom. Wraps an XY chart with a minimap navigation pane.",
+        "parameters": {
+          "type": "object",
+          "properties": {
+            "data": { "type": "array" }
+          },
+          "required": ["data"]
+        }
+      }
+    },
+    {
+      "type": "function",
+      "function": {
+        "name": "ChoroplethMap",
+        "description": "Geographic choropleth map with colored regions based on data values.",
+        "parameters": {
+          "type": "object",
+          "properties": {
+            "areas": { "type": ["array", "string"], "description": "GeoJSON features or reference geography name" },
+            "valueAccessor": { "type": "string" },
+            "colorScheme": { "type": "string" },
+            "projection": { "type": "string", "default": "equalEarth" }
+          },
+          "required": ["areas"]
+        }
+      }
+    },
+    {
+      "type": "function",
+      "function": {
+        "name": "ProportionalSymbolMap",
+        "description": "Geographic map with sized symbols at point locations.",
+        "parameters": {
+          "type": "object",
+          "properties": {
+            "points": { "type": "array" },
+            "xAccessor": { "type": "string", "default": "lon" },
+            "yAccessor": { "type": "string", "default": "lat" },
+            "sizeBy": { "type": "string" },
+            "areas": { "type": ["array", "string"] }
+          },
+          "required": ["points"]
+        }
+      }
+    },
+    {
+      "type": "function",
+      "function": {
+        "name": "FlowMap",
+        "description": "Geographic flow map showing movement between locations with animated particles.",
+        "parameters": {
+          "type": "object",
+          "properties": {
+            "flows": { "type": "array" },
+            "nodes": { "type": "array" },
+            "valueAccessor": { "type": "string" }
+          },
+          "required": ["flows"]
+        }
+      }
+    },
+    {
+      "type": "function",
+      "function": {
+        "name": "DistanceCartogram",
+        "description": "Cartogram distorting geographic positions based on travel time or cost from a center point.",
+        "parameters": {
+          "type": "object",
+          "properties": {
+            "points": { "type": "array" },
+            "center": { "type": "array" },
+            "costAccessor": { "type": "string" }
+          },
+          "required": ["points"]
+        }
+      }
     }
   ]
 }

package/dist/components/charts/ordinal/BarChart.d.ts

@@ -19,6 +19,8 @@ export interface BarChartProps<TDatum extends Record<string, any> = Record<strin
     colorScheme?: string | string[];
     sort?: boolean | "asc" | "desc" | ((a: Record<string, any>, b: Record<string, any>) => number);
     barPadding?: number;
+    /** Rounded top corner radius in pixels. Only the end away from the baseline is rounded. */
+    roundedTop?: number;
     /** When true, adds padding below the 0 baseline. Default false (bars flush with axis). */
     baselinePadding?: boolean;
     enableHover?: boolean;

package/dist/components/charts/ordinal/DonutChart.d.ts

@@ -13,6 +13,8 @@ export interface DonutChartProps<TDatum extends Record<string, any> = Record<str
     colorBy?: ChartAccessor<TDatum, string>;
     colorScheme?: string | string[];
     startAngle?: number;
+    /** Rounded corner radius on wedge arcs */
+    cornerRadius?: number;
     enableHover?: boolean;
     showCategoryTicks?: boolean;
     showLegend?: boolean;

package/dist/components/charts/ordinal/GroupedBarChart.d.ts

@@ -15,7 +15,11 @@ export interface GroupedBarChartProps<TDatum extends Record<string, any> = Recor
     valueFormat?: (d: number | string) => string;
     colorBy?: ChartAccessor<TDatum, string>;
     colorScheme?: string | string[];
+    /** Category sort order. Default: false (data insertion order). "asc"/"desc" sorts by total grouped value. Custom comparators receive category keys. */
+    sort?: boolean | "asc" | "desc" | ((a: string, b: string) => number);
     barPadding?: number;
+    /** Rounded corner radius on bar ends (away from baseline). */
+    roundedTop?: number;
     baselinePadding?: boolean;
     enableHover?: boolean;
     showGrid?: boolean;

package/dist/components/charts/ordinal/PieChart.d.ts

@@ -11,6 +11,8 @@ export interface PieChartProps<TDatum extends Record<string, any> = Record<strin
     colorBy?: ChartAccessor<TDatum, string>;
     colorScheme?: string | string[];
     startAngle?: number;
+    /** Rounded corner radius on wedge arcs */
+    cornerRadius?: number;
     enableHover?: boolean;
     showCategoryTicks?: boolean;
     showLegend?: boolean;

package/dist/components/charts/ordinal/StackedBarChart.d.ts

@@ -16,7 +16,11 @@ export interface StackedBarChartProps<TDatum extends Record<string, any> = Recor
     colorBy?: ChartAccessor<TDatum, string>;
     colorScheme?: string | string[];
     normalize?: boolean;
+    /** Category sort order. Default: false (data insertion order). "asc"/"desc" sorts by total stacked value. Custom comparators receive category keys. */
+    sort?: boolean | "asc" | "desc" | ((a: string, b: string) => number);
     barPadding?: number;
+    /** Rounded top corner radius. Only the topmost stacked segment gets rounded. */
+    roundedTop?: number;
     baselinePadding?: boolean;
     enableHover?: boolean;
     showGrid?: boolean;

package/dist/components/realtime/types.d.ts

@@ -64,11 +64,50 @@ export interface HoverAnnotationConfig {
     pointColor?: string;
 }
 export interface HoverData {
-    data: Record<string, any>;
-    time: number;
-    value: number;
+    /** The raw datum from the user's data array (may be an object, array, or null for exit nodes) */
+    data: any;
+    /** Pixel X coordinate of the hovered element */
     x: number;
+    /** Pixel Y coordinate of the hovered element */
     y: number;
+    /** Pixel X coordinate, aliased as "time" for backwards compatibility with realtime charts */
+    time: number;
+    /** Pixel Y coordinate, aliased as "value" for backwards compatibility with realtime charts */
+    value: number;
+    /** All series values at hovered X (multi-point tooltip mode) */
+    allSeries?: Array<{
+        group: string;
+        value: number;
+        valuePx?: number;
+        color: string;
+        datum: any;
+    }>;
+    /** Pixel X of hover position (may differ from x for multi-point snap) */
+    xPx?: number;
+    /** Raw X domain value at hover position */
+    xValue?: any;
+    /** Distribution statistics for boxplot/violin/ridgeline */
+    stats?: {
+        n: number;
+        min: number;
+        q1: number;
+        median: number;
+        q3: number;
+        max: number;
+        mean: number;
+    };
+    /** Category label of hovered element */
+    category?: string;
+    /** @internal Category accessor name for tooltip rendering */
+    __oAccessor?: string;
+    /** @internal Value accessor name for tooltip rendering */
+    __rAccessor?: string;
+    /** @internal Chart type hint for tooltip rendering */
+    __chartType?: string;
+    /** Whether the hovered element is a node or edge */
+    nodeOrEdge?: "node" | "edge";
+    /** GeoJSON feature properties (flattened for convenience) */
+    properties?: Record<string, any>;
 }
 export interface BarStyle {
     fill?: string;

package/dist/components/server/renderToStaticSVG.d.ts

@@ -29,6 +29,7 @@ interface ThemeAwareProps {
     description?: string;
     background?: string;
     className?: string;
+    legendPosition?: "right" | "left" | "top" | "bottom";
     /** Prefix for SVG element IDs — used by renderDashboard to avoid collisions */
     _idPrefix?: string;
 }

package/dist/components/server/serverChartConfigs.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Chart-specific prop mapping for renderChart().
+ *
+ * Each entry maps HOC-level props (categoryAccessor, valueAccessor, etc.)
+ * to frame-level props (oAccessor, rAccessor, etc.) for server rendering.
+ *
+ * Extracted from renderToStaticSVG.tsx's 400-line switch statement to make
+ * each chart type independently readable and testable.
+ */
+type FrameType = "xy" | "ordinal" | "network" | "geo";
+interface ChartConfig {
+    frameType: FrameType;
+    /** Build frame props from HOC-level props */
+    buildProps: (data: any, colorBy: any, colorScheme: any, common: Record<string, any>, rest: Record<string, any>) => Record<string, any>;
+}
+export declare const CHART_CONFIGS: Record<string, ChartConfig>;
+export {};

package/dist/components/server/themeResolver.d.ts

@@ -32,4 +32,8 @@ export declare function themeStyles(theme: SemioticTheme): {
     labelSize: number;
     tickSize: number;
     categorical: string[];
+    annotation: string;
+    legendSize: number;
+    titleFontSize: number;
+    tickFontFamily: string;
 };

package/dist/components/store/ThemeStore.d.ts

@@ -16,12 +16,20 @@ export interface SemioticTheme {
         selection?: string;
         /** Opacity for non-selected (dimmed) elements, 0–1 */
         selectionOpacity?: number;
+        /** Default annotation text/marker color. Falls back to `text` if unset. */
+        annotation?: string;
     };
     typography: {
         fontFamily: string;
         titleSize: number;
         labelSize: number;
         tickSize: number;
+        /** Font size for legend text. Falls back to `labelSize` if unset. */
+        legendSize?: number;
+        /** Font family for axis tick labels. Use monospace for aligned numerics. Falls back to `fontFamily`. */
+        tickFontFamily?: string;
+        /** Font size for chart title. Falls back to `titleSize` if unset. */
+        titleFontSize?: number;
     };
     tooltip?: {
         background?: string;
@@ -31,6 +39,12 @@ export interface SemioticTheme {
         shadow?: string;
     };
     borderRadius?: string;
+    accessibility?: {
+        /** Auto-swap to color-blind safe palette when true */
+        colorBlindSafe?: boolean;
+        /** Enforce minimum 3:1 contrast ratios */
+        highContrast?: boolean;
+    };
 }
 /** Color-blind safe categorical palette (8 colors).
  *  Derived from Wong (2011) "Points of view: Color blindness" — safe for

package/dist/components/stream/NetworkPipelineStore.d.ts

@@ -145,6 +145,12 @@ export declare class NetworkPipelineStore {
      * Handles parallel edges (multiple edges between the same pair).
      * Returns true if at least one edge was removed.
      */
-    removeEdge(sourceId: string, targetId: string): boolean;
+    /**
+     * Remove edges by source+target IDs, or by edge ID when edgeIdAccessor is configured.
+     *
+     * - `removeEdge(sourceId, targetId)` — removes all parallel edges between endpoints
+     * - `removeEdge(edgeId)` — removes the edge matching edgeIdAccessor (requires config.edgeIdAccessor)
+     */
+    removeEdge(sourceIdOrEdgeId: string, targetId?: string): boolean;
     clear(): void;
 }

package/dist/components/stream/geoTypes.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { GeoProjection, GeoPath, GeoPermissibleObjects } from "d3-geo";
 import type { Style, DecayConfig, PulseConfig, TransitionConfig, StalenessConfig, PointSceneNode, LineSceneNode } from "./types";
-import type { HoverAnnotationConfig } from "../realtime/types";
+import type { HoverAnnotationConfig, HoverData } from "../realtime/types";
 import type { GeoParticleStyle } from "./GeoParticlePool";
 export type ProjectionProp = GeoProjection | ProjectionName | ProjectionConfig;
 export type ProjectionName = "mercator" | "equalEarth" | "albersUsa" | "orthographic" | "naturalEarth" | "equirectangular";
@@ -139,9 +139,9 @@ export interface StreamGeoFrameProps<T = Record<string, any>> {
     colorScheme?: string | string[];
     enableHover?: boolean;
     hoverAnnotation?: boolean | HoverAnnotationConfig;
-    tooltipContent?: (d: any) => ReactNode;
-    customClickBehavior?: (d: any) => void;
-    customHoverBehavior?: (d: any) => void;
+    tooltipContent?: (d: HoverData) => ReactNode;
+    customClickBehavior?: (d: HoverData | null) => void;
+    customHoverBehavior?: (d: HoverData | null) => void;
     annotations?: Record<string, any>[];
     decay?: DecayConfig;
     pulse?: PulseConfig;

package/dist/components/stream/hoverUtils.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Shared hover data utilities for stream frames.
+ *
+ * Centralizes the common HoverData construction pattern used by
+ * XY, Ordinal, and Network stream frames for hover and click events.
+ * Geo frame and keyboard navigation use variants with additional
+ * property flattening that are handled at the call site.
+ */
+import type { HoverData } from "../realtime/types";
+/**
+ * Spread raw datum properties onto HoverData if it's a non-null,
+ * non-array object. Class instances (Date, etc.) are included —
+ * this matches the historical behavior where all datum fields are
+ * accessible directly on the hover object (d.fieldName).
+ */
+export declare function spreadDatum(rawDatum: any): Record<string, any>;
+/**
+ * Build a HoverData object from a raw datum and pixel coordinates.
+ * Spreads plain-object datum properties for backwards compatibility
+ * (consumers can access d.fieldName directly in addition to d.data.fieldName).
+ */
+export declare function buildHoverData(rawDatum: any, x: number, y: number, extra?: Partial<HoverData>): HoverData;

package/dist/components/stream/networkTypes.d.ts

@@ -168,13 +168,16 @@ export interface NetworkRectNode {
     _pulseGlowRadius?: number;
 }
 /** Arc node — used by chord */
+/** Arc node — used by chord. Angles in canvas convention (0 = 3 o'clock). */
 export interface NetworkArcNode {
     type: "arc";
     cx: number;
     cy: number;
     innerR: number;
     outerR: number;
+    /** Start angle in radians, canvas convention (0 = 3 o'clock, positive = clockwise) */
     startAngle: number;
+    /** End angle in radians, canvas convention */
     endAngle: number;
     style: Style;
     datum: any;
@@ -290,8 +293,10 @@ export interface NetworkPipelineConfig {
     sourceAccessor?: string | ((d: any) => string);
     targetAccessor?: string | ((d: any) => string);
     valueAccessor?: string | ((d: any) => number);
+    /** Edge ID accessor for removeEdge(edgeId) — enables single-ID edge removal */
+    edgeIdAccessor?: string | ((d: any) => string);
     childrenAccessor?: string | ((d: any) => any[]);
-    hierarchySum?: (d: any) => number;
+    hierarchySum?: string | ((d: any) => number);
     orientation?: "horizontal" | "vertical";
     nodeAlign?: "justify" | "left" | "right" | "center";
     nodePaddingRatio?: number;
@@ -370,8 +375,10 @@ export interface StreamNetworkFrameProps<T = Record<string, any>> {
     sourceAccessor?: string | ((d: T) => string);
     targetAccessor?: string | ((d: T) => string);
     valueAccessor?: string | ((d: T) => number);
+    /** Edge ID accessor for removeEdge(edgeId) single-ID removal */
+    edgeIdAccessor?: string | ((d: any) => string);
     childrenAccessor?: string | ((d: T) => T[]);
-    hierarchySum?: (d: T) => number;
+    hierarchySum?: string | ((d: T) => number);
     orientation?: "horizontal" | "vertical";
     nodeAlign?: "justify" | "left" | "right" | "center";
     nodePaddingRatio?: number;
@@ -413,24 +420,9 @@ export interface StreamNetworkFrameProps<T = Record<string, any>> {
     className?: string;
     background?: string;
     enableHover?: boolean;
-    tooltipContent?: (d: {
-        type: "node" | "edge";
-        data: any;
-        x: number;
-        y: number;
-    }) => ReactNode;
-    customHoverBehavior?: (d: {
-        type: "node" | "edge";
-        data: any;
-        x: number;
-        y: number;
-    } | null) => void;
-    customClickBehavior?: (d: {
-        type: "node" | "edge";
-        data: any;
-        x: number;
-        y: number;
-    } | null) => void;
+    tooltipContent?: (d: HoverData) => ReactNode;
+    customHoverBehavior?: (d: HoverData | null) => void;
+    customClickBehavior?: (d: HoverData | null) => void;
     /** Observation callback — emits hover/click events to the ObservationStore and this callback */
     onObservation?: OnObservationCallback;
     /** Chart instance identifier for observation filtering */
@@ -477,8 +469,8 @@ export interface StreamNetworkFrameHandle {
     pushMany(edges: EdgePush[]): void;
     /** Remove a node by ID. Also removes connected edges. */
     removeNode(id: string): boolean;
-    /** Remove all edges between source and target node IDs. */
-    removeEdge(sourceId: string, targetId: string): boolean;
+    /** Remove edges by source+target, or by edge ID when edgeIdAccessor is configured. */
+    removeEdge(sourceIdOrEdgeId: string, targetId?: string): boolean;
     /** Update a node's data by ID. Returns previous data. */
     updateNode(id: string, updater: (data: Record<string, any>) => Record<string, any>): Record<string, any> | null;
     /** Update all edges between source+target. Returns array of previous data. */

package/dist/components/stream/ordinalTypes.d.ts

@@ -15,8 +15,12 @@ export interface WedgeSceneNode {
     cy: number;
     innerRadius: number;
     outerRadius: number;
+    /** Start angle in radians, canvas convention (0 = 3 o'clock, positive = clockwise) */
     startAngle: number;
+    /** End angle in radians, canvas convention */
     endAngle: number;
+    /** Corner radius for rounded wedge arcs (d3-shape arc.cornerRadius) */
+    cornerRadius?: number;
     style: Style;
     datum: any;
     category?: string;
@@ -161,9 +165,13 @@ export interface OrdinalPipelineConfig {
     rExtent?: [number?, number?];
     oExtent?: string[];
     barPadding?: number;
+    /** Rounded top corner radius for bar charts. Only the end away from the baseline is rounded. For stacked bars, only the topmost segment gets rounded. */
+    roundedTop?: number;
     /** When true, adds padding below the 0 baseline. When false (default), bars are flush with the axis line. */
     baselinePadding?: boolean;
     innerRadius?: number;
+    /** Corner radius for rounded wedge arcs (pie/donut) */
+    cornerRadius?: number;
     normalize?: boolean;
     startAngle?: number;
     /** Total arc sweep in degrees (default 360 = full circle). Used by GaugeChart for partial arcs. */
@@ -213,8 +221,10 @@ export interface StreamOrdinalFrameProps<T = Record<string, any>> {
         left?: number;
     };
     barPadding?: number;
+    roundedTop?: number;
     baselinePadding?: boolean;
     innerRadius?: number;
+    cornerRadius?: number;
     normalize?: boolean;
     startAngle?: number;
     sweepAngle?: number;

package/dist/components/stream/pipelineDecay.d.ts

@@ -1,11 +1,12 @@
 /**
- * Decay encoding for XY pipeline scene nodes.
+ * Shared decay encoding utilities for all pipeline stores.
  *
- * Applies age-based opacity fade to scene nodes — linear, exponential, or step.
- * Per-vertex decay for line/area nodes, uniform for discrete nodes (point, rect, etc.).
+ * `computeDecayOpacity()` — core algorithm used by all four pipeline stores
+ * (XY, Ordinal, Network, Geo) to compute age-based opacity.
  *
- * Dependencies: types (SceneNode, DecayConfig)
- * Consumed by: PipelineStore.computeScene (after scene build, before transitions)
+ * `applyDecay()` — XY-specific application that handles per-vertex decay
+ * for line/area nodes. Other stores call `computeDecayOpacity()` directly
+ * with their own node iteration logic.
  */
 import type { SceneNode, DecayConfig } from "./types";
 /**

package/dist/components/stream/types.d.ts

@@ -187,6 +187,10 @@ export interface RectSceneNode {
     y: number;
     w: number;
     h: number;
+    /** Rounded corner radius on the end away from the baseline */
+    roundedTop?: number;
+    /** Which edge to round: "top"/"bottom" (vertical), "right"/"left" (horizontal) */
+    roundedEdge?: "top" | "bottom" | "right" | "left";
     style: Style;
     datum: any;
     group?: string;