semiotic 3.0.1 → 3.1.1

package/dist/components/charts/geo/DistanceCartogram.d.ts

@@ -0,0 +1,90 @@
+import * as React from "react";
+import type { StreamGeoFrameProps, ProjectionProp } from "../../stream/geoTypes";
+import type { BaseChartProps, ChartAccessor } from "../shared/types";
+import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { LegendPosition } from "../shared/hooks";
+import type { RealtimeFrameHandle } from "../../realtime/types";
+export interface DistanceCartogramProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps {
+    /** Point data with geographic coordinates */
+    points?: TDatum[];
+    /** Route/edge data with source/target fields */
+    lines?: {
+        source: string;
+        target: string;
+        coordinates?: any[];
+        [key: string]: any;
+    }[];
+    /** Longitude accessor @default "lon" */
+    xAccessor?: ChartAccessor<TDatum, number>;
+    /** Latitude accessor @default "lat" */
+    yAccessor?: ChartAccessor<TDatum, number>;
+    /** Node ID accessor @default "id" */
+    nodeIdAccessor?: string;
+    /** ID of the center point */
+    center: string;
+    /** Cost/distance accessor — numeric field or function */
+    costAccessor: string | ((d: any) => number);
+    /** Interpolation between geographic (0) and cartogram (1) @default 1 */
+    strength?: number;
+    /** Line rendering mode @default "straight" */
+    lineMode?: "straight" | "fractional";
+    /** Base geographic projection @default "mercator" */
+    projection?: ProjectionProp;
+    /** Show graticule grid lines */
+    graticule?: boolean | import("../../stream/geoTypes").GraticuleConfig;
+    /** Transition duration in ms when center/strength changes */
+    transition?: number;
+    /** Field to determine point color */
+    colorBy?: ChartAccessor<TDatum, string>;
+    /** Color scheme @default "category10" */
+    colorScheme?: string | string[];
+    /** Point radius @default 5 */
+    pointRadius?: number;
+    /** Tooltip */
+    tooltip?: TooltipProp;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Legend position */
+    legendPosition?: LegendPosition;
+    /** Padding fraction for auto-fit projection. 0.1 = 10% inset from edges. @default 0 */
+    fitPadding?: number;
+    /** Enable zoom/pan. Defaults to true when tileURL is set, false otherwise. */
+    zoomable?: boolean;
+    /** [minZoom, maxZoom] @default [1, 8] */
+    zoomExtent?: [number, number];
+    /** Zoom change callback */
+    onZoom?: StreamGeoFrameProps["onZoom"];
+    /**
+     * When true, drag gestures rotate the projection (globe spinning)
+     * instead of panning. Defaults to true for orthographic projection.
+     */
+    dragRotate?: boolean;
+    /** Raster tile URL template or function. Enables tile basemap (Mercator only). */
+    tileURL?: string | ((z: number, x: number, y: number, dpr: number) => string);
+    /** Attribution text for tile provider */
+    tileAttribution?: string;
+    /** Max cached tiles @default 256 */
+    tileCacheSize?: number;
+    /** Show concentric distance rings around center. true for auto intervals, number for ring count, or number[] for explicit cost values. @default true */
+    showRings?: boolean | number | number[];
+    /** Ring style overrides */
+    ringStyle?: {
+        stroke?: string;
+        strokeWidth?: number;
+        strokeDasharray?: string;
+        labelColor?: string;
+        labelSize?: number;
+    };
+    /** Show north indicator arrow @default true */
+    showNorth?: boolean;
+    /** Label for cost units shown on rings (e.g. "hrs", "km") */
+    costLabel?: string;
+    /** Annotations */
+    annotations?: Record<string, any>[];
+    /** Passthrough */
+    frameProps?: Partial<Omit<StreamGeoFrameProps, "projection">>;
+}
+export declare const DistanceCartogram: {
+    <TDatum extends Record<string, any> = Record<string, any>>(props: DistanceCartogramProps<TDatum> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

package/dist/components/charts/geo/FlowMap.d.ts

@@ -0,0 +1,83 @@
+import * as React from "react";
+import type { StreamGeoFrameProps, ProjectionProp } from "../../stream/geoTypes";
+import type { BaseChartProps, ChartAccessor } from "../shared/types";
+import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { Style } from "../../stream/types";
+import type { GeoParticleStyle } from "../../stream/GeoParticlePool";
+import { type AreasProp } from "../../geo/useReferenceAreas";
+export interface FlowMapProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps {
+    /** Flow edges with source/target/value */
+    flows?: {
+        source: string;
+        target: string;
+        value?: number;
+        [key: string]: any;
+    }[];
+    /** Geographic nodes with coordinates */
+    nodes?: TDatum[];
+    /** Node ID accessor @default "id" */
+    nodeIdAccessor?: string;
+    /** Longitude accessor @default "lon" */
+    xAccessor?: ChartAccessor<TDatum, number>;
+    /** Latitude accessor @default "lat" */
+    yAccessor?: ChartAccessor<TDatum, number>;
+    /** Value accessor for edge width @default "value" */
+    valueAccessor?: string;
+    /** Projection @default "equalEarth" */
+    projection?: ProjectionProp;
+    /** Show graticule grid lines */
+    graticule?: boolean | import("../../stream/geoTypes").GraticuleConfig;
+    /** Line type: "geo" for great circles, "line" for straight @default "geo" */
+    lineType?: "geo" | "line";
+    /** Flow rendering style: "basic" (straight/great-circle), "offset" (bidirectional offset), "arc" (curved arcs) @default "basic" */
+    flowStyle?: "basic" | "offset" | "arc";
+    /** Optional background areas */
+    areas?: AreasProp;
+    /** Background area style */
+    areaStyle?: Style;
+    /** Edge color accessor */
+    edgeColorBy?: ChartAccessor<any, string>;
+    /** Edge opacity @default 0.6 */
+    edgeOpacity?: number;
+    /** Min/max pixel width for proportional edge width @default [1, 8] */
+    edgeWidthRange?: [number, number];
+    /** Line cap style for flow edges @default "round" */
+    edgeLinecap?: "butt" | "round" | "square";
+    /** Color scheme for edges @default "category10" */
+    colorScheme?: string | string[];
+    /** Show animated particles along flow lines */
+    showParticles?: boolean;
+    /** Particle appearance and behavior */
+    particleStyle?: GeoParticleStyle;
+    /** Tooltip */
+    tooltip?: TooltipProp;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Padding fraction for auto-fit projection. 0.1 = 10% inset from edges. @default 0 */
+    fitPadding?: number;
+    /** Enable zoom/pan. Defaults to true when tileURL is set, false otherwise. */
+    zoomable?: boolean;
+    /** [minZoom, maxZoom] @default [1, 8] */
+    zoomExtent?: [number, number];
+    /** Zoom change callback */
+    onZoom?: StreamGeoFrameProps["onZoom"];
+    /**
+     * When true, drag gestures rotate the projection (globe spinning)
+     * instead of panning. Defaults to true for orthographic projection.
+     */
+    dragRotate?: boolean;
+    /** Raster tile URL template or function. Enables tile basemap (Mercator only). */
+    tileURL?: string | ((z: number, x: number, y: number, dpr: number) => string);
+    /** Attribution text for tile provider */
+    tileAttribution?: string;
+    /** Max cached tiles @default 256 */
+    tileCacheSize?: number;
+    /** Annotations */
+    annotations?: Record<string, any>[];
+    /** Passthrough */
+    frameProps?: Partial<Omit<StreamGeoFrameProps, "projection">>;
+}
+export declare function FlowMap<TDatum extends Record<string, any> = Record<string, any>>(props: FlowMapProps<TDatum>): React.JSX.Element;
+export declare namespace FlowMap {
+    var displayName: string;
+}

package/dist/components/charts/geo/ProportionalSymbolMap.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+import type { StreamGeoFrameProps, ProjectionProp } from "../../stream/geoTypes";
+import type { RealtimeFrameHandle } from "../../realtime/types";
+import type { BaseChartProps, ChartAccessor } from "../shared/types";
+import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { LegendInteractionMode, LegendPosition } from "../shared/hooks";
+import type { Style } from "../../stream/types";
+import { type AreasProp } from "../../geo/useReferenceAreas";
+export interface ProportionalSymbolMapProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps {
+    /** Point data with geographic coordinates */
+    points?: TDatum[];
+    /** Longitude accessor @default "lon" */
+    xAccessor?: ChartAccessor<TDatum, number>;
+    /** Latitude accessor @default "lat" */
+    yAccessor?: ChartAccessor<TDatum, number>;
+    /** Field to scale point size */
+    sizeBy: ChartAccessor<TDatum, number>;
+    /** Min and max radius @default [3, 30] */
+    sizeRange?: [number, number];
+    /** Field to determine point color */
+    colorBy?: ChartAccessor<TDatum, string>;
+    /** Color scheme @default "category10" */
+    colorScheme?: string | string[];
+    /** Geographic projection @default "equalEarth" */
+    projection?: ProjectionProp;
+    /** Show graticule grid lines */
+    graticule?: boolean | import("../../stream/geoTypes").GraticuleConfig;
+    /** Optional background geography */
+    areas?: AreasProp;
+    /** Style for background areas @default { fill: "#f0f0f0", stroke: "#ccc" } */
+    areaStyle?: Style;
+    /** Tooltip config */
+    tooltip?: TooltipProp;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Legend interaction mode */
+    legendInteraction?: LegendInteractionMode;
+    /** Legend position */
+    legendPosition?: LegendPosition;
+    /** Padding fraction for auto-fit projection. 0.1 = 10% inset from edges. @default 0 */
+    fitPadding?: number;
+    /** Enable zoom/pan. Defaults to true when tileURL is set, false otherwise. */
+    zoomable?: boolean;
+    /** [minZoom, maxZoom] @default [1, 8] */
+    zoomExtent?: [number, number];
+    /** Zoom change callback */
+    onZoom?: StreamGeoFrameProps["onZoom"];
+    /**
+     * When true, drag gestures rotate the projection (globe spinning)
+     * instead of panning. Defaults to true for orthographic projection.
+     */
+    dragRotate?: boolean;
+    /** Raster tile URL template or function. Enables tile basemap (Mercator only). */
+    tileURL?: string | ((z: number, x: number, y: number, dpr: number) => string);
+    /** Attribution text for tile provider */
+    tileAttribution?: string;
+    /** Max cached tiles @default 256 */
+    tileCacheSize?: number;
+    /** Annotations */
+    annotations?: Record<string, any>[];
+    /** Passthrough */
+    frameProps?: Partial<Omit<StreamGeoFrameProps, "points" | "projection">>;
+}
+export declare const ProportionalSymbolMap: {
+    <TDatum extends Record<string, any> = Record<string, any>>(props: ProportionalSymbolMapProps<TDatum> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

package/dist/components/charts/geo/index.d.ts

@@ -0,0 +1,8 @@
+export { ChoroplethMap } from "./ChoroplethMap";
+export type { ChoroplethMapProps } from "./ChoroplethMap";
+export { ProportionalSymbolMap } from "./ProportionalSymbolMap";
+export type { ProportionalSymbolMapProps } from "./ProportionalSymbolMap";
+export { FlowMap } from "./FlowMap";
+export type { FlowMapProps } from "./FlowMap";
+export { DistanceCartogram } from "./DistanceCartogram";
+export type { DistanceCartogramProps } from "./DistanceCartogram";

package/dist/components/charts/index.d.ts

@@ -24,6 +24,8 @@ export { ScatterplotMatrix } from "./xy/ScatterplotMatrix";
 export type { ScatterplotMatrixProps } from "./xy/ScatterplotMatrix";
 export { MinimapChart } from "./xy/MinimapChart";
 export type { MinimapChartProps, MinimapConfig } from "./xy/MinimapChart";
+export { QuadrantChart } from "./xy/QuadrantChart";
+export type { QuadrantChartProps, QuadrantsConfig, QuadrantConfig, CenterlineStyle } from "./xy/QuadrantChart";
 export { BarChart } from "./ordinal/BarChart";
 export type { BarChartProps } from "./ordinal/BarChart";
 export { StackedBarChart } from "./ordinal/StackedBarChart";

package/dist/components/charts/network/ChordDiagram.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { StreamNetworkFrameProps } from "../../stream/networkTypes";
+import type { RealtimeFrameHandle } from "../../realtime/types";
 import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
 import type { LegendInteractionMode } from "../shared/hooks";
@@ -8,7 +9,7 @@ import type { LegendInteractionMode } from "../shared/hooks";
  */
 export interface ChordDiagramProps<TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>> extends BaseChartProps {
     nodes?: TNode[];
-    edges: TEdge[];
+    edges?: TEdge[];
     sourceAccessor?: ChartAccessor<TEdge, string>;
     targetAccessor?: ChartAccessor<TEdge, string>;
     valueAccessor?: ChartAccessor<TEdge, number>;
@@ -32,7 +33,7 @@ export interface ChordDiagramProps<TNode extends Record<string, any> = Record<st
  *
  * Wraps StreamNetworkFrame (canvas-first) for chord relationship visualization.
  */
-export declare function ChordDiagram<TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>>(props: ChordDiagramProps<TNode, TEdge>): React.JSX.Element;
-export declare namespace ChordDiagram {
-    var displayName: string;
-}
+export declare const ChordDiagram: {
+    <TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>>(props: ChordDiagramProps<TNode, TEdge> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

package/dist/components/charts/network/CirclePack.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { StreamNetworkFrameProps } from "../../stream/networkTypes";
-import type { BaseChartProps, ChartAccessor, Accessor } from "../shared/types";
+import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
 import type { LegendInteractionMode } from "../shared/hooks";
 /**
@@ -9,7 +9,7 @@ import type { LegendInteractionMode } from "../shared/hooks";
 export interface CirclePackProps<TNode extends Record<string, any> = Record<string, any>> extends BaseChartProps {
     data: TNode;
     childrenAccessor?: ChartAccessor<TNode, TNode[]>;
-    valueAccessor?: Accessor<number>;
+    valueAccessor?: ChartAccessor<TNode, number>;
     nodeIdAccessor?: ChartAccessor<TNode, string>;
     colorBy?: ChartAccessor<TNode, string | number>;
     colorScheme?: string | string[];

package/dist/components/charts/network/ForceDirectedGraph.d.ts

@@ -1,14 +1,15 @@
 import * as React from "react";
 import type { StreamNetworkFrameProps } from "../../stream/networkTypes";
+import type { RealtimeFrameHandle } from "../../realtime/types";
 import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
-import type { LegendInteractionMode } from "../shared/hooks";
+import type { LegendInteractionMode, LegendPosition } from "../shared/hooks";
 /**
  * ForceDirectedGraph component props
  */
 export interface ForceDirectedGraphProps<TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>> extends BaseChartProps {
-    nodes: TNode[];
-    edges: TEdge[];
+    nodes?: TNode[];
+    edges?: TEdge[];
     nodeIDAccessor?: ChartAccessor<TNode, string>;
     sourceAccessor?: ChartAccessor<TEdge, string>;
     targetAccessor?: ChartAccessor<TEdge, string>;
@@ -26,6 +27,7 @@ export interface ForceDirectedGraphProps<TNode extends Record<string, any> = Rec
     enableHover?: boolean;
     showLegend?: boolean;
     legendInteraction?: LegendInteractionMode;
+    legendPosition?: LegendPosition;
     tooltip?: TooltipProp;
     frameProps?: Partial<Omit<StreamNetworkFrameProps, "nodes" | "edges" | "size">>;
 }
@@ -34,7 +36,7 @@ export interface ForceDirectedGraphProps<TNode extends Record<string, any> = Rec
  *
  * Wraps StreamNetworkFrame (canvas-first) for force-directed network visualization.
  */
-export declare function ForceDirectedGraph<TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>>(props: ForceDirectedGraphProps<TNode, TEdge>): React.JSX.Element;
-export declare namespace ForceDirectedGraph {
-    var displayName: string;
-}
+export declare const ForceDirectedGraph: {
+    <TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>>(props: ForceDirectedGraphProps<TNode, TEdge> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

package/dist/components/charts/network/OrbitDiagram.d.ts

@@ -1,5 +1,7 @@
 import * as React from "react";
+import type { StreamNetworkFrameProps } from "../../stream/networkTypes";
 import type { BaseChartProps } from "../shared/types";
+import { type TooltipProp } from "../../Tooltip/Tooltip";
 export interface OrbitNode {
     datum: any;
     x: number;
@@ -35,41 +37,40 @@ export interface OrbitDiagramProps<TDatum extends Record<string, any> = Record<s
      */
     orbitMode?: OrbitMode;
     /** Ring size divisor per depth. Larger = tighter orbits. @default 2.95 */
-    orbitSize?: number | ((node: OrbitNode) => number);
+    orbitSize?: number | ((node: any) => number);
     /** Orbit speed in degrees per frame @default 0.25 */
     speed?: number;
     /** Per-node speed modifier @default (node) => 1 / (node.depth + 1) */
-    revolution?: (node: OrbitNode) => number;
+    revolution?: (node: any) => number;
+    /**
+     * Built-in revolution style presets:
+     * - "locked": children rotate with parent at decreasing speed (default)
+     * - "decay": each depth level progressively slower, independent of parent
+     * - "alternate": odd-depth rings reverse direction
+     * Ignored when `revolution` function is provided.
+     * @default "locked"
+     */
+    revolutionStyle?: "locked" | "decay" | "alternate";
     /** Vertical squash for elliptical orbits. 1 = circle, 0.5 = ellipse @default 1 */
-    eccentricity?: number | ((node: OrbitNode) => number);
+    eccentricity?: number | ((node: any) => number);
     /** Show orbital ring paths @default true */
     showRings?: boolean;
     /** Node radius. Number or function of node. @default 6 */
-    nodeRadius?: number | ((node: OrbitNode) => number);
+    nodeRadius?: number | ((node: any) => number);
     /** Show node labels @default false */
     showLabels?: boolean;
     /** Enable animation @default true */
     animated?: boolean;
-    /** Tooltip configuration */
-    tooltip?: (node: OrbitNode) => React.ReactNode;
+    /** Tooltip configuration. Function form receives the raw datum (not OrbitNode). */
+    tooltip?: TooltipProp;
     /** Enable hover @default true */
     enableHover?: boolean;
-    /** Annotation objects. Supports type: "widget" with content (ReactNode) anchored to a node by nodeId. */
-    annotations?: Array<{
-        type: string;
-        nodeId?: string;
-        dx?: number;
-        dy?: number;
-        width?: number;
-        height?: number;
-        content?: React.ReactNode;
-        label?: string;
-        [key: string]: any;
-    }>;
+    /** Annotation objects */
+    annotations?: Array<Record<string, any>>;
     /** Additional SVG content */
     foregroundGraphics?: React.ReactNode;
-    /** Frame props passthrough (unused, for API consistency) */
-    frameProps?: Record<string, any>;
+    /** Frame props passthrough */
+    frameProps?: Partial<Omit<StreamNetworkFrameProps, "data" | "size">>;
 }
 export declare function OrbitDiagram<TDatum extends Record<string, any> = Record<string, any>>(props: OrbitDiagramProps<TDatum>): React.JSX.Element;
 export declare namespace OrbitDiagram {

package/dist/components/charts/network/SankeyDiagram.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { StreamNetworkFrameProps } from "../../stream/networkTypes";
+import type { RealtimeFrameHandle } from "../../realtime/types";
 import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
 import type { LegendInteractionMode } from "../shared/hooks";
@@ -8,7 +9,7 @@ import type { LegendInteractionMode } from "../shared/hooks";
  */
 export interface SankeyDiagramProps<TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>> extends BaseChartProps {
     nodes?: TNode[];
-    edges: TEdge[];
+    edges?: TEdge[];
     sourceAccessor?: ChartAccessor<TEdge, string>;
     targetAccessor?: ChartAccessor<TEdge, string>;
     valueAccessor?: ChartAccessor<TEdge, number>;
@@ -34,7 +35,7 @@ export interface SankeyDiagramProps<TNode extends Record<string, any> = Record<s
  *
  * Wraps StreamNetworkFrame (canvas-first) for Sankey flow visualization.
  */
-export declare function SankeyDiagram<TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>>(props: SankeyDiagramProps<TNode, TEdge>): React.JSX.Element;
-export declare namespace SankeyDiagram {
-    var displayName: string;
-}
+export declare const SankeyDiagram: {
+    <TNode extends Record<string, any> = Record<string, any>, TEdge extends Record<string, any> = Record<string, any>>(props: SankeyDiagramProps<TNode, TEdge> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

package/dist/components/charts/network/TreeDiagram.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { StreamNetworkFrameProps } from "../../stream/networkTypes";
-import type { BaseChartProps, ChartAccessor, Accessor } from "../shared/types";
+import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
 import type { LegendInteractionMode } from "../shared/hooks";
 /**
@@ -11,7 +11,7 @@ export interface TreeDiagramProps<TNode extends Record<string, any> = Record<str
     layout?: "tree" | "cluster" | "partition" | "treemap" | "circlepack";
     orientation?: "vertical" | "horizontal" | "radial";
     childrenAccessor?: ChartAccessor<TNode, TNode[]>;
-    valueAccessor?: Accessor<number>;
+    valueAccessor?: ChartAccessor<TNode, number>;
     nodeIdAccessor?: ChartAccessor<TNode, string>;
     colorBy?: ChartAccessor<TNode, string | number>;
     colorScheme?: string | string[];

package/dist/components/charts/network/Treemap.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { StreamNetworkFrameProps } from "../../stream/networkTypes";
-import type { BaseChartProps, ChartAccessor, Accessor } from "../shared/types";
+import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
 import type { LegendInteractionMode } from "../shared/hooks";
 /**
@@ -9,7 +9,7 @@ import type { LegendInteractionMode } from "../shared/hooks";
 export interface TreemapProps<TNode extends Record<string, any> = Record<string, any>> extends BaseChartProps {
     data: TNode;
     childrenAccessor?: ChartAccessor<TNode, TNode[]>;
-    valueAccessor?: Accessor<number>;
+    valueAccessor?: ChartAccessor<TNode, number>;
     nodeIdAccessor?: ChartAccessor<TNode, string>;
     colorBy?: ChartAccessor<TNode, string | number>;
     colorScheme?: string | string[];

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

@@ -3,11 +3,12 @@ import type { StreamOrdinalFrameProps } from "../../stream/ordinalTypes";
 import type { LegendInteractionMode } from "../shared/hooks";
 import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { RealtimeFrameHandle } from "../../realtime/types";
 /**
  * BarChart component props
  */
 export interface BarChartProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps {
-    data: TDatum[];
+    data?: TDatum[];
     categoryAccessor?: ChartAccessor<TDatum, string>;
     valueAccessor?: ChartAccessor<TDatum, number>;
     orientation?: "vertical" | "horizontal";
@@ -22,6 +23,7 @@ export interface BarChartProps<TDatum extends Record<string, any> = Record<strin
     showGrid?: boolean;
     showLegend?: boolean;
     legendInteraction?: LegendInteractionMode;
+    legendPosition?: "right" | "left" | "top" | "bottom";
     tooltip?: TooltipProp;
     annotations?: Record<string, any>[];
     frameProps?: Partial<Omit<StreamOrdinalFrameProps, "data" | "size">>;
@@ -29,7 +31,7 @@ export interface BarChartProps<TDatum extends Record<string, any> = Record<strin
 /**
  * BarChart - Visualize categorical data with bars.
  */
-export declare function BarChart<TDatum extends Record<string, any> = Record<string, any>>(props: BarChartProps<TDatum>): React.JSX.Element;
-export declare namespace BarChart {
-    var displayName: string;
-}
+export declare const BarChart: {
+    <TDatum extends Record<string, any> = Record<string, any>>(props: BarChartProps<TDatum> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

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

@@ -1,10 +1,11 @@
 import * as React from "react";
 import type { StreamOrdinalFrameProps } from "../../stream/ordinalTypes";
-import type { LegendInteractionMode } from "../shared/hooks";
+import type { LegendInteractionMode, LegendPosition } from "../shared/hooks";
 import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { RealtimeFrameHandle } from "../../realtime/types";
 export interface BoxPlotProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps {
-    data: TDatum[];
+    data?: TDatum[];
     categoryAccessor?: ChartAccessor<TDatum, string>;
     valueAccessor?: ChartAccessor<TDatum, number>;
     orientation?: "vertical" | "horizontal";
@@ -20,11 +21,12 @@ export interface BoxPlotProps<TDatum extends Record<string, any> = Record<string
     showGrid?: boolean;
     showLegend?: boolean;
     legendInteraction?: LegendInteractionMode;
+    legendPosition?: LegendPosition;
     tooltip?: TooltipProp;
     annotations?: Record<string, any>[];
     frameProps?: Partial<Omit<StreamOrdinalFrameProps, "data" | "size">>;
 }
-export declare function BoxPlot<TDatum extends Record<string, any> = Record<string, any>>(props: BoxPlotProps<TDatum>): React.JSX.Element;
-export declare namespace BoxPlot {
-    var displayName: string;
-}
+export declare const BoxPlot: {
+    <TDatum extends Record<string, any> = Record<string, any>>(props: BoxPlotProps<TDatum> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

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

@@ -1,10 +1,11 @@
 import * as React from "react";
 import type { StreamOrdinalFrameProps } from "../../stream/ordinalTypes";
-import type { LegendInteractionMode } from "../shared/hooks";
+import type { LegendInteractionMode, LegendPosition } from "../shared/hooks";
 import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { RealtimeFrameHandle } from "../../realtime/types";
 export interface DonutChartProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps {
-    data: TDatum[];
+    data?: TDatum[];
     categoryAccessor?: ChartAccessor<TDatum, string>;
     valueAccessor?: ChartAccessor<TDatum, number>;
     innerRadius?: number;
@@ -16,11 +17,12 @@ export interface DonutChartProps<TDatum extends Record<string, any> = Record<str
     enableHover?: boolean;
     showLegend?: boolean;
     legendInteraction?: LegendInteractionMode;
+    legendPosition?: LegendPosition;
     tooltip?: TooltipProp;
     annotations?: Record<string, any>[];
     frameProps?: Partial<Omit<StreamOrdinalFrameProps, "data" | "size">>;
 }
-export declare function DonutChart<TDatum extends Record<string, any> = Record<string, any>>(props: DonutChartProps<TDatum>): React.JSX.Element;
-export declare namespace DonutChart {
-    var displayName: string;
-}
+export declare const DonutChart: {
+    <TDatum extends Record<string, any> = Record<string, any>>(props: DonutChartProps<TDatum> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

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

@@ -1,10 +1,11 @@
 import * as React from "react";
 import type { StreamOrdinalFrameProps } from "../../stream/ordinalTypes";
-import type { LegendInteractionMode } from "../shared/hooks";
+import type { LegendInteractionMode, LegendPosition } from "../shared/hooks";
 import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { RealtimeFrameHandle } from "../../realtime/types";
 export interface DotPlotProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps {
-    data: TDatum[];
+    data?: TDatum[];
     categoryAccessor?: ChartAccessor<TDatum, string>;
     valueAccessor?: ChartAccessor<TDatum, number>;
     orientation?: "vertical" | "horizontal";
@@ -20,11 +21,12 @@ export interface DotPlotProps<TDatum extends Record<string, any> = Record<string
     showGrid?: boolean;
     showLegend?: boolean;
     legendInteraction?: LegendInteractionMode;
+    legendPosition?: LegendPosition;
     tooltip?: TooltipProp;
     annotations?: Record<string, any>[];
     frameProps?: Partial<Omit<StreamOrdinalFrameProps, "data" | "size">>;
 }
-export declare function DotPlot<TDatum extends Record<string, any> = Record<string, any>>(props: DotPlotProps<TDatum>): React.JSX.Element;
-export declare namespace DotPlot {
-    var displayName: string;
-}
+export declare const DotPlot: {
+    <TDatum extends Record<string, any> = Record<string, any>>(props: DotPlotProps<TDatum> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};

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

@@ -3,8 +3,9 @@ import type { StreamOrdinalFrameProps } from "../../stream/ordinalTypes";
 import type { LegendInteractionMode } from "../shared/hooks";
 import type { BaseChartProps, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { RealtimeFrameHandle } from "../../realtime/types";
 export interface GroupedBarChartProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps {
-    data: TDatum[];
+    data?: TDatum[];
     categoryAccessor?: ChartAccessor<TDatum, string>;
     groupBy: ChartAccessor<TDatum, string>;
     valueAccessor?: ChartAccessor<TDatum, number>;
@@ -19,11 +20,12 @@ export interface GroupedBarChartProps<TDatum extends Record<string, any> = Recor
     showGrid?: boolean;
     showLegend?: boolean;
     legendInteraction?: LegendInteractionMode;
+    legendPosition?: "right" | "left" | "top" | "bottom";
     tooltip?: TooltipProp;
     annotations?: Record<string, any>[];
     frameProps?: Partial<Omit<StreamOrdinalFrameProps, "data" | "size">>;
 }
-export declare function GroupedBarChart<TDatum extends Record<string, any> = Record<string, any>>(props: GroupedBarChartProps<TDatum>): React.JSX.Element;
-export declare namespace GroupedBarChart {
-    var displayName: string;
-}
+export declare const GroupedBarChart: {
+    <TDatum extends Record<string, any> = Record<string, any>>(props: GroupedBarChartProps<TDatum> & React.RefAttributes<RealtimeFrameHandle>): React.ReactElement | null;
+    displayName?: string;
+};