@asymmetric-effort/specifyjs 0.2.15 → 0.2.18

package/dist/specifyjs-components.d.ts

@@ -2218,5 +2218,1059 @@ interface TradingDashboardProps {
 }
 declare function TradingDashboard(props: TradingDashboardProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
 
-export { Accordion, Alert, AnalogClock, Avatar, Badge, BarGraph, Breadcrumb, Card, Carousel, CartesianGraph2D, Checkbox, ColorPicker, ColorWheel, ComplexGraph2D, ContextMenu, DataGrid, DatePicker, DigitalClock, Drawer, Dropdown, EmptyState, FileUpload, FlexContainer, FlexItem, Footer, FormFieldWrapper, GoogleAnalytics, Grid, GridItem, HypercubeGraph, IDE, Image, LineGraph, ListView, Menubar, Modal, MultilineField, NavWrapper, NumberSpinner, Pagination, Panel, PieGraph, PolarGraph2D, Popover, ProgressBar, RadioGroup, ScrollContainer, Select, Sidebar, Skeleton, Slider, Spinner, Splitter, Stepper, Tabs, Tag, TextEditor, TextField, TimePicker, ToastContainer, Toggle, Toolbar, Tooltip, TradingDashboard, TreeNav, TreeNode, UnityDesktop, VideoPlayer, VirtualScroll, VizWrapper, WordProcessor, buildInputStyle, buildNavItemStyle, buildRotationMatrix, computeMandelbrotGrid, computeSlices, createToaster, describeArc, generateEdges, generateHypercube, generatePalette, generateVertices, numRotationAngles, projectTo2D, transformVec, useBarGraphScales, useHover, useHypercube, useLineGraphScales, useToast };
-export type { AccordionContentStyle, AccordionHeaderStyle, AccordionProps, AccordionSection, AlertProps, AnalogClockProps, AvatarProps, BadgeProps, BarDatum, BarGraphProps, BarGraphScales, BreadcrumbItem, BreadcrumbProps, BreadcrumbSize, CardProps, CarouselProps, CartesianGraph2DProps, CheckboxProps, ColorPickerProps, ColorWheelProps, ComplexGraph2DProps, ComplexPointInfo, ComputedSlice, ContextMenuItem, ContextMenuProps, DataGridColumn, DataGridProps, DatePickerProps, DigitalClockProps, DrawerPosition, DrawerProps, DropdownItem, DropdownProps, Edge, EmptyStateProps, FileUploadProps, FlexContainerProps, FlexItemProps, FooterProps, FormFieldWrapperProps, FormFieldWrapperStyle, GoogleAnalyticsProps, GridBreakpoint, GridItemProps, GridProps, HypercubeData, HypercubeGraphProps, IDEProps, ImageProps, InputBaseStyle, LegendItem, LineGraphProps, LineSeries, ListViewProps, MenuDefinition, MenuItem, MenubarProps, ModalProps, ModalSize, MultilineFieldProps, NavItemStyle, NavOrientation, NavWrapperProps, NavWrapperStyle, NumberSpinnerProps, PaginationProps, PanelProps, PieGraphProps, PieSliceDatum, Point, PointEvent, PointShape, PolarGraph2DProps, PolarPointInfo, PopoverPlacement, PopoverProps, Position, ProgressBarProps, RadioGroupProps, RadioOption, ScrollContainerProps, SelectOption, SelectProps, SidebarItem, SidebarProps, SkeletonProps, SliderMark, SliderProps, SpinnerProps, SplitterProps, StackedBarDatum, StepItem, StepperOrientation, StepperProps, StepperVariant, TabDefinition, TabsProps, TagProps, TextEditorProps, TextFieldProps, TimePickerProps, ToastAction, ToastItem, ToastOptions, ToastPosition, ToastType, Toaster, ToasterConfig, ToggleProps, ToolbarButton, ToolbarItem, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPlacement, TooltipProps, TradingDashboardProps, TreeNavProps, TreeNodeData, UnityDesktopProps, UseHypercubeOptions, Vec, Vertex, VideoPlayerProps, VirtualScrollProps, VizWrapperProps, WordProcessorProps };
+interface ButtonProps {
+    /** Button label / children */
+    children?: unknown;
+    /** Click handler */
+    onClick?: (e: Event) => void;
+    /** Visual variant */
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Full width */
+    fullWidth?: boolean;
+    /** HTML type attribute */
+    type?: 'button' | 'submit' | 'reset';
+    /** Custom className */
+    className?: string;
+    /** Custom inline style overrides */
+    style?: Record<string, string>;
+    /** Accessible label (when children is an icon) */
+    ariaLabel?: string;
+    /** Whether button is in active/toggled state */
+    active?: boolean;
+}
+declare function Button(props: ButtonProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface Layer3D {
+    label: string;
+    data: number[][];
+    color?: string;
+    opacity?: number;
+}
+interface ThreeDLayersProps {
+    /** Array of layers, each containing a 2D grid of height values */
+    layers: Layer3D[];
+    /** SVG width in pixels (default: 700) */
+    width?: number;
+    /** SVG height in pixels (default: 500) */
+    height?: number;
+    /** Perspective strength (default: 0.5) — 0 = flat, 1 = strong perspective */
+    perspective?: number;
+    /** X-axis rotation in degrees (default: 35) */
+    rotateX?: number;
+    /** Y-axis rotation in degrees (default: 45) */
+    rotateY?: number;
+    /** Z-axis rotation in degrees (default: 0) */
+    rotateZ?: number;
+    /** Show layer labels (default: true) */
+    showLabels?: boolean;
+    /** Show 3D axes (default: true) */
+    showAxes?: boolean;
+    /** Vertical spacing between layers in data units (default: 2) */
+    layerSpacing?: number;
+    /** Color palette for layers (default: built-in palette) */
+    colorScale?: string[];
+    /** Grid wireframe color (default: '#94a3b8') */
+    gridColor?: string;
+    /** Chart title */
+    title?: string;
+}
+declare function ThreeDLayers(props: ThreeDLayersProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface BigNumberProps {
+    /** The main value to display */
+    value: number | string;
+    /** Descriptive label beneath the value */
+    label?: string;
+    /** Prefix before the value (e.g. '$') */
+    prefix?: string;
+    /** Suffix after the value (e.g. '%') */
+    suffix?: string;
+    /** Trend value — positive = up, negative = down */
+    trend?: number;
+    /** Trend context label (e.g. 'vs last week') */
+    trendLabel?: string;
+    /** Small line chart data points */
+    sparkline?: number[];
+    /** SVG width in pixels (default: 280) */
+    width?: number;
+    /** SVG height in pixels (default: 160) */
+    height?: number;
+    /** Main value text color (default: '#111827') */
+    valueColor?: string;
+    /** Trend arrow color when positive (default: '#22c55e') */
+    trendUpColor?: string;
+    /** Trend arrow color when negative (default: '#ef4444') */
+    trendDownColor?: string;
+    /** Card background color (default: '#ffffff') */
+    backgroundColor?: string;
+}
+declare function BigNumber(props: BigNumberProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+/** Qubit state in Bloch sphere coordinates */
+interface BlochState {
+    /** Polar angle from |0⟩ (north pole) in radians [0, π] */
+    theta: number;
+    /** Azimuthal angle in the XY plane in radians [0, 2π) */
+    phi: number;
+}
+/** A point on the sphere trail */
+interface TrailPoint {
+    x: number;
+    y: number;
+    z: number;
+}
+/** Standard quantum gate names */
+type GateName = 'X' | 'Y' | 'Z' | 'H' | 'S' | 'T' | 'Rx' | 'Ry' | 'Rz';
+/** Gate to apply with optional rotation angle */
+interface GateOp {
+    gate: GateName;
+    /** Rotation angle in radians (for Rx, Ry, Rz gates) */
+    angle?: number;
+}
+interface BlochSphereProps {
+    /** Current qubit state (default: |0⟩ = {theta: 0, phi: 0}) */
+    state?: BlochState;
+    /** Sequence of gates to animate (applied one per frame) */
+    gates?: GateOp[];
+    /** SVG viewBox width (default: 400) */
+    width?: number;
+    /** SVG viewBox height (default: 400) */
+    height?: number;
+    /** Initial rotation around Y axis in degrees (default: -25) */
+    rotateY?: number;
+    /** Initial rotation around X axis in degrees (default: 15) */
+    rotateX?: number;
+    /** Zoom level (default: 1.0, range 0.5–3.0) */
+    zoom?: number;
+    /** Allow interactive rotation via drag (default: true) */
+    interactive?: boolean;
+    /** Allow zoom via scroll (default: true) */
+    zoomable?: boolean;
+    /** Show state vector arrow (default: true) */
+    showVector?: boolean;
+    /** Show axis labels (default: true) */
+    showLabels?: boolean;
+    /** Show wireframe circles (default: true) */
+    showWireframe?: boolean;
+    /** Show trajectory trail (default: true) */
+    showTrail?: boolean;
+    /** Max trail points (default: 200) */
+    trailMaxPoints?: number;
+    /** Trail color (default: '#ef4444') */
+    trailColor?: string;
+    /** Sphere wireframe color (default: '#cbd5e1') */
+    wireframeColor?: string;
+    /** State vector color (default: '#3b82f6') */
+    vectorColor?: string;
+    /** Background color (default: transparent) */
+    backgroundColor?: string;
+    /** Sphere radius in viewBox units (default: 130) */
+    sphereRadius?: number;
+    /** Title text */
+    title?: string;
+    /** Called when state changes (from gates or interaction) */
+    onStateChange?: (state: BlochState) => void;
+}
+declare function blochToCartesian(state: BlochState): {
+    x: number;
+    y: number;
+    z: number;
+};
+declare function cartesianToBloch(x: number, y: number, z: number): BlochState;
+declare function applyGate(state: BlochState, op: GateOp): BlochState;
+declare function BlochSphere(props: BlochSphereProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface BoxPlotDatum {
+    /** Category label */
+    label: string;
+    /** Raw numeric values to compute statistics from */
+    values: number[];
+    /** Optional box fill color */
+    color?: string;
+}
+interface BoxPlotProps {
+    /** Array of box plot data */
+    data: BoxPlotDatum[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Plot orientation (default: 'vertical') */
+    orientation?: 'horizontal' | 'vertical';
+    /** Show outlier circles (default: true) */
+    showOutliers?: boolean;
+    /** Show mean marker (default: false) */
+    showMean?: boolean;
+    /** Whisker line color (default: '#374151') */
+    whiskerColor?: string;
+    /** Box width as fraction of available space (default: 0.6) */
+    boxWidth?: number;
+    /** Show grid lines (default: true) */
+    showGrid?: boolean;
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 60) */
+    padding?: number;
+}
+interface BoxStats {
+    q1: number;
+    median: number;
+    q3: number;
+    iqr: number;
+    whiskerLow: number;
+    whiskerHigh: number;
+    mean: number;
+    outliers: number[];
+    min: number;
+    max: number;
+}
+/** Compute box-plot statistics from raw values. */
+declare function computeBoxStats(values: number[]): BoxStats | null;
+declare function BoxPlot(props: BoxPlotProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface BubbleDatum {
+    x: number;
+    y: number;
+    r: number;
+    label?: string;
+    color?: string;
+}
+interface BubbleChartProps {
+    /** Array of bubble data points */
+    data: BubbleDatum[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** X-axis label */
+    xLabel?: string;
+    /** Y-axis label */
+    yLabel?: string;
+    /** Show grid lines (default: true) */
+    showGrid?: boolean;
+    /** Show axes (default: true) */
+    showAxes?: boolean;
+    /** Show datum labels (default: false) */
+    showLabels?: boolean;
+    /** Maximum rendered bubble radius in px (default: 40) */
+    maxBubbleRadius?: number;
+    /** Minimum rendered bubble radius in px (default: 4) */
+    minBubbleRadius?: number;
+    /** Default bubble fill color (default: '#3b82f6') */
+    defaultColor?: string;
+    /** Bubble fill opacity (default: 0.7) */
+    opacity?: number;
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 60) */
+    padding?: number;
+}
+declare function BubbleChart(props: BubbleChartProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface CalendarDatum {
+    /** Date string in 'YYYY-MM-DD' format */
+    date: string;
+    /** Numeric value for this date */
+    value: number;
+}
+interface CalendarHeatMapProps {
+    /** Array of date/value pairs */
+    data: CalendarDatum[];
+    /** SVG width in pixels (default: 800) */
+    width?: number;
+    /** SVG height in pixels (default: 160) */
+    height?: number;
+    /** Color gradient from low to high */
+    colorScale?: string[];
+    /** Size of each day cell in px (default: 12) */
+    cellSize?: number;
+    /** Gap between cells in px (default: 2) */
+    cellGap?: number;
+    /** Show month labels above the calendar (default: true) */
+    showMonthLabels?: boolean;
+    /** Show day-of-week labels on the left (default: true) */
+    showDayLabels?: boolean;
+    /** Color for days with no data (default: '#ebedf0') */
+    emptyColor?: string;
+    /** Chart title */
+    title?: string;
+}
+declare function CalendarHeatMap(props: CalendarHeatMapProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ChordDiagramProps {
+    /** Square matrix where matrix[i][j] = flow from group i to group j */
+    matrix: number[][];
+    /** Labels for each group (must match matrix dimensions) */
+    labels: string[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 600) */
+    height?: number;
+    /** Color palette for groups */
+    colors?: string[];
+    /** Angular padding between arcs in radians (default: 0.05) */
+    padAngle?: number;
+    /** Show group labels (default: true) */
+    showLabels?: boolean;
+    /** Show flow values on hover/annotation (default: false) */
+    showValues?: boolean;
+    /** Ribbon fill opacity 0..1 (default: 0.5) */
+    ribbonOpacity?: number;
+    /** Inner radius as ratio of outer radius (default: 0.9) */
+    innerRadiusRatio?: number;
+    /** Chart title */
+    title?: string;
+}
+declare function ChordDiagram(props: ChordDiagramProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface DecompNode {
+    label: string;
+    value?: number | string;
+    color?: string;
+    children?: DecompNode[];
+}
+interface DecompositionTreeProps {
+    /** Root node of the tree */
+    data: DecompNode;
+    /** SVG width in pixels (default: 800) */
+    width?: number;
+    /** SVG height in pixels (default: 500) */
+    height?: number;
+    /** Layout orientation (default: 'horizontal') */
+    orientation?: 'horizontal' | 'vertical';
+    /** Width of each node rectangle (default: 120) */
+    nodeWidth?: number;
+    /** Height of each node rectangle (default: 40) */
+    nodeHeight?: number;
+    /** Show value inside nodes (default: true) */
+    showValues?: boolean;
+    /** Show connector lines between nodes (default: true) */
+    showConnectors?: boolean;
+    /** Connector line color (default: '#94a3b8') */
+    connectorColor?: string;
+    /** Color palette for nodes by depth */
+    colors?: string[];
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 40) */
+    padding?: number;
+}
+declare function DecompositionTree(props: DecompositionTreeProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ForceNode {
+    id: string;
+    label?: string;
+    color?: string;
+    x?: number;
+    y?: number;
+    fixed?: boolean;
+    /** If true (default), this node cannot overlap other solid nodes.
+     *  Collisions produce elastic bounce consistent with Newtonian physics.
+     *  Set to false to allow nodes to pass through each other. */
+    solid?: boolean;
+}
+interface ForceEdge {
+    source: string;
+    target: string;
+    weight?: number;
+    color?: string;
+}
+/** Simulation node state — exported so custom force functions can use it */
+interface ForceSimNode {
+    id: string;
+    label: string;
+    color: string;
+    x: number;
+    y: number;
+    vx: number;
+    vy: number;
+    fixed: boolean;
+    /** Whether this node collides with other solid nodes (default: true) */
+    solid: boolean;
+}
+/** Mouse position in viewBox coordinates (null if mouse is outside the SVG) */
+interface MousePosition {
+    x: number;
+    y: number;
+}
+/**
+ * Custom force function signature.
+ * Receives current node states, edges, viewport dimensions, and mouse position.
+ * Must return the updated node states (new positions/velocities).
+ * Called once per animation frame.
+ */
+type CustomForceFunction = (nodes: ForceSimNode[], edges: ForceEdge[], width: number, height: number, mouse: MousePosition | null) => ForceSimNode[];
+/** Trail configuration for a specific node */
+interface TrailConfig {
+    /** Node ID to trail */
+    nodeId: string;
+    /** Trail color */
+    color?: string;
+    /** Max number of trail points (default: 200) */
+    maxPoints?: number;
+    /** Trail line width (default: 1) */
+    width?: number;
+    /** Trail opacity (default: 0.5) */
+    opacity?: number;
+}
+interface ForceGraphProps {
+    /** Array of nodes to render */
+    nodes: ForceNode[];
+    /** Array of edges connecting nodes */
+    edges: ForceEdge[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Node circle radius in pixels (default: 12) */
+    nodeRadius?: number;
+    /** Node border stroke width in pixels (default: 2, set to 0 for no border) */
+    nodeStrokeWidth?: number;
+    /** Show node labels (default: true) */
+    showLabels?: boolean;
+    /** Show arrowheads on edges (default: false) */
+    showArrows?: boolean;
+    /** Repulsion force between nodes (default: 300) */
+    repulsionForce?: number;
+    /** Attraction force along edges (default: 0.01) */
+    attractionForce?: number;
+    /** Velocity damping factor 0..1 (default: 0.9) */
+    damping?: number;
+    /** Ideal edge length in pixels (default: 100) */
+    edgeLength?: number;
+    /** Default edge stroke color (default: '#94a3b8') */
+    edgeColor?: string;
+    /** Default edge stroke width (default: 1.5) */
+    edgeWidth?: number;
+    /** Chart title */
+    title?: string;
+    /** Whether nodes are solid by default — solid nodes cannot overlap and
+     *  bounce off each other via elastic collision. Per-node `solid` prop
+     *  overrides this. (default: true) */
+    solidNodes?: boolean;
+    /** Custom force function — replaces the default spring/repulsion physics.
+     *  When provided, repulsionForce/attractionForce/damping/edgeLength are ignored.
+     *  The function is called once per animation frame and must return updated nodes. */
+    customForce?: CustomForceFunction;
+    /** Trail configurations — render fading path trails for specific nodes */
+    trails?: TrailConfig[];
+}
+declare function ForceGraph(props: ForceGraphProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface FunnelDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface FunnelChartProps {
+    /** Data sections to render (in funnel order, largest first typically) */
+    data: FunnelDatum[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Funnel orientation (default: 'vertical') */
+    orientation?: 'vertical' | 'horizontal';
+    /** Show labels on sections (default: true) */
+    showLabels?: boolean;
+    /** Show values on sections (default: true) */
+    showValues?: boolean;
+    /** Show percentage of first item (default: true) */
+    showPercentage?: boolean;
+    /** Gap between sections in px (default: 2) */
+    gapSize?: number;
+    /** Color palette (cycles through when per-datum color is absent) */
+    colors?: string[];
+    /** Chart title */
+    title?: string;
+}
+declare function FunnelChart(props: FunnelChartProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface GanttTask {
+    id: string;
+    label: string;
+    start: number;
+    duration: number;
+    color?: string;
+    group?: string;
+}
+interface GanttChartProps {
+    /** Array of tasks to render */
+    tasks: GanttTask[];
+    /** SVG width in pixels (default: 800) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Height of each task bar in px (default: 24) */
+    barHeight?: number;
+    /** Vertical gap between task bars in px (default: 8) */
+    barGap?: number;
+    /** Show vertical grid lines (default: true) */
+    showGrid?: boolean;
+    /** Show task labels on the left (default: true) */
+    showLabels?: boolean;
+    /** Show progress text on bars (default: false) */
+    showProgress?: boolean;
+    /** Label for the time unit displayed on axis (default: 'days') */
+    timeUnit?: string;
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 50) */
+    padding?: number;
+}
+declare function GanttChart(props: GanttChartProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface GaugeProps {
+    /** Current gauge value */
+    value: number;
+    /** Minimum value (default: 0) */
+    min?: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** SVG width in pixels (default: 300) */
+    width?: number;
+    /** SVG height in pixels (default: 200) */
+    height?: number;
+    /** Arc start angle in degrees (default: -135) */
+    startAngle?: number;
+    /** Arc end angle in degrees (default: 135) */
+    endAngle?: number;
+    /** Arc stroke width (default: 20) */
+    arcWidth?: number;
+    /** Show the numeric value (default: true) */
+    showValue?: boolean;
+    /** Show min/max labels (default: true) */
+    showMinMax?: boolean;
+    /** Show tick marks (default: true) */
+    showTicks?: boolean;
+    /** Number of tick divisions (default: 10) */
+    tickCount?: number;
+    /** Label text below the value */
+    label?: string;
+    /** Unit text after the value (e.g. 'rpm', '%') */
+    unit?: string;
+    /** Colors for arc segments — evenly distributed (default: ['#22c55e', '#f59e0b', '#ef4444']) */
+    colors?: string[];
+    /** Needle color (default: '#374151') */
+    needleColor?: string;
+    /** Background arc color (default: '#e5e7eb') */
+    backgroundColor?: string;
+}
+declare function Gauge(props: GaugeProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface GeoRegion {
+    id: string;
+    label: string;
+    path: string;
+    value?: number;
+    color?: string;
+}
+interface GeoMarker {
+    lat: number;
+    lon: number;
+    label?: string;
+    color?: string;
+    radius?: number;
+}
+interface GeoMapProps {
+    /** SVG path data for each region */
+    regions?: GeoRegion[];
+    /** Point markers */
+    markers?: GeoMarker[];
+    /** SVG width in pixels (default: 800) */
+    width?: number;
+    /** SVG height in pixels (default: 500) */
+    height?: number;
+    /** Map projection type (default: 'equirectangular') */
+    projection?: 'mercator' | 'equirectangular';
+    /** Gradient colors for choropleth coloring (default: blue scale) */
+    colorScale?: string[];
+    /** Minimum value for color scale domain */
+    minValue?: number;
+    /** Maximum value for color scale domain */
+    maxValue?: number;
+    /** Show region labels (default: false) */
+    showLabels?: boolean;
+    /** SVG background color (default: '#f0f4f8') */
+    backgroundColor?: string;
+    /** Region border color (default: '#94a3b8') */
+    borderColor?: string;
+    /** Region border width (default: 1) */
+    borderWidth?: number;
+    /** Default fill color for regions without a value (default: '#cbd5e1') */
+    defaultRegionColor?: string;
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 20) */
+    padding?: number;
+}
+/**
+ * Generate simplified US map outline with ~10 state-like regions.
+ * Coordinates are pre-computed SVG path data (not geographic coordinates).
+ * Designed for a viewBox of roughly 800x500.
+ */
+declare function generateUSMapOutline(): GeoRegion[];
+declare function GeoMap(props: GeoMapProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface HeatMapProps {
+    /** 2D grid of values — data[row][col] */
+    data: number[][];
+    /** Labels for rows (Y axis) */
+    rowLabels?: string[];
+    /** Labels for columns (X axis) */
+    columnLabels?: string[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Color gradient from low to high (default: blue to red) */
+    colorScale?: string[];
+    /** Minimum value for color mapping (auto-detected if omitted) */
+    minValue?: number;
+    /** Maximum value for color mapping (auto-detected if omitted) */
+    maxValue?: number;
+    /** Show numeric value in each cell (default: false) */
+    showValues?: boolean;
+    /** Cell border color (default: '#fff') */
+    cellBorderColor?: string;
+    /** Cell border width (default: 1) */
+    cellBorderWidth?: number;
+    /** Chart title */
+    title?: string;
+    /** Padding around the chart in px (default: 60) */
+    padding?: number;
+}
+declare function HeatMap(props: HeatMapProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface HistogramProps {
+    /** Raw data values to bin */
+    data: number[];
+    /** Number of bins (default: 10) */
+    bins?: number;
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Bar fill color (default: '#3b82f6') */
+    barColor?: string;
+    /** Gap between bars in px (default: 2) */
+    barGap?: number;
+    /** Show grid lines (default: true) */
+    showGrid?: boolean;
+    /** Show count values above bars (default: true) */
+    showValues?: boolean;
+    /** Chart title */
+    title?: string;
+    /** X-axis label */
+    xLabel?: string;
+    /** Y-axis label */
+    yLabel?: string;
+    /** Padding around chart area in px (default: 60) */
+    padding?: number;
+}
+declare function Histogram(props: HistogramProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface LollipopDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface LollipopChartProps {
+    /** Data points to render */
+    data: LollipopDatum[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Chart orientation (default: 'vertical') */
+    orientation?: 'horizontal' | 'vertical';
+    /** Stem line color (default: '#94a3b8') */
+    stemColor?: string;
+    /** Stem line width in px (default: 2) */
+    stemWidth?: number;
+    /** Dot radius in px (default: 6) */
+    dotRadius?: number;
+    /** Dot fill color (default: '#3b82f6') */
+    dotColor?: string;
+    /** Show grid lines (default: true) */
+    showGrid?: boolean;
+    /** Show value labels (default: true) */
+    showValues?: boolean;
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 60) */
+    padding?: number;
+}
+declare function LollipopChart(props: LollipopChartProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface MatrixProps {
+    /** 2D grid of values — data[row][col] */
+    data: number[][];
+    /** Shared row/column labels for square matrices */
+    labels?: string[];
+    /** Explicit row labels (overrides `labels`) */
+    rowLabels?: string[];
+    /** Explicit column labels (overrides `labels`) */
+    columnLabels?: string[];
+    /** SVG width in pixels (default: 500) */
+    width?: number;
+    /** SVG height in pixels (default: 500) */
+    height?: number;
+    /** Color gradient from low to high (default: white to blue) */
+    colorScale?: string[];
+    /** Show numeric value in each cell (default: true) */
+    showValues?: boolean;
+    /** Highlight diagonal cells (default: true) */
+    showDiagonal?: boolean;
+    /** Cell border color (default: '#e5e7eb') */
+    cellBorderColor?: string;
+    /** Chart title */
+    title?: string;
+    /** Padding around the chart in px (default: 70) */
+    padding?: number;
+    /** If true, mirror values across diagonal for correlation matrices (default: false) */
+    symmetric?: boolean;
+}
+declare function Matrix(props: MatrixProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface PartitionNode {
+    label: string;
+    value?: number;
+    color?: string;
+    children?: PartitionNode[];
+}
+interface PartitionProps {
+    /** Root node of the partition data */
+    data: PartitionNode;
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Layout orientation (default: 'horizontal') */
+    orientation?: 'horizontal' | 'vertical';
+    /** Show labels inside cells (default: true) */
+    showLabels?: boolean;
+    /** Show values inside cells (default: true) */
+    showValues?: boolean;
+    /** Color palette for cells without explicit color */
+    colors?: string[];
+    /** Border color around cells (default: '#ffffff') */
+    borderColor?: string;
+    /** Border width in px (default: 1) */
+    borderWidth?: number;
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 10) */
+    padding?: number;
+}
+declare function Partition(props: PartitionProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface PivotTableProps {
+    /** Array of data records */
+    data: Record<string, unknown>[];
+    /** Row dimension field names */
+    rows: string[];
+    /** Column dimension field names */
+    columns: string[];
+    /** Value field names to aggregate */
+    values: string[];
+    /** Aggregation function (default: 'sum') */
+    aggregation?: 'sum' | 'count' | 'avg' | 'min' | 'max';
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Show totals row and column (default: true) */
+    showTotals?: boolean;
+    /** Chart title */
+    title?: string;
+    /** Header background color (default: '#3b82f6') */
+    headerColor?: string;
+    /** Cell padding in px (default: 8) */
+    cellPadding?: number;
+}
+declare function PivotTable(props: PivotTableProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface RadarAxis {
+    label: string;
+    max?: number;
+}
+interface RadarSeries {
+    label: string;
+    values: number[];
+    color: string;
+    fillOpacity?: number;
+}
+interface RadarChartProps {
+    /** Axes definition — one per spoke of the radar */
+    axes: RadarAxis[];
+    /** Data series to overlay on the chart */
+    series: RadarSeries[];
+    /** SVG width in pixels (default: 500) */
+    width?: number;
+    /** SVG height in pixels (default: 500) */
+    height?: number;
+    /** Number of concentric grid rings (default: 5) */
+    levels?: number;
+    /** Show axis labels around the perimeter (default: true) */
+    showLabels?: boolean;
+    /** Show value annotations at data points (default: false) */
+    showValues?: boolean;
+    /** Show legend (default: true) */
+    showLegend?: boolean;
+    /** Show dots at data points (default: true) */
+    showDots?: boolean;
+    /** Grid line color (default: '#d1d5db') */
+    gridColor?: string;
+    /** Chart title */
+    title?: string;
+}
+declare function RadarChart(props: RadarChartProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface SankeyNode {
+    id: string;
+    label: string;
+    color?: string;
+}
+interface SankeyLink {
+    source: string;
+    target: string;
+    value: number;
+    color?: string;
+}
+interface SankeyDiagramProps {
+    /** Array of nodes */
+    nodes: SankeyNode[];
+    /** Array of links (flows) between nodes */
+    links: SankeyLink[];
+    /** SVG width in pixels (default: 800) */
+    width?: number;
+    /** SVG height in pixels (default: 500) */
+    height?: number;
+    /** Width of each node rectangle in pixels (default: 20) */
+    nodeWidth?: number;
+    /** Vertical padding between nodes in pixels (default: 10) */
+    nodePadding?: number;
+    /** Show node labels (default: true) */
+    showLabels?: boolean;
+    /** Show flow values on links (default: false) */
+    showValues?: boolean;
+    /** Link fill opacity 0..1 (default: 0.4) */
+    linkOpacity?: number;
+    /** Color palette for auto-coloring nodes */
+    colors?: string[];
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 40) */
+    padding?: number;
+}
+declare function SankeyDiagram(props: SankeyDiagramProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface SunburstNode {
+    label: string;
+    value?: number;
+    color?: string;
+    children?: SunburstNode[];
+}
+interface SunburstProps {
+    /** Root node of the sunburst data */
+    data: SunburstNode;
+    /** SVG width in pixels (default: 500) */
+    width?: number;
+    /** SVG height in pixels (default: 500) */
+    height?: number;
+    /** Inner radius of the first ring (default: 40) */
+    innerRadius?: number;
+    /** Show labels on segments (default: true) */
+    showLabels?: boolean;
+    /** Color palette for segments without explicit color */
+    colors?: string[];
+    /** Stroke color between segments (default: '#ffffff') */
+    strokeColor?: string;
+    /** Stroke width between segments (default: 1) */
+    strokeWidth?: number;
+    /** Chart title */
+    title?: string;
+}
+declare function Sunburst(props: SunburstProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface TreeMapNode {
+    label: string;
+    value: number;
+    color?: string;
+    children?: TreeMapNode[];
+}
+interface TreeMapProps {
+    /** Root node of the treemap data */
+    data: TreeMapNode;
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Show labels inside cells (default: true) */
+    showLabels?: boolean;
+    /** Show values inside cells (default: true) */
+    showValues?: boolean;
+    /** Color palette for cells without explicit color */
+    colors?: string[];
+    /** Border color around cells (default: '#ffffff') */
+    borderColor?: string;
+    /** Border width in px (default: 2) */
+    borderWidth?: number;
+    /** Inner padding for nested cells in px (default: 2) */
+    padding?: number;
+    /** Chart title */
+    title?: string;
+}
+declare function TreeMap(props: TreeMapProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface VectorDatum {
+    x: number;
+    y: number;
+    dx: number;
+    dy: number;
+    magnitude?: number;
+}
+interface VectorFieldProps {
+    /** Pre-computed vector data */
+    data?: VectorDatum[];
+    /** Function that computes vector at each grid point */
+    vectorFunction?: (x: number, y: number) => {
+        dx: number;
+        dy: number;
+    };
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 600) */
+    height?: number;
+    /** Number of arrows per axis when using vectorFunction (default: 15) */
+    gridSize?: number;
+    /** X-axis domain (default: [-5, 5]) */
+    xRange?: [number, number];
+    /** Y-axis domain (default: [-5, 5]) */
+    yRange?: [number, number];
+    /** Scale factor for arrow length (default: 1) */
+    arrowScale?: number;
+    /** Default arrow color (default: '#3b82f6') */
+    arrowColor?: string;
+    /** Show background grid (default: true) */
+    showGrid?: boolean;
+    /** Show axes through origin (default: true) */
+    showAxes?: boolean;
+    /** Color arrows by magnitude (default: false) */
+    colorByMagnitude?: boolean;
+    /** Color scale for magnitude coloring (default: blue-red) */
+    colorScale?: string[];
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 50) */
+    padding?: number;
+    /** Font size for axis tick labels in px (default: 10) */
+    tickFontSize?: number;
+    /** Arrow stroke width (default: 1.5) */
+    arrowWidth?: number;
+}
+declare function VectorField(props: VectorFieldProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface WaterfallDatum {
+    label: string;
+    value: number;
+    type?: 'increase' | 'decrease' | 'total';
+}
+interface WaterfallChartProps {
+    /** Data points to render */
+    data: WaterfallDatum[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Color for increase bars (default: '#10b981') */
+    increaseColor?: string;
+    /** Color for decrease bars (default: '#ef4444') */
+    decreaseColor?: string;
+    /** Color for total bars (default: '#3b82f6') */
+    totalColor?: string;
+    /** Color for connector lines (default: '#94a3b8') */
+    connectorColor?: string;
+    /** Show value labels on bars (default: true) */
+    showValues?: boolean;
+    /** Show grid lines (default: true) */
+    showGrid?: boolean;
+    /** Show connector lines between bars (default: true) */
+    showConnectors?: boolean;
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 60) */
+    padding?: number;
+}
+declare function WaterfallChart(props: WaterfallChartProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface WordDatum {
+    text: string;
+    weight: number;
+    color?: string;
+}
+interface WordCloudProps {
+    /** Array of words with weights */
+    words: WordDatum[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Minimum font size in px (default: 10) */
+    minFontSize?: number;
+    /** Maximum font size in px (default: 64) */
+    maxFontSize?: number;
+    /** Font family (default: 'sans-serif') */
+    fontFamily?: string;
+    /** Color palette for words without explicit color */
+    colors?: string[];
+    /** Allowed rotation angles in degrees (default: [0, -45, 45, 90]) */
+    rotations?: number[];
+    /** Padding between words in px (default: 4) */
+    padding?: number;
+    /** Spiral type for placement (default: 'archimedean') */
+    spiral?: 'archimedean' | 'rectangular';
+    /** Chart title */
+    title?: string;
+}
+declare function WordCloud(props: WordCloudProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface DiscreteCartesian2DProps {
+    /** Grid data: rows x cols. Each value maps to a color via colorMap. */
+    data: number[][];
+    /** Map cell values to colors (e.g., {0: '#1e293b', 1: '#3b82f6'}) */
+    colorMap?: Record<number, string>;
+    /** SVG viewBox width (default: 600) */
+    width?: number;
+    /** SVG viewBox height (default: 600) */
+    height?: number;
+    /** Gap between cells in pixels (default: 1) */
+    cellGap?: number;
+    /** Cell border radius (default: 0) */
+    cellRadius?: number;
+    /** Show grid lines (default: false) */
+    showGrid?: boolean;
+    /** Grid line color (default: '#334155') */
+    gridColor?: string;
+    /** Show row/column indices (default: false) */
+    showIndices?: boolean;
+    /** Background color (default: '#0f172a') */
+    backgroundColor?: string;
+    /** Padding around grid (default: 10) */
+    padding?: number;
+    /** Called when a cell is clicked: (row, col, value) */
+    onCellClick?: (row: number, col: number, value: number) => void;
+    /** Called when mouse enters a cell */
+    onCellHover?: (row: number, col: number, value: number) => void;
+    /** Title */
+    title?: string;
+}
+declare function DiscreteCartesian2D(props: DiscreteCartesian2DProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+export { Accordion, Alert, AnalogClock, Avatar, Badge, BarGraph, BigNumber, BlochSphere, BoxPlot, Breadcrumb, BubbleChart, Button, CalendarHeatMap, Card, Carousel, CartesianGraph2D, Checkbox, ChordDiagram, ColorPicker, ColorWheel, ComplexGraph2D, ContextMenu, DataGrid, DatePicker, DecompositionTree, DigitalClock, DiscreteCartesian2D, Drawer, Dropdown, EmptyState, FileUpload, FlexContainer, FlexItem, Footer, ForceGraph, FormFieldWrapper, FunnelChart, GanttChart, Gauge, GeoMap, GoogleAnalytics, Grid, GridItem, HeatMap, Histogram, HypercubeGraph, IDE, Image, LineGraph, ListView, LollipopChart, Matrix, Menubar, Modal, MultilineField, NavWrapper, NumberSpinner, Pagination, Panel, Partition, PieGraph, PivotTable, PolarGraph2D, Popover, ProgressBar, RadarChart, RadioGroup, SankeyDiagram, ScrollContainer, Select, Sidebar, Skeleton, Slider, Spinner, Splitter, Stepper, Sunburst, Tabs, Tag, TextEditor, TextField, ThreeDLayers, TimePicker, ToastContainer, Toggle, Toolbar, Tooltip, TradingDashboard, TreeMap, TreeNav, TreeNode, UnityDesktop, VectorField, VideoPlayer, VirtualScroll, VizWrapper, WaterfallChart, WordCloud, WordProcessor, applyGate, blochToCartesian, buildInputStyle, buildNavItemStyle, buildRotationMatrix, cartesianToBloch, computeBoxStats, computeMandelbrotGrid, computeSlices, createToaster, describeArc, generateEdges, generateHypercube, generatePalette, generateUSMapOutline, generateVertices, numRotationAngles, projectTo2D, transformVec, useBarGraphScales, useHover, useHypercube, useLineGraphScales, useToast };
+export type { AccordionContentStyle, AccordionHeaderStyle, AccordionProps, AccordionSection, AlertProps, AnalogClockProps, AvatarProps, BadgeProps, BarDatum, BarGraphProps, BarGraphScales, BigNumberProps, BlochSphereProps, BlochState, BoxPlotDatum, BoxPlotProps, BoxStats, BreadcrumbItem, BreadcrumbProps, BreadcrumbSize, BubbleChartProps, BubbleDatum, ButtonProps, CalendarDatum, CalendarHeatMapProps, CardProps, CarouselProps, CartesianGraph2DProps, CheckboxProps, ChordDiagramProps, ColorPickerProps, ColorWheelProps, ComplexGraph2DProps, ComplexPointInfo, ComputedSlice, ContextMenuItem, ContextMenuProps, CustomForceFunction, DataGridColumn, DataGridProps, DatePickerProps, DecompNode, DecompositionTreeProps, DigitalClockProps, DiscreteCartesian2DProps, DrawerPosition, DrawerProps, DropdownItem, DropdownProps, Edge, EmptyStateProps, FileUploadProps, FlexContainerProps, FlexItemProps, FooterProps, ForceEdge, ForceGraphProps, ForceNode, ForceSimNode, FormFieldWrapperProps, FormFieldWrapperStyle, FunnelChartProps, FunnelDatum, GanttChartProps, GanttTask, GateName, GateOp, GaugeProps, GeoMapProps, GeoMarker, GeoRegion, GoogleAnalyticsProps, GridBreakpoint, GridItemProps, GridProps, HeatMapProps, HistogramProps, HypercubeData, HypercubeGraphProps, IDEProps, ImageProps, InputBaseStyle, Layer3D, LegendItem, LineGraphProps, LineSeries, ListViewProps, LollipopChartProps, LollipopDatum, MatrixProps, MenuDefinition, MenuItem, MenubarProps, ModalProps, ModalSize, MousePosition, MultilineFieldProps, NavItemStyle, NavOrientation, NavWrapperProps, NavWrapperStyle, NumberSpinnerProps, PaginationProps, PanelProps, PartitionNode, PartitionProps, PieGraphProps, PieSliceDatum, PivotTableProps, Point, PointEvent, PointShape, PolarGraph2DProps, PolarPointInfo, PopoverPlacement, PopoverProps, Position, ProgressBarProps, RadarAxis, RadarChartProps, RadarSeries, RadioGroupProps, RadioOption, SankeyDiagramProps, SankeyLink, SankeyNode, ScrollContainerProps, SelectOption, SelectProps, SidebarItem, SidebarProps, SkeletonProps, SliderMark, SliderProps, SpinnerProps, SplitterProps, StackedBarDatum, StepItem, StepperOrientation, StepperProps, StepperVariant, SunburstNode, SunburstProps, TabDefinition, TabsProps, TagProps, TextEditorProps, TextFieldProps, ThreeDLayersProps, TimePickerProps, ToastAction, ToastItem, ToastOptions, ToastPosition, ToastType, Toaster, ToasterConfig, ToggleProps, ToolbarButton, ToolbarItem, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPlacement, TooltipProps, TradingDashboardProps, TrailConfig, TrailPoint, TreeMapNode, TreeMapProps, TreeNavProps, TreeNodeData, UnityDesktopProps, UseHypercubeOptions, Vec, VectorDatum, VectorFieldProps, Vertex, VideoPlayerProps, VirtualScrollProps, VizWrapperProps, WaterfallChartProps, WaterfallDatum, WordCloudProps, WordDatum, WordProcessorProps };