@jacshuo/onyx 1.4.0 → 2.0.0

package/dist/_tsup-dts-rollup.d.ts

@@ -120,6 +120,18 @@ export { alertVariants }
 export { alertVariants as alertVariants_alias_1 }
 export { alertVariants as alertVariants_alias_2 }
 
+declare interface AxisConfig {
+    label?: string;
+    min?: number;
+    max?: number;
+    tickCount?: number;
+    format?: (value: number | string) => string;
+    gridLines?: boolean;
+}
+export { AxisConfig }
+export { AxisConfig as AxisConfig_alias_1 }
+export { AxisConfig as AxisConfig_alias_2 }
+
 declare function Badge({ intent, size, className, ...props }: BadgeProps): JSX.Element;
 export { Badge }
 export { Badge as Badge_alias_1 }
@@ -136,6 +148,82 @@ export { badgeVariants }
 export { badgeVariants as badgeVariants_alias_1 }
 export { badgeVariants as badgeVariants_alias_2 }
 
+declare function BarChart({ series, xAxis, yAxis, orientation, grouped, barRadius, barPadding, groupPadding, title, height, className, legend, legendPosition, animateOnMount, emptyText, }: BarChartProps): JSX.Element;
+export { BarChart }
+export { BarChart as BarChart_alias_1 }
+export { BarChart as BarChart_alias_2 }
+export { BarChart as BarChart_alias_3 }
+
+declare interface BarChartProps extends BaseChartProps {
+    series: ChartSeries[];
+    xAxis?: AxisConfig;
+    yAxis?: AxisConfig;
+    y2Axis?: AxisConfig;
+    /** Series IDs that map to the secondary (right) Y axis. */
+    y2Series?: string[];
+    /** "vertical" = X categorical, Y numerical (default). "horizontal" = flipped. */
+    orientation?: "vertical" | "horizontal";
+    /** true = bars side-by-side per category (default). false = stacked. */
+    grouped?: boolean;
+    /** Corner radius for bar caps in px. */
+    barRadius?: number;
+    /** Gap between individual bars within a group (0–1). */
+    barPadding?: number;
+    /** Gap between category groups (0–1). */
+    groupPadding?: number;
+}
+export { BarChartProps }
+export { BarChartProps as BarChartProps_alias_1 }
+export { BarChartProps as BarChartProps_alias_2 }
+
+export declare interface BarSpec {
+    seriesId: string;
+    category: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    stackBase: number;
+    value: number;
+    color: string;
+}
+
+declare interface BaseChartProps {
+    title?: string;
+    height?: number;
+    className?: string;
+    legend?: boolean;
+    legendPosition?: "top" | "bottom" | "left" | "right";
+    animateOnMount?: boolean;
+    emptyText?: string;
+}
+export { BaseChartProps }
+export { BaseChartProps as BaseChartProps_alias_1 }
+export { BaseChartProps as BaseChartProps_alias_2 }
+
+/** Builds an area fill SVG path that closes down to the given baseline y. */
+export declare function buildAreaPath(data: ChartDataPoint[], xScale: (v: number | string) => number, yScale: (v: number) => number, smooth: boolean, baseline: number): string;
+
+/** Builds grouped bar specs for vertical orientation. */
+export declare function buildGroupedBarSpecs(series: ChartSeries[], visibleIds: Set<string>, categories: string[], colorMap: Map<string, string>, plotLeft: number, plotWidth: number, plotBottom: number, plotTop: number, yScale: (v: number) => number, groupPadding: number, barPadding: number): BarSpec[];
+
+/** Builds grouped bar specs for horizontal orientation (bars extend right from Y-axis). */
+export declare function buildGroupedHorizontalBarSpecs(series: ChartSeries[], visibleIds: Set<string>, categories: string[], colorMap: Map<string, string>, plotLeft: number, plotTop: number, plotHeight: number, xScale: (v: number) => number, groupPadding: number, barPadding: number): BarSpec[];
+
+/** Builds a space-separated points string for SVG <polyline>. */
+export declare function buildPolylinePoints(data: ChartDataPoint[], xScale: (v: number | string) => number, yScale: (v: number) => number): string;
+
+/** Builds a smooth path using Catmull-Rom → cubic Bézier conversion.
+ *  Control points are derived from neighboring points so each segment's
+ *  curvature naturally follows the data trend instead of a fixed pattern. */
+export declare function buildSmoothPath(data: ChartDataPoint[], xScale: (v: number | string) => number, yScale: (v: number) => number): string;
+
+/** Builds stacked bar specs for vertical orientation. */
+export declare function buildStackedBarSpecs(series: ChartSeries[], visibleIds: Set<string>, categories: string[], colorMap: Map<string, string>, plotLeft: number, plotWidth: number, plotBottom: number, yScale: (v: number) => number, groupPadding: number): BarSpec[];
+
+/** Builds stacked bar specs for horizontal orientation. */
+export declare function buildStackedHorizontalBarSpecs(series: ChartSeries[], visibleIds: Set<string>, categories: string[], colorMap: Map<string, string>, plotLeft: number, plotTop: number, plotHeight: number, xScale: (v: number) => number, groupPadding: number): BarSpec[];
+
 /**
  * Map of field names → ValidationResult returned from the `onValues` callback.
  * Form will automatically display these errors in the matching named FormItems.
@@ -202,6 +290,73 @@ export { cardVariants }
 export { cardVariants as cardVariants_alias_1 }
 export { cardVariants as cardVariants_alias_2 }
 
+declare const Chart: {
+    LineChart: typeof LineChart;
+    BarChart: typeof BarChart;
+    PieChart: typeof PieChart;
+    ScatterChart: typeof ScatterChart;
+};
+export { Chart }
+export { Chart as Chart_alias_1 }
+export { Chart as default_alias_1 }
+
+declare const chartContainerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { chartContainerVariants }
+export { chartContainerVariants as chartContainerVariants_alias_1 }
+export { chartContainerVariants as chartContainerVariants_alias_2 }
+
+declare interface ChartDataPoint {
+    x: number | string;
+    y: number;
+    label?: string;
+}
+export { ChartDataPoint }
+export { ChartDataPoint as ChartDataPoint_alias_1 }
+export { ChartDataPoint as ChartDataPoint_alias_2 }
+
+export declare interface ChartDimensions {
+    width: number;
+    height: number;
+    margins: ChartMargins;
+    plotLeft: number;
+    plotTop: number;
+    plotRight: number;
+    plotBottom: number;
+    plotWidth: number;
+    plotHeight: number;
+}
+
+declare const chartLegendVariants: (props?: ({
+    position?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { chartLegendVariants }
+export { chartLegendVariants as chartLegendVariants_alias_1 }
+export { chartLegendVariants as chartLegendVariants_alias_2 }
+
+export declare interface ChartMargins {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+
+declare interface ChartSeries {
+    id: string;
+    name: string;
+    color?: string;
+    data: ChartDataPoint[];
+}
+export { ChartSeries }
+export { ChartSeries as ChartSeries_alias_1 }
+export { ChartSeries as ChartSeries_alias_2 }
+
+declare const chartTooltipVariants: (props?: ClassProp | undefined) => string;
+export { chartTooltipVariants }
+export { chartTooltipVariants as chartTooltipVariants_alias_1 }
+export { chartTooltipVariants as chartTooltipVariants_alias_2 }
+
 declare function Chat({ messages, mode, autoScroll, className, ...props }: ChatProps): JSX.Element;
 export { Chat }
 export { Chat as Chat_alias_1 }
@@ -326,6 +481,9 @@ export { CinePlayerSortKey }
 export { CinePlayerSortKey as CinePlayerSortKey_alias_1 }
 export { CinePlayerSortKey as CinePlayerSortKey_alias_2 }
 
+/** Computes a padded [min, max] range from raw data extents. */
+export declare function clampRange(min: number, max: number, padding?: number): [number, number];
+
 declare function cn(...inputs: ClassValue[]): string;
 export { cn }
 export { cn as cn_alias_1 }
@@ -395,11 +553,78 @@ export { ColumnDef }
 export { ColumnDef as ColumnDef_alias_1 }
 export { ColumnDef as ColumnDef_alias_2 }
 
+/** Computes [min, max] domain for grouped bar charts (always min=0 for bars). */
+export declare function computeBarYDomain(series: ChartSeries[], visibleIds: Set<string>, grouped: boolean, axisConfig?: AxisConfig): [number, number];
+
+/** Compute bounding ellipse parameters for a set of points (cx, cy, rx, ry). */
+export declare function computeBoundingEllipse(xs: number[], ys: number[], padding?: number): {
+    cx: number;
+    cy: number;
+    rx: number;
+    ry: number;
+} | null;
+
+/** Extracts sorted unique category labels from all visible series. */
+export declare function computeCategories(series: ChartSeries[], visibleIds: Set<string>): string[];
+
+declare function computeDimensions(containerWidth: number, height: number, margins: ChartMargins): ChartDimensions;
+export { computeDimensions }
+export { computeDimensions as computeDimensions_alias_1 }
+export { computeDimensions as computeDimensions_alias_2 }
+
+/** Returns the translate offset (dx, dy) for a slice explosion at midAngle. */
+export declare function computeExplodeTranslate(midAngle: number, offset: number): {
+    dx: number;
+    dy: number;
+};
+
+declare function computeMargins(hasXLabel: boolean, hasYLabel: boolean, hasY2Axis: boolean): ChartMargins;
+export { computeMargins }
+export { computeMargins as computeMargins_alias_1 }
+export { computeMargins as computeMargins_alias_2 }
+
+export declare function computeSliceSpecs(data: PieSlice[], visibleIds: Set<string>, palette: string[], outerR: number, innerR: number, cx: number, cy: number, startAngle: number, padAngle: number): SliceSpec[];
+
+/** Generates evenly spaced tick values between min and max (inclusive). */
+export declare function computeTicks(min: number, max: number, count: number): number[];
+
+/** Returns evenly spaced ticks. */
+export declare function computeTicksForAxis(domain: [number, number], count?: number): number[];
+
+/** Returns evenly spaced ticks for an axis domain. */
+export declare function computeTicksForAxis_alias_1(domain: [number, number], count?: number): number[];
+
+export declare function computeTicksForAxis_alias_2(domain: [number, number], count?: number): number[];
+
+/** Returns unique x category labels in order of first occurrence across visible series. */
+export declare function computeXCategories(series: ChartSeries[], visibleIds: Set<string>): string[];
+
+/** Computes [min, max] domain from all x values of visible series. */
+export declare function computeXDomain(series: ChartSeries[], visibleIds: Set<string>, axisConfig?: AxisConfig): [number, number];
+
+/** Computes the [min, max] domain for Y values across all visible series. */
+export declare function computeYDomain(series: ChartSeries[], visibleIds: Set<string>, axisConfig?: AxisConfig): [number, number];
+
+/** Computes [min, max] domain from all y values of visible series. */
+export declare function computeYDomain_alias_1(series: ChartSeries[], visibleIds: Set<string>, axisConfig?: AxisConfig): [number, number];
+
 declare function configureAlertTopOffset(offset: number): void;
 export { configureAlertTopOffset }
 export { configureAlertTopOffset as configureAlertTopOffset_alias_1 }
 export { configureAlertTopOffset as configureAlertTopOffset_alias_2 }
 
+/** Creates a categorical band scale (returns center-of-band x). */
+export declare function createCategoryScale(categories: string[], range: [number, number]): (cat: string) => number;
+
+/** Linear scale helper. */
+export declare function createLinearScale(domain: [number, number], range: [number, number]): (v: number) => number;
+
+/** Creates a linear scale mapping domain values to pixel range. */
+export declare function createLinearScale_alias_1(domain: [number, number], range: [number, number]): (v: number) => number;
+
+/** Linear scale factory. */
+export declare function createLinearScale_alias_2(domain: [number, number], range: [number, number]): (v: number) => number;
+
 declare const DataDisplay: {
     Table: typeof Table;
     List: typeof List;
@@ -409,7 +634,7 @@ declare const DataDisplay: {
 };
 export { DataDisplay }
 export { DataDisplay as DataDisplay_alias_1 }
-export { DataDisplay as default_alias_1 }
+export { DataDisplay as default_alias_2 }
 
 declare function DataTable<T, K extends string = string>({ columns, data, rowKey, sort: controlledSort, onSortChange, defaultSort, selectionMode, selected: controlledSelected, onSelectionChange, editable, onCellEdit, toolbar, onAdd, onDelete, rowActions, intent, density, className, empty, }: DataTableProps<T, K>): JSX.Element;
 export { DataTable }
@@ -505,14 +730,19 @@ export declare const default_alias: {
         CinePlayer: CinePlayer;
         FileExplorer: FileExplorer;
         Masonry: Masonry;
+        TypewriterText: TypewriterText;
     };
     Forms: {
         Form: Form;
     };
+    Chart: {
+        LineChart: LineChart;
+        BarChart: BarChart;
+        PieChart: PieChart;
+        ScatterChart: ScatterChart;
+    };
 };
 
-export declare function default_alias_10(): JSX.Element;
-
 export declare function default_alias_11(): JSX.Element;
 
 export declare function default_alias_12(): JSX.Element;
@@ -651,6 +881,34 @@ export declare function default_alias_78(): JSX.Element;
 
 export declare function default_alias_79(): JSX.Element;
 
+export declare function default_alias_80(): JSX.Element;
+
+export declare function default_alias_81(): JSX.Element;
+
+export declare function default_alias_82(): JSX.Element;
+
+export declare function default_alias_83(): JSX.Element;
+
+export declare function default_alias_84(): JSX.Element;
+
+export declare function default_alias_85(): JSX.Element;
+
+export declare function default_alias_86(): JSX.Element;
+
+export declare function default_alias_87(): JSX.Element;
+
+export declare function default_alias_88(): JSX.Element;
+
+export declare function default_alias_89(): JSX.Element;
+
+export declare function default_alias_90(): JSX.Element;
+
+/** Builds an SVG arc path string from startAngle to endAngle (degrees). */
+export declare function describeArc(cx: number, cy: number, r: number, startAngle: number, endAngle: number): string;
+
+/** Deterministic jitter using golden-ratio Halton-like sequence. */
+export declare function deterministicJitter(seriesIndex: number, pointIndex: number, amount: number): [number, number];
+
 declare function Dialog({ open, onOpenChange, modal, closeOnOutsideClick, children, }: DialogProps): JSX.Element | null;
 export { Dialog }
 export { Dialog as Dialog_alias_1 }
@@ -714,7 +972,7 @@ declare const Disclosure: {
 };
 export { Disclosure }
 export { Disclosure as Disclosure_alias_1 }
-export { Disclosure as default_alias_2 }
+export { Disclosure as default_alias_3 }
 
 declare function Dropdown(props: DropdownProps): JSX.Element;
 export { Dropdown }
@@ -856,10 +1114,11 @@ declare const Extras: {
     CinePlayer: typeof CinePlayer;
     FileExplorer: typeof FileExplorer;
     Masonry: typeof Masonry;
+    TypewriterText: typeof TypewriterText;
 };
 export { Extras }
 export { Extras as Extras_alias_1 }
-export { Extras as default_alias_3 }
+export { Extras as default_alias_4 }
 
 declare const Feedback: {
     Alert: typeof Alert;
@@ -868,7 +1127,7 @@ declare const Feedback: {
 };
 export { Feedback }
 export { Feedback as Feedback_alias_1 }
-export { Feedback as default_alias_4 }
+export { Feedback as default_alias_5 }
 
 declare function FileExplorer({ files, title, accent, defaultView, initialPosition, initialSize, dockable, dockSide, visible: visibleProp, onFileOpen, onSelectionChange, onNavigate, onDelete, onClose, onMinimize, onPathSubmit, defaultInputMode, actions, resizable, minSize, className, }: FileExplorerProps): JSX.Element | null;
 export { FileExplorer }
@@ -1049,12 +1308,18 @@ export { FilmReelProps }
 export { FilmReelProps as FilmReelProps_alias_1 }
 export { FilmReelProps as FilmReelProps_alias_2 }
 
+/** Finds the index of the nearest category to a given SVG x position. */
+export declare function findNearestCategoryIndex(svgX: number, categories: string[], xScale: (cat: string) => number): number;
+
 declare function Form({ children, className, intent, size, layout, title, description, footer, onValues, onSubmit, ...props }: FormProps): JSX.Element;
 export { Form }
 export { Form as Form_alias_1 }
 export { Form as Form_alias_2 }
 export { Form as Form_alias_3 }
 
+/** Formats an axis value using an optional custom formatter. */
+export declare function formatAxisValue(v: number | string, formatter?: (v: number | string) => string): string;
+
 declare function FormItem({ label, layout: itemLayout, required, hint, validation, name, onValidate, className, children, }: FormItemProps): JSX.Element;
 export { FormItem }
 export { FormItem as FormItem_alias_1 }
@@ -1143,7 +1408,7 @@ declare const Forms: {
 };
 export { Forms }
 export { Forms as Forms_alias_1 }
-export { Forms as default_alias_5 }
+export { Forms as default_alias_6 }
 
 declare function FormSection({ title, description, className, children }: FormSectionProps): JSX.Element;
 export { FormSection }
@@ -1197,6 +1462,12 @@ declare const formVariants: (props?: ({
 export { formVariants }
 export { formVariants as formVariants_alias_1 }
 
+/** Returns an array of CSS custom property references for chart series colors. */
+export declare function getDefaultPalette(count: number): string[];
+
+/** Gets the y value for a series at a given category key. */
+export declare function getYAtCategory(series: ChartSeries, category: string): number | undefined;
+
 declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, mobileMenu, navMenuIcon, actionsMenuIcon, className, children, }: HeaderProps): JSX.Element;
 export { Header }
 export { Header as Header_alias_1 }
@@ -1408,6 +1679,9 @@ export { inputVariants }
 export { inputVariants as inputVariants_alias_1 }
 export { inputVariants as inputVariants_alias_2 }
 
+/** Returns true if any data point in the series has a string x value. */
+export declare function isSeriesCategorical(series: ChartSeries[]): boolean;
+
 declare function Label({ intent, size, className, ...props }: LabelProps): JSX.Element;
 export { Label }
 export { Label as Label_alias_1 }
@@ -1431,7 +1705,43 @@ declare const Layout: {
 };
 export { Layout }
 export { Layout as Layout_alias_1 }
-export { Layout as default_alias_6 }
+export { Layout as default_alias_7 }
+
+declare interface LegendItem {
+    id: string;
+    label: string;
+    color: string;
+    visible: boolean;
+}
+export { LegendItem }
+export { LegendItem as LegendItem_alias_1 }
+export { LegendItem as LegendItem_alias_2 }
+
+declare function LineChart({ series, xAxis, yAxis, y2Axis, y2Series, smooth, showDots, area, strokeWidth, title, height, className, legend, legendPosition, animateOnMount, emptyText, }: LineChartProps): JSX.Element;
+export { LineChart }
+export { LineChart as LineChart_alias_1 }
+export { LineChart as LineChart_alias_2 }
+export { LineChart as LineChart_alias_3 }
+
+declare interface LineChartProps extends BaseChartProps {
+    series: ChartSeries[];
+    xAxis?: AxisConfig;
+    yAxis?: AxisConfig;
+    y2Axis?: AxisConfig;
+    /** Series IDs that map to the secondary (right) Y axis. */
+    y2Series?: string[];
+    /** Render smooth bezier curves instead of straight polylines. */
+    smooth?: boolean;
+    /** Show data point dot markers. */
+    showDots?: boolean;
+    /** Fill area under each line. */
+    area?: boolean;
+    /** Line stroke width in px. */
+    strokeWidth?: number;
+}
+export { LineChartProps }
+export { LineChartProps as LineChartProps_alias_1 }
+export { LineChartProps as LineChartProps_alias_2 }
 
 declare function List({ intent, size, className, ...props }: ListProps): JSX.Element;
 export { List }
@@ -1597,7 +1907,7 @@ declare const Navigation: {
 };
 export { Navigation }
 export { Navigation as Navigation_alias_1 }
-export { Navigation as default_alias_7 }
+export { Navigation as default_alias_8 }
 
 declare function NavLink({ intent, size, underline, external, className, children, href, target, rel, ...props }: NavLinkProps): JSX.Element;
 export { NavLink }
@@ -1625,7 +1935,7 @@ declare const Overlay: {
 };
 export { Overlay }
 export { Overlay as Overlay_alias_1 }
-export { Overlay as default_alias_8 }
+export { Overlay as default_alias_9 }
 
 export declare function PageTitle({ children }: {
     children: React_2.ReactNode;
@@ -1657,6 +1967,53 @@ export { panelVariants }
 export { panelVariants as panelVariants_alias_1 }
 export { panelVariants as panelVariants_alias_2 }
 
+declare function PieChart({ data, donut, donutThickness, startAngle, padAngle, labelType, centerLabel, centerSubLabel, explodeOnHover, explodeOffset, title, height, className, legend, legendPosition, animateOnMount, emptyText, }: PieChartProps): JSX.Element;
+export { PieChart }
+export { PieChart as PieChart_alias_1 }
+export { PieChart as PieChart_alias_2 }
+export { PieChart as PieChart_alias_3 }
+
+declare interface PieChartProps extends BaseChartProps {
+    data: PieSlice[];
+    /** Render as a donut chart with an inner hole. */
+    donut?: boolean;
+    /** Inner radius ratio (0–1, donut mode only). */
+    donutThickness?: number;
+    /** Starting angle in degrees (default: -90 = top). */
+    startAngle?: number;
+    /** Gap between slices in degrees (default 0 = touching). */
+    padAngle?: number;
+    /** Controls label content. */
+    labelType?: "none" | "percent" | "value" | "label" | "label+percent";
+    /** Text rendered in the center hole (donut mode only). */
+    centerLabel?: string;
+    /** Secondary text rendered below centerLabel (donut mode only). */
+    centerSubLabel?: string;
+    /** Slice pops outward when hovered. */
+    explodeOnHover?: boolean;
+    /** Outward offset in px for the exploded slice. */
+    explodeOffset?: number;
+}
+export { PieChartProps }
+export { PieChartProps as PieChartProps_alias_1 }
+export { PieChartProps as PieChartProps_alias_2 }
+
+declare interface PieSlice {
+    id: string;
+    label: string;
+    value: number;
+    color?: string;
+}
+export { PieSlice }
+export { PieSlice as PieSlice_alias_1 }
+export { PieSlice as PieSlice_alias_2 }
+
+/** Converts polar coordinates to Cartesian (0° = top, clockwise). */
+export declare function polarToCartesian(cx: number, cy: number, r: number, angleDeg: number): {
+    x: number;
+    y: number;
+};
+
 declare const Primitives: {
     Button: typeof Button;
     Dropdown: typeof Dropdown;
@@ -1673,7 +2030,7 @@ declare const Primitives: {
 };
 export { Primitives }
 export { Primitives as Primitives_alias_1 }
-export { Primitives as default_alias_9 }
+export { Primitives as default_alias_10 }
 
 declare function ProgressBar({ value, size, intent, edge, showLabel, indeterminate, animated, duration, className, ...props }: ProgressBarProps): JSX.Element;
 export { ProgressBar }
@@ -1775,6 +2132,35 @@ export { radioVariants as radioVariants_alias_2 }
 
 declare function removeAlert(id: string): void;
 
+declare function ScatterChart({ series, xAxis, yAxis, dotRadius, dotOpacity, clusters, jitter, jitterAmount, linkedLines, title, height, className, legend, legendPosition, animateOnMount, emptyText, }: ScatterChartProps): JSX.Element;
+export { ScatterChart }
+export { ScatterChart as ScatterChart_alias_1 }
+export { ScatterChart as ScatterChart_alias_2 }
+export { ScatterChart as ScatterChart_alias_3 }
+
+declare interface ScatterChartProps extends BaseChartProps {
+    series: ChartSeries[];
+    xAxis?: AxisConfig;
+    yAxis?: AxisConfig;
+    /** Dot radius in px. */
+    dotRadius?: number;
+    /** Dot fill opacity. */
+    dotOpacity?: number;
+    /** Draw a faint bounding ellipse around each series' points. */
+    clusters?: boolean;
+    /** Not used in simplified implementation (kept for API compat). */
+    clusterRadius?: number;
+    /** Apply deterministic small random offset to reduce overlap. */
+    jitter?: boolean;
+    /** Jitter range in px. */
+    jitterAmount?: number;
+    /** Draw polylines connecting same-series points in x-order. */
+    linkedLines?: boolean;
+}
+export { ScatterChartProps }
+export { ScatterChartProps as ScatterChartProps_alias_1 }
+export { ScatterChartProps as ScatterChartProps_alias_2 }
+
 export declare function Section({ title, children }: {
     title: string;
     children: React_2.ReactNode;
@@ -1881,6 +2267,22 @@ export { SideNavProps }
 export { SideNavProps as SideNavProps_alias_1 }
 export { SideNavProps as SideNavProps_alias_2 }
 
+export declare interface SliceSpec {
+    id: string;
+    label: string;
+    value: number;
+    percent: number;
+    color: string;
+    startAngle: number;
+    endAngle: number;
+    midAngle: number;
+    path: string;
+    outerR: number;
+    innerR: number;
+    cx: number;
+    cy: number;
+}
+
 declare function SortableTable<T, K extends string = string>({ columns, data, sort: controlledSort, onSortChange, defaultSort, rowKey, rowActions, intent, density, className, empty, }: SortableTableProps<T, K>): JSX.Element;
 export { SortableTable }
 export { SortableTable as SortableTable_alias_1 }
@@ -2189,6 +2591,67 @@ declare type TreeProps = React_2.HTMLAttributes<HTMLUListElement> & {
     size?: "sm" | "md" | "lg";
 };
 
+/**
+ * TypewriterText — renders text with a Copilot-style typewriter animation.
+ *
+ * Three modes:
+ * - "typewriter" (default): animates from empty → full text on every `text` change.
+ * - "stream": only animates newly appended characters; designed for live token streams.
+ * - "instant": no animation; renders text immediately.
+ *
+ * Cursor states:
+ * - `thinking`: blinking block cursor, no text yet.
+ * - Actively typing: solid cursor at the trailing edge of the text.
+ * - Waiting (stream mode, `streaming=true`): blinking cursor after catching up.
+ * - Done: cursor fades out.
+ */
+declare function TypewriterText({ text, mode, speed, cursor, cursorChar, thinking, streaming, delay, onComplete, as: Tag, className, }: TypewriterTextProps): JSX.Element;
+export { TypewriterText }
+export { TypewriterText as TypewriterText_alias_1 }
+export { TypewriterText as TypewriterText_alias_2 }
+export { TypewriterText as TypewriterText_alias_3 }
+
+declare interface TypewriterTextProps {
+    /** Full text content to display. */
+    text: string;
+    /**
+     * Animation mode.
+     * - `"typewriter"` (default): animates from empty → full text whenever `text` changes.
+     * - `"stream"`: only animates newly appended characters; ideal for LLM token streams.
+     * - `"instant"`: no animation — renders text immediately.
+     */
+    mode?: "typewriter" | "stream" | "instant";
+    /** Typing speed in characters per second. @default 40 */
+    speed?: number;
+    /** Show a cursor at the end of the text. @default true */
+    cursor?: boolean;
+    /** Cursor glyph. @default "▋" */
+    cursorChar?: string;
+    /**
+     * When `true`, renders only a blinking cursor (no text) — the "model is thinking"
+     * state before the first token arrives.
+     */
+    thinking?: boolean;
+    /**
+     * Pass `true` while the parent is still receiving streaming data.
+     * Keeps the cursor visible and blinking even after the component has caught up
+     * to the current `text` value.
+     * Pass `false` (or omit) once the stream is complete.
+     */
+    streaming?: boolean;
+    /** Delay in ms before the animation begins (typewriter mode only). @default 0 */
+    delay?: number;
+    /** Called once each time the current animation sequence finishes catching up. */
+    onComplete?: () => void;
+    /** HTML element to render as. @default "span" */
+    as?: "span" | "div" | "p" | "pre" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "li";
+    className?: string;
+}
+export { TypewriterTextProps }
+export { TypewriterTextProps as TypewriterTextProps_alias_1 }
+export { TypewriterTextProps as TypewriterTextProps_alias_2 }
+export { TypewriterTextProps as TypewriterTextProps_alias_3 }
+
 declare function useAlert(): {
     addAlert: typeof addAlert;
     removeAlert: typeof removeAlert;
@@ -2197,6 +2660,13 @@ export { useAlert }
 export { useAlert as useAlert_alias_1 }
 export { useAlert as useAlert_alias_2 }
 
+export declare function useChartLegend(initialIds: string[]): {
+    visible: Set<string>;
+    toggle: (id: string) => void;
+    isVisible: (id: string) => boolean;
+    showAll: () => void;
+};
+
 /**
  * Returns a `setSpin(target, tip?)` function.
  * Each call returns a **close** function to dismiss that specific overlay.