@slipstream-ui/core 0.3.0 → 0.4.0

package/dist/index.d.mts

@@ -155,15 +155,64 @@ declare function usePresence(open: boolean, animate: boolean, exitMs?: number):
     exiting: boolean;
 };
 
+type SidebarItem = {
+    href: string;
+    label: string;
+    icon?: React.ReactNode;
+    /** Trailing slot — count, status dot, shortcut. */
+    badge?: React.ReactNode;
+    /** Force the active state (otherwise activeHref is compared). */
+    active?: boolean;
+};
+type SidebarSection = {
+    title?: string;
+    items: SidebarItem[];
+};
+type SidebarProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    sections: SidebarSection[];
+    /** Brand/mark rendered at the top. */
+    heading?: React.ReactNode;
+    /** Rendered at the bottom (user menu, upgrade CTA). */
+    footer?: React.ReactNode;
+    /** Current route — items with a matching href get aria-current="page". */
+    activeHref?: string;
+    /** Custom link element for routers (react-router `Link`, Next `Link`). */
+    linkComponent?: React.ElementType;
+    /** Accessible name of the nav landmark. Default 'Primary'. */
+    label?: string;
+};
+/**
+ * Sectioned navigation rail. Purely presentational: you pass the active
+ * route and a router link component, so it stays stateless and works with
+ * any routing library.
+ */
+declare function Sidebar({ sections, heading, footer, activeHref, linkComponent, label, className, ...props }: SidebarProps): React.JSX.Element;
+type AppShellProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Desktop rail; also rendered inside a mobile drawer. */
+    sidebar?: React.ReactNode;
+    /** Sticky top bar content. */
+    header?: React.ReactNode;
+    /** Hide the built-in mobile menu button (e.g. when the header owns one). */
+    hideMobileMenu?: boolean;
+    /** Tailwind width class for the desktop rail. Default 'w-64'. */
+    sidebarWidth?: string;
+};
+/**
+ * Application frame: fixed-height sidebar, sticky header, scrolling main.
+ * On small screens the sidebar becomes a left Drawer opened by a burger
+ * button, so pages never need their own responsive nav wiring.
+ */
+declare function AppShell({ sidebar, header, hideMobileMenu, sidebarWidth, className, children, ...props }: AppShellProps): React.JSX.Element;
+
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | "info" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "success" | "warning" | "info" | "outline" | "outline-destructive" | "outline-success" | "outline-warning" | "outline-info" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "lg" | "default" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 };
 declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | "info" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "success" | "warning" | "info" | "outline" | "outline-destructive" | "outline-success" | "outline-warning" | "outline-info" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "lg" | "default" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     asChild?: boolean;
@@ -174,11 +223,16 @@ type ButtonGroupProps = React.HTMLAttributes<HTMLDivElement> & {
     orientation?: 'horizontal' | 'vertical';
 };
 /**
- * Joins buttons into one segmented control: adjacent borders collapse
- * (negative spacing), middle corners square off, and only the outer
- * corners stay rounded — a single outline around the whole group.
- * Use border-bearing variants (default/outline/secondary); ghost
- * buttons have no border and would break the joined outline.
+ * Joins buttons into one segmented control.
+ *
+ * The group owns the outline: a single border, one outer radius (children
+ * are clipped by overflow-hidden), and 1px separators drawn between
+ * segments. Children lose their own borders and radii, so mixed variants
+ * (default/outline/secondary/ghost) still read as one instrument — a
+ * borderless variant no longer leaves the seam misaligned the way
+ * negative-margin border collapsing did.
+ *
+ * Focus rings render inset so they are never clipped at the edges.
  */
 declare const ButtonGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /** Stacked segments share vertical edges (default: side-by-side). */
@@ -221,10 +275,16 @@ declare const InputGroupAddon: React.ForwardRefExoticComponent<React.HTMLAttribu
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type BadgeProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;
+type BadgeProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants> & {
+    /** Render the child element (e.g. a router Link) with badge styling. */
+    asChild?: boolean;
+};
 declare const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Render the child element (e.g. a router Link) with badge styling. */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 
 declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
@@ -239,6 +299,15 @@ type SpinnerProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof
 };
 declare function Spinner({ className, size, label, ...props }: SpinnerProps): React.JSX.Element;
 
+/**
+ * Imperative toast store.
+ *
+ * Components can call `toast(...)` from anywhere — event handlers, data
+ * layers, async catch blocks — without threading a hook through the tree.
+ * `<Toaster />` subscribes to this store and renders the queue. The
+ * provider/hook API in Toast.tsx remains for tree-scoped usage.
+ */
+type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
 type ToastAction = {
     label: string;
     onClick: () => void;
@@ -247,12 +316,31 @@ type ToastOptions = {
     title: string;
     description?: string;
     action?: ToastAction;
+    variant?: ToastVariant;
     /** Auto-dismiss delay in ms; 0 keeps the toast until dismissed. Default 5000. */
     duration?: number;
 };
 type ToastRecord = ToastOptions & {
     id: string;
 };
+type ToastFunction = ((options: ToastOptions) => string) & {
+    success: (title: string, description?: string) => string;
+    error: (title: string, description?: string) => string;
+    warning: (title: string, description?: string) => string;
+    info: (title: string, description?: string) => string;
+    dismiss: (id?: string) => void;
+    clear: () => void;
+};
+/**
+ * Fire a toast from anywhere. Variant helpers mirror the sonner/Radix
+ * shape most codebases already call:
+ *
+ *   toast.success('Saved')
+ *   toast.error('Upload failed', 'Check your connection')
+ *   toast({ title: 'Heads up', duration: 0 })
+ */
+declare const toast: ToastFunction;
+
 type ToastContextValue = {
     toasts: ToastRecord[];
     toast: (options: ToastOptions) => string;
@@ -269,17 +357,52 @@ declare function ToastProvider({ children, label }: {
 }): React.JSX.Element;
 declare function useToast(): ToastContextValue;
 
+type ToasterPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type ToasterProps = {
+    /** Corner/edge the stack renders at. Default 'bottom-right'. */
+    position?: ToasterPosition;
+    /** Accessible name of the live region. Default 'Notifications'. */
+    label?: string;
+    /** Tint the toast surface with its status color (neutral by default). */
+    richColors?: boolean;
+};
+/**
+ * Renders the imperative toast queue. Mount once near the app root:
+ *
+ *   <Toaster />
+ *   toast.success('Saved')
+ *
+ * The region is a polite live region, so announcements don't steal focus.
+ */
+declare function Toaster({ position, label, richColors }: ToasterProps): React.JSX.Element;
+
+type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type DialogProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title: string;
+    /** Accessible name + default header title. Optional when composing a custom header. */
+    title?: string;
     description?: string;
     children?: React.ReactNode;
+    /** Panel max-width preset (default 'md'). */
+    size?: DialogSize;
+    /**
+     * Replaces the default header row. Compose with `<DialogHeader>` /
+     * `<DialogTitle>` / `<DialogDescription>` — those parts pick up the
+     * dialog's aria ids automatically.
+     */
+    header?: React.ReactNode;
+    /** Action row pinned under the body. */
+    footer?: React.ReactNode;
+    /** Cap the body height and scroll inside the panel. */
+    scrollable?: boolean;
+    bodyClassName?: string;
     closeOnBackdrop?: boolean;
     /** Hide the close (✕) button in the header; Escape and backdrop still close. */
     showClose?: boolean;
     /** Focused when the dialog opens; defaults to the first focusable element. */
     initialFocusRef?: React.RefObject<HTMLElement | null>;
+    /** Accessible name when `title` is omitted (required with a custom header). */
     ariaLabel?: string;
     /**
      * Fade the backdrop and panel in on open and out on close (requires
@@ -288,15 +411,34 @@ type DialogProps = {
      */
     animate?: boolean;
 };
+type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+/** Header row for composed dialogs. */
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
+type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+/** Dialog heading; automatically wired to aria-labelledby. */
+declare function DialogTitle({ className, ...props }: DialogTitleProps): React.JSX.Element;
+type DialogDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+/** Supporting line; automatically wired to aria-describedby. */
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): React.JSX.Element;
+type DialogBodyProps = React.HTMLAttributes<HTMLDivElement>;
+/** Body wrapper for composed dialogs. */
+declare function DialogBody({ className, ...props }: DialogBodyProps): React.JSX.Element;
+type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+/** Action row pinned to the bottom of the panel. */
+declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
 /**
  * Accessible modal dialog: portal, aria-modal + labelled/describedby wiring,
  * Escape and backdrop dismissal, initial focus on open and focus restoration
  * on close, plus a Tab/Shift+Tab focus trap.
+ *
+ * Use `title`/`description` for the default header, or pass `header` with
+ * `<DialogHeader>`/`<DialogTitle>`/`<DialogDescription>` (and an
+ * `ariaLabel` fallback) for full control.
  */
-declare function Dialog({ open, onOpenChange, title, description, children, closeOnBackdrop, showClose, initialFocusRef, animate, }: DialogProps): React.ReactPortal | null;
+declare function Dialog({ open, onOpenChange, title, description, children, size, header, footer, scrollable, bodyClassName, closeOnBackdrop, showClose, initialFocusRef, ariaLabel, animate, }: DialogProps): React.ReactPortal | null;
 
 type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
-type DrawerSize = 'sm' | 'md' | 'lg';
+type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type DrawerProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -305,8 +447,18 @@ type DrawerProps = {
     children?: React.ReactNode;
     /** Edge the drawer slides from (default 'right'). */
     side?: DrawerSide;
-    /** Extent along the side axis (width for left/right, height for top/bottom). */
+    /** Preset extent along the side axis (width for left/right, height for top/bottom). */
     size?: DrawerSize;
+    /**
+     * Custom extent for left/right drawers: pixels (480) or any CSS length
+     * ("70vw"). Overrides `size`.
+     */
+    width?: number | string;
+    /**
+     * Custom extent for top/bottom drawers: pixels (320) or any CSS length
+     * ("60vh"). Overrides `size`.
+     */
+    height?: number | string;
     /** Clicking the backdrop closes (default true). */
     closeOnBackdrop?: boolean;
     /** Hide the close (✕) button in the header (default true). */
@@ -329,34 +481,145 @@ type DrawerProps = {
  * restoration on close. Renders fixed to the chosen edge with a border
  * against the backdrop.
  */
-declare function Drawer({ open, onOpenChange, title, description, children, side, size, closeOnBackdrop, showClose, initialFocusRef, ariaLabel, animate, }: DrawerProps): React.ReactPortal | null;
+declare function Drawer({ open, onOpenChange, title, description, children, side, size, width, height, closeOnBackdrop, showClose, initialFocusRef, ariaLabel, animate, }: DrawerProps): React.ReactPortal | null;
 
 type SelectOption = {
     value: string;
     label: string;
     disabled?: boolean;
 };
-type SelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'value' | 'defaultValue'> & {
+type SelectOptionGroup = {
+    label: string;
     options: SelectOption[];
+};
+type SelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'value' | 'defaultValue' | 'multiple'> & {
+    /** Flat options. Ignored when `groups` is provided. */
+    options?: SelectOption[];
+    /** Optgroups with a heading per section. */
+    groups?: SelectOptionGroup[];
     label?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
+    /** Renders a disabled empty option — the native "choose one" affordance. */
+    placeholder?: string;
+    /** Native multi-select: value/onChange switch to string[]. */
+    multiple?: boolean;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[]) => void;
 };
 /**
  * Accessible select primitive built on the native <select>: full keyboard,
  * screen-reader and mobile platform behavior comes from the platform rather
- * than a re-implemented listbox. Controlled via `value`, or
- * uncontrolled via `defaultValue`.
+ * than a re-implemented listbox. Supports flat options, optgroups,
+ * placeholder rows and native multi-select (string[] contract).
  */
-declare const Select: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "value" | "defaultValue" | "onChange"> & {
-    options: SelectOption[];
+declare const Select: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "defaultValue" | "onChange" | "multiple" | "value"> & {
+    /** Flat options. Ignored when `groups` is provided. */
+    options?: SelectOption[];
+    /** Optgroups with a heading per section. */
+    groups?: SelectOptionGroup[];
     label?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
+    /** Renders a disabled empty option — the native "choose one" affordance. */
+    placeholder?: string;
+    /** Native multi-select: value/onChange switch to string[]. */
+    multiple?: boolean;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[]) => void;
 } & React.RefAttributes<HTMLSelectElement>>;
 
+type TableCardProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+    description?: string;
+    /** Right-aligned header actions (create, export, column settings). */
+    actions?: React.ReactNode;
+    /** Row between the header and the table (filters, bulk actions). */
+    toolbar?: React.ReactNode;
+    /** Table/DataTable content. */
+    children: React.ReactNode;
+    /** Rendered under the table (pagination, summary). */
+    footer?: React.ReactNode;
+    /** Remove the inner padding so table edges reach the card border. */
+    flush?: boolean;
+};
+/**
+ * Table shell: title/description + actions, an optional toolbar, an
+ * edge-to-edge table body and a footer row. Standardizes the chrome every
+ * list page grows around a Table or DataTable.
+ */
+declare const TableCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+    description?: string;
+    /** Right-aligned header actions (create, export, column settings). */
+    actions?: React.ReactNode;
+    /** Row between the header and the table (filters, bulk actions). */
+    toolbar?: React.ReactNode;
+    /** Table/DataTable content. */
+    children: React.ReactNode;
+    /** Rendered under the table (pagination, summary). */
+    footer?: React.ReactNode;
+    /** Remove the inner padding so table edges reach the card border. */
+    flush?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type SelectMenuItem = {
+    value: string;
+    label: string;
+    /** Muted supporting line under the label. */
+    description?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    /** Section heading the item renders under. */
+    group?: string;
+};
+type SelectMenuProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue' | 'onChange' | 'children' | 'type'> & {
+    items: SelectMenuItem[];
+    /** Selected value(s): a string, or string[] when multiple. */
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    /** Allow choosing several items (the listbox stays open). */
+    multiple?: boolean;
+    placeholder?: string;
+    /** Name for hidden form inputs (renders one input per selected value). */
+    name?: string;
+    /** Custom trigger content for the current selection. */
+    renderValue?: (selected: SelectMenuItem[]) => React.ReactNode;
+    /** Custom option row. */
+    renderItem?: (item: SelectMenuItem, state: {
+        selected: boolean;
+        active: boolean;
+    }) => React.ReactNode;
+    emptyText?: string;
+};
+/**
+ * Custom dropdown select for rich options: descriptions, icons, grouped
+ * headings, multi-select and custom row rendering. Unlike `Select` (native
+ * `<select>`), this renders a real listbox, so option content is not limited
+ * to text. Keyboard model follows the button/listbox pattern: arrows move the
+ * active option, Home/End jump, Enter/Space selects, Escape closes, and
+ * first-letter typeahead jumps to matching options.
+ */
+declare const SelectMenu: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "type" | "defaultValue" | "onChange" | "value"> & {
+    items: SelectMenuItem[];
+    /** Selected value(s): a string, or string[] when multiple. */
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    /** Allow choosing several items (the listbox stays open). */
+    multiple?: boolean;
+    placeholder?: string;
+    /** Name for hidden form inputs (renders one input per selected value). */
+    name?: string;
+    /** Custom trigger content for the current selection. */
+    renderValue?: (selected: SelectMenuItem[]) => React.ReactNode;
+    /** Custom option row. */
+    renderItem?: (item: SelectMenuItem, state: {
+        selected: boolean;
+        active: boolean;
+    }) => React.ReactNode;
+    emptyText?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
 type SearchOption = {
     value: string;
     label: string;
@@ -441,27 +704,54 @@ type UseComboboxResult = {
  */
 declare function useCombobox({ items, onSelect, onOpenChange, closeOnSubmit, }: UseComboboxOptions): UseComboboxResult;
 
+type AutocompleteOption = {
+    value: string;
+    /** Display label; defaults to the value. */
+    label?: string;
+    /** Section heading the option renders under. */
+    group?: string;
+    /** Muted supporting line under the label. */
+    description?: string;
+};
 type AutocompleteProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'children' | 'size'> & {
     /** Current text — standard controlled-input contract. */
     value?: string;
     /** Initial text when uncontrolled. */
     defaultValue?: string;
-    /** Fires on every keystroke AND on suggestion selection (like a native input's onChange). */
+    /** Fires on every keystroke AND on suggestion selection. */
     onValueChange?: (value: string) => void;
-    /** Suggestion labels offered while typing; any value may still be entered free-form. */
-    suggestions: string[];
-    /** Shown when no suggestion matches (optional). */
+    /** Static suggestions (strings or option objects). */
+    options?: Array<string | AutocompleteOption>;
+    /** @deprecated Use `options`. */
+    suggestions?: string[];
+    /** Async source; called with the current query (debounced) when provided. */
+    loadOptions?: (query: string) => Promise<Array<string | AutocompleteOption>>;
+    /** Custom row rendering (receives the normalized option). */
+    renderOption?: (option: NormalizedOption, state: {
+        active: boolean;
+    }) => React.ReactNode;
+    /** Show a clear button once there is text. */
+    clearable?: boolean;
+    /** Shown when no option matches. */
     emptyText?: string;
+    /** Shown while async options load. */
+    loadingText?: string;
+    /** Debounce for `loadOptions`, in ms. Default 200. */
+    debounceMs?: number;
+};
+type NormalizedOption = {
+    value: string;
+    label: string;
+    group?: string;
+    description?: string;
 };
 /**
  * Type-ahead input following the HTML autocomplete model: users may enter
- * any value (free text is first-class), while matching suggestions appear
- * in a listbox — Arrow keys highlight, Enter accepts, Escape dismisses.
- * The native `autoComplete` attribute passes through (form autofill hints
- * keep working alongside the custom listbox). The listbox portals with
- * fixed positioning so scrollable containers never clip it.
+ * any value (free text is first-class), while matching options appear in a
+ * portalled listbox (grouped, optional async loading, custom rows).
+ * Arrow keys highlight, Enter accepts, Escape dismisses.
  */
-declare function Autocomplete({ value, defaultValue, onValueChange, suggestions, emptyText, placeholder, id, name, className, onKeyDown, onFocus, ...inputProps }: AutocompleteProps): React.JSX.Element;
+declare function Autocomplete({ value, defaultValue, onValueChange, options, suggestions, loadOptions, renderOption, clearable, emptyText, loadingText, debounceMs, placeholder, id, name, className, onKeyDown, onFocus, ...inputProps }: AutocompleteProps): React.JSX.Element;
 
 type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> & {
     /** Controlled checked state; omit for uncontrolled usage. */
@@ -514,7 +804,7 @@ type CheckboxGroupItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>,
     label?: string;
 };
 /** A single multi-select option inside a `CheckboxGroup`. */
-declare const CheckboxGroupItem: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "type" | "value" | "onChange" | "checked"> & {
+declare const CheckboxGroupItem: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "type" | "onChange" | "checked" | "value"> & {
     /** The value this item contributes to the selection. */
     value: string;
     /** Visible label rendered next to the checkbox. */
@@ -576,7 +866,7 @@ type RadioGroupItemProps = Omit<RadioProps, 'name' | 'checked' | 'onCheckedChang
     label?: string;
 };
 /** A single radio option inside a `RadioGroup`. */
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioProps, "name" | "value" | "checked" | "onCheckedChange"> & {
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioProps, "name" | "checked" | "value" | "onCheckedChange"> & {
     /** The value this item contributes to the group. */
     value: string;
     /** Visible label rendered next to the radio. */
@@ -926,9 +1216,15 @@ type TooltipProps = {
  */
 declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
 
-type CardProps = React.HTMLAttributes<HTMLDivElement>;
+type CardProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Render the child element (e.g. a router Link) with card styling. */
+    asChild?: boolean;
+};
 /** Content container with a subtle border and surface styling. */
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Render the child element (e.g. a router Link) with card styling. */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 /** Header section of a Card; typically contains CardTitle and CardDescription. */
 declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
@@ -1217,6 +1513,302 @@ declare const Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTML
     muted?: boolean;
 } & React.RefAttributes<HTMLHeadingElement>>;
 
+type EmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Icon or illustration shown above the title. */
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    /** Primary action (button/link). */
+    action?: React.ReactNode;
+    /** Secondary action shown beside the primary one. */
+    secondaryAction?: React.ReactNode;
+    /** Compact padding for use inside panels and table bodies. */
+    size?: 'sm' | 'md';
+};
+/**
+ * Placeholder for empty collections, zero-result searches and unconfigured
+ * features. Keeps the title/description/action hierarchy consistent across
+ * the product.
+ */
+declare const EmptyState: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Icon or illustration shown above the title. */
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    /** Primary action (button/link). */
+    action?: React.ReactNode;
+    /** Secondary action shown beside the primary one. */
+    secondaryAction?: React.ReactNode;
+    /** Compact padding for use inside panels and table bodies. */
+    size?: "sm" | "md";
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PageHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description?: string;
+    /** Breadcrumbs/eyebrow above the title. */
+    breadcrumbs?: React.ReactNode;
+    /** Right-aligned actions (buttons, menus). */
+    actions?: React.ReactNode;
+    /** Small slot under the title row (tabs, filters). */
+    children?: React.ReactNode;
+};
+/**
+ * Standard page heading block: optional breadcrumbs, title, description and
+ * a right-aligned action cluster. Pages stop inventing their own spacing
+ * and heading hierarchy.
+ */
+declare const PageHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description?: string;
+    /** Breadcrumbs/eyebrow above the title. */
+    breadcrumbs?: React.ReactNode;
+    /** Right-aligned actions (buttons, menus). */
+    actions?: React.ReactNode;
+    /** Small slot under the title row (tabs, filters). */
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type MetricTrend = 'up' | 'down' | 'flat';
+type MetricCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {
+    label: string;
+    value: string | number;
+    /** Secondary line under the value. */
+    hint?: string;
+    /** Signed change, e.g. "+12.4%" or "-3". */
+    delta?: string;
+    /** Direction colors the delta (green up / red down / muted flat). */
+    trend?: MetricTrend;
+    icon?: React.ReactNode;
+};
+/**
+ * Compact KPI tile: label, value, optional delta with direction color and a
+ * supporting hint. Deltas always carry an arrow glyph so the direction is
+ * never communicated by color alone.
+ */
+declare const MetricCard: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & {
+    label: string;
+    value: string | number;
+    /** Secondary line under the value. */
+    hint?: string;
+    /** Signed change, e.g. "+12.4%" or "-3". */
+    delta?: string;
+    /** Direction colors the delta (green up / red down / muted flat). */
+    trend?: MetricTrend;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PasswordInputProps = Omit<InputProps, 'type'> & {
+    /** Accessible labels for the visibility toggle. */
+    showLabel?: string;
+    hideLabel?: string;
+};
+/**
+ * Password field with a show/hide toggle. The toggle is a real button with
+ * pressed state, so keyboard and screen-reader users can reveal the value
+ * without losing the focused field.
+ */
+declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "type"> & {
+    /** Accessible labels for the visibility toggle. */
+    showLabel?: string;
+    hideLabel?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+
+type AuthLayoutProps = React.HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description?: string;
+    /** Brand/mark above the card. */
+    brand?: React.ReactNode;
+    /** Links or legal copy under the card. */
+    footer?: React.ReactNode;
+    /** Rendered inside the card under the heading. */
+    children?: React.ReactNode;
+    /** Card width preset (default 'md'). */
+    size?: 'sm' | 'md' | 'lg';
+};
+/**
+ * Centered auth surface: brand mark, title/description, the form card and a
+ * footer slot. Keeps sign-in, sign-up, reset and verify screens visually
+ * identical without each page re-deriving the layout.
+ */
+declare const AuthLayout: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description?: string;
+    /** Brand/mark above the card. */
+    brand?: React.ReactNode;
+    /** Links or legal copy under the card. */
+    footer?: React.ReactNode;
+    /** Rendered inside the card under the heading. */
+    children?: React.ReactNode;
+    /** Card width preset (default 'md'). */
+    size?: "sm" | "md" | "lg";
+} & React.RefAttributes<HTMLDivElement>>;
+
+type FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Controlled search text. */
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    /** Search placeholder; the search box is hidden when omitted. */
+    searchPlaceholder?: string;
+    /** Rendered after the search box — selects, toggles, date pickers. */
+    children?: React.ReactNode;
+    /** Shows a reset button when provided (pass the active filter count for the label). */
+    onReset?: () => void;
+    activeCount?: number;
+    /** Rendered at the far right (bulk actions, column settings). */
+    trailing?: React.ReactNode;
+};
+/**
+ * Horizontal filter strip for list pages: search field, filter controls and
+ * a reset affordance. Scrolls horizontally on narrow screens instead of
+ * wrapping into a tall stack.
+ */
+declare const FilterBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Controlled search text. */
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    /** Search placeholder; the search box is hidden when omitted. */
+    searchPlaceholder?: string;
+    /** Rendered after the search box — selects, toggles, date pickers. */
+    children?: React.ReactNode;
+    /** Shows a reset button when provided (pass the active filter count for the label). */
+    onReset?: () => void;
+    activeCount?: number;
+    /** Rendered at the far right (bulk actions, column settings). */
+    trailing?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type DatePickerProps = Omit<InputProps, 'type' | 'onChange' | 'value' | 'defaultValue'> & {
+    /** ISO date string (YYYY-MM-DD) — controlled. */
+    value?: string;
+    /** ISO date string — initial value when uncontrolled. */
+    defaultValue?: string;
+    /** Fired with the ISO string ('' when cleared). */
+    onValueChange?: (value: string) => void;
+    /** Show a clear button once a date is selected. */
+    clearable?: boolean;
+};
+/**
+ * Native date field with an ISO-string contract. Uses the platform picker
+ * (mobile date wheels, keyboard editing, locale formatting) rather than a
+ * custom calendar, so accessibility and input methods come for free.
+ */
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "defaultValue" | "onChange" | "value"> & {
+    /** ISO date string (YYYY-MM-DD) — controlled. */
+    value?: string;
+    /** ISO date string — initial value when uncontrolled. */
+    defaultValue?: string;
+    /** Fired with the ISO string ('' when cleared). */
+    onValueChange?: (value: string) => void;
+    /** Show a clear button once a date is selected. */
+    clearable?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+
+type TimePickerProps = Omit<InputProps, 'type' | 'onChange' | 'value' | 'defaultValue'> & {
+    /** "HH:MM" (24h) — controlled. */
+    value?: string;
+    /** "HH:MM" — initial value when uncontrolled. */
+    defaultValue?: string;
+    /** Fired with the time string ('' when cleared). */
+    onValueChange?: (value: string) => void;
+    /** Show a clear button once a time is selected. */
+    clearable?: boolean;
+};
+/**
+ * Native time field with an "HH:MM" contract. The platform supplies the
+ * picker, keyboard editing and locale behavior.
+ */
+declare const TimePicker: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "defaultValue" | "onChange" | "value"> & {
+    /** "HH:MM" (24h) — controlled. */
+    value?: string;
+    /** "HH:MM" — initial value when uncontrolled. */
+    defaultValue?: string;
+    /** Fired with the time string ('' when cleared). */
+    onValueChange?: (value: string) => void;
+    /** Show a clear button once a time is selected. */
+    clearable?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+
+type StepperStep = {
+    label: string;
+    description?: string;
+};
+type StepperProps = Omit<React.OlHTMLAttributes<HTMLOListElement>, 'onClick'> & {
+    steps: StepperStep[];
+    /** Zero-based index of the active step. */
+    current: number;
+    orientation?: 'horizontal' | 'vertical';
+    /** Makes completed/upcoming steps clickable. */
+    onStepClick?: (index: number) => void;
+};
+/**
+ * Progress through a multi-step flow with proper semantics: an ordered list
+ * where the active step carries aria-current="step" and each marker states
+ * complete/current/upcoming in text, not only color.
+ */
+declare const Stepper: React.ForwardRefExoticComponent<Omit<React.OlHTMLAttributes<HTMLOListElement>, "onClick"> & {
+    steps: StepperStep[];
+    /** Zero-based index of the active step. */
+    current: number;
+    orientation?: "horizontal" | "vertical";
+    /** Makes completed/upcoming steps clickable. */
+    onStepClick?: (index: number) => void;
+} & React.RefAttributes<HTMLOListElement>>;
+
+type FileUploadProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> & {
+    /** Controlled selection. */
+    files?: File[];
+    /** Initial selection when uncontrolled. */
+    defaultFiles?: File[];
+    /** Fired whenever the list changes (add, remove, drop, clear). */
+    onFilesChange?: (files: File[]) => void;
+    /** Drag-and-drop area copy. */
+    label?: string;
+    hint?: string;
+    /** Per-file progress (0-100) keyed by file name, rendered as a bar. */
+    progress?: Record<string, number>;
+};
+/**
+ * Drag-and-drop file picker with a removable list. The native input drives
+ * selection (keyboard + mobile camera/file dialogs); the drop zone is a
+ * progressive enhancement. Files are plain `File` objects, so you own the
+ * upload transport and can render progress per file.
+ */
+declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "value"> & {
+    /** Controlled selection. */
+    files?: File[];
+    /** Initial selection when uncontrolled. */
+    defaultFiles?: File[];
+    /** Fired whenever the list changes (add, remove, drop, clear). */
+    onFilesChange?: (files: File[]) => void;
+    /** Drag-and-drop area copy. */
+    label?: string;
+    hint?: string;
+    /** Per-file progress (0-100) keyed by file name, rendered as a bar. */
+    progress?: Record<string, number>;
+} & React.RefAttributes<HTMLInputElement>>;
+
+type TimelineItem = {
+    title: string;
+    /** Period/date label (e.g. "2023 — Present"). */
+    period?: string;
+    description?: string;
+    icon?: React.ReactNode;
+    /** Muted items render dimmed (upcoming/archived). */
+    muted?: boolean;
+};
+type TimelineProps = Omit<React.OlHTMLAttributes<HTMLOListElement>, 'children'> & {
+    items: TimelineItem[];
+};
+/**
+ * Vertical chronology (experience, activity, audit trail). Renders an
+ * ordered list with a connector rule, so the sequence is conveyed
+ * structurally instead of by decoration alone.
+ */
+declare const Timeline: React.ForwardRefExoticComponent<Omit<React.OlHTMLAttributes<HTMLOListElement>, "children"> & {
+    items: TimelineItem[];
+} & React.RefAttributes<HTMLOListElement>>;
+
 type BlockElement = 'div' | 'span' | 'section' | 'article' | 'figure' | 'header' | 'footer' | 'nav' | 'main' | 'aside';
 type BlockProps = React.HTMLAttributes<HTMLElement> & {
     /** Semantic element to render (default 'div'). */
@@ -1392,11 +1984,15 @@ declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & Re
 type MenuItemProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Renders the item in a destructive style. */
     destructive?: boolean;
+    /** Render the child element (e.g. an <a>) as the menu item. */
+    asChild?: boolean;
 };
 /** A single action item in the menu. */
 declare const MenuItem: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Renders the item in a destructive style. */
     destructive?: boolean;
+    /** Render the child element (e.g. an <a>) as the menu item. */
+    asChild?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
 type MenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
 /** Visual divider between menu items. */
@@ -1492,10 +2088,22 @@ type PaginationIcons = {
     last?: React.ReactNode;
 };
 type PaginationProps = React.HTMLAttributes<HTMLElement> & {
-    /** Current page number (1-based). */
-    page: number;
-    /** Total number of pages. */
-    pageCount: number;
+    /** Current page number (1-based). Alias: currentPage. */
+    page?: number;
+    /** Total number of pages. Alias: totalPages (or derived from total/pageSize). */
+    pageCount?: number;
+    /** Alias for page (migration-friendly). */
+    currentPage?: number;
+    /** Alias for pageCount. */
+    totalPages?: number;
+    /** Rows per page — with `total`, enables the item-count summary. */
+    pageSize?: number;
+    /** Total item count — with `pageSize`, enables the summary and derives pageCount. */
+    total?: number;
+    /** Noun used in the summary ("Showing 26–50 of 312 classes"). Default "items". */
+    itemLabel?: string;
+    /** Force the summary on/off; defaults to on when total and pageSize are set. */
+    showSummary?: boolean;
     /** Called with the new page number. */
     onPageChange?: (page: number) => void;
     /** How many page buttons to show around the current page (default 1). */
@@ -1511,16 +2119,28 @@ type PaginationProps = React.HTMLAttributes<HTMLElement> & {
 };
 /**
  * Numeric pagination with prev/next and optional boundary jumps. Renders
- * as a nav landmark with aria-current="page" on the active button. Each
- * control is a real <button> with an accessible name; glyphs are
- * swappable and each boundary button can be shown or hidden independently
- * (e.g. hide — instead of disabling — once you reach the list edge).
+ * as a nav landmark with aria-current="page" on the active button. Accepts
+ * either page/pageCount or the currentPage/totalPages aliases, and can
+ * derive the page count (plus a "Showing X–Y of Z" summary) from
+ * total/pageSize.
  */
 declare const Pagination: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
-    /** Current page number (1-based). */
-    page: number;
-    /** Total number of pages. */
-    pageCount: number;
+    /** Current page number (1-based). Alias: currentPage. */
+    page?: number;
+    /** Total number of pages. Alias: totalPages (or derived from total/pageSize). */
+    pageCount?: number;
+    /** Alias for page (migration-friendly). */
+    currentPage?: number;
+    /** Alias for pageCount. */
+    totalPages?: number;
+    /** Rows per page — with `total`, enables the item-count summary. */
+    pageSize?: number;
+    /** Total item count — with `pageSize`, enables the summary and derives pageCount. */
+    total?: number;
+    /** Noun used in the summary ("Showing 26–50 of 312 classes"). Default "items". */
+    itemLabel?: string;
+    /** Force the summary on/off; defaults to on when total and pageSize are set. */
+    showSummary?: boolean;
     /** Called with the new page number. */
     onPageChange?: (page: number) => void;
     /** How many page buttons to show around the current page (default 1). */
@@ -1535,4 +2155,4 @@ declare const Pagination: React.ForwardRefExoticComponent<React.HTMLAttributes<H
     icons?: PaginationIcons;
 } & React.RefAttributes<HTMLElement>>;
 
-export { type AccessibilityRequirement, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, type AntiPattern, Autocomplete, type AutocompleteProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Block, type BlockElement, type BlockProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxProps, type ComboboxItem, type ComponentManifest, type ComponentTier, type CompositionRule, type ContentGuideline, DataTable, type DataTableColumn, type DataTableProps, Dialog, type DialogProps, Divider, Drawer, type DrawerProps, type DrawerSide, type DrawerSize, Fieldset, type FieldsetProps, Flex, FlexItem, type FlexItemProps, type FlexProps, Form, FormField, type FormFieldLabelPlacement, type FormFieldProps, FormLayout, type FormLayoutProps, type FormProps, type FormVariant, type GapValue, Grid, GridItem, type GridItemProps, type GridProps, Heading, type HeadingLevel, type HeadingProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, type InputProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuLabelProps, type MenuProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps, Pagination, type PaginationIcons, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, type PropSchema, Radio, RadioCard, type RadioCardProps, RadioGroup, RadioGroupContext, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, Search, type SearchOption, type SearchProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortIconState, Spinner, type SpinnerProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, Textarea, type TextareaProps, type ToastAction, type ToastContextValue, type ToastOptions, ToastProvider, type ToastRecord, Tooltip, type TooltipProps, type UsageExample, alertVariants, badgeVariants, buttonVariants, cn, isComponentManifest, resolveGap, separatorVariants, spinnerVariants, useCombobox, usePresence, useToast };
+export { type AccessibilityRequirement, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, type AntiPattern, AppShell, type AppShellProps, AuthLayout, type AuthLayoutProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Block, type BlockElement, type BlockProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxProps, type ComboboxItem, type ComponentManifest, type ComponentTier, type CompositionRule, type ContentGuideline, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, type DialogSize, DialogTitle, type DialogTitleProps, Divider, Drawer, type DrawerProps, type DrawerSide, type DrawerSize, EmptyState, type EmptyStateProps, Fieldset, type FieldsetProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarProps, Flex, FlexItem, type FlexItemProps, type FlexProps, Form, FormField, type FormFieldLabelPlacement, type FormFieldProps, FormLayout, type FormLayoutProps, type FormProps, type FormVariant, type GapValue, Grid, GridItem, type GridItemProps, type GridProps, Heading, type HeadingLevel, type HeadingProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, type InputProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuLabelProps, type MenuProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps, MetricCard, type MetricCardProps, type MetricTrend, PageHeader, type PageHeaderProps, Pagination, type PaginationIcons, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, type PropSchema, Radio, RadioCard, type RadioCardProps, RadioGroup, RadioGroupContext, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, Search, type SearchOption, type SearchProps, Select, SelectMenu, type SelectMenuItem, type SelectMenuProps, type SelectOption, type SelectOptionGroup, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, Skeleton, type SkeletonProps, type SortIconState, Spinner, type SpinnerProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCard, type TableCardProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type ToastAction, type ToastContextValue, type ToastOptions, ToastProvider, type ToastRecord, type ToastVariant, Toaster, type ToasterPosition, type ToasterProps, Tooltip, type TooltipProps, type UsageExample, alertVariants, badgeVariants, buttonVariants, cn, isComponentManifest, resolveGap, separatorVariants, spinnerVariants, toast, useCombobox, usePresence, useToast };