@doscientos/ui 0.1.23 → 0.1.26

package/dist/index.d.cts

@@ -3,8 +3,8 @@ import { RefCallback, ReactNode, ComponentPropsWithRef } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import * as react_aria_components from 'react-aria-components';
-import { DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, ButtonProps as ButtonProps$1, LinkProps, Breadcrumb as Breadcrumb$1, Link, Breadcrumbs as Breadcrumbs$1, Separator as Separator$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, Key, Popover as Popover$1, InputProps as InputProps$1, ListBoxItemProps, ListBoxProps, Input as Input$1, ListBox, Dialog as Dialog$1, Text, ModalOverlayProps, Heading, Menu as Menu$1, MenuSectionProps, MenuItemProps, Header, SubmenuTrigger, MenuTrigger as MenuTrigger$1, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTrigger as DialogTrigger$1, NumberFieldProps, SearchFieldProps, SelectProps, SelectValue as SelectValue$1, Modal, DialogTriggerProps as DialogTriggerProps$1, SwitchProps as SwitchProps$1, TabPanelProps as TabPanelProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1, TabListProps, TabPanelsProps, Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from 'react-aria-components';
-export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SearchFieldProps, SelectProps, DialogProps as SheetPrimitiveProps, DialogTriggerProps as SheetTriggerPrimitiveProps } from 'react-aria-components';
+import { DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, ButtonProps as ButtonProps$1, LinkProps, Text, ModalOverlayProps, Heading, Breadcrumb as Breadcrumb$1, Link, Breadcrumbs as Breadcrumbs$1, Separator as Separator$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, Key, Popover as Popover$1, InputProps as InputProps$1, ListBoxItemProps, ListBoxProps, Input as Input$1, ListBox, Dialog as Dialog$1, Menu as Menu$1, MenuSectionProps, MenuItemProps, Header, SubmenuTrigger, MenuTrigger as MenuTrigger$1, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTrigger as DialogTrigger$1, NumberFieldProps, SelectProps, SelectValue as SelectValue$1, Modal, DialogTriggerProps as DialogTriggerProps$1, SwitchProps as SwitchProps$1, TabPanelProps as TabPanelProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1, TabListProps, TabPanelsProps, Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from 'react-aria-components';
+export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SelectProps, DialogProps as SheetPrimitiveProps, DialogTriggerProps as SheetTriggerPrimitiveProps } from 'react-aria-components';
 import { VariantProps } from 'class-variance-authority';
 
 type AutosaveStatus = "idle" | "saving" | "saved" | "error";
@@ -53,17 +53,84 @@ type TextMatchPart = {
  */
 declare function getTextMatchParts(text: string, query: string): TextMatchPart[];
 
+/** Groups related expandable sections and manages their expanded state. */
 declare function Accordion({ className, ...props }: DisclosureGroupProps): React$1.JSX.Element;
+/** A single expandable section within an {@link Accordion}. */
 declare function AccordionItem({ className, ...props }: DisclosureProps): React$1.JSX.Element;
+/** Accessible heading button that expands or collapses its {@link AccordionItem}. */
 declare function AccordionTrigger({ className, children, ...props }: Omit<ButtonProps$1, "children"> & {
     children: React$1.ReactNode;
 }): React$1.JSX.Element;
+/** Panel revealed when its parent {@link AccordionItem} is expanded. */
 declare function AccordionContent({ className, children, ...props }: DisclosurePanelProps): React$1.JSX.Element;
 
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Props for a button that triggers an in-page action. */
+type ButtonProps = Omit<ButtonProps$1, "className"> & React$1.RefAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
+    /** HTML-compatible alias for `isDisabled`. */
+    disabled?: boolean;
+    /** Visual treatment for the action's priority and intent. */
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    /** Preset height, spacing and icon dimensions. */
+    size?: VariantProps<typeof buttonVariants>["size"];
+    className?: string;
+};
+/**
+ * Accessible button with visual variants and a press ripple.
+ * Provide an `aria-label` when it contains only an icon.
+ */
+declare function Button({ className, variant, size, children, disabled, isDisabled, onClick, onPress, ...props }: ButtonProps): React$1.JSX.Element;
+/** Props for a link styled consistently with {@link Button}. */
+type LinkButtonProps = Omit<LinkProps, "className"> & VariantProps<typeof buttonVariants> & {
+    /** Visual treatment for the navigation action's priority and intent. */
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    /** Preset height, spacing and icon dimensions. */
+    size?: VariantProps<typeof buttonVariants>["size"];
+    className?: string;
+};
+/**
+ * Navigation link styled as a {@link Button}.
+ * Provide an `aria-label` when it contains only an icon.
+ */
+declare function LinkButton({ className, variant, size, children, onClick, onPress, ...props }: LinkButtonProps): React$1.JSX.Element;
+
+type AlertDialogProps = {
+    children: React$1.ReactNode;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+/** Controlled, composable confirmation dialog for domain-specific destructive actions. */
+declare function AlertDialog({ children, open, onOpenChange }: AlertDialogProps): React$1.JSX.Element;
+declare function AlertDialogPortal({ children }: {
+    children?: React$1.ReactNode;
+}): React$1.JSX.Element;
+declare function AlertDialogTrigger({ children, ...props }: Omit<React$1.ComponentProps<typeof Button>, "onPress">): React$1.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: Omit<ModalOverlayProps, "children" | "className" | "isOpen" | "onOpenChange"> & {
+    className?: string;
+}): React$1.JSX.Element | null;
+declare function AlertDialogContent({ className, size, children }: {
+    children?: React$1.ReactNode;
+    className?: string;
+    size?: "default" | "sm";
+}): React$1.JSX.Element | null;
+declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: Omit<React$1.ComponentProps<typeof Heading>, "slot">): React$1.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: Omit<React$1.ComponentProps<typeof Text>, "slot">): React$1.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
+declare function AlertDialogCancel({ children, onClick, ...props }: Omit<React$1.ComponentProps<typeof Button>, "onPress">): React$1.JSX.Element;
+
 declare const alertVariants: (props?: ({
-    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type AlertProps = React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
+type AlertProps = React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants> & {
+    /** Communicates the alert's semantic intent. */
+    variant?: VariantProps<typeof alertVariants>["variant"];
+};
+/** Announces a concise status, warning or error message. */
 declare function Alert({ className, variant, ...props }: AlertProps): React$1.JSX.Element;
 declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
@@ -74,6 +141,7 @@ type AppShellProps = React$1.ComponentProps<"div"> & {
     /** Breakpoint at which the persistent sidebar replaces the mobile header. */
     sidebarBreakpoint?: AppShellBreakpoint;
 };
+/** Application layout foundation for a responsive sidebar, header and content area. */
 declare function AppShell({ className, sidebarBreakpoint, ...props }: AppShellProps): React$1.JSX.Element;
 declare function AppShellSidebar({ className, ...props }: React$1.ComponentProps<"aside">): React$1.JSX.Element;
 declare function AppShellMain({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
@@ -90,8 +158,10 @@ type AppShellContentProps = React$1.ComponentProps<"div"> & {
 declare function AppShellContent({ className, size, padded, scrollable, ...props }: AppShellContentProps): React$1.JSX.Element;
 
 type AvatarProps = React.ComponentProps<"div"> & {
+    /** Avatar dimensions and fallback text size. */
     size?: "xs" | "sm" | "default" | "lg";
 };
+/** Displays an image or fallback content for a person, organisation or entity. */
 declare function Avatar({ className, size, children, ...props }: AvatarProps): React$1.JSX.Element;
 declare function AvatarImage({ className, src, onError, onLoad, ...props }: React.ComponentProps<"img">): React$1.JSX.Element | null;
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element | null;
@@ -100,15 +170,20 @@ declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div"
 declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "info" | "success" | "warning" | "destructive" | "secondary" | "neutral" | "danger" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "info" | "success" | "warning" | "neutral" | "danger" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type BadgeProps = React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
+type BadgeProps = React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    /** Visual intent for a compact status or category label. */
+    variant?: VariantProps<typeof badgeVariants>["variant"];
+};
+/** Compact label for statuses, categories and small counts. */
 declare function Badge({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
 type BadgeLinkProps = Omit<LinkProps, "className"> & VariantProps<typeof badgeVariants> & {
     className?: string;
 };
 declare function BadgeLink({ className, variant, ...props }: BadgeLinkProps): React$1.JSX.Element;
 
+/** Accessible navigation trail showing the current page's hierarchy. */
 declare function Breadcrumbs({ className, ...props }: React.ComponentProps<typeof Breadcrumbs$1>): React$1.JSX.Element;
 declare function Breadcrumb({ className, ...props }: React.ComponentProps<typeof Breadcrumb$1>): React$1.JSX.Element;
 declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<typeof Link>): React$1.JSX.Element;
@@ -116,33 +191,24 @@ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"s
 declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
 
 type SeparatorProps = React.ComponentProps<typeof Separator$1>;
+/** Semantic horizontal or vertical divider between related content. */
 declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
 
 declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Groups adjacent actions into a single connected control. */
 declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
 declare function ButtonGroupText({ className, render, ...props }: React$1.ComponentProps<"div"> & {
     render?: (props: React$1.HTMLAttributes<HTMLElement>) => React$1.ReactNode;
 }): string | number | bigint | boolean | React$1.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
 declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
 
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ButtonProps = Omit<ButtonProps$1, "className"> & React$1.RefAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
-    className?: string;
-};
-declare function Button({ className, variant, size, onClick, children, ...props }: ButtonProps): React$1.JSX.Element;
-type LinkButtonProps = Omit<LinkProps, "className"> & VariantProps<typeof buttonVariants> & {
-    className?: string;
-};
-declare function LinkButton({ className, variant, size, onClick, children, ...props }: LinkButtonProps): React$1.JSX.Element;
-
 type CardProps = React$1.ComponentProps<"div"> & {
+    /** Spacing preset for standard or compact content. */
     size?: "default" | "sm";
 };
+/** Surface for related content with optional header, body, action and footer regions. */
 declare function Card({ className, size, ...props }: CardProps): React$1.JSX.Element;
 declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
@@ -151,11 +217,35 @@ declare function CardAction({ className, ...props }: React$1.ComponentProps<"div
 declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 
+/** Props for an accessible boolean form control. */
 type CheckboxProps = Omit<CheckboxProps$1, "className"> & {
     className?: string;
 };
+/** Checkbox that supports controlled and uncontrolled selection. */
 declare function Checkbox({ className, children, ...props }: CheckboxProps): React$1.JSX.Element;
 
+/** Props for the collapsible state container. */
+type CollapsibleProps = React$1.ComponentProps<"div"> & {
+    /** Initial state when the component is uncontrolled. */
+    defaultOpen?: boolean;
+    /** Called after the expanded state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Controlled expanded state. Use with {@link onOpenChange}. */
+    open?: boolean;
+};
+/** Groups a trigger and conditional content in a controlled or uncontrolled disclosure. */
+declare function Collapsible({ children, defaultOpen, onOpenChange, open: controlledOpen, ...props }: CollapsibleProps): React$1.JSX.Element;
+/** Props for the control that toggles a {@link Collapsible}. */
+type CollapsibleTriggerProps = React$1.ComponentProps<"button"> & {
+    /** Renders and augments the single child element instead of a native button. */
+    asChild?: boolean;
+};
+/** Button that toggles its parent {@link Collapsible} and exposes `aria-expanded`. */
+declare function CollapsibleTrigger({ asChild, children, onClick, ...props }: CollapsibleTriggerProps): React$1.JSX.Element;
+type CollapsibleContentProps = React$1.ComponentProps<"div">;
+/** Content that is mounted only while its parent {@link Collapsible} is open. */
+declare function CollapsibleContent({ children, ...props }: CollapsibleContentProps): React$1.JSX.Element | null;
+
 declare const Combobox: <T, M extends "multiple" | "single" = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => React$1.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 
 declare function ComboboxInput({ className, ...props }: InputProps$1): React$1.JSX.Element;
@@ -188,6 +278,7 @@ type AutocompleteComboboxProps<T extends object> = Omit<ComboBoxProps<T>, "child
 /** A safe, keyboard-first autocomplete for users, contracts and other entities. */
 declare function AutocompleteCombobox<T extends object>({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState, suggestion, placeholder, className, onKeyDown: _onKeyDown, ...props }: AutocompleteComboboxProps<T>): React$1.JSX.Element;
 
+/** Searchable command palette built from an accessible combobox and option list. */
 declare function Command<T extends object>({ className, ...props }: ComboBoxProps<T>): React$1.JSX.Element;
 declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Input$1>): React$1.JSX.Element;
 declare function CommandContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
@@ -218,17 +309,25 @@ type DangerZoneProps = {
 /** Collapsed-by-default container for actions that are hard to reverse. */
 declare function DangerZone({ title, description, defaultOpen, className, children, }: DangerZoneProps): React$1.JSX.Element;
 
+/** Props for a controlled or uncontrolled dialog state container. */
 type DialogProps = {
     children: React$1.ReactNode;
+    /** Initial state when the dialog is uncontrolled. */
     defaultOpen?: boolean;
+    /** Called after the open state changes. */
     onOpenChange?: (open: boolean) => void;
+    /** Controlled open state. Use with {@link onOpenChange}. */
     open?: boolean;
 };
+/** Coordinates the trigger, overlay and content of a modal dialog. */
 declare function Dialog({ children, defaultOpen, onOpenChange, open: controlledOpen }: DialogProps): React$1.JSX.Element;
 type DialogTriggerProps = Omit<React$1.ComponentProps<typeof Button>, "onPress"> & {
+    /** Renders and augments the single child instead of rendering a {@link Button}. */
     asChild?: boolean;
 };
+/** Opens the parent {@link Dialog}. */
 declare function DialogTrigger({ asChild, children, onClick, ...props }: DialogTriggerProps): React$1.JSX.Element;
+/** Groups dialog content rendered in the overlay layer. */
 declare function DialogPortal({ children }: {
     children?: React$1.ReactNode;
 }): React$1.JSX.Element;
@@ -236,6 +335,7 @@ type DialogOverlayProps = Omit<ModalOverlayProps, "children" | "className" | "is
     children?: React$1.ReactNode;
     className?: string;
 };
+/** Dismissable backdrop displayed while the parent {@link Dialog} is open. */
 declare function DialogOverlay({ children, className, ...props }: DialogOverlayProps): React$1.JSX.Element | null;
 type DialogContentProps = Omit<React$1.ComponentProps<typeof Dialog$1>, "children" | "className"> & {
     children?: React$1.ReactNode;
@@ -243,16 +343,23 @@ type DialogContentProps = Omit<React$1.ComponentProps<typeof Dialog$1>, "childre
     onOverlayClick?: React$1.MouseEventHandler<HTMLDivElement>;
     showCloseButton?: boolean;
 };
+/** Focus-managed modal content. Include a {@link DialogTitle} to give it an accessible name. */
 declare function DialogContent({ children, className, onOverlayClick, showCloseButton, ...props }: DialogContentProps): React$1.JSX.Element;
 type DialogCloseProps = Omit<React$1.ComponentProps<typeof Button>, "onPress"> & {
+    /** Renders and augments the single child instead of rendering a {@link Button}. */
     asChild?: boolean;
 };
+/** Closes the parent {@link Dialog}. */
 declare function DialogClose({ asChild, children, onClick, ...props }: DialogCloseProps): React$1.JSX.Element;
+/** Groups the title and description at the top of a dialog. */
 declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+/** Groups dialog actions and can add a secondary close action. */
 declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
     showCloseButton?: boolean;
 }): React$1.JSX.Element;
+/** Title used to give the parent {@link DialogContent} an accessible name. */
 declare function DialogTitle({ className, ...props }: Omit<React$1.ComponentProps<typeof Heading>, "slot">): React$1.JSX.Element;
+/** Supporting text announced alongside the parent {@link DialogTitle}. */
 declare function DialogDescription({ className, ...props }: Omit<React$1.ComponentProps<typeof Text>, "slot">): React$1.JSX.Element;
 
 type DocPreviewProps = {
@@ -265,16 +372,19 @@ declare function DocPreview({ url, mimeType, name }: DocPreviewProps): React$1.J
 
 interface DrawerProps extends Omit<ModalOverlayProps, "children" | "className"> {
     children: React.ReactNode;
+    /** Screen edge from which the drawer enters. */
     side?: "left" | "right" | "bottom";
     className?: string;
 }
+/** Dismissable modal panel anchored to an edge of the viewport. */
 declare function Drawer({ children, side, className, ...props }: DrawerProps): React$1.JSX.Element;
 declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<"h2">): React$1.JSX.Element;
+declare function DrawerTitle({ className, ...props }: Omit<React.ComponentProps<typeof Heading>, "slot">): React$1.JSX.Element;
 declare function DrawerDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
 
 declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof MenuTrigger$1>): React$1.JSX.Element;
+/** Floating menu of actions or selections opened by a {@link DropdownMenuTrigger}. */
 declare function DropdownMenu({ "data-slot": dataSlot, placement, offset, crossOffset, className, children, ...props }: Omit<React$1.ComponentProps<typeof Menu$1<object>>, "children" | "className"> & Pick<React$1.ComponentProps<typeof Popover$1>, "placement" | "offset" | "crossOffset"> & {
     "data-slot"?: string;
     className?: string;
@@ -298,6 +408,7 @@ declare function DropdownMenuSubContent({ placement, crossOffset, offset, classN
 declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator$1>): React$1.JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
 
+/** Composes an informative empty result with optional media and a recovery action. */
 declare function EmptyState({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function EmptyStateHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare const emptyStateMediaVariants: (props?: ({
@@ -308,29 +419,46 @@ declare function EmptyStateTitle({ className, ...props }: React$1.ComponentProps
 declare function EmptyStateDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
 declare function EmptyStateContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 
+/** Accessible label associated with a React Aria form control. */
 declare const Label: React$1.ForwardRefExoticComponent<Omit<react_aria_components.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
 type LabelProps = ComponentPropsWithRef<typeof Label>;
 
+/** Semantic fieldset for controls that share a {@link FieldLegend}. */
 declare function FieldSet({ className, ...props }: React$1.ComponentProps<"fieldset">): React$1.JSX.Element;
+/** Label for a {@link FieldSet}, with heading or label styling. */
 declare function FieldLegend({ className, variant, ...props }: React$1.ComponentProps<"legend"> & {
     variant?: "legend" | "label";
 }): React$1.JSX.Element;
+/** Responsive vertical stack for related {@link Field} components. */
 declare function FieldGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare const fieldVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type FieldProps = React$1.ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
+/** Props for the layout wrapper of a labelled form control. */
+type FieldProps = React$1.ComponentProps<"div"> & VariantProps<typeof fieldVariants> & {
+    /** Layout of the label and control; `responsive` changes at the field-group container breakpoint. */
+    orientation?: VariantProps<typeof fieldVariants>["orientation"];
+};
+/** Groups a form control, its label and descriptive or error text. */
 declare function Field({ className, orientation, ...props }: FieldProps): React$1.JSX.Element;
+/** Stacks the label, description and validation message for a {@link Field}. */
 declare function FieldContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+/** Label associated with the control inside a {@link Field}. */
 declare function FieldLabel({ className, ...props }: React$1.ComponentProps<typeof Label>): React$1.JSX.Element;
+/** Short visible title for a {@link Field} that is not a native label. */
 declare function FieldTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+/** Helper text that clarifies how to complete a {@link Field}. */
 declare function FieldDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
+/** Visual divider between groups of fields, optionally with a text label. */
 declare function FieldSeparator({ className, children, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+/** Props for a validation message rendered by {@link FieldError}. */
 type FieldErrorProps = React$1.ComponentProps<"div"> & {
+    /** Validation errors whose unique messages are rendered when no children are supplied. */
     errors?: Array<{
         message?: string;
     } | undefined>;
 };
+/** Announced validation message for a {@link Field}. */
 declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): React$1.JSX.Element | null;
 
 type FormFeedbackState = {
@@ -355,22 +483,32 @@ declare function useFormFeedback(options?: {
     reset: () => void;
 };
 interface FormFeedbackProps {
+    /** Current submission state and optional user-facing result message. */
     state: FormFeedbackState;
     className?: string;
+    /** Text announced while the form submission is pending. */
     pendingLabel?: string;
+    /** Fallback text used when a successful state has no message. */
     successLabel?: string;
 }
+/** Live status message for pending, successful and failed form submissions. */
 declare function FormFeedback({ state, className, pendingLabel, successLabel }: FormFeedbackProps): React$1.JSX.Element;
 
 interface FormRowProps {
+    /** Visible label associated with the form control. */
     label: ReactNode;
+    /** Identifier of the labelled form control. */
     htmlFor: string;
+    /** Marks the label as required for assistive technology. */
     required?: boolean;
+    /** Supplementary guidance displayed below the control. */
     hint?: ReactNode;
+    /** Validation message announced to the user. */
     error?: ReactNode;
     className?: string;
     children: ReactNode;
 }
+/** Labelled form-control row with optional help text and validation feedback. */
 declare function FormRow({ label, htmlFor, required, hint, error, className, children }: FormRowProps): React$1.JSX.Element;
 
 type IconButtonProps = Omit<ButtonProps, "children"> & {
@@ -386,11 +524,13 @@ declare function IconButton({ label, children, href, className, variant, ...prop
 type CompatibleRef$2<T> = ((instance: T | null) => unknown) | {
     readonly current: T | null;
 } | null;
+/** Props for a single-line text input. */
 type InputProps = Omit<InputProps$1, "ref"> & {
+    /** Ref compatible with all supported React 19 type releases. */
     ref?: CompatibleRef$2<HTMLInputElement>;
 };
 declare const InputImpl: React$1.ForwardRefExoticComponent<InputProps$1 & React$1.RefAttributes<HTMLInputElement>>;
-/** Forward-ref component with a ref type compatible across React 19 type releases. */
+/** Accessible single-line input with a ref type compatible across React 19 type releases. */
 declare const Input: (props: InputProps) => ReturnType<typeof InputImpl>;
 
 type CompatibleRef$1<T> = ((instance: T | null) => unknown) | {
@@ -403,13 +543,14 @@ declare const TextareaImpl: React$1.ForwardRefExoticComponent<TextAreaProps & Re
 /** Forward-ref component with a ref type compatible across React 19 type releases. */
 declare const Textarea: (props: TextareaProps) => ReturnType<typeof TextareaImpl>;
 
+/** Visually joins an input or textarea with contextual text and actions. */
 declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, onClick, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type InputGroupButtonProps = Omit<ButtonProps, "size"> & VariantProps<typeof inputGroupButtonVariants>;
 declare function InputGroupButton({ className, type, variant, size, ...props }: InputGroupButtonProps): React$1.JSX.Element;
@@ -417,18 +558,36 @@ declare function InputGroupText({ className, ...props }: React.ComponentProps<"s
 declare function InputGroupInput({ className, ...props }: React.ComponentProps<typeof Input>): React$1.JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<typeof Textarea>): React$1.JSX.Element;
 
+/** Formats a keyboard key or shortcut with semantic `kbd` markup. */
 declare function Kbd({ className, ...props }: React$1.ComponentProps<"kbd">): React$1.JSX.Element;
 declare function KbdGroup({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
 
+/** Busy overlay that keeps the loading state available to assistive technology. */
 declare function LoadingOverlay({ label, className, ...props }: React$1.ComponentProps<"div"> & {
     label?: string;
 }): React$1.JSX.Element;
 
 declare const MenuTrigger: typeof MenuTrigger$1;
 declare function MenuContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
+/** Accessible collection of actions or options within a {@link MenuTrigger}. */
 declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): React$1.JSX.Element;
 declare function MenuItem<T extends object>({ className, children, ...props }: MenuItemProps<T>): React$1.JSX.Element;
 
+type MetricCardProps = Omit<React$1.ComponentProps<typeof Card>, "children"> & {
+    /** Short name of the metric. */
+    label: React$1.ReactNode;
+    /** Primary metric value. */
+    value: React$1.ReactNode;
+    /** Optional supporting information, such as freshness or comparison. */
+    description?: React$1.ReactNode;
+    /** Decorative or labelled visual accompanying the metric. */
+    icon?: React$1.ReactNode;
+    /** Semantic emphasis without coupling the card to a product status. */
+    tone?: "default" | "success" | "warning" | "danger" | "info";
+};
+/** Compact, accessible summary of a labelled metric. */
+declare function MetricCard({ className, label, value, description, icon, tone, ...props }: MetricCardProps): React$1.JSX.Element;
+
 declare const sizeClasses: {
     readonly sm: "w-[min(calc(100dvw-2rem),24rem)]";
     readonly md: "w-[min(calc(100dvw-2rem),28rem)]";
@@ -470,6 +629,7 @@ declare const OtpInputImpl: React$1.ForwardRefExoticComponent<Omit<OtpInputProps
 /** A single accessible input visually split into slots for numeric one-time codes. */
 declare const OtpInput: (props: OtpInputProps) => ReturnType<typeof OtpInputImpl>;
 
+/** Page-level heading layout with optional description and actions. */
 declare function PageHeader({ className, ...props }: React$1.ComponentProps<"header">): React$1.JSX.Element;
 declare function PageHeaderHeading({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function PageHeaderTitle({ className, ...props }: React$1.ComponentProps<"h1">): React$1.JSX.Element;
@@ -477,12 +637,22 @@ declare function PageHeaderDescription({ className, ...props }: React$1.Componen
 declare function PageHeaderActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 
 type PaginationProps = {
+    /** Currently selected page, starting at one. */
     page: number;
+    /** Total number of pages available. */
     pageCount: number;
+    /** Called with the page selected by the user. */
     onPageChange: (page: number) => void;
+    /** Accessible name for the page navigation landmark. */
+    ariaLabel?: string;
+    /** Optional description of the slice of results currently visible. */
+    summary?: React$1.ReactNode;
+    /** Number of neighbouring pages shown around the current page. */
+    siblingCount?: number;
     className?: string;
 };
-declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): React$1.JSX.Element;
+/** Navigation control for a known number of result pages. */
+declare function Pagination({ page, pageCount, onPageChange, ariaLabel, summary, siblingCount, className, }: PaginationProps): React$1.JSX.Element | null;
 
 type PopoverProps = Omit<PopoverProps$1, "className"> & {
     className?: string;
@@ -491,6 +661,7 @@ type PopoverProps = Omit<PopoverProps$1, "className"> & {
 /** Wrap a trigger and Popover surface; React Aria handles focus and positioning. */
 declare const PopoverTrigger: typeof DialogTrigger$1;
 declare function Popover({ className, ...props }: PopoverProps): React$1.JSX.Element;
+/** Floating content positioned and focus-managed by {@link PopoverTrigger}. */
 declare const PopoverContent: typeof Popover;
 
 type QuantityInputProps = Omit<NumberFieldProps, "children" | "className"> & {
@@ -502,23 +673,23 @@ type QuantityInputProps = Omit<NumberFieldProps, "children" | "className"> & {
 /** A compact quantity control with accessible stepper buttons and numeric keyboard support. */
 declare function QuantityInput({ className, inputClassName, decrementAriaLabel, incrementAriaLabel, minValue, step, ...props }: QuantityInputProps): React$1.JSX.Element;
 
-declare const SearchField: (props: SearchFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
-
-declare function SearchInput({ className, ...props }: InputProps$1): React$1.JSX.Element;
-declare function SearchClearButton({ className, children, ...props }: Omit<ButtonProps$1, "className"> & {
-    className?: string;
-}): React$1.JSX.Element;
-
+/** State container for an accessible select control and its option collection. */
 declare const Select: <T, M extends "multiple" | "single" = "single">(props: SelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 
+/** Button that opens the option list of its parent {@link Select}. */
 declare function SelectTrigger({ className, children, ...props }: ButtonProps$1): React$1.JSX.Element;
+/** Displays the selected option or its placeholder. */
 declare function SelectValue({ className, ...props }: React.ComponentProps<typeof SelectValue$1>): React$1.JSX.Element;
+/** Floating surface that contains a {@link SelectList}. */
 declare function SelectContent({ className, ...props }: React.ComponentProps<typeof Popover$1>): React$1.JSX.Element;
+/** Scrollable list of {@link SelectItem} options. */
 declare function SelectList<T extends object>({ className, ...props }: ListBoxProps<T>): React$1.JSX.Element;
+/** Selectable option within a {@link SelectList}. */
 declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
 
 declare function SheetTrigger({ ...props }: DialogTriggerProps$1): React$1.JSX.Element;
 declare function SheetClose({ className, variant, size, ...props }: ButtonProps): React$1.JSX.Element;
+/** Dismissable modal panel that slides in from a screen edge. */
 declare function Sheet({ className, children, side, showCloseButton, ...props }: Omit<ModalOverlayProps, "className" | "children"> & Pick<React$1.ComponentProps<typeof Modal>, "isDismissable"> & {
     className?: string;
     children: React$1.ReactNode;
@@ -540,10 +711,12 @@ type SidebarContextValue = {
     toggle: () => void;
 };
 declare function useSidebar(): SidebarContextValue;
+/** Provides the expanded or collapsed state required by sidebar components. */
 declare function SidebarProvider({ defaultCollapsed, children, }: {
     defaultCollapsed?: boolean;
     children: ReactNode;
 }): React$1.JSX.Element;
+/** Primary application navigation; render it within a {@link SidebarProvider}. */
 declare function Sidebar({ className, ...props }: React.ComponentProps<"aside">): React$1.JSX.Element;
 declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 declare function SidebarSearch({ label, shortcut, className, ...props }: React.ComponentProps<"button"> & {
@@ -567,13 +740,17 @@ declare function SidebarTrigger({ className, ...props }: ButtonProps): React$1.J
 declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React$1.JSX.Element;
 declare function SidebarMore({ className, ...props }: ButtonProps): React$1.JSX.Element;
 
+/** Decorative placeholder displayed while content is loading. */
 declare function Skeleton({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 
 interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
+    /** Text displayed while the parent form is submitting or loading is set. */
     pendingLabel?: string;
+    /** Explicit loading state in addition to the parent form status. */
     loading?: boolean;
     children: React.ReactNode;
 }
+/** Submit button that disables itself and announces progress while a form is pending. */
 declare function SubmitButton({ pendingLabel, loading, children, isDisabled, size, ...props }: SubmitButtonProps): React$1.JSX.Element;
 
 declare const switchSizes: {
@@ -625,10 +802,15 @@ declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tf
 type TabsProps = TabsProps$1;
 type TabProps = TabProps$1;
 type TabPanelProps = TabPanelProps$1;
+/** State container that coordinates a tab list with its associated panels. */
 declare function Tabs({ className, ...props }: TabsProps$1): React$1.JSX.Element;
+/** Container for the selectable {@link TabsTrigger} elements. */
 declare function TabsList<T extends object>({ className, ...props }: TabListProps<T>): React$1.JSX.Element;
+/** Tab control that selects the {@link TabsContent} with the same identifier. */
 declare function TabsTrigger({ className, ...props }: TabProps$1): React$1.JSX.Element;
+/** Container for the panels associated with a {@link TabsList}. */
 declare function TabsPanels<T extends object>({ className, ...props }: TabPanelsProps<T>): React$1.JSX.Element;
+/** Content panel displayed for the selected {@link TabsTrigger}. */
 declare function TabsContent({ className, ...props }: TabPanelProps$1): React$1.JSX.Element;
 
 type ToastVariant = "default" | "success" | "error" | "warning" | "info";
@@ -675,6 +857,7 @@ declare function useToast(): ((options: ToastOptions) => string) & {
 declare function ToastProvider({ children }: {
     children: ReactNode;
 }): React$1.JSX.Element;
+/** Viewport that renders notifications created with {@link toast}. */
 declare function Toaster({ position }: {
     position?: ToastPosition;
 }): React$1.JSX.Element;
@@ -687,14 +870,20 @@ declare function Toast({ id, title, description, variant, action, state, duratio
     onDismiss?: () => void;
 }): null;
 
+/** Groups related actions with the toolbar semantic role. */
 declare function Toolbar({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function ToolbarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function ToolbarSpacer({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 
+/** Couples a focusable trigger with its {@link Tooltip} content. */
 declare function TooltipTrigger({ delay, children, ...props }: React$1.ComponentProps<typeof TooltipTrigger$1>): React$1.JSX.Element;
+/**
+ * Brief contextual information revealed from a {@link TooltipTrigger}.
+ * Do not use it as the only label or as essential content.
+ */
 declare function Tooltip({ className, placement, offset, crossOffset, children, ...props }: Omit<React$1.ComponentProps<typeof Tooltip$1>, "children" | "className"> & {
     className?: string;
     children?: React$1.ReactNode;
 }): React$1.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, type AlertProps, AlertTitle, AppShell, type AppShellBreakpoint, AppShellContent, type AppShellContentProps, AppShellHeader, AppShellMain, AppShellMobileHeader, type AppShellProps, AppShellSidebar, AutocompleteCombobox, type AutocompleteComboboxProps, type AutosaveStatus, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, type AvatarProps, Badge, BadgeLink, type BadgeLinkProps, type BadgeProps, Breadcrumb, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, Command, CommandContent, CommandInput, CommandItem, CommandList, ConfirmDialog, type ConfirmDialogProps, DangerZone, type DangerZoneProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocPreview, type DocPreviewProps, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, FormFeedback, type FormFeedbackProps, type FormFeedbackState, FormRow, type FormRowProps, HighlightMatch, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, type InputGroupButtonProps, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, KbdGroup, Label, type LabelProps, LinkButton, type LinkButtonProps, LoadingOverlay, Menu, MenuContent, MenuItem, MenuTrigger, ModalDialog, type ModalDialogProps, OtpInput, type OtpInputProps, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderHeading, PageHeaderTitle, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverProps, PopoverTrigger, QuantityInput, type QuantityInputProps, SearchClearButton, SearchField, SearchInput, Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarMore, SidebarProvider, SidebarRail, SidebarSearch, SidebarSeparator, SidebarTrigger, Skeleton, SubmitButton, type SubmitButtonProps, Switch, type SwitchProps, type TabPanelProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsPanels, type TabsProps, TabsTrigger, type TextMatchPart, Textarea, type TextareaProps, Toast, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, ToastViewport, Toaster, Toolbar, ToolbarGroup, ToolbarSpacer, Tooltip, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, actionRipple, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AppShell, type AppShellBreakpoint, AppShellContent, type AppShellContentProps, AppShellHeader, AppShellMain, AppShellMobileHeader, type AppShellProps, AppShellSidebar, AutocompleteCombobox, type AutocompleteComboboxProps, type AutosaveStatus, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, type AvatarProps, Badge, BadgeLink, type BadgeLinkProps, type BadgeProps, Breadcrumb, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, Command, CommandContent, CommandInput, CommandItem, CommandList, ConfirmDialog, type ConfirmDialogProps, DangerZone, type DangerZoneProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocPreview, type DocPreviewProps, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, FormFeedback, type FormFeedbackProps, type FormFeedbackState, FormRow, type FormRowProps, HighlightMatch, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, type InputGroupButtonProps, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, KbdGroup, Label, type LabelProps, LinkButton, type LinkButtonProps, LoadingOverlay, Menu, MenuContent, MenuItem, MenuTrigger, MetricCard, type MetricCardProps, ModalDialog, type ModalDialogProps, OtpInput, type OtpInputProps, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderHeading, PageHeaderTitle, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverProps, PopoverTrigger, QuantityInput, type QuantityInputProps, Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarMore, SidebarProvider, SidebarRail, SidebarSearch, SidebarSeparator, SidebarTrigger, Skeleton, SubmitButton, type SubmitButtonProps, Switch, type SwitchProps, type TabPanelProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsPanels, type TabsProps, TabsTrigger, type TextMatchPart, Textarea, type TextareaProps, Toast, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, ToastViewport, Toaster, Toolbar, ToolbarGroup, ToolbarSpacer, Tooltip, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, actionRipple, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };