@jacshuo/onyx 2.0.0 → 2.1.0

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

@@ -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,52 @@ 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;
@@ -201,6 +249,39 @@ 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;
 
@@ -553,6 +634,72 @@ 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];
 
@@ -613,6 +760,55 @@ 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;
 
@@ -631,6 +827,8 @@ declare const DataDisplay: {
     Tree: typeof Tree;
     Chat: typeof Chat;
     CodeBlock: typeof CodeBlock;
+    Stat: typeof Stat;
+    MetricCard: typeof MetricCard;
 };
 export { DataDisplay }
 export { DataDisplay as DataDisplay_alias_1 }
@@ -685,6 +883,7 @@ export declare const default_alias: {
         Dropdown: Dropdown;
         DropdownButton: DropdownButton;
         Badge: Badge;
+        Tag: Tag;
         Indicator: Indicator;
         Label: Label;
         Input: Input;
@@ -693,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;
@@ -705,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;
@@ -718,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;
@@ -731,6 +944,8 @@ export declare const default_alias: {
         FileExplorer: FileExplorer;
         Masonry: Masonry;
         TypewriterText: TypewriterText;
+        CommandPalette: CommandPalette;
+        Timeline: Timeline;
     };
     Forms: {
         Form: Form;
@@ -743,8 +958,48 @@ export declare const default_alias: {
     };
 };
 
+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;
@@ -903,6 +1158,24 @@ 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;
 
@@ -974,6 +1247,86 @@ export { Disclosure }
 export { Disclosure as Disclosure_alias_1 }
 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 }
 export { Dropdown as Dropdown_alias_1 }
@@ -999,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;
@@ -1060,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 }
@@ -1115,6 +1494,8 @@ declare const Extras: {
     FileExplorer: typeof FileExplorer;
     Masonry: typeof Masonry;
     TypewriterText: typeof TypewriterText;
+    CommandPalette: typeof CommandPalette;
+    Timeline: typeof Timeline;
 };
 export { Extras }
 export { Extras as Extras_alias_1 }
@@ -1124,6 +1505,9 @@ 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 }
@@ -1830,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 }
@@ -1904,6 +2334,9 @@ 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 }
@@ -1932,6 +2365,8 @@ 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 }
@@ -1941,6 +2376,35 @@ 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 }
@@ -2019,6 +2483,7 @@ declare const Primitives: {
     Dropdown: typeof Dropdown;
     DropdownButton: typeof DropdownButton;
     Badge: typeof Badge;
+    Tag: typeof Tag;
     Indicator: typeof Indicator;
     Label: typeof Label;
     Input: typeof Input;
@@ -2027,6 +2492,10 @@ 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 }
@@ -2132,6 +2601,91 @@ 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 }
@@ -2166,11 +2720,44 @@ export declare function Section({ title, children }: {
     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 }
@@ -2267,6 +2854,44 @@ 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;
@@ -2283,6 +2908,58 @@ export declare interface SliceSpec {
     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 }
@@ -2345,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 }
@@ -2496,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 }
@@ -2516,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 }
@@ -2667,6 +3601,16 @@ export declare function useChartLegend(initialIds: string[]): {
     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.
@@ -2676,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 }