@jacshuo/onyx 1.4.1 → 2.1.0

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

@@ -1,7 +1,9 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { Dispatch } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { default as React_2 } from 'react';
+import { SetStateAction } from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare function Accordion({ type, defaultValue, value, onValueChange, intent, size, className, children, ...props }: AccordionProps): JSX.Element;
@@ -120,6 +122,64 @@ export { alertVariants }
 export { alertVariants as alertVariants_alias_1 }
 export { alertVariants as alertVariants_alias_2 }
 
+declare function Avatar({ src, alt, initials, size, shape, status, className, ...props }: AvatarProps): JSX.Element;
+export { Avatar }
+export { Avatar as Avatar_alias_1 }
+export { Avatar as Avatar_alias_2 }
+export { Avatar as Avatar_alias_3 }
+
+declare function AvatarGroup({ children, max, overlap, className }: AvatarGroupProps): JSX.Element;
+export { AvatarGroup }
+export { AvatarGroup as AvatarGroup_alias_1 }
+export { AvatarGroup as AvatarGroup_alias_2 }
+export { AvatarGroup as AvatarGroup_alias_3 }
+
+declare type AvatarGroupProps = {
+    children: React_2.ReactNode;
+    /** How many avatars to show before collapsing to "+N". @default 4 */
+    max?: number;
+    /** Gap direction: avatars overlap on the left side. @default "left" */
+    overlap?: "left" | "right";
+    className?: string;
+};
+export { AvatarGroupProps }
+export { AvatarGroupProps as AvatarGroupProps_alias_1 }
+export { AvatarGroupProps as AvatarGroupProps_alias_2 }
+
+declare type AvatarProps = React_2.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof avatarVariants> & {
+    /** Image URL. Falls back to initials (or icon placeholder) if not provided or fails to load. */
+    src?: string;
+    /** Alt text for the image. Doubles as the source for auto-generated initials. */
+    alt?: string;
+    /** Override the auto-derived initials (max 2 chars). */
+    initials?: string;
+    /** Show a coloured status ring around the avatar. */
+    status?: "online" | "offline" | "busy" | "away";
+};
+export { AvatarProps }
+export { AvatarProps as AvatarProps_alias_1 }
+export { AvatarProps as AvatarProps_alias_2 }
+
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+    shape?: "circular" | "rounded" | "square" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { avatarVariants }
+export { avatarVariants as avatarVariants_alias_1 }
+export { avatarVariants as avatarVariants_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 +196,115 @@ 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 }
+
+declare function Breadcrumb({ items, separator, homeIcon, LinkComponent, className, }: BreadcrumbProps): JSX.Element;
+export { Breadcrumb }
+export { Breadcrumb as Breadcrumb_alias_1 }
+export { Breadcrumb as Breadcrumb_alias_2 }
+export { Breadcrumb as Breadcrumb_alias_3 }
+
+declare type BreadcrumbItem = {
+    label: string;
+    href?: string;
+    /** Render a custom icon before the label. */
+    icon?: React_2.ReactNode;
+};
+export { BreadcrumbItem }
+export { BreadcrumbItem as BreadcrumbItem_alias_1 }
+export { BreadcrumbItem as BreadcrumbItem_alias_2 }
+
+declare type BreadcrumbProps = {
+    items: BreadcrumbItem[];
+    /** Custom separator element. Defaults to ChevronRight icon. */
+    separator?: React_2.ReactNode;
+    /**
+     * Optional icon (or `true` to use the default Home icon) shown as the first item.
+     * @default false
+     */
+    homeIcon?: React_2.ReactNode | boolean;
+    /** Component to render anchor elements. Defaults to standard `<a>`. */
+    LinkComponent?: React_2.ComponentType<React_2.AnchorHTMLAttributes<HTMLAnchorElement>>;
+    className?: string;
+};
+export { BreadcrumbProps }
+export { BreadcrumbProps as BreadcrumbProps_alias_1 }
+export { BreadcrumbProps as BreadcrumbProps_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 +371,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 +562,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,21 +634,205 @@ export { ColumnDef }
 export { ColumnDef as ColumnDef_alias_1 }
 export { ColumnDef as ColumnDef_alias_2 }
 
+declare type CommandGroup = {
+    label: string;
+    items: CommandItem[];
+};
+export { CommandGroup }
+export { CommandGroup as CommandGroup_alias_1 }
+export { CommandGroup as CommandGroup_alias_2 }
+export { CommandGroup as CommandGroup_alias_3 }
+
+declare type CommandItem = {
+    /** Unique ID for this command */
+    id: string;
+    /** Primary display label */
+    label: string;
+    /** Optional sub-label / description shown below the label */
+    description?: string;
+    /** Optional icon element */
+    icon?: React_2.ReactNode;
+    /** Keyboard shortcut badge displayed on the right, e.g. ["⌘", "K"] */
+    shortcut?: string[];
+    /** Group heading this item belongs to (ungrouped if omitted) */
+    group?: string;
+    /** Extra search terms that don't appear in the UI */
+    keywords?: string[];
+    /** Disabled items appear dimmed and are not selectable */
+    disabled?: boolean;
+    /** Called when the user selects this command */
+    onSelect: () => void;
+};
+export { CommandItem }
+export { CommandItem as CommandItem_alias_1 }
+export { CommandItem as CommandItem_alias_2 }
+export { CommandItem as CommandItem_alias_3 }
+
+declare function CommandPalette({ open, onOpenChange, commands, placeholder, hotkey, maxItems, className, }: CommandPaletteProps): React_2.ReactPortal | null;
+export { CommandPalette }
+export { CommandPalette as CommandPalette_alias_1 }
+export { CommandPalette as CommandPalette_alias_2 }
+export { CommandPalette as CommandPalette_alias_3 }
+
+declare type CommandPaletteProps = {
+    /** Controlled open state */
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Full list of available commands */
+    commands: CommandItem[];
+    /** Placeholder text inside the search input */
+    placeholder?: string;
+    /**
+     * Register a global Ctrl/Cmd+K hotkey to toggle the palette.
+     * @default true
+     */
+    hotkey?: boolean;
+    /**
+     * Maximum number of result rows visible before the list scrolls.
+     * @default 8
+     */
+    maxItems?: number;
+    /** Extra class applied to the dialog panel */
+    className?: string;
+};
+export { CommandPaletteProps }
+export { CommandPaletteProps as CommandPaletteProps_alias_1 }
+export { CommandPaletteProps as CommandPaletteProps_alias_2 }
+export { CommandPaletteProps as CommandPaletteProps_alias_3 }
+
+/** 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 }
 
+declare function ContextMenu({ items, children, disabled, onOpenChange, className, }: ContextMenuProps): JSX.Element;
+export { ContextMenu }
+export { ContextMenu as ContextMenu_alias_1 }
+export { ContextMenu as ContextMenu_alias_2 }
+export { ContextMenu as ContextMenu_alias_3 }
+
+declare interface ContextMenuItem {
+    /** Unique key */
+    key: string;
+    /** Display label */
+    label: React_2.ReactNode;
+    /** Icon element */
+    icon?: React_2.ReactNode;
+    /** Disables item */
+    disabled?: boolean;
+    /** Marks as separator — renders a divider instead of item */
+    separator?: boolean;
+    /** Keyboard shortcut displayed on the right */
+    shortcut?: string;
+    /** Destructive — renders in danger color */
+    danger?: boolean;
+    /** Sub-menu items */
+    children?: ContextMenuItem[];
+    /** Click handler */
+    onClick?: (e: React_2.MouseEvent) => void;
+}
+export { ContextMenuItem }
+export { ContextMenuItem as ContextMenuItem_alias_1 }
+export { ContextMenuItem as ContextMenuItem_alias_2 }
+export { ContextMenuItem as ContextMenuItem_alias_3 }
+export { ContextMenuItem as ContextMenuItem_alias_4 }
+
+declare interface ContextMenuProps {
+    /** Menu structure */
+    items: ContextMenuItem[];
+    /** The trigger element(s) that activate the context menu */
+    children: React_2.ReactNode;
+    /** Whether the context menu is disabled */
+    disabled?: boolean;
+    /** Called when menu opens or closes */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+export { ContextMenuProps }
+export { ContextMenuProps as ContextMenuProps_alias_1 }
+export { ContextMenuProps as ContextMenuProps_alias_2 }
+export { ContextMenuProps as ContextMenuProps_alias_3 }
+export { ContextMenuProps as ContextMenuProps_alias_4 }
+
+/** 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;
     Tree: typeof Tree;
     Chat: typeof Chat;
     CodeBlock: typeof CodeBlock;
+    Stat: typeof Stat;
+    MetricCard: typeof MetricCard;
 };
 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 }
@@ -460,6 +883,7 @@ export declare const default_alias: {
         Dropdown: Dropdown;
         DropdownButton: DropdownButton;
         Badge: Badge;
+        Tag: Tag;
         Indicator: Indicator;
         Label: Label;
         Input: Input;
@@ -468,6 +892,10 @@ export declare const default_alias: {
         Checkbox: Checkbox;
         Radio: Radio;
         RadioGroup: RadioGroup;
+        Avatar: Avatar;
+        AvatarGroup: AvatarGroup;
+        Slider: Slider;
+        SliderRange: SliderRange;
     };
     Layout: {
         Card: Card;
@@ -480,11 +908,16 @@ export declare const default_alias: {
         Tree: Tree;
         Chat: Chat;
         CodeBlock: CodeBlock;
+        Stat: Stat;
+        MetricCard: MetricCard;
     };
     Navigation: {
         SideNav: SideNav;
         Header: Header;
         NavLink: NavLink;
+        Breadcrumb: Breadcrumb;
+        Pagination: Pagination;
+        RibbonBar: RibbonBar;
     };
     Disclosure: {
         Accordion: Accordion;
@@ -493,11 +926,16 @@ export declare const default_alias: {
     Overlay: {
         Dialog: Dialog;
         Tooltip: Tooltip;
+        Drawer: Drawer;
+        ContextMenu: ContextMenu;
     };
     Feedback: {
         Alert: Alert;
         ProgressBar: ProgressBar;
         Spin: Spin;
+        Skeleton: Skeleton;
+        ToastProvider: ToastProvider;
+        useToast: useToast;
     };
     Extras: {
         FilmReel: FilmReel;
@@ -505,16 +943,63 @@ export declare const default_alias: {
         CinePlayer: CinePlayer;
         FileExplorer: FileExplorer;
         Masonry: Masonry;
+        TypewriterText: TypewriterText;
+        CommandPalette: CommandPalette;
+        Timeline: Timeline;
     };
     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_100(): JSX.Element;
+
+export declare function default_alias_101(): JSX.Element;
+
+export declare function default_alias_102(): JSX.Element;
+
+export declare function default_alias_103(): JSX.Element;
+
+export declare function default_alias_104(): JSX.Element;
+
+export declare function default_alias_105(): JSX.Element;
+
+export declare function default_alias_106(): JSX.Element;
+
+export declare function default_alias_107(): JSX.Element;
+
+export declare function default_alias_108(): JSX.Element;
+
+export declare function default_alias_109(): JSX.Element;
 
 export declare function default_alias_11(): JSX.Element;
 
+export declare function default_alias_110(): JSX.Element;
+
+export declare function default_alias_111(): JSX.Element;
+
+export declare function default_alias_112(): JSX.Element;
+
+export declare function default_alias_113(): JSX.Element;
+
+export declare function default_alias_114(): JSX.Element;
+
+export declare function default_alias_115(): JSX.Element;
+
+export declare function default_alias_116(): JSX.Element;
+
+export declare function default_alias_117(): JSX.Element;
+
+export declare function default_alias_118(): JSX.Element;
+
+export declare function default_alias_119(): JSX.Element;
+
 export declare function default_alias_12(): JSX.Element;
 
 export declare function default_alias_13(): JSX.Element;
@@ -651,6 +1136,52 @@ 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;
+
+export declare function default_alias_91(): JSX.Element;
+
+export declare function default_alias_92(): JSX.Element;
+
+export declare function default_alias_93(): JSX.Element;
+
+export declare function default_alias_94(): JSX.Element;
+
+export declare function default_alias_95(): JSX.Element;
+
+export declare function default_alias_96(): JSX.Element;
+
+export declare function default_alias_97(): JSX.Element;
+
+export declare function default_alias_98(): JSX.Element;
+
+export declare function default_alias_99(): 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 +1245,87 @@ 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 Drawer({ open, onOpenChange, side, size, backdrop, closeOnBackdropClick, children, className, }: DrawerProps): React_2.ReactPortal | null;
+export { Drawer }
+export { Drawer as Drawer_alias_1 }
+export { Drawer as Drawer_alias_2 }
+export { Drawer as Drawer_alias_3 }
+
+declare function DrawerBody({ children, className }: DrawerBodyProps): JSX.Element;
+export { DrawerBody }
+export { DrawerBody as DrawerBody_alias_1 }
+export { DrawerBody as DrawerBody_alias_2 }
+export { DrawerBody as DrawerBody_alias_3 }
+
+declare type DrawerBodyProps = {
+    children: React_2.ReactNode;
+    className?: string;
+};
+export { DrawerBodyProps }
+export { DrawerBodyProps as DrawerBodyProps_alias_1 }
+export { DrawerBodyProps as DrawerBodyProps_alias_2 }
+
+declare function DrawerClose({ onClose, className }: {
+    onClose: () => void;
+    className?: string;
+}): JSX.Element;
+export { DrawerClose }
+export { DrawerClose as DrawerClose_alias_1 }
+export { DrawerClose as DrawerClose_alias_2 }
+export { DrawerClose as DrawerClose_alias_3 }
+
+declare function DrawerFooter({ children, className }: DrawerFooterProps): JSX.Element;
+export { DrawerFooter }
+export { DrawerFooter as DrawerFooter_alias_1 }
+export { DrawerFooter as DrawerFooter_alias_2 }
+export { DrawerFooter as DrawerFooter_alias_3 }
+
+declare type DrawerFooterProps = {
+    children: React_2.ReactNode;
+    className?: string;
+};
+export { DrawerFooterProps }
+export { DrawerFooterProps as DrawerFooterProps_alias_1 }
+export { DrawerFooterProps as DrawerFooterProps_alias_2 }
+
+declare function DrawerHeader({ children, className }: DrawerHeaderProps): JSX.Element;
+export { DrawerHeader }
+export { DrawerHeader as DrawerHeader_alias_1 }
+export { DrawerHeader as DrawerHeader_alias_2 }
+export { DrawerHeader as DrawerHeader_alias_3 }
+
+declare type DrawerHeaderProps = {
+    children: React_2.ReactNode;
+    className?: string;
+};
+export { DrawerHeaderProps }
+export { DrawerHeaderProps as DrawerHeaderProps_alias_1 }
+export { DrawerHeaderProps as DrawerHeaderProps_alias_2 }
+
+declare type DrawerProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Side from which the drawer slides in. @default "right" */
+    side?: DrawerSide;
+    /** Width (left/right) or height (top/bottom) of the drawer panel. */
+    size?: string;
+    /** Show a backdrop overlay. @default true */
+    backdrop?: boolean;
+    /** Close on backdrop click. @default true */
+    closeOnBackdropClick?: boolean;
+    children: React_2.ReactNode;
+    className?: string;
+};
+export { DrawerProps }
+export { DrawerProps as DrawerProps_alias_1 }
+export { DrawerProps as DrawerProps_alias_2 }
+
+declare type DrawerSide = "left" | "right" | "top" | "bottom";
+export { DrawerSide }
+export { DrawerSide as DrawerSide_alias_1 }
+export { DrawerSide as DrawerSide_alias_2 }
 
 declare function Dropdown(props: DropdownProps): JSX.Element;
 export { Dropdown }
@@ -741,6 +1352,27 @@ declare interface DropdownBaseProps {
     size?: "sm" | "md" | "lg";
     /** Enable domino flip-in/flip-out animation for menu items. @default true */
     animated?: boolean;
+    /** HTML name attribute — renders hidden input(s) for native form submission. */
+    name?: string;
+    /** Validation intent. "danger" shows a red error border. @default "default" */
+    intent?: "default" | "danger";
+    /** Show a ✕ button to clear the current selection. @default false */
+    clearable?: boolean;
+    /**
+     * HTML id forwarded to the trigger element.
+     * Injected automatically by FormItem for label + aria wiring.
+     */
+    id?: string;
+    /**
+     * Forwarded to the trigger element for aria-describedby wiring.
+     * Set automatically by FormItem to link hint/validation messages.
+     */
+    "aria-describedby"?: string;
+    /**
+     * Marks the trigger as invalid — applies the error border style.
+     * Injected automatically by FormItem when a validation error is present.
+     */
+    "aria-invalid"?: boolean;
 }
 
 declare function DropdownButton({ label, items, intent, size, align, className, disabled, editable, onAddItem, multiple, selected, onSelectionChange, animated, chevron, ...props }: DropdownButtonProps): JSX.Element;
@@ -802,8 +1434,13 @@ declare interface DropdownMultipleProps extends DropdownBaseProps {
     value?: never;
     /** Not used in multi mode. */
     defaultValue?: never;
-    /** Not used in multi mode. */
-    onChange?: never;
+    /**
+     * Form-integration callback (multi mode). Called with the new selected
+     * string array on every toggle and on clear. Used by FormItem's onChange
+     * wrapping to trigger per-field validation — do not use for primary
+     * selection handling; prefer `onSelectionChange` for that.
+     */
+    onChange?: (value: string[]) => void;
 }
 export { DropdownMultipleProps }
 export { DropdownMultipleProps as DropdownMultipleProps_alias_1 }
@@ -856,19 +1493,25 @@ declare const Extras: {
     CinePlayer: typeof CinePlayer;
     FileExplorer: typeof FileExplorer;
     Masonry: typeof Masonry;
+    TypewriterText: typeof TypewriterText;
+    CommandPalette: typeof CommandPalette;
+    Timeline: typeof Timeline;
 };
 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;
     ProgressBar: typeof ProgressBar;
     Spin: typeof Spin;
+    Skeleton: typeof Skeleton;
+    ToastProvider: typeof ToastProvider;
+    useToast: typeof useToast;
 };
 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 +1692,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 +1792,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 +1846,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 +2063,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 +2089,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 }
@@ -1520,6 +2214,52 @@ export { MasonryProps }
 export { MasonryProps as MasonryProps_alias_1 }
 export { MasonryProps as MasonryProps_alias_2 }
 
+declare function MetricCard({ title, value, decimals, prefix, suffix, icon, trend, trendValue, description, animateDuration, formatter, from, intent, size, className, }: MetricCardProps): JSX.Element;
+export { MetricCard }
+export { MetricCard as MetricCard_alias_1 }
+export { MetricCard as MetricCard_alias_2 }
+export { MetricCard as MetricCard_alias_3 }
+
+declare interface MetricCardProps extends VariantProps<typeof metricCardVariants> {
+    title: string;
+    /** Numeric value to animate to */
+    value: number;
+    /** Number of decimal places */
+    decimals?: number;
+    prefix?: React_2.ReactNode;
+    suffix?: React_2.ReactNode;
+    icon?: React_2.ReactNode;
+    trend?: MetricCardTrend;
+    trendValue?: string;
+    /** Secondary info line */
+    description?: string;
+    /** Duration of counter animation in ms */
+    animateDuration?: number;
+    /** Custom formatter for displayed value */
+    formatter?: (v: number) => string;
+    /** Starting value for animation */
+    from?: number;
+    className?: string;
+}
+export { MetricCardProps }
+export { MetricCardProps as MetricCardProps_alias_1 }
+export { MetricCardProps as MetricCardProps_alias_2 }
+export { MetricCardProps as MetricCardProps_alias_3 }
+
+declare type MetricCardTrend = "up" | "down" | "neutral";
+export { MetricCardTrend }
+export { MetricCardTrend as MetricCardTrend_alias_1 }
+export { MetricCardTrend as MetricCardTrend_alias_2 }
+export { MetricCardTrend as MetricCardTrend_alias_3 }
+
+declare const metricCardVariants: (props?: ({
+    intent?: "primary" | "danger" | "warning" | "success" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { metricCardVariants }
+export { metricCardVariants as metricCardVariants_alias_1 }
+export { metricCardVariants as metricCardVariants_alias_2 }
+
 declare function MiniPlayer({ playlist, initialTrack, position, entrance: entranceProp, theme, docked: dockedProp, visible: visibleProp, onVisibleChange, onTrackChange, onLike, autoPlay, shuffle: shuffleProp, loop: loopProp, accent, className, }: MiniPlayerProps): JSX.Element;
 export { MiniPlayer }
 export { MiniPlayer as MiniPlayer_alias_1 }
@@ -1594,10 +2334,13 @@ declare const Navigation: {
     SideNav: typeof SideNav;
     Header: typeof Header;
     NavLink: typeof NavLink;
+    Breadcrumb: typeof Breadcrumb;
+    Pagination: typeof Pagination;
+    RibbonBar: typeof RibbonBar;
 };
 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 }
@@ -1622,15 +2365,46 @@ export { navLinkVariants as navLinkVariants_alias_2 }
 declare const Overlay: {
     Dialog: typeof Dialog;
     Tooltip: typeof Tooltip;
+    Drawer: typeof Drawer;
+    ContextMenu: typeof ContextMenu;
 };
 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;
 }): JSX.Element;
 
+declare function Pagination({ totalPages, currentPage, onPageChange, siblingCount, showFirstLast, showPageCount, size, className, }: PaginationProps): JSX.Element | null;
+export { Pagination }
+export { Pagination as Pagination_alias_1 }
+export { Pagination as Pagination_alias_2 }
+export { Pagination as Pagination_alias_3 }
+
+declare type PaginationProps = {
+    /** Total number of pages. */
+    totalPages: number;
+    /** Current active page (1-based). */
+    currentPage: number;
+    /** Called when the user requests a page change. */
+    onPageChange: (page: number) => void;
+    /**
+     * Number of page buttons shown around the current page.
+     * @default 2
+     */
+    siblingCount?: number;
+    /** Show First / Last jump buttons. @default true */
+    showFirstLast?: boolean;
+    /** Show the total page count label. @default false */
+    showPageCount?: boolean;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+};
+export { PaginationProps }
+export { PaginationProps as PaginationProps_alias_1 }
+export { PaginationProps as PaginationProps_alias_2 }
+
 declare function Panel({ intent, size, className, ...props }: PanelProps): JSX.Element;
 export { Panel }
 export { Panel as Panel_alias_1 }
@@ -1657,11 +2431,59 @@ 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;
     DropdownButton: typeof DropdownButton;
     Badge: typeof Badge;
+    Tag: typeof Tag;
     Indicator: typeof Indicator;
     Label: typeof Label;
     Input: typeof Input;
@@ -1670,10 +2492,14 @@ declare const Primitives: {
     Checkbox: typeof Checkbox;
     Radio: typeof Radio;
     RadioGroup: typeof RadioGroup;
+    Avatar: typeof Avatar;
+    AvatarGroup: typeof AvatarGroup;
+    Slider: typeof Slider;
+    SliderRange: typeof SliderRange;
 };
 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,16 +2601,163 @@ export { radioVariants as radioVariants_alias_2 }
 
 declare function removeAlert(id: string): void;
 
+declare function RibbonBar({ tabs, defaultTab, activeTab: controlledTab, onTabChange, mode: controlledMode, onModeChange, sticky, className, }: RibbonBarProps): JSX.Element;
+export { RibbonBar }
+export { RibbonBar as RibbonBar_alias_1 }
+export { RibbonBar as RibbonBar_alias_2 }
+export { RibbonBar as RibbonBar_alias_3 }
+
+declare interface RibbonBarProps {
+    /** Tabs that define the ribbon structure */
+    tabs: RibbonTab[];
+    /** Initially active tab key */
+    defaultTab?: string;
+    /** Controlled active tab */
+    activeTab?: string;
+    /** Called when tab changes */
+    onTabChange?: (key: string) => void;
+    /** Display mode */
+    mode?: RibbonMode;
+    /** Called when mode changes */
+    onModeChange?: (mode: RibbonMode) => void;
+    /** Whether ribbon is sticky to top of its container */
+    sticky?: boolean;
+    /** Extra class name */
+    className?: string;
+}
+export { RibbonBarProps }
+export { RibbonBarProps as RibbonBarProps_alias_1 }
+export { RibbonBarProps as RibbonBarProps_alias_2 }
+export { RibbonBarProps as RibbonBarProps_alias_3 }
+export { RibbonBarProps as RibbonBarProps_alias_4 }
+
+declare interface RibbonGroup {
+    key: string;
+    label: string;
+    items: RibbonItem[];
+    /** Disables all items in this group */
+    disabled?: boolean;
+}
+export { RibbonGroup }
+export { RibbonGroup as RibbonGroup_alias_1 }
+export { RibbonGroup as RibbonGroup_alias_2 }
+export { RibbonGroup as RibbonGroup_alias_3 }
+export { RibbonGroup as RibbonGroup_alias_4 }
+
+declare interface RibbonItem {
+    key: string;
+    label: string;
+    icon?: React_2.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    /** Displays item as a separator */
+    separator?: boolean;
+    /** Marks item as active/pressed */
+    active?: boolean;
+    /** Tooltip shown on hover */
+    title?: string;
+}
+export { RibbonItem }
+export { RibbonItem as RibbonItem_alias_1 }
+export { RibbonItem as RibbonItem_alias_2 }
+export { RibbonItem as RibbonItem_alias_3 }
+export { RibbonItem as RibbonItem_alias_4 }
+
+declare type RibbonMode = "full" | "compact" | "icons";
+export { RibbonMode }
+export { RibbonMode as RibbonMode_alias_1 }
+export { RibbonMode as RibbonMode_alias_2 }
+export { RibbonMode as RibbonMode_alias_3 }
+export { RibbonMode as RibbonMode_alias_4 }
+
+declare interface RibbonTab {
+    key: string;
+    label: string;
+    icon?: React_2.ReactNode;
+    groups: RibbonGroup[];
+    /** Whether tab is hidden */
+    hidden?: boolean;
+    /** Disables the tab button and all groups/items inside it */
+    disabled?: boolean;
+}
+export { RibbonTab }
+export { RibbonTab as RibbonTab_alias_1 }
+export { RibbonTab as RibbonTab_alias_2 }
+export { RibbonTab as RibbonTab_alias_3 }
+export { RibbonTab as RibbonTab_alias_4 }
+
+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;
 }): JSX.Element;
 
+declare function Select({ options, value: valueProp, defaultValue, onChange, placeholder, disabled, clearable, intent, size, className, id: idProp, "aria-label": ariaLabel, }: SelectProps): JSX.Element;
+export { Select }
+export { Select as Select_alias_1 }
+
 declare type SelectionMode_2 = "none" | "single" | "multiple";
 export { SelectionMode_2 as SelectionMode }
 export { SelectionMode_2 as SelectionMode_alias_1 }
 export { SelectionMode_2 as SelectionMode_alias_2 }
 
+declare type SelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export { SelectOption }
+export { SelectOption as SelectOption_alias_1 }
+
+declare type SelectProps = VariantProps<typeof selectVariants> & {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    /** Accessible label. Prefer using `<label>` + `id`. */
+    "aria-label"?: string;
+    id?: string;
+    className?: string;
+};
+export { SelectProps }
+export { SelectProps as SelectProps_alias_1 }
+
+export declare const selectVariants: (props?: ({
+    intent?: "danger" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare function SideNav({ items, title, basePath, onItemClick, LinkComponent, collapsible, collapseMode: controlledMode, defaultCollapseMode, onCollapseModeChange, showLines, expandedKeys: controlledExpandedKeys, defaultExpandedKeys, onExpandedKeysChange, className, responsive, mobileBreakpoint, mobileTopOffset, ...props }: SideNavProps): JSX.Element;
 export { SideNav }
 export { SideNav as SideNav_alias_1 }
@@ -1881,6 +2854,112 @@ export { SideNavProps }
 export { SideNavProps as SideNavProps_alias_1 }
 export { SideNavProps as SideNavProps_alias_2 }
 
+/**
+ * Skeleton — loading placeholder that mimics the shape of incoming content.
+ *
+ * @example
+ * <Skeleton variant="text" lines={3} />
+ * <Skeleton variant="circular" width={48} height={48} />
+ * <Skeleton variant="rectangular" width="100%" height={160} animation="wave" />
+ */
+declare function Skeleton({ variant, animation, width, height, lines, className, style, ...props }: SkeletonProps): JSX.Element;
+export { Skeleton }
+export { Skeleton as Skeleton_alias_1 }
+export { Skeleton as Skeleton_alias_2 }
+export { Skeleton as Skeleton_alias_3 }
+
+declare type SkeletonProps = Omit<React_2.HTMLAttributes<HTMLSpanElement>, "children"> & VariantProps<typeof skeletonVariants> & {
+    /** CSS width — e.g. "100%", 200, "12rem". Overrides default when supplied. */
+    width?: string | number;
+    /** CSS height — e.g. 16, "2rem". Overrides default when supplied. */
+    height?: string | number;
+    /**
+     * Renders N stacked text-line skeletons.
+     * Only meaningful when variant="text" (default).
+     * The last line is narrowed to 60% to mimic natural paragraph endings.
+     */
+    lines?: number;
+};
+export { SkeletonProps }
+export { SkeletonProps as SkeletonProps_alias_1 }
+export { SkeletonProps as SkeletonProps_alias_2 }
+
+declare const skeletonVariants: (props?: ({
+    variant?: "circular" | "rounded" | "text" | "rectangular" | null | undefined;
+    animation?: "none" | "pulse" | "wave" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { skeletonVariants }
+export { skeletonVariants as skeletonVariants_alias_1 }
+export { skeletonVariants as skeletonVariants_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 Slider({ mode, value: valueProp, defaultValue, onChange, min, max, step, intent, size, disabled, showValue, formatValue, label, className, ...props }: SliderProps): JSX.Element;
+export { Slider }
+export { Slider as Slider_alias_1 }
+export { Slider as Slider_alias_2 }
+export { Slider as Slider_alias_3 }
+
+declare type SliderBaseProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & VariantProps<typeof sliderVariants> & {
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Display the current value above the thumb. */
+    showValue?: boolean;
+    /** Format the displayed value. */
+    formatValue?: (value: number) => string;
+    label?: string;
+};
+
+declare type SliderProps = SliderBaseProps & {
+    mode?: "single";
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+};
+export { SliderProps }
+export { SliderProps as SliderProps_alias_1 }
+export { SliderProps as SliderProps_alias_2 }
+
+declare function SliderRange({ value: valueProp, defaultValue, onChange, min, max, step, intent, size, disabled, showValue, formatValue, label, className, ...props }: SliderRangeProps): JSX.Element;
+export { SliderRange }
+export { SliderRange as SliderRange_alias_1 }
+export { SliderRange as SliderRange_alias_2 }
+export { SliderRange as SliderRange_alias_3 }
+
+declare type SliderRangeProps = SliderBaseProps & {
+    mode: "range";
+    value?: [number, number];
+    defaultValue?: [number, number];
+    onChange?: (value: [number, number]) => void;
+};
+export { SliderRangeProps }
+export { SliderRangeProps as SliderRangeProps_alias_1 }
+export { SliderRangeProps as SliderRangeProps_alias_2 }
+
+declare const sliderVariants: (props?: ({
+    intent?: "primary" | "secondary" | "danger" | "warning" | "success" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { sliderVariants }
+export { sliderVariants as sliderVariants_alias_1 }
+export { sliderVariants as sliderVariants_alias_2 }
+
 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 }
@@ -1943,6 +3022,50 @@ export { spinVariants }
 export { spinVariants as spinVariants_alias_1 }
 export { spinVariants as spinVariants_alias_2 }
 
+declare function Stat({ title, value, prefix, suffix, icon, trend, trendValue, description, intent, size, className, }: StatProps): JSX.Element;
+export { Stat }
+export { Stat as Stat_alias_1 }
+export { Stat as Stat_alias_2 }
+export { Stat as Stat_alias_3 }
+
+declare interface StatProps extends VariantProps<typeof statVariants> {
+    /** Main metric label */
+    title: string;
+    /** Primary value to display */
+    value: React_2.ReactNode;
+    /** Prefix string/element before value */
+    prefix?: React_2.ReactNode;
+    /** Suffix string/element after value */
+    suffix?: React_2.ReactNode;
+    /** Icon element displayed in the card */
+    icon?: React_2.ReactNode;
+    /** Trend direction */
+    trend?: StatTrend;
+    /** Trend percentage or label */
+    trendValue?: string;
+    /** Description below the value */
+    description?: string;
+    className?: string;
+}
+export { StatProps }
+export { StatProps as StatProps_alias_1 }
+export { StatProps as StatProps_alias_2 }
+export { StatProps as StatProps_alias_3 }
+
+declare type StatTrend = "up" | "down" | "neutral";
+export { StatTrend }
+export { StatTrend as StatTrend_alias_1 }
+export { StatTrend as StatTrend_alias_2 }
+export { StatTrend as StatTrend_alias_3 }
+
+declare const statVariants: (props?: ({
+    intent?: "primary" | "danger" | "warning" | "success" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { statVariants }
+export { statVariants as statVariants_alias_1 }
+export { statVariants as statVariants_alias_2 }
+
 declare function Switch({ checked: controlledChecked, defaultChecked, onCheckedChange, checkedContent, uncheckedContent, intent, size, label, id: propId, className, disabled, ...props }: SwitchProps): JSX.Element;
 export { Switch }
 export { Switch as Switch_alias_1 }
@@ -2094,6 +3217,38 @@ export { tabTriggerVariants }
 export { tabTriggerVariants as tabTriggerVariants_alias_1 }
 export { tabTriggerVariants as tabTriggerVariants_alias_2 }
 
+declare function Tag({ intent, size, variant, icon, removable, onRemove, disabled, dot, className, children, ...props }: TagProps): JSX.Element;
+export { Tag }
+export { Tag as Tag_alias_1 }
+export { Tag as Tag_alias_2 }
+export { Tag as Tag_alias_3 }
+
+declare type TagProps = React_2.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof tagVariants> & {
+    /** Icon or element displayed before label */
+    icon?: React_2.ReactNode;
+    /** Show remove button */
+    removable?: boolean;
+    /** Called when remove button is clicked */
+    onRemove?: () => void;
+    /** Disables interaction */
+    disabled?: boolean;
+    /** Dot indicator to left of label */
+    dot?: boolean;
+};
+export { TagProps }
+export { TagProps as TagProps_alias_1 }
+export { TagProps as TagProps_alias_2 }
+export { TagProps as TagProps_alias_3 }
+
+declare const tagVariants: (props?: ({
+    intent?: "primary" | "secondary" | "danger" | "warning" | "success" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "outline" | "solid" | "soft" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { tagVariants }
+export { tagVariants as tagVariants_alias_1 }
+export { tagVariants as tagVariants_alias_2 }
+
 declare function TextBox({ state, size, showWordCount, maxWords, className, value: controlledValue, defaultValue, onChange, disabled, ...props }: TextBoxProps): JSX.Element;
 export { TextBox }
 export { TextBox as TextBox_alias_1 }
@@ -2114,6 +3269,187 @@ export { TextBoxProps }
 export { TextBoxProps as TextBoxProps_alias_1 }
 export { TextBoxProps as TextBoxProps_alias_2 }
 
+declare function Timeline({ items, orientation, activeIndex, animated, lineStyle, className, }: TimelineProps): JSX.Element;
+export { Timeline }
+export { Timeline as Timeline_alias_1 }
+export { Timeline as Timeline_alias_2 }
+export { Timeline as Timeline_alias_3 }
+
+declare interface TimelineAction {
+    /** Button/link label */
+    label: string;
+    /** Leading icon */
+    icon?: React_2.ReactNode;
+    /** Click handler (renders a <button>) */
+    onClick?: () => void;
+    /** Destination URL — renders an <a> that opens in a new tab */
+    href?: string;
+    /** "primary" → solid right-aligned CTA; default → ghost left-aligned */
+    variant?: "default" | "primary";
+}
+export { TimelineAction }
+export { TimelineAction as TimelineAction_alias_1 }
+export { TimelineAction as TimelineAction_alias_2 }
+export { TimelineAction as TimelineAction_alias_3 }
+
+declare interface TimelineItem {
+    /** Unique key */
+    id?: string | number;
+    /** Card title */
+    title: string;
+    /** Card description text or element */
+    description?: React_2.ReactNode;
+    /** Timestamp / label */
+    date?: string;
+    /** Custom icon inside the dot */
+    icon?: React_2.ReactNode;
+    /** Image URL — full-width header banner (top) or sidebar column (left) */
+    image?: string;
+    /** Where to display `image`: "top" = banner header (default) | "left" = sidebar beside content */
+    imagePosition?: "top" | "left";
+    /** Array of image URLs — mosaic gallery rendered below the description */
+    images?: string[];
+    /** Inline SVG string or React SVG element */
+    svg?: React_2.ReactNode;
+    /** Item status */
+    status?: TimelineStatus;
+    /** Action buttons shown in the card footer */
+    actions?: TimelineAction[];
+    /** Extra class for this item */
+    className?: string;
+}
+export { TimelineItem }
+export { TimelineItem as TimelineItem_alias_1 }
+export { TimelineItem as TimelineItem_alias_2 }
+export { TimelineItem as TimelineItem_alias_3 }
+export { TimelineItem as TimelineItem_alias_4 }
+
+declare type TimelineOrientation = "vertical" | "horizontal";
+export { TimelineOrientation }
+export { TimelineOrientation as TimelineOrientation_alias_1 }
+export { TimelineOrientation as TimelineOrientation_alias_2 }
+export { TimelineOrientation as TimelineOrientation_alias_3 }
+export { TimelineOrientation as TimelineOrientation_alias_4 }
+
+declare interface TimelineProps {
+    items: TimelineItem[];
+    orientation?: TimelineOrientation;
+    /** Index of the active item — will be scrolled into center view */
+    activeIndex?: number;
+    /** Animate items as they enter the viewport */
+    animated?: boolean;
+    /** Connector line style */
+    lineStyle?: "solid" | "dashed";
+    className?: string;
+}
+export { TimelineProps }
+export { TimelineProps as TimelineProps_alias_1 }
+export { TimelineProps as TimelineProps_alias_2 }
+export { TimelineProps as TimelineProps_alias_3 }
+
+declare type TimelineStatus = "pending" | "active" | "complete" | "error";
+export { TimelineStatus }
+export { TimelineStatus as TimelineStatus_alias_1 }
+export { TimelineStatus as TimelineStatus_alias_2 }
+export { TimelineStatus as TimelineStatus_alias_3 }
+export { TimelineStatus as TimelineStatus_alias_4 }
+
+declare interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+export { ToastAction }
+export { ToastAction as ToastAction_alias_1 }
+export { ToastAction as ToastAction_alias_2 }
+export { ToastAction as ToastAction_alias_3 }
+
+declare const ToastContext: React_2.Context<ToastContextValue | null>;
+export { ToastContext }
+export { ToastContext as ToastContext_alias_1 }
+export { ToastContext as ToastContext_alias_2 }
+export { ToastContext as ToastContext_alias_3 }
+
+declare interface ToastContextValue {
+    /** Show a toast and return its generated id. */
+    toast: (options: ToastOptions) => string;
+    /** Dismiss a specific toast by id. */
+    dismiss: (id: string) => void;
+    /** Dismiss all currently visible toasts. */
+    dismissAll: () => void;
+}
+export { ToastContextValue }
+export { ToastContextValue as ToastContextValue_alias_1 }
+export { ToastContextValue as ToastContextValue_alias_2 }
+export { ToastContextValue as ToastContextValue_alias_3 }
+
+/** @internal Extended item type that tracks exit-animation state */
+declare interface ToastItem extends ToastProps {
+    _exiting: boolean;
+}
+export { ToastItem }
+export { ToastItem as ToastItem_alias_1 }
+
+declare type ToastOptions = Omit<ToastProps, "id">;
+export { ToastOptions }
+export { ToastOptions as ToastOptions_alias_1 }
+export { ToastOptions as ToastOptions_alias_2 }
+export { ToastOptions as ToastOptions_alias_3 }
+
+declare type ToastPosition = "top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center";
+export { ToastPosition }
+export { ToastPosition as ToastPosition_alias_1 }
+export { ToastPosition as ToastPosition_alias_2 }
+export { ToastPosition as ToastPosition_alias_3 }
+
+declare interface ToastProps {
+    id: string;
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+    /** Duration in milliseconds. Default: 4000. Pass 0 to persist indefinitely. */
+    duration?: number;
+    /** Show dismiss (×) button. Default: true. */
+    dismissible?: boolean;
+    action?: ToastAction;
+    position?: ToastPosition;
+    onDismiss?: (id: string) => void;
+}
+export { ToastProps }
+export { ToastProps as ToastProps_alias_1 }
+export { ToastProps as ToastProps_alias_2 }
+export { ToastProps as ToastProps_alias_3 }
+
+declare function ToastProvider({ children, defaultPosition, defaultDuration, }: ToastProviderProps): JSX.Element;
+export { ToastProvider }
+export { ToastProvider as ToastProvider_alias_1 }
+export { ToastProvider as ToastProvider_alias_2 }
+export { ToastProvider as ToastProvider_alias_3 }
+
+declare interface ToastProviderProps {
+    children: React_2.ReactNode;
+    /** Default position for toasts. Each toast call can override this. */
+    defaultPosition?: ToastPosition;
+    /** Default auto-dismiss duration in ms. Each toast call can override. */
+    defaultDuration?: number;
+}
+export { ToastProviderProps }
+export { ToastProviderProps as ToastProviderProps_alias_1 }
+export { ToastProviderProps as ToastProviderProps_alias_2 }
+export { ToastProviderProps as ToastProviderProps_alias_3 }
+
+declare type ToastVariant = "default" | "success" | "danger" | "warning" | "info";
+export { ToastVariant }
+export { ToastVariant as ToastVariant_alias_1 }
+export { ToastVariant as ToastVariant_alias_2 }
+export { ToastVariant as ToastVariant_alias_3 }
+
+declare const toastVariants: (props?: ({
+    variant?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+} & ClassProp) | undefined) => string;
+export { toastVariants }
+export { toastVariants as toastVariants_alias_1 }
+export { toastVariants as toastVariants_alias_2 }
+
 declare function Tooltip({ content, position, intent, delay, maxWidth, children, className, }: TooltipProps): JSX.Element;
 export { Tooltip }
 export { Tooltip as Tooltip_alias_1 }
@@ -2189,6 +3525,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 +3594,23 @@ 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;
+};
+
+export declare function useCommandPalette(commands: CommandItem[], open: boolean, onOpenChange: (v: boolean) => void, hotkey: boolean): {
+    query: string;
+    setQuery: Dispatch<SetStateAction<string>>;
+    groups: CommandGroup[];
+    filtered: CommandItem[];
+    activeIndex: number;
+    setActiveIndex: Dispatch<SetStateAction<number>>;
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+};
+
 /**
  * Returns a `setSpin(target, tip?)` function.
  * Each call returns a **close** function to dismiss that specific overlay.
@@ -2206,6 +3620,27 @@ export { useSpin }
 export { useSpin as useSpin_alias_1 }
 export { useSpin as useSpin_alias_2 }
 
+/**
+ * useToast — hook for triggering toasts from anywhere inside a <ToastProvider>.
+ * Throws if called outside of a ToastProvider.
+ */
+declare function useToast(): ToastContextValue;
+export { useToast }
+export { useToast as useToast_alias_1 }
+export { useToast as useToast_alias_2 }
+export { useToast as useToast_alias_3 }
+
+/**
+ * useToastManager — internal hook that owns all toast state and timers.
+ * Used exclusively by ToastProvider.
+ */
+export declare function useToastManager(defaultPosition: ToastPosition, defaultDuration: number): {
+    items: ToastItem[];
+    toast: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+};
+
 /** Callback type for FormItem's `onValidate` prop. */
 declare type ValidateCallback = (value: unknown) => ValidationResult;
 export { ValidateCallback }