@hilum/ui 3.8.5 → 3.10.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { ClassValue } from 'clsx';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { ComponentType, ReactNode, HTMLAttributes, ButtonHTMLAttributes, CSSProperties, ComponentPropsWithoutRef, InputHTMLAttributes, ChangeEventHandler, TextareaHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { ComponentType, ReactNode, RefObject, CSSProperties, HTMLAttributes, ButtonHTMLAttributes, ComponentPropsWithoutRef, InputHTMLAttributes, ChangeEventHandler, TextareaHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
 import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
 import { DropdownMenu, AlertDialog, AspectRatio, Avatar as Avatar$1, Checkbox, Collapsible, ContextMenu, HoverCard, Label as Label$1, Menubar, Dialog as Dialog$1, NavigationMenu, Popover, Progress, ScrollArea, Separator as Separator$1, ToggleGroup, Toggle } from 'radix-ui';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -15,11 +15,12 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { ColumnDef } from '@tanstack/react-table';
 export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
 import * as vaul from 'vaul';
-import * as pdfjs_dist from 'pdfjs-dist';
+import * as Pdfjs from 'pdfjs-dist';
 import * as input_otp from 'input-otp';
 import * as _radix_ui_react_context from '@radix-ui/react-context';
 import { SeparatorProps, Panel, GroupProps } from 'react-resizable-panels';
-import { Toaster as Toaster$1 } from 'sonner';
+import { toast, Toaster as Toaster$1 } from 'sonner';
+export { toast, useSonner } from 'sonner';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
@@ -91,6 +92,168 @@ declare function SurfaceProvider({ value, children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+/**
+ * Control density.
+ *
+ * - `default` — the standard Hilum sizing (40px inputs, 32px buttons, 40px
+ *   menu rows). Used everywhere unless something opts in.
+ * - `compact` — editor-chrome sizing (Figma / Framer / Linear inspectors):
+ *   24px controls, 28px rows and menu items, 12px text, 11px labels, 8px
+ *   horizontal padding, 4–6px radii.
+ *
+ * Density is carried two ways so it works for both CSS and portalled UI:
+ *   1. the `data-density="compact"` attribute on an ancestor element drives the
+ *      `compact:` Tailwind variant and the `--density-*` CSS variables emitted
+ *      in tokens.css;
+ *   2. React context, so portalled content (menus, popovers, select lists)
+ *      can re-apply the attribute on its own root outside the DOM subtree.
+ */
+type Density = "default" | "compact";
+declare const DensityContext: React.Context<Density>;
+declare function useDensity(): Density;
+interface DensityProviderProps {
+    density: Density;
+    children: ReactNode;
+    /**
+     * Render a `display: contents` wrapper carrying `data-density` (default).
+     * Pass `false` when you already set `data-density` on your own element and
+     * only need the React context (e.g. for portalled menus).
+     */
+    wrap?: boolean;
+}
+declare function DensityProvider({ density, children, wrap }: DensityProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Props to spread on a portalled content root so it inherits the density of
+ * the tree that opened it. Returns `{}` in default density so markup is
+ * unchanged for non-editor consumers.
+ */
+declare function useDensityAttributes(): {
+    "data-density"?: Density;
+};
+
+type DateInput = Date | string | number | null | undefined;
+/**
+ * - `date` / `short` — "Sep 26, 2026" (default; `short` is an alias)
+ * - `long`           — "September 26, 2026"
+ * - `datetime`       — "Sep 26, 2026, 3:04 PM"
+ * - `time`           — "3:04 PM"
+ * - `monthDay`       — "Sep 26" (dense timelines, same-year lists)
+ * - `month`          — "September 2026"
+ * - `iso`            — "2026-09-26" (local calendar date, for APIs)
+ */
+type DateFormatStyle = "date" | "short" | "long" | "datetime" | "time" | "monthDay" | "month" | "iso";
+interface FormatOptions {
+    /** BCP-47 locale. Defaults to the provider locale, then the runtime default. */
+    locale?: string | undefined;
+    /** IANA time zone, e.g. "America/Lima". Defaults to the runtime zone. */
+    timeZone?: string | undefined;
+}
+/**
+ * Parse a date-ish value. Date-only ISO strings ("2026-09-26") are read as
+ * local calendar dates instead of UTC midnight, so they never shift a day
+ * backwards in western time zones. Returns `null` for empty/invalid input.
+ */
+declare function toDate(value: DateInput): Date | null;
+/** Format a Date as a local calendar date string ("YYYY-MM-DD"). */
+declare function toISODate(value: DateInput): string;
+interface FormatDateOptions extends FormatOptions {
+    /** Preset style. Default: `"date"` ("Sep 26, 2026"). */
+    style?: DateFormatStyle;
+    /** Rendered for empty/invalid input. Default: "—". */
+    fallback?: string;
+}
+declare function formatDate(value: DateInput, options?: FormatDateOptions): string;
+declare function formatDateTime(value: DateInput, options?: Omit<FormatDateOptions, "style">): string;
+interface FormatDateRangeOptions extends FormatOptions {
+    style?: Exclude<DateFormatStyle, "iso" | "time">;
+    fallback?: string;
+}
+/** "Sep 1 – 26, 2026" — collapses shared parts via Intl.DateTimeFormat#formatRange. */
+declare function formatDateRange(start: DateInput, end: DateInput, options?: FormatDateRangeOptions): string;
+interface FormatRelativeTimeOptions extends FormatOptions {
+    /** Reference time. Default: now. */
+    now?: DateInput;
+    /**
+     * After this many seconds the absolute date is shown instead
+     * ("Sep 26, 2026"). Default: 7 days. Pass `Infinity` to always be relative.
+     */
+    maxRelativeSeconds?: number;
+    fallback?: string;
+}
+/** "just now", "5 minutes ago", "in 2 days"; absolute date past `maxRelativeSeconds`. */
+declare function formatRelativeTime(value: DateInput, options?: FormatRelativeTimeOptions): string;
+interface FormatNumberOptions extends FormatOptions, Intl.NumberFormatOptions {
+    fallback?: string;
+}
+declare function formatNumber(value: number | string | null | undefined, options?: FormatNumberOptions): string;
+interface FormatCurrencyOptions extends FormatNumberOptions {
+    /** ISO-4217 code. Default: provider currency, then "USD". */
+    currency?: string;
+    /** When true, `value` is in minor units (cents) and divided by 10^fractionDigits. */
+    minorUnits?: boolean;
+}
+declare function formatCurrency(value: number | string | null | undefined, options?: FormatCurrencyOptions): string;
+declare function formatPercent(value: number | null | undefined, options?: FormatNumberOptions): string;
+interface PluralizeOptions extends FormatOptions {
+    /** Plural form. Default: `${singular}s`. */
+    plural?: string;
+    /** Omit the number ("items" instead of "2 items"). */
+    hideCount?: boolean;
+}
+/**
+ * "1 item", "2 items", "1,204 orders". Uses Intl.PluralRules to pick the form
+ * and Intl.NumberFormat for the count.
+ */
+declare function pluralize(count: number, singular: string, options?: PluralizeOptions): string;
+interface FormatContextValue {
+    locale?: string | undefined;
+    currency?: string | undefined;
+    timeZone?: string | undefined;
+}
+interface FormatProviderProps extends FormatContextValue {
+    children: ReactNode;
+}
+declare function FormatProvider({ locale, currency, timeZone, children }: FormatProviderProps): react_jsx_runtime.JSX.Element;
+/** Formatters bound to the nearest FormatProvider's locale/currency/timeZone. */
+declare function useFormatter(): {
+    locale: string | undefined;
+    currencyCode: string | undefined;
+    timeZone: string | undefined;
+    date: (value: DateInput, options?: FormatDateOptions) => string;
+    dateTime: (value: DateInput, options?: Omit<FormatDateOptions, "style">) => string;
+    dateRange: (start: DateInput, end: DateInput, options?: FormatDateRangeOptions) => string;
+    relative: (value: DateInput, options?: FormatRelativeTimeOptions) => string;
+    number: (value: number | string | null | undefined, options?: FormatNumberOptions) => string;
+    currency: (value: number | string | null | undefined, options?: FormatCurrencyOptions) => string;
+    percent: (value: number | null | undefined, options?: FormatNumberOptions) => string;
+    pluralize: (count: number, singular: string, options?: PluralizeOptions) => string;
+};
+
+interface ScrollEdges {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+}
+interface UseScrollEdgesOptions {
+    /** Attach/detach tracking. While false all edges read false. Callers whose
+     *  scroller mounts late (portals) must fold that into `enabled` so the
+     *  hook re-attaches once the element exists. Defaults to `true`. */
+    enabled?: boolean;
+    /** Which axes to measure. Defaults to `"vertical"`. */
+    axis?: "vertical" | "horizontal" | "both";
+}
+declare function useScrollEdges(ref: RefObject<HTMLElement | null>, { enabled, axis }?: UseScrollEdgesOptions): ScrollEdges;
+/**
+ * CSS mask that fades whichever horizontal edges still hide content. Works on
+ * any background (unlike a surface-coloured gradient), so it suits tab tracks.
+ */
+declare function horizontalEdgeMask(left: boolean, right: boolean): string | undefined;
+/** Style for a horizontally scrolling strip: edge fades while content is hidden. */
+declare function useHorizontalOverflowMask(ref: RefObject<HTMLElement | null>, enabled?: boolean): CSSProperties | undefined;
+/** Scroll `index`'s `[data-proximity-index]` child into view inside a horizontal strip. */
+declare function scrollStripItemIntoView(container: HTMLElement | null, index: number): void;
+
 declare const DropdownMenuRoot: React.FC<DropdownMenu.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenu.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -238,9 +401,46 @@ declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialog
 declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface ConfirmDialogProps {
+    /** Element that opens the dialog (e.g. a "Delete" Button). Optional when controlled. */
+    trigger?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    confirmLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    /** Red confirm button for irreversible actions (delete, cancel order). */
+    destructive?: boolean;
+    /**
+     * Runs on confirm. If it returns a promise the confirm button shows a
+     * pending state and the dialog stays open until it resolves; a rejection
+     * keeps the dialog open so the caller can surface the error (e.g. toast).
+     */
+    onConfirm: () => void | Promise<unknown>;
+    /** Extra content between the description and the footer. */
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * One-call confirmation dialog — replaces hand-built "Delete X" dialogs.
+ *
+ *   <ConfirmDialog
+ *     trigger={<Button variant="destructive">Delete</Button>}
+ *     title="Delete product?"
+ *     description="This can't be undone."
+ *     confirmLabel="Delete product"
+ *     destructive
+ *     onConfirm={() => deleteProduct(id)}
+ *   />
+ */
+declare function ConfirmDialog({ trigger, open: openProp, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, onConfirm, children, className, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace ConfirmDialog {
+    var displayName: string;
+}
 
 declare const alertVariants: (props?: ({
-    variant?: "destructive" | "default" | "info" | "success" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends React.ComponentProps<"div">, VariantProps<typeof alertVariants> {
 }
@@ -360,12 +560,31 @@ declare const badgeColors: {
     readonly rose: "#f43f5e";
 };
 type BadgeColor = keyof typeof badgeColors;
+/**
+ * Semantic tones — the convention every product surface should use instead
+ * of picking badge colours by hand:
+ *
+ * - `success`   — finished and healthy: paid, fulfilled, active, delivered.
+ * - `info`      — in motion, nothing to do yet: processing, shipped, scheduled.
+ * - `attention` — needs a merchant action soon: unfulfilled, partially paid, on hold.
+ * - `warning`   — at risk / waiting on someone else: pending, past due, expiring.
+ * - `critical`  — failed or blocked: failed, cancelled, suspended, declined.
+ * - `neutral`   — inactive or terminal-but-fine: draft, archived, refunded, closed.
+ */
+type StatusTone = "success" | "info" | "attention" | "warning" | "critical" | "neutral";
+type ToneBadgeVariant = "success" | "brand" | "warning" | "destructive" | "secondary";
+declare const STATUS_TONE_BADGE: Record<StatusTone, {
+    variant: ToneBadgeVariant;
+    color?: BadgeColor;
+}>;
 declare const badgeVariants: (props?: ({
-    variant?: "dot" | "destructive" | "outline" | "default" | "brand" | "secondary" | "solid" | "success" | "warning" | null | undefined;
+    variant?: "dot" | "default" | "destructive" | "outline" | "brand" | "secondary" | "solid" | "success" | "warning" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeVariants> {
     color?: BadgeColor;
+    /** Semantic tone — wins over `variant`/`color`. See `StatusTone`. */
+    tone?: StatusTone;
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
@@ -402,8 +621,8 @@ declare namespace ButtonGroupItem {
 }
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "destructive" | "outline" | "default" | "primary" | "brand" | "secondary" | "tertiary" | "ghost" | null | undefined;
-    size?: "icon" | "xs" | "sm" | "md" | "lg" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "primary" | "brand" | "secondary" | "tertiary" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "xs" | "sm" | "md" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     iconLeft?: boolean | null | undefined;
     iconRight?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -426,7 +645,7 @@ declare namespace Calendar {
 }
 
 declare const calloutVariants: (props?: ({
-    tone?: "destructive" | "default" | "info" | "success" | "warning" | null | undefined;
+    tone?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
     compact?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CalloutProps extends Omit<React.ComponentProps<"div">, "title">, VariantProps<typeof calloutVariants> {
@@ -492,7 +711,7 @@ declare const CHART_COLORS: {
     secondary: "#CDEA19";
     tertiary: "#fff5bf";
     muted: "#737373";
-    subtle: "#f5f5f5";
+    subtle: "#e5e5e5";
     dark: "#171717";
 };
 declare const THEMES: {
@@ -618,6 +837,28 @@ declare const CollapsibleRoot: React.ForwardRefExoticComponent<Collapsible.Colla
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Collapsible.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const CollapsibleContent: React.ForwardRefExoticComponent<Collapsible.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
 
+interface CodeBlockProps {
+    /** Code as a string (copied verbatim). */
+    children: string;
+    /** Optional language / filename label in the header. */
+    language?: string;
+    /** Max height before the block scrolls, e.g. 320 or "20rem". */
+    maxHeight?: number | string;
+    /** Show a copy button. Default: true. */
+    copy?: boolean;
+    /** Soft-wrap long lines instead of scrolling horizontally. Default: false. */
+    wrap?: boolean;
+    className?: string;
+}
+/**
+ * Styled, scrollable `<pre>` with copy-to-clipboard — for API keys, webhook
+ * payloads, snippets and logs. No syntax highlighting (bring your own).
+ */
+declare function CodeBlock({ children, language, maxHeight, copy, wrap, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+declare namespace CodeBlock {
+    var displayName: string;
+}
+
 type ControlDensity = "default" | "compact";
 type ControlMobileSurface = "default" | "flush";
 interface InputProps extends React.ComponentProps<"input"> {
@@ -732,7 +973,9 @@ interface ComboboxOption {
     statusColor?: string;
     avatar?: string;
 }
-interface ComboboxProps {
+/** ARIA attributes the combobox manages itself and therefore doesn't accept. */
+type ManagedAria = "aria-expanded" | "aria-controls" | "aria-activedescendant" | "aria-autocomplete" | "aria-haspopup";
+interface ComboboxProps extends Omit<React.AriaAttributes, ManagedAria> {
     options: ComboboxOption[];
     value?: string;
     onValueChange?: (value: string) => void;
@@ -740,11 +983,14 @@ interface ComboboxProps {
     searchPlaceholder?: string;
     emptyText?: string;
     className?: string;
+    /** id of the text input (e.g. for a `<label htmlFor>`). */
+    id?: string;
+    /** Form field name. Submits the selected option's `value` via a hidden input. */
+    name?: string;
+    disabled?: boolean;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
 }
-declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, className, }: ComboboxProps): react_jsx_runtime.JSX.Element;
-declare namespace Combobox {
-    var displayName: string;
-}
+declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
 
 interface CommandPaletteItem {
     id?: string | number;
@@ -761,8 +1007,18 @@ interface CommandPaletteProps {
     items: CommandPaletteItem[];
     placeholder?: string;
     emptyText?: string;
-}
-declare function CommandPalette({ open, onClose, items, placeholder, emptyText, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
+    /** Accessible name of the dialog (visually hidden). */
+    title?: string;
+    /** Accessible description of the dialog (visually hidden). */
+    description?: string;
+    /**
+     * Called for items with an `href` (instead of a full page load via
+     * `window.location`). Pass your router's navigate function for client-side
+     * routing. As before, an item's `href` takes precedence over its `onSelect`.
+     */
+    onNavigate?: (href: string) => void;
+}
+declare function CommandPalette({ open, onClose, items, placeholder, emptyText, title, description, onNavigate, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
 declare namespace CommandPalette {
     var displayName: string;
 }
@@ -847,6 +1103,52 @@ declare namespace ContextMenuShortcut {
     var displayName: string;
 }
 
+interface ContextualSaveBarProps {
+    /** Show the bar — usually `form.isDirty`. */
+    open: boolean;
+    /** Message on the leading edge. Default: "Unsaved changes". */
+    message?: React.ReactNode;
+    /** Primary action. */
+    onSave?: () => void;
+    /** Secondary action — resets the form to its saved state. */
+    onDiscard?: () => void;
+    saveLabel?: React.ReactNode;
+    discardLabel?: React.ReactNode;
+    /** Shows a spinner on Save and disables both actions. */
+    saving?: boolean;
+    /** Disable Save (e.g. while the form is invalid). */
+    saveDisabled?: boolean;
+    /**
+     * Wire the Save button to a `<form id>` instead of `onSave` — the button
+     * becomes `type="submit" form={formId}` so native validation still runs.
+     */
+    formId?: string;
+    /**
+     * `fixed` pins the bar to the viewport (default: top on desktop,
+     * bottom on mobile for thumb reach). `sticky` keeps it inside its scroll
+     * container — useful inside a settings pane or a dialog.
+     */
+    position?: "fixed" | "sticky";
+    /** Extra content between the message and the actions (e.g. a "Preview" link). */
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Contextual save bar — the "you have unsaved changes" strip that replaces
+ * per-card Save buttons on edit screens (Shopify's contextual save bar).
+ * Announces itself politely to assistive tech and binds ⌘S / Ctrl+S to Save
+ * while open.
+ */
+declare function ContextualSaveBar({ open, message, onSave, onDiscard, saveLabel, discardLabel, saving, saveDisabled, formId, position, children, className, }: ContextualSaveBarProps): react_jsx_runtime.JSX.Element;
+declare namespace ContextualSaveBar {
+    var displayName: string;
+}
+/**
+ * Warn before the tab closes / reloads while `dirty` is true. Pair with
+ * ContextualSaveBar; route-level blocking belongs to your router.
+ */
+declare function useUnsavedChangesWarning(dirty: boolean): void;
+
 interface DataTableProps<TData> {
     columns: ColumnDef<TData, any>[];
     data: TData[];
@@ -854,8 +1156,14 @@ interface DataTableProps<TData> {
     searchPlaceholder?: string;
     pageSize?: number;
     showPagination?: boolean;
+    /** Rendered in the table body when there are no rows (e.g. an `<EmptyState>` with an action). */
+    emptyState?: React.ReactNode;
+    /** Make rows clickable (e.g. open the detail page). Enter/Space activate focused rows. */
+    onRowClick?: (row: TData) => void;
+    /** Noun for the result count — "12 orders". Default: "result". */
+    itemLabel?: string;
 }
-declare function DataTable<TData>({ columns, data, searchKey, searchPlaceholder, pageSize, showPagination, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTable<TData>({ columns, data, searchKey, searchPlaceholder, pageSize, showPagination, emptyState, onRowClick, itemLabel, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 
 interface DataTransferScopeOption {
     value: string;
@@ -887,18 +1195,106 @@ declare namespace DataTransferControls {
     var displayName: string;
 }
 
-declare const formatDate: (date: Date) => string;
-interface DatePickerProps {
-    value?: Date | undefined;
-    onChange?: (date: Date | undefined) => void;
+type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+interface DatePickerBaseProps {
     placeholder?: string;
     disabled?: boolean;
+    /** Earliest selectable day. */
+    minDate?: Date;
+    /** Latest selectable day. */
+    maxDate?: Date;
+    /** Show a clear (×) button when a value is set. */
+    clearable?: boolean;
+    /** BCP-47 locale for the trigger label. Defaults to FormatProvider. */
+    locale?: string;
+    /**
+     * Stretch the trigger to its container (default, like Input). Pass `false`
+     * for an inline 15rem trigger, or size it with `containerClassName`.
+     */
+    fullWidth?: boolean;
+    /** Classes for the trigger wrapper (width, margins). `className` targets the button. */
+    containerClassName?: string;
+    id?: string;
+    name?: string;
+    "aria-label"?: string;
+    "aria-invalid"?: boolean;
     className?: string;
 }
-declare function DatePicker({ value, onChange, placeholder, disabled, className, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+interface DatePickerProps extends DatePickerBaseProps {
+    value?: Date | undefined;
+    onChange?: (date: Date | undefined) => void;
+}
+/**
+ * Single-date picker — a button trigger + calendar popover. Replaces native
+ * `<input type="date">` so dates look and localise the same everywhere.
+ * Pair with `toISODate()` / `toDate()` when your API speaks "YYYY-MM-DD".
+ */
+declare function DatePicker({ value, onChange, placeholder, minDate, maxDate, locale, ...rest }: DatePickerProps): react_jsx_runtime.JSX.Element;
 declare namespace DatePicker {
     var displayName: string;
 }
+interface DateRangePreset {
+    label: string;
+    range: () => DateRange;
+}
+/** Common analytics / reporting presets. */
+declare const DEFAULT_DATE_RANGE_PRESETS: DateRangePreset[];
+interface DateRangePickerProps extends DatePickerBaseProps {
+    value?: DateRange | undefined;
+    /** Shorthand for `value={{ from, to }}`. Ignored when `value` is set. */
+    from?: Date | undefined;
+    /** Shorthand for `value={{ from, to }}`. Ignored when `value` is set. */
+    to?: Date | undefined;
+    onChange?: (range: DateRange | undefined) => void;
+    /** Quick ranges shown beside the calendar. Pass `[]` to hide. */
+    presets?: DateRangePreset[];
+    /** Months shown side-by-side from `sm` up. Default: 2. */
+    numberOfMonths?: number;
+}
+/**
+ * Date-range picker with optional presets ("Last 30 days") — for analytics
+ * filters, reports and exports. Replaces pairs of native date inputs.
+ */
+declare function DateRangePicker({ value: valueProp, from, to, onChange, placeholder, minDate, maxDate, locale, presets, numberOfMonths, ...rest }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+declare namespace DateRangePicker {
+    var displayName: string;
+}
+
+interface DateTextProps extends Omit<React.HTMLAttributes<HTMLTimeElement>, "children"> {
+    /** Date, ISO string, or epoch ms. Empty/invalid renders `fallback`. */
+    value: DateInput;
+    /**
+     * Preset. `date`/`short` → "Sep 26, 2026" (default), `datetime` → "Sep 26,
+     * 2026, 3:04 PM", `monthDay` → "Sep 26", `long`, `month`, `time`, `iso`, or
+     * `relative` → "3 hours ago".
+     */
+    format?: DateFormatStyle | "relative";
+    locale?: string;
+    timeZone?: string;
+    /** Shown when `value` is empty or invalid. Default: "—". */
+    fallback?: string;
+}
+/**
+ * Renders a semantic `<time>` with a consistent, locale-aware format and the
+ * full date-time as a hover title. Use it for every date in tables, detail
+ * sidebars and timelines instead of `toLocaleDateString()` or raw ISO strings.
+ */
+declare function DateText({ value, format, locale, timeZone, fallback, className, title, ...props }: DateTextProps): react_jsx_runtime.JSX.Element;
+declare namespace DateText {
+    var displayName: string;
+}
+interface RelativeTimeProps extends Omit<DateTextProps, "format"> {
+    /** Re-render on an interval so "just now" ages. Default: 60s. `0` disables. */
+    updateInterval?: number;
+}
+/** "5 minutes ago" that keeps itself fresh; falls back to a date after 7 days. */
+declare function RelativeTime({ updateInterval, ...props }: RelativeTimeProps): react_jsx_runtime.JSX.Element;
+declare namespace RelativeTime {
+    var displayName: string;
+}
 
 interface DescriptionItem {
     term: string;
@@ -949,18 +1345,36 @@ declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.Re
 declare const DropdownLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownSeparator: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
+interface EmptyStateAction {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    /** Optional leading icon. */
+    icon?: React.ReactNode;
+}
 interface EmptyStateProps {
     icon?: React.ReactNode;
     title: string;
-    description?: string;
-    action?: {
-        label: string;
-        href?: string;
-        onClick?: () => void;
-    };
+    description?: React.ReactNode;
+    /**
+     * Primary call to action — every first-run empty state should have one
+     * ("Add product", "Create discount"). Pass an element for router links.
+     */
+    action?: EmptyStateAction | React.ReactElement;
+    /** Secondary, lower-emphasis action (e.g. "Import CSV", "Learn more"). */
+    secondaryAction?: EmptyStateAction | React.ReactElement;
+    /**
+     * `plain` (default) — sits inside an existing card/table.
+     * `card` — standalone bordered surface for a whole page section.
+     */
+    variant?: "plain" | "card";
+    /** `sm` for inline table/list bodies, `md` (default) for page sections. */
+    size?: "sm" | "md";
+    /** Extra content below the actions (e.g. a help link or illustration). */
+    children?: React.ReactNode;
     className?: string;
 }
-declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyState({ icon, title, description, action, secondaryAction, variant, size, children, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 declare namespace EmptyState {
     var displayName: string;
 }
@@ -981,9 +1395,11 @@ declare namespace Field {
     var displayName: string;
 }
 
-type PdfjsModule = typeof pdfjs_dist;
-declare function loadPdfjs(): Promise<PdfjsModule>;
-declare function renderPdfFirstPage(file: File, targetWidth: number): Promise<string>;
+type PdfjsModule = typeof Pdfjs;
+/** Set the pdf.js worker URL used by FileThumbnail PDF previews (app-wide). */
+declare function setPdfWorkerSrc(workerSrc: string | undefined): void;
+declare function loadPdfjs(workerSrc?: string): Promise<PdfjsModule>;
+declare function renderPdfFirstPage(file: File, targetWidth: number, workerSrc?: string): Promise<string>;
 interface FileThumbnailProps {
     file?: File;
     name?: string;
@@ -991,8 +1407,45 @@ interface FileThumbnailProps {
     /** Side length of the square thumbnail in pixels. */
     size?: number | string;
     className?: string;
+    /**
+     * URL of the pdf.js worker used for PDF previews. Overrides
+     * setPdfWorkerSrc(); when neither is set, the worker loads from jsDelivr.
+     */
+    pdfWorkerSrc?: string;
+}
+declare function FileThumbnail({ file, name, type, size, className, pdfWorkerSrc, }: FileThumbnailProps): react_jsx_runtime.JSX.Element;
+
+interface FilterBarSearch {
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    loading?: boolean;
+}
+interface FilterBarProps {
+    /** Built-in SearchInput. Omit for filter-only bars. */
+    search?: FilterBarSearch;
+    /** Filter controls — Select, DateRangePicker, toggles. Scroll horizontally on mobile. */
+    children?: React.ReactNode;
+    /** Whether any filter/search is applied; shows the clear action. */
+    active?: boolean;
+    /** Reset search and filters. Shown only while `active`. */
+    onClear?: () => void;
+    clearLabel?: string;
+    /** Trailing actions (sort, export, view toggle) aligned right from `sm`. */
+    actions?: React.ReactNode;
+    /** Result summary under the bar ("24 orders"). */
+    summary?: React.ReactNode;
+    className?: string;
+}
+/**
+ * List toolbar: search + filters + clear + actions. Stacks on mobile with the
+ * filter row scrolling horizontally; one row from `md`. Replaces hand-built
+ * "Input + Select + date inputs + reset" rows above tables.
+ */
+declare function FilterBar({ search, children, active, onClear, clearLabel, actions, summary, className, }: FilterBarProps): react_jsx_runtime.JSX.Element;
+declare namespace FilterBar {
+    var displayName: string;
 }
-declare function FileThumbnail({ file, name, type, size, className }: FileThumbnailProps): react_jsx_runtime.JSX.Element;
 
 type FileDropzoneSelectedFile = Pick<File, "name" | "size">;
 interface FileDropzoneProps extends Omit<React.HTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "onDrop" | "onDragOver" | "onDragLeave"> {
@@ -1222,8 +1675,26 @@ interface InputNumberProps extends Omit<React.ComponentProps<"input">, "type" |
     mixedLabel?: string | undefined;
     /** Calls onChange while typing instead of waiting for blur/Enter. */
     commitOnChange?: boolean | undefined;
-    /** Hides the up/down stepper buttons. */
+    /**
+     * Hides the up/down stepper buttons. Defaults to `true` under
+     * data-density="compact" (editor chrome relies on arrow keys + label
+     * scrubbing there) and `false` otherwise.
+     */
     hideSteppers?: boolean | undefined;
+    /**
+     * Short prefix label rendered inside the field (e.g. "X", "W", an icon).
+     * It doubles as a scrub handle: drag horizontally to change the value
+     * (Shift = 10×), like Figma's inspector fields.
+     */
+    label?: React.ReactNode;
+    /** Accessible name for the scrub handle when `label` is not plain text. */
+    scrubLabel?: string | undefined;
+    /**
+     * Horizontal alignment of the number. Defaults to `"left"` when a `label`
+     * is given or under compact density (value sits next to its label), and
+     * `"right"` otherwise.
+     */
+    align?: "left" | "right" | undefined;
 }
 /**
  * Numeric input with up/down steppers, unit suffix, and arrow-key step (Shift = 10×).
@@ -1311,6 +1782,8 @@ declare namespace MediaObject {
     var displayName: string;
 }
 
+/** ARIA flavour of a menu row. */
+type MenuItemType = "item" | "radio" | "checkbox";
 interface MenuItemProps extends HTMLAttributes<HTMLDivElement> {
     /** Optional leading icon. When omitted, the row renders text-only with no
      *  reserved icon column. */
@@ -1318,6 +1791,16 @@ interface MenuItemProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
     index?: number;
     checked?: boolean;
+    /**
+     * ARIA semantics of the row:
+     * - `"item"` → `role="menuitem"` (a plain action, no `aria-checked`)
+     * - `"radio"` → `role="menuitemradio"` (one-of-many selection)
+     * - `"checkbox"` → `role="menuitemcheckbox"` (independent toggle)
+     *
+     * Defaults to `"radio"` when the row carries selection state — `checked` is
+     * passed or the parent `<Dropdown>` has a `checkedIndex` — otherwise `"item"`.
+     */
+    type?: MenuItemType;
     onSelect?: () => void;
     trailing?: ReactNode;
 }
@@ -1357,7 +1840,7 @@ declare const SheetRoot: React.FC<Dialog$1.DialogProps>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React.ForwardRefExoticComponent<Dialog$1.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const sheetContentVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof Dialog$1.Content>, VariantProps<typeof sheetContentVariants> {
 }
@@ -1478,7 +1961,7 @@ type PaginationLinkProps = React.ComponentProps<"a"> & {
     isActive?: boolean;
 };
 declare const PaginationLink: {
-    ({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    ({ className, isActive, children, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: {
@@ -1493,6 +1976,31 @@ declare const PaginationEllipsis: {
     ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+interface PaginationBarProps {
+    /** 1-based current page. */
+    page: number;
+    pageSize: number;
+    /** Total item count. Omit for cursor pagination (then pass `hasNextPage`). */
+    total?: number;
+    /** Cursor pagination: whether a next page exists when `total` is unknown. */
+    hasNextPage?: boolean;
+    onPageChange: (page: number) => void;
+    /** Noun for the summary — "Showing 1–20 of 124 orders". Default: "result". */
+    itemLabel?: string;
+    /** Plural noun when it isn't `${itemLabel}s`. */
+    itemLabelPlural?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    className?: string;
+}
+/**
+ * Compact list/table footer: "Showing 21–40 of 124 orders" plus Previous /
+ * Next. Replaces hand-built Prev/Next rows; use Pagination* for numbered pages.
+ */
+declare function PaginationBar({ page, pageSize, total, hasNextPage, onPageChange, itemLabel, itemLabelPlural, previousLabel, nextLabel, className, }: PaginationBarProps): react_jsx_runtime.JSX.Element;
+declare namespace PaginationBar {
+    var displayName: string;
+}
 
 declare const PopoverRoot: React.FC<Popover.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<Popover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1546,6 +2054,33 @@ declare namespace RadioCards {
     var displayName: string;
 }
 
+interface RatingProps {
+    /** Current rating; fractional values render partial stars (read-only). */
+    value: number;
+    /** Number of stars. Default: 5. */
+    max?: number;
+    /** When set, renders an interactive radio group (whole stars). */
+    onValueChange?: (value: number) => void;
+    size?: "sm" | "md" | "lg";
+    /** Show "4.5" after the stars. */
+    showValue?: boolean;
+    /** Optional count after the value, e.g. "(128)". */
+    count?: number;
+    /** Accessible name for the interactive variant. Default: "Rating". */
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * Star rating. Read-only by default (reviews, product cards); pass
+ * `onValueChange` for an accessible radio-group input. Colours are tokens
+ * (`foreground` fill on a `border` track) so it works in every theme.
+ */
+declare function Rating({ value, max, onValueChange, size, showValue, count, label, disabled, className, }: RatingProps): react_jsx_runtime.JSX.Element;
+declare namespace Rating {
+    var displayName: string;
+}
+
 interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
     children: ReactNode;
     selectedIndex?: number;
@@ -1582,6 +2117,53 @@ declare namespace ResizableHandle {
     var displayName: string;
 }
 
+interface ResourceCellProps {
+    /** Primary line — the resource name / order number. Rendered strongest. */
+    title: React.ReactNode;
+    /** Secondary line — email, SKU, "3 items", date. Rendered muted and smaller. */
+    subtitle?: React.ReactNode;
+    /** Leading thumbnail / avatar (32px works best). */
+    media?: React.ReactNode;
+    /** Inline trailing content on the title line (e.g. a StatusBadge). */
+    badge?: React.ReactNode;
+    /** Link the title (e.g. to the detail page). Use a router link via `title` for SPA navigation. */
+    href?: string;
+    className?: string;
+}
+/**
+ * Two-line table cell with the canonical hierarchy: a strong primary line and
+ * a muted secondary line — never the other way round. Use it for the first
+ * column of resource tables (products, orders, customers, merchants).
+ */
+declare function ResourceCell({ title, subtitle, media, badge, href, className }: ResourceCellProps): react_jsx_runtime.JSX.Element;
+declare namespace ResourceCell {
+    var displayName: string;
+}
+interface ResourceItemProps extends Omit<ResourceCellProps, "href" | "className"> {
+    /** Row-level metadata under the subtitle (e.g. "Sep 26, 2026 · 3 items"). */
+    meta?: React.ReactNode;
+    /** Right-aligned primary value (amount, count). */
+    trailing?: React.ReactNode;
+    /** Right-aligned secondary value under `trailing` (date, status). */
+    trailingSecondary?: React.ReactNode;
+    /** Make the whole row a link. */
+    href?: string;
+    /** Make the whole row a button. Ignored when `href` is set. */
+    onClick?: () => void;
+    /** Accessible name when the row is interactive and `title` isn't plain text. */
+    "aria-label"?: string;
+    className?: string;
+}
+/**
+ * List row for `<StackedList>` — the mobile counterpart of a resource table
+ * row. Same primary/secondary hierarchy as ResourceCell, with a trailing
+ * value column. The entire row is one link/button target.
+ */
+declare function ResourceItem({ title, subtitle, media, badge, meta, trailing, trailingSecondary, href, onClick, "aria-label": ariaLabel, className, }: ResourceItemProps): react_jsx_runtime.JSX.Element;
+declare namespace ResourceItem {
+    var displayName: string;
+}
+
 type RichTextImageUrlHandler = () => string | null | undefined | Promise<string | null | undefined>;
 interface RichTextEditorProps {
     value: string;
@@ -1617,6 +2199,23 @@ interface SectionHeadingProps {
 }
 declare function SectionHeading({ title, description, actions, border, className, }: SectionHeadingProps): react_jsx_runtime.JSX.Element;
 
+interface SearchInputProps extends Omit<InputProps, "type" | "onChange" | "value"> {
+    value: string;
+    /** Called with the new string (not the event) on every keystroke and on clear. */
+    onValueChange: (value: string) => void;
+    /** Show a spinner in place of the clear button (e.g. while results load). */
+    loading?: boolean;
+    /** Accessible name when there is no visible label. Default: placeholder or "Search". */
+    "aria-label"?: string;
+    /** Classes for the wrapper (width, margins). `className` targets the input. */
+    containerClassName?: string;
+}
+/**
+ * Search field with a leading magnifier, clear button and Escape-to-clear.
+ * Replaces the hand-built "Input + absolutely positioned Search icon" pattern.
+ */
+declare const SearchInput: React.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
 interface SearchableTableFilterOption {
     value: string;
     label: string;
@@ -1643,16 +2242,11 @@ interface SearchableTableProps<T extends {
         options: SearchableTableFilterOption[];
         placeholder: string;
     }>;
-    emptyState?: {
-        icon?: React.ReactNode;
-        title: string;
-        description: string;
-        action?: {
-            label: string;
-            href?: string;
-            onClick?: () => void;
-        };
-    };
+    /**
+     * Shown when there are no rows. Give first-run states a primary `action`
+     * ("Add product"); give filtered-empty states a "Clear filters" action.
+     */
+    emptyState?: Pick<EmptyStateProps, "icon" | "title" | "description" | "action" | "secondaryAction">;
     actions?: (item: T) => React.ReactNode;
     mobileCard?: (item: T) => React.ReactNode;
     tableClassName?: string;
@@ -1818,6 +2412,12 @@ interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" |
     hideFill?: boolean;
     thumbColor?: string;
     thumbBorderColor?: string;
+    /**
+     * Track thickness in px. Default 4 (thin track + filled range). Thick tracks
+     * (≥ 8px, e.g. colour-picker hue / alpha strips) keep the thumb inside the
+     * rounded ends instead of overhanging them.
+     */
+    trackSize?: number;
 }
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 interface SliderComfortableProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragOver" | "onAnimationStart"> {
@@ -1835,10 +2435,22 @@ declare const SliderComfortable: React.ForwardRefExoticComponent<SliderComfortab
 declare const SliderControl: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 
 type ToasterProps = React.ComponentProps<typeof Toaster$1>;
-declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
+type ToastOptions = NonNullable<Parameters<typeof toast>[1]>;
+/**
+ * Toast host. Mount once near the app root; fire toasts with the re-exported
+ * `toast()` API so apps never import `sonner` directly:
+ *
+ *   import { Toaster, toast } from "@hilum/ui";
+ *   toast.success("Product saved");
+ *   toast.promise(save(), { loading: "Saving…", success: "Saved", error: "Could not save" });
+ *
+ * Colours come from Hilum tokens, so the default `theme="system"` only
+ * affects Sonner's built-in icons and close button.
+ */
+declare function Toaster({ theme, position, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
 
 declare const spinnerVariants: (props?: ({
-    size?: "xs" | "sm" | "lg" | "xl" | "default" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
 }
@@ -1860,15 +2472,35 @@ interface StackedListItemProps {
 }
 declare function StackedListItem({ children, href, onClick, className }: StackedListItemProps): react_jsx_runtime.JSX.Element;
 
+type StatTrendTone = "positive" | "negative" | "neutral";
+interface StatCardTrend {
+    value: string;
+    direction: "up" | "down" | "neutral";
+    /**
+     * Whether the change is good or bad. Defaults to up → positive,
+     * down → negative. Set explicitly for metrics where "up" is bad
+     * (refunds, churn, response time).
+     */
+    tone?: StatTrendTone;
+    /** Screen-reader / caption context, e.g. "vs last 30 days". */
+    label?: string;
+}
 interface StatCardProps {
     label?: string;
     title?: string;
-    value?: string | number;
-    variant?: "default" | "responsive";
-    trend?: {
-        value: string;
-        direction: "up" | "down" | "neutral";
-    };
+    value?: React.ReactNode;
+    /**
+     * `default` — bordered card. `responsive` — flat on mobile, card from `sm`.
+     * `plain` — no surface; use inside an existing Card or a divided StatGrid.
+     */
+    variant?: "default" | "responsive" | "plain";
+    trend?: StatCardTrend;
+    /** Secondary line under the value (e.g. "32 orders", "Last 30 days"). */
+    description?: React.ReactNode;
+    /** Render skeletons for the value and trend. */
+    loading?: boolean;
+    /** Make the whole card a link (e.g. drill into the orders list). */
+    href?: string;
     icon?: React.ReactNode;
     children?: React.ReactNode;
     actionButtons?: React.ReactNode;
@@ -1879,6 +2511,11 @@ interface StatCardProps {
 }
 interface StatCardGridProps {
     children: React.ReactNode;
+    /**
+     * Column count at the widest breakpoint. Always 2 columns on mobile (1 for
+     * `columns={1}`), stepping up through `sm`/`lg`. Default: 6-slot dashboard grid.
+     */
+    columns?: 1 | 2 | 3 | 4 | 5 | 6;
     maxSlots?: number;
     onAddCard?: () => void;
     className?: string;
@@ -1889,7 +2526,7 @@ interface StatCardSlotProps {
     className?: string;
     label?: string;
 }
-declare function StatCard({ label, title, value, variant, trend, icon, children, actionButtons, className, containerClassName, titleClassName, valueClassName, }: StatCardProps): react_jsx_runtime.JSX.Element;
+declare function StatCard({ label, title, value, variant, trend, description, loading, href, icon, children, actionButtons, className, containerClassName, titleClassName, valueClassName, }: StatCardProps): react_jsx_runtime.JSX.Element;
 declare namespace StatCard {
     var displayName: string;
 }
@@ -1897,18 +2534,28 @@ declare function StatCardSlot({ onAddCard, className, label }: StatCardSlotProps
 declare namespace StatCardSlot {
     var displayName: string;
 }
-declare function StatCardGrid({ children, maxSlots, onAddCard, className, showEmptySlots, }: StatCardGridProps): react_jsx_runtime.JSX.Element;
+declare function StatCardGrid({ children, columns, maxSlots, onAddCard, className, showEmptySlots, }: StatCardGridProps): react_jsx_runtime.JSX.Element;
 declare namespace StatCardGrid {
     var displayName: string;
 }
+/** Alias — `StatGrid` reads better next to `StatCard` in new code. */
+declare const StatGrid: typeof StatCardGrid;
 
 type StatusBadgeVariant = NonNullable<React.ComponentProps<typeof Badge>["variant"]>;
 type StatusBadgeIcon = React.ComponentType<{
     className?: string;
 }>;
+declare const DEFAULT_STATUS_TONE: Record<string, StatusTone>;
 interface StatusBadgeProps extends Omit<React.ComponentProps<typeof Badge>, "children" | "variant"> {
     status?: string | null;
     label?: React.ReactNode;
+    /**
+     * Semantic tone. Wins over `variant` and the built-in status map. Prefer
+     * `tone` / `toneMap` over raw `variant` so colours stay consistent.
+     */
+    tone?: StatusTone;
+    /** Per-app status → tone overrides, merged over the built-in convention. */
+    toneMap?: Record<string, StatusTone>;
     variant?: StatusBadgeVariant;
     variantMap?: Record<string, StatusBadgeVariant>;
     labelMap?: Record<string, React.ReactNode>;
@@ -1919,8 +2566,14 @@ interface StatusBadgeProps extends Omit<React.ComponentProps<typeof Badge>, "chi
     dotClassName?: string;
 }
 declare function statusLabel(status?: string | null): string;
+/**
+ * Resolve a status string to its semantic tone. Unknown statuses resolve to
+ * `neutral`. Status strings are normalised ("Partially Fulfilled",
+ * "partially-fulfilled" and "PARTIALLY_FULFILLED" are equivalent).
+ */
+declare function statusToneFor(status?: string | null, toneMap?: Record<string, StatusTone>): StatusTone;
 declare function statusBadgeVariantFor(status?: string | null, variantMap?: Record<string, StatusBadgeVariant>): StatusBadgeVariant;
-declare function StatusBadge({ status, label, variant, variantMap, labelMap, icon, iconMap, iconClassName, showDot, dotClassName, className, ...props }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+declare function StatusBadge({ status, label, tone, toneMap, variant, variantMap, labelMap, icon, iconMap, iconClassName, showDot, dotClassName, className, ...props }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
 declare namespace StatusBadge {
     var displayName: string;
 }
@@ -1937,6 +2590,10 @@ interface StatusTileProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
         className?: string;
     }>;
     labelMap?: Record<string, React.ReactNode>;
+    /** Semantic tone override for the badge. */
+    tone?: StatusTone;
+    /** Per-app status → tone overrides. */
+    toneMap?: Record<string, StatusTone>;
     variantMap?: Record<string, StatusBadgeVariant>;
     iconMap?: Record<string, React.ComponentType<{
         className?: string;
@@ -1946,7 +2603,7 @@ declare function StatusTileGrid({ columns, className, ...props }: StatusTileGrid
 declare namespace StatusTileGrid {
     var displayName: string;
 }
-declare function StatusTile({ title, status, description, meta, icon: Icon, labelMap, variantMap, iconMap, className, ...props }: StatusTileProps): react_jsx_runtime.JSX.Element;
+declare function StatusTile({ title, status, description, meta, icon: Icon, labelMap, tone, toneMap, variantMap, iconMap, className, ...props }: StatusTileProps): react_jsx_runtime.JSX.Element;
 declare namespace StatusTile {
     var displayName: string;
 }
@@ -2029,8 +2686,16 @@ interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.R
     onSelect?: (index: number) => void;
 }
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
-type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    /**
+     * Let the strip scroll horizontally instead of clipping when the tabs are
+     * wider than their container (settings tabs on mobile, narrow panels).
+     * Edges fade while more tabs are hidden and the active tab is scrolled into
+     * view. Default: `true`.
+     */
+    scrollable?: boolean;
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
 interface TabItemProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
     /** Unique value for this tab. */
     value: string;
@@ -2121,7 +2786,7 @@ interface ThinkingStepProps {
     children?: ReactNode;
     className?: string;
 }
-declare function ThinkingStep({ icon, showIcon, label, description, status, index, delay, isLast, children, className, }: ThinkingStepProps): react_jsx_runtime.JSX.Element | null;
+declare function ThinkingStep({ icon, showIcon, label, description, status, isLast, children, className, }: ThinkingStepProps): react_jsx_runtime.JSX.Element | null;
 interface ThinkingStepDetailsProps {
     summary: string;
     details?: string[];
@@ -2177,17 +2842,17 @@ declare namespace TitledCard {
 }
 
 declare const ToggleGroupRoot: React.ForwardRefExoticComponent<((Omit<ToggleGroup.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroup.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
-    variant?: "outline" | "default" | "brand" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "outline" | "brand" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroup.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "outline" | "default" | "brand" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "outline" | "brand" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 declare const toggleVariants: (props?: ({
-    variant?: "outline" | "default" | "brand" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "outline" | "brand" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React.ComponentPropsWithoutRef<typeof Toggle.Root>, VariantProps<typeof toggleVariants> {
 }
@@ -2252,4 +2917,4 @@ interface UsageBarProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare function UsageBar({ label, value, max, percent, valueLabel, showPercent, layout, tone, className, barClassName, indicatorClassName, ...props }: UsageBarProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AskUserAnswer, type AskUserOption, type AskUserQuestion, AskUserQuestions, type AskUserQuestionsProps, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, type AvatarStackItem, AvatarWithStatus, Badge, type BadgeColor, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, type ButtonProps, CHART_COLORS, Calendar, type CalendarProps, Callout, type CalloutProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, type CardMobileSurface, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, type ChatMessageProps, CheckboxRoot as Checkbox, CheckboxCard, type CheckboxCardProps, CheckboxGroup, CheckboxItem, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorFormat, ColorInput, type ColorInputProps, ColorPicker, ColorPickerPopover, type ColorPickerPopoverProps, ColorPickerPortalContainer, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, ColorTile, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteItem, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type ControlDensity, type ControlMobileSurface, DataTable, type DataTransferAction, DataTransferControls, type DataTransferControlsProps, type DataTransferScopeOption, DatePicker, type DescriptionItem, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, type FeedEvent, Field, FileDropzone, type FileDropzoneProps, type FileDropzoneSelectedFile, FileThumbnail, type FileThumbnailProps, GridList, GridListAccentCard, GridListCard, HelpTooltip, type HelpTooltipProps, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, type IconComponent, type IconLibrary, type IconName, IconProvider, Input, InputCopy, type InputCopyProps, InputField, InputGroup, InputMessage, type InputMessageProps, type InputMessageSlotContext, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Kbd, Label, MediaAssetCard, type MediaAssetCardProps, MediaAssetGrid, MediaAssetGridItem, type MediaAssetGridProps, MediaObject, MenuItem, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, type MobileDrawerProps, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, type NavItemProps, NavMenu, type NavMenuItem, type NavMenuProps, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type ParsedColor, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, type PropertyRowProps, type QueuedMessage, type RadioCardOption, RadioCards, RadioGroup, RadioGroupItem, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, type RichTextEditorProps, type RichTextImageUrlHandler, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, type SearchableTableColumn, type SearchableTableFilterOption, type SearchableTableProps, SectionHeading, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type ShapeClasses, ShapeProvider, type ShapeVariant, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, type SliderComfortableProps, SliderControl, type SliderProps, type SliderValue, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, type StatCardGridProps, type StatCardProps, StatCardSlot, type StatCardSlotProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusTile, StatusTileGrid, type StatusTileGridProps, type StatusTileProps, type Step, type StepStatus, Steps, SummaryTile, SummaryTileGrid, type SummaryTileGridProps, type SummaryTileProps, SurfaceProvider, Switch, type SwitchProps, TabItem, type TabItemProps, TabPanel, type TabPanelProps, Table, TableBody, TableCaption, TableCell, type TableDensity, TableFooter, TableHead, TableHeader, type TableMobileSurface, type TableProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, type TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, ThinkingStep, ThinkingStepDetails, type ThinkingStepDetailsProps, ThinkingStepImage, type ThinkingStepImageProps, type ThinkingStepProps, ThinkingStepSource, type ThinkingStepSourceProps, ThinkingStepSources, type ThinkingStepSourcesProps, type ThinkingStepStatus, ThinkingSteps, ThinkingStepsContent, type ThinkingStepsContentProps, ThinkingStepsHeader, type ThinkingStepsHeaderProps, type ThinkingStepsProps, TitledCard, type TitledCardProps, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortalContainer, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipSide, TooltipTrigger, UrlRedirectPrompt, type UrlRedirectPromptProps, UsageBar, type UsageBarLayout, type UsageBarProps, type UsageBarTone, type ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, iconLibraryLabels, iconLibraryOrder, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, renderPdfFirstPage, shapeMap, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, triggerVariants, urlResourcePath, useDropdown, useIcon, useIconLibrary, useIcons, useOptionalSidebar, useShape, useShapeContext, useSidebar, useSurface };
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AskUserAnswer, type AskUserOption, type AskUserQuestion, AskUserQuestions, type AskUserQuestionsProps, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, type AvatarStackItem, AvatarWithStatus, Badge, type BadgeColor, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, type ButtonProps, CHART_COLORS, Calendar, type CalendarProps, Callout, type CalloutProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, type CardMobileSurface, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, type ChatMessageProps, CheckboxRoot as Checkbox, CheckboxCard, type CheckboxCardProps, CheckboxGroup, CheckboxItem, CodeBlock, type CodeBlockProps, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorFormat, ColorInput, type ColorInputProps, ColorPicker, ColorPickerPopover, type ColorPickerPopoverProps, ColorPickerPortalContainer, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, ColorTile, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContextualSaveBar, type ContextualSaveBarProps, type ControlDensity, type ControlMobileSurface, DEFAULT_DATE_RANGE_PRESETS, DEFAULT_STATUS_TONE, DataTable, type DataTableProps, type DataTransferAction, DataTransferControls, type DataTransferControlsProps, type DataTransferScopeOption, type DateFormatStyle, type DateInput, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DateText, type DateTextProps, type Density, DensityContext, DensityProvider, type DensityProviderProps, type DescriptionItem, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, type EmptyStateAction, type EmptyStateProps, type FeedEvent, Field, FileDropzone, type FileDropzoneProps, type FileDropzoneSelectedFile, FileThumbnail, type FileThumbnailProps, FilterBar, type FilterBarProps, type FilterBarSearch, type FormatContextValue, type FormatCurrencyOptions, type FormatDateOptions, type FormatDateRangeOptions, type FormatNumberOptions, type FormatOptions, FormatProvider, type FormatProviderProps, type FormatRelativeTimeOptions, GridList, GridListAccentCard, GridListCard, HelpTooltip, type HelpTooltipProps, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, type IconComponent, type IconLibrary, type IconName, IconProvider, Input, InputCopy, type InputCopyProps, InputField, InputGroup, InputMessage, type InputMessageProps, type InputMessageSlotContext, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Kbd, Label, MediaAssetCard, type MediaAssetCardProps, MediaAssetGrid, MediaAssetGridItem, type MediaAssetGridProps, MediaObject, MenuItem, type MenuItemProps, type MenuItemType, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, type MobileDrawerProps, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, type NavItemProps, NavMenu, type NavMenuItem, type NavMenuProps, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationBar, type PaginationBarProps, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type ParsedColor, type PluralizeOptions, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, type PropertyRowProps, type QueuedMessage, type RadioCardOption, RadioCards, RadioGroup, RadioGroupItem, RadioItem, Rating, type RatingProps, RelativeTime, type RelativeTimeProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceCell, type ResourceCellProps, ResourceItem, type ResourceItemProps, RichTextEditor, type RichTextEditorProps, type RichTextImageUrlHandler, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, STATUS_TONE_BADGE, ScrollAreaRoot as ScrollArea, SearchInput, type SearchInputProps, SearchableTable, type SearchableTableColumn, type SearchableTableFilterOption, type SearchableTableProps, SectionHeading, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type ShapeClasses, ShapeProvider, type ShapeVariant, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, type SliderComfortableProps, SliderControl, type SliderProps, type SliderValue, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, type StatCardGridProps, type StatCardProps, StatCardSlot, type StatCardSlotProps, type StatCardTrend, StatGrid, type StatTrendTone, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusTile, StatusTileGrid, type StatusTileGridProps, type StatusTileProps, type StatusTone, type Step, type StepStatus, Steps, SummaryTile, SummaryTileGrid, type SummaryTileGridProps, type SummaryTileProps, SurfaceProvider, Switch, type SwitchProps, TabItem, type TabItemProps, TabPanel, type TabPanelProps, Table, TableBody, TableCaption, TableCell, type TableDensity, TableFooter, TableHead, TableHeader, type TableMobileSurface, type TableProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, type TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, ThinkingStep, ThinkingStepDetails, type ThinkingStepDetailsProps, ThinkingStepImage, type ThinkingStepImageProps, type ThinkingStepProps, ThinkingStepSource, type ThinkingStepSourceProps, ThinkingStepSources, type ThinkingStepSourcesProps, type ThinkingStepStatus, ThinkingSteps, ThinkingStepsContent, type ThinkingStepsContentProps, ThinkingStepsHeader, type ThinkingStepsHeaderProps, type ThinkingStepsProps, TitledCard, type TitledCardProps, type ToastOptions, Toaster, type ToasterProps, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortalContainer, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipSide, TooltipTrigger, UrlRedirectPrompt, type UrlRedirectPromptProps, UsageBar, type UsageBarLayout, type UsageBarProps, type UsageBarTone, type ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatCurrency, formatDate, formatDateRange, formatDateTime, formatFileSize, formatNumber, formatPercent, formatRelativeTime, hasUrlHandleChanged, horizontalEdgeMask, iconLibraryLabels, iconLibraryOrder, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, pluralize, renderPdfFirstPage, scrollStripItemIntoView, setPdfWorkerSrc, shapeMap, spinnerVariants, statusBadgeVariantFor, statusLabel, statusToneFor, toDate, toISODate, toggleVariants, triggerVariants, urlResourcePath, useDensity, useDensityAttributes, useDropdown, useFormatter, useHorizontalOverflowMask, useIcon, useIconLibrary, useIcons, useOptionalSidebar, useScrollEdges, useShape, useShapeContext, useSidebar, useSurface, useUnsavedChangesWarning };