@doscientos/ui 0.1.27 → 0.1.29

package/dist/index.d.cts

@@ -3,11 +3,11 @@ 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, 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';
+import { DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, ButtonProps as ButtonProps$1, LinkProps, Text, Heading, Dialog as Dialog$1, ModalOverlayProps, 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, Menu as Menu$1, MenuTrigger as MenuTrigger$1, MenuSectionProps, MenuItemProps, Header, SubmenuTrigger, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTriggerProps as DialogTriggerProps$1, DialogTrigger as DialogTrigger$1, NumberFieldProps, SelectProps, SelectValue as SelectValue$1, Modal, 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";
+type AutosaveStatus = 'idle' | 'saving' | 'saved' | 'error';
 type UseAutosaveOptions<T> = {
     data: T;
     onSave: (data: T) => Promise<void>;
@@ -58,7 +58,7 @@ declare function Accordion({ className, ...props }: DisclosureGroupProps): React
 /** 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"> & {
+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. */
@@ -68,14 +68,15 @@ 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> & {
+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"];
+    variant?: VariantProps<typeof buttonVariants>['variant'];
     /** Preset height, spacing and icon dimensions. */
-    size?: VariantProps<typeof buttonVariants>["size"];
+    size?: VariantProps<typeof buttonVariants>['size'];
     className?: string;
 };
 /**
@@ -84,11 +85,11 @@ type ButtonProps = Omit<ButtonProps$1, "className"> & React$1.RefAttributes<HTML
  */
 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> & {
+type LinkButtonProps = Omit<LinkProps, 'className'> & VariantProps<typeof buttonVariants> & {
     /** Visual treatment for the navigation action's priority and intent. */
-    variant?: VariantProps<typeof buttonVariants>["variant"];
+    variant?: VariantProps<typeof buttonVariants>['variant'];
     /** Preset height, spacing and icon dimensions. */
-    size?: VariantProps<typeof buttonVariants>["size"];
+    size?: VariantProps<typeof buttonVariants>['size'];
     className?: string;
 };
 /**
@@ -97,6 +98,73 @@ type LinkButtonProps = Omit<LinkProps, "className"> & VariantProps<typeof button
  */
 declare function LinkButton({ className, variant, size, children, onClick, onPress, ...props }: LinkButtonProps): React$1.JSX.Element;
 
+/** Props for a controlled or uncontrolled dialog state container. */
+type DialogRootProps = {
+    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 DialogRoot({ children, defaultOpen, onOpenChange, open: controlledOpen, }: DialogRootProps): 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} or {@link DialogRoot}. */
+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;
+type DialogOverlayProps = Omit<ModalOverlayProps, 'children' | 'className' | 'isOpen' | 'onOpenChange'> & {
+    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;
+    className?: string;
+    contentSlot?: string;
+    onOverlayClick?: React$1.MouseEventHandler<HTMLDivElement>;
+    overlaySlot?: string;
+    showCloseButton?: boolean;
+};
+type SimpleDialogProps = DialogRootProps & Omit<DialogContentProps, 'children'> & {
+    /** Text for a default button, or an interactive element that opens the dialog. */
+    trigger: string | React$1.ReactElement;
+    /** Props for the default button rendered when {@link trigger} is text. */
+    triggerProps?: Omit<DialogTriggerProps, 'asChild' | 'children'>;
+};
+type DialogProps = DialogRootProps | SimpleDialogProps;
+/**
+ * A modal dialog with a simple trigger API.
+ * Omit {@link trigger} and compose {@link DialogRoot}, {@link DialogTrigger} and {@link DialogContent} directly.
+ */
+declare function Dialog(props: DialogProps): React$1.JSX.Element;
+/** Focus-managed modal content. Include a {@link DialogTitle} to give it an accessible name. */
+declare function DialogContent({ children, className, contentSlot, onOverlayClick, overlaySlot, 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 AlertDialogProps = {
     children: React$1.ReactNode;
     open: boolean;
@@ -107,49 +175,50 @@ declare function AlertDialog({ children, open, onOpenChange }: AlertDialogProps)
 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"> & {
+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 }: {
+}): React$1.JSX.Element;
+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;
+    size?: 'default' | 'sm';
+}): React$1.JSX.Element;
+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 }: React$1.ComponentProps<typeof DialogTitle>): React$1.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogDescription>): 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 function AlertDialogCancel({ children, onClick, ...props }: Omit<React$1.ComponentProps<typeof Button>, 'onPress'>): React$1.JSX.Element;
 
 declare const alertVariants: (props?: ({
     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"];
+    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;
-declare function AlertAction({ className, ...props }: React$1.ComponentProps<"div">): 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;
+declare function AlertAction({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
 
-type AppShellBreakpoint = "sm" | "md" | "lg";
-type AppShellProps = React$1.ComponentProps<"div"> & {
+type AppShellBreakpoint = 'sm' | 'md' | 'lg';
+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;
-declare function AppShellHeader({ className, ...props }: React$1.ComponentProps<"header">): React$1.JSX.Element;
-declare function AppShellMobileHeader({ className, ...props }: React$1.ComponentProps<"header">): React$1.JSX.Element;
-type AppShellContentProps = React$1.ComponentProps<"div"> & {
+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;
+declare function AppShellHeader({ className, ...props }: React$1.ComponentProps<'header'>): React$1.JSX.Element;
+declare function AppShellMobileHeader({ className, ...props }: React$1.ComponentProps<'header'>): React$1.JSX.Element;
+type AppShellContentProps = React$1.ComponentProps<'div'> & {
     /** Maximum content width. Use `full` for dense application screens. */
-    size?: "default" | "wide" | "full";
+    size?: 'default' | 'wide' | 'full';
     /** Adds the standard responsive content padding. */
     padded?: boolean;
     /** Lets this region scroll while the surrounding shell remains fixed. */
@@ -157,28 +226,29 @@ type AppShellContentProps = React$1.ComponentProps<"div"> & {
 };
 declare function AppShellContent({ className, size, padded, scrollable, ...props }: AppShellContentProps): React$1.JSX.Element;
 
-type AvatarProps = React.ComponentProps<"div"> & {
+type AvatarProps = React.ComponentProps<'div'> & {
     /** Avatar dimensions and fallback text size. */
-    size?: "xs" | "sm" | "default" | "lg";
+    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;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"span">): 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;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<'span'>): React$1.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<'span'>): React$1.JSX.Element;
 
 declare const badgeVariants: (props?: ({
     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"];
+    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> & {
+type BadgeLinkProps = Omit<LinkProps, 'className'> & VariantProps<typeof badgeVariants> & {
     className?: string;
 };
 declare function BadgeLink({ className, variant, ...props }: BadgeLinkProps): React$1.JSX.Element;
@@ -187,8 +257,8 @@ declare function BadgeLink({ className, variant, ...props }: BadgeLinkProps): Re
 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;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): React$1.JSX.Element;
+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. */
@@ -197,35 +267,36 @@ declare function Separator({ className, orientation, ...props }: SeparatorProps)
 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"> & {
+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;
 
-type CardProps = React$1.ComponentProps<"div"> & {
+type CardProps = React$1.ComponentProps<'div'> & {
     /** Spacing preset for standard or compact content. */
-    size?: "default" | "sm";
+    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;
-declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-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;
+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;
+declare function CardDescription({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
+declare function CardAction({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
+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"> & {
+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"> & {
+type CollapsibleProps = React$1.ComponentProps<'div'> & {
     /** Initial state when the component is uncontrolled. */
     defaultOpen?: boolean;
     /** Called after the expanded state changes. */
@@ -236,13 +307,13 @@ type CollapsibleProps = React$1.ComponentProps<"div"> & {
 /** 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"> & {
+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">;
+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;
 
@@ -254,12 +325,12 @@ declare function ComboboxList<T extends object>({ className, emptyState, ...prop
     emptyState?: React.ReactNode;
 }): React$1.JSX.Element;
 declare function ComboboxItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
-declare function HighlightMatch({ text, query, className }: {
+declare function HighlightMatch({ text, query, className, }: {
     text: string;
     query: string;
     className?: string;
 }): React$1.JSX.Element;
-type AutocompleteComboboxProps<T extends object> = Omit<ComboBoxProps<T>, "children" | "items" | "inputValue" | "onInputChange" | "selectedKey" | "onSelectionChange" | "defaultFilter"> & {
+type AutocompleteComboboxProps<T extends object> = Omit<ComboBoxProps<T>, 'children' | 'items' | 'inputValue' | 'onInputChange' | 'selectedKey' | 'onSelectionChange' | 'defaultFilter'> & {
     items: readonly T[];
     getItemKey: (item: T) => Key;
     getItemLabel: (item: T) => string;
@@ -309,59 +380,6 @@ 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;
-type DialogOverlayProps = Omit<ModalOverlayProps, "children" | "className" | "isOpen" | "onOpenChange"> & {
-    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;
-    className?: string;
-    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 = {
     /** Signed storage URL, generated by the consuming application. */
     mimeType: string | null;
@@ -370,27 +388,29 @@ type DocPreviewProps = {
 };
 declare function DocPreview({ url, mimeType, name }: DocPreviewProps): React$1.JSX.Element;
 
-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 }: 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;
+type DropdownMenuContentProps = 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;
     children?: React$1.ReactNode;
-}): React$1.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: Omit<MenuSectionProps<object>, "children"> & {
+};
+/** Floating menu of actions or selections opened by a {@link DropdownMenuTrigger}. */
+declare function DropdownMenuContent({ 'data-slot': dataSlot, placement, offset, crossOffset, className, children, ...props }: DropdownMenuContentProps): React$1.JSX.Element;
+type DropdownMenuTriggerStateProps = Pick<React$1.ComponentProps<typeof MenuTrigger$1>, 'defaultOpen' | 'isOpen' | 'onOpenChange'>;
+type SimpleDropdownMenuProps = DropdownMenuContentProps & DropdownMenuTriggerStateProps & {
+    /** Text for a default button, or an interactive element that opens the menu. */
+    trigger: string | React$1.ReactElement;
+    /** Props for the default button rendered when {@link trigger} is text. */
+    triggerProps?: Omit<ButtonProps, 'children'>;
+    children: React$1.ReactNode;
+};
+type DropdownMenuProps = DropdownMenuContentProps | SimpleDropdownMenuProps;
+/**
+ * An action menu with a simple trigger API.
+ * Omit {@link trigger} and use {@link DropdownMenuTrigger} plus {@link DropdownMenuContent} for advanced composition.
+ */
+declare function DropdownMenu(props: DropdownMenuProps): React$1.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: Omit<MenuSectionProps<object>, 'children'> & {
     children?: React$1.ReactNode;
 }): React$1.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof Header> & {
@@ -398,61 +418,63 @@ declare function DropdownMenuLabel({ className, inset, ...props }: React$1.Compo
 }): React$1.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, children, ...props }: MenuItemProps<object> & {
     inset?: boolean;
-    variant?: "default" | "destructive";
+    variant?: 'default' | 'destructive';
 }): React$1.JSX.Element;
 declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof SubmenuTrigger>): React$1.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuItemProps<object> & {
     inset?: boolean;
 }): React$1.JSX.Element;
-declare function DropdownMenuSubContent({ placement, crossOffset, offset, className, ...props }: React$1.ComponentProps<typeof DropdownMenu>): React$1.JSX.Element;
+declare function DropdownMenuSubContent({ placement, crossOffset, offset, className, ...props }: React$1.ComponentProps<typeof DropdownMenuContent>): React$1.JSX.Element;
 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;
+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?: ({
     variant?: "default" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function EmptyStateMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof emptyStateMediaVariants>): React$1.JSX.Element;
-declare function EmptyStateTitle({ className, ...props }: React$1.ComponentProps<"h3">): React$1.JSX.Element;
-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;
+
+/** 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 function EmptyStateMedia({ className, variant, ...props }: React$1.ComponentProps<'div'> & VariantProps<typeof emptyStateMediaVariants>): React$1.JSX.Element;
+declare function EmptyStateTitle({ className, children, ...props }: React$1.ComponentProps<'h3'>): React$1.JSX.Element;
+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>;
 
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
 /** Semantic fieldset for controls that share a {@link FieldLegend}. */
-declare function FieldSet({ className, ...props }: React$1.ComponentProps<"fieldset">): React$1.JSX.Element;
+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";
+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;
+declare function FieldGroup({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
 /** Props for the layout wrapper of a labelled form control. */
-type FieldProps = React$1.ComponentProps<"div"> & VariantProps<typeof fieldVariants> & {
+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"];
+    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;
+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;
+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;
+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;
+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"> & {
+type FieldErrorProps = React$1.ComponentProps<'div'> & {
     /** Validation errors whose unique messages are rendered when no children are supplied. */
     errors?: Array<{
         message?: string;
@@ -462,26 +484,16 @@ type FieldErrorProps = React$1.ComponentProps<"div"> & {
 declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): React$1.JSX.Element | null;
 
 type FormFeedbackState = {
-    status: "idle";
+    status: 'idle';
 } | {
-    status: "pending";
+    status: 'pending';
 } | {
-    status: "success";
+    status: 'success';
     message?: string;
 } | {
-    status: "error";
+    status: 'error';
     message: string;
 };
-declare function useFormFeedback(options?: {
-    successResetMs?: number;
-}): {
-    state: FormFeedbackState;
-    pending: boolean;
-    setPending: () => void;
-    setSuccess: (message?: string) => void;
-    setError: (message: string) => void;
-    reset: () => void;
-};
 interface FormFeedbackProps {
     /** Current submission state and optional user-facing result message. */
     state: FormFeedbackState;
@@ -492,7 +504,18 @@ interface FormFeedbackProps {
     successLabel?: string;
 }
 /** Live status message for pending, successful and failed form submissions. */
-declare function FormFeedback({ state, className, pendingLabel, successLabel }: FormFeedbackProps): React$1.JSX.Element;
+declare function FormFeedback({ state, className, pendingLabel, successLabel, }: FormFeedbackProps): React$1.JSX.Element;
+
+declare function useFormFeedback(options?: {
+    successResetMs?: number;
+}): {
+    state: FormFeedbackState;
+    pending: boolean;
+    setPending: () => void;
+    setSuccess: (message?: string) => void;
+    setError: (message: string) => void;
+    reset: () => void;
+};
 
 interface FormRowProps {
     /** Visible label associated with the form control. */
@@ -509,9 +532,9 @@ interface FormRowProps {
     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;
+declare function FormRow({ label, htmlFor, required, hint, error, className, children, }: FormRowProps): React$1.JSX.Element;
 
-type IconButtonProps = Omit<ButtonProps, "children"> & {
+type IconButtonProps = Omit<ButtonProps, 'children'> & {
     /** Accessible name and text shown in the tooltip. */
     label: string;
     /** Optional href for rendering the action as an accessible link. */
@@ -525,7 +548,7 @@ 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"> & {
+type InputProps = Omit<InputProps$1, 'ref'> & {
     /** Ref compatible with all supported React 19 type releases. */
     ref?: CompatibleRef$2<HTMLInputElement>;
 };
@@ -536,34 +559,35 @@ declare const Input: (props: InputProps) => ReturnType<typeof InputImpl>;
 type CompatibleRef$1<T> = ((instance: T | null) => unknown) | {
     readonly current: T | null;
 } | null;
-type TextareaProps = Omit<TextAreaProps, "ref"> & {
+type TextareaProps = Omit<TextAreaProps, 'ref'> & {
     ref?: CompatibleRef$1<HTMLTextAreaElement>;
 };
 declare const TextareaImpl: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 /** 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;
+
+/** Visually joins an input or textarea with contextual text and actions. */
+declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function InputGroupAddon({ className, align, onClick, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
     size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type InputGroupButtonProps = Omit<ButtonProps, "size"> & VariantProps<typeof inputGroupButtonVariants>;
+type InputGroupButtonProps = Omit<ButtonProps, 'size'> & VariantProps<typeof inputGroupButtonVariants>;
 declare function InputGroupButton({ className, type, variant, size, ...props }: InputGroupButtonProps): React$1.JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): React$1.JSX.Element;
 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;
+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"> & {
+declare function LoadingOverlay({ label, className, ...props }: React$1.ComponentProps<'output'> & {
     label?: string;
 }): React$1.JSX.Element;
 
@@ -573,7 +597,7 @@ declare function MenuContent({ className, ...props }: React.ComponentProps<typeo
 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"> & {
+type MetricCardProps = Omit<React$1.ComponentProps<typeof Card>, 'children'> & {
     /** Short name of the metric. */
     label: React$1.ReactNode;
     /** Primary metric value. */
@@ -583,38 +607,15 @@ type MetricCardProps = Omit<React$1.ComponentProps<typeof Card>, "children"> & {
     /** 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";
+    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)]";
-    readonly lg: "w-[min(calc(100dvw-2rem),36rem)]";
-};
-type ModalDialogProps = Omit<ModalOverlayProps, "children" | "className" | "isOpen" | "onOpenChange"> & {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    title: React$1.ReactNode;
-    description?: React$1.ReactNode;
-    children?: React$1.ReactNode;
-    footer?: React$1.ReactNode;
-    size?: keyof typeof sizeClasses;
-    showCloseButton?: boolean;
-    className?: string;
-    footerClassName?: string;
-};
-/**
- * Accessible modal with a consistent title, optional description, body and footer.
- * Its width is self-contained so consumer CSS cannot override it with max-width utilities.
- */
-declare function ModalDialog({ open, onOpenChange, title, description, children, footer, size, showCloseButton, className, footerClassName, ...props }: ModalDialogProps): React$1.JSX.Element;
-
 type CompatibleRef<T> = ((instance: T | null) => unknown) | {
     readonly current: T | null;
 } | null;
-type OtpInputProps = Omit<InputProps$1, "children" | "className" | "defaultValue" | "maxLength" | "onChange" | "type" | "value"> & {
+type OtpInputProps = Omit<InputProps$1, 'children' | 'className' | 'defaultValue' | 'maxLength' | 'onChange' | 'type' | 'value'> & {
     /** Number of numeric characters in the code. */
     length?: number;
     value?: string;
@@ -630,11 +631,11 @@ declare const OtpInputImpl: React$1.ForwardRefExoticComponent<Omit<OtpInputProps
 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;
-declare function PageHeaderDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
-declare function PageHeaderActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+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, children, ...props }: React$1.ComponentProps<'h1'>): React$1.JSX.Element;
+declare function PageHeaderDescription({ className, ...props }: React$1.ComponentProps<'p'>): React$1.JSX.Element;
+declare function PageHeaderActions({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
 
 type PaginationProps = {
     /** Currently selected page, starting at one. */
@@ -654,17 +655,30 @@ type PaginationProps = {
 /** 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"> & {
+type PopoverContentProps = Omit<PopoverProps$1, 'className' | 'trigger'> & {
     className?: string;
 };
 
 /** 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;
+declare function PopoverContent({ className, ...props }: PopoverContentProps): React$1.JSX.Element;
+type PopoverTriggerStateProps = Pick<DialogTriggerProps$1, 'defaultOpen' | 'isOpen' | 'onOpenChange'>;
+type SimplePopoverProps = PopoverContentProps & PopoverTriggerStateProps & {
+    /** Text for a default button, or an interactive element that opens the popover. */
+    trigger: string | React$1.ReactElement;
+    /** Props for the default button rendered when {@link trigger} is text. */
+    triggerProps?: Omit<ButtonProps, 'children'>;
+    children: React$1.ReactNode;
+};
+type PopoverProps = PopoverContentProps | SimplePopoverProps;
+/**
+ * A contextual surface with a simple trigger API.
+ * Omit {@link trigger} and use {@link PopoverTrigger} plus {@link PopoverContent} for advanced composition.
+ */
+declare function Popover(props: PopoverProps): React$1.JSX.Element;
 
-type QuantityInputProps = Omit<NumberFieldProps, "children" | "className"> & {
+type QuantityInputProps = Omit<NumberFieldProps, 'children' | 'className'> & {
     className?: string;
     inputClassName?: string;
     decrementAriaLabel?: string;
@@ -690,42 +704,62 @@ declare function SelectItem<T extends object>({ className, children, ...props }:
 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"> & {
+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;
-    side?: "top" | "right" | "bottom" | "left";
+    side?: 'top' | 'right' | 'bottom' | 'left';
     showCloseButton?: boolean;
 }): React$1.JSX.Element;
 declare function SheetContent({ className, children, side, showCloseButton, ...props }: React$1.ComponentProps<typeof Sheet> & {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: 'top' | 'right' | 'bottom' | 'left';
     showCloseButton?: boolean;
 }): React$1.JSX.Element;
-declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function SheetTitle({ className, ...props }: Omit<React$1.ComponentProps<typeof Heading>, "slot">): React$1.JSX.Element;
-declare function SheetDescription({ className, ...props }: Omit<React$1.ComponentProps<typeof Text>, "slot">): React$1.JSX.Element;
-
-type SidebarContextValue = {
-    collapsed: boolean;
-    setCollapsed: (value: boolean) => void;
-    toggle: () => void;
+/** Props for the simple {@link Drawer} API. */
+type DrawerProps = React$1.ComponentProps<typeof SheetContent> & Pick<DialogTriggerProps$1, 'defaultOpen' | 'isOpen' | 'onOpenChange'> & {
+    /** Text for a default button, or an interactive element that opens the drawer. */
+    trigger: string | React$1.ReactElement;
+    /** Props for the default button rendered when {@link trigger} is text. */
+    triggerProps?: Omit<ButtonProps, 'children'>;
 };
-declare function useSidebar(): SidebarContextValue;
+/**
+ * A dismissable modal panel with a simple trigger API.
+ * Use {@link DrawerTrigger} plus {@link DrawerContent} for advanced composition.
+ */
+declare function Drawer({ children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps }: DrawerProps): React$1.JSX.Element;
+declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
+declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
+declare function SheetTitle({ className, ...props }: Omit<React$1.ComponentProps<typeof Heading>, 'slot'>): React$1.JSX.Element;
+declare function SheetDescription({ className, ...props }: Omit<React$1.ComponentProps<typeof Text>, 'slot'>): React$1.JSX.Element;
+/** Explicit advanced-composition name for {@link SheetTrigger}. */
+declare const DrawerTrigger: typeof SheetTrigger;
+/** Explicit advanced-composition name for {@link Sheet}. */
+declare const DrawerContent: typeof SheetContent;
+/** Explicit advanced-composition name for {@link SheetClose}. */
+declare const DrawerClose: typeof SheetClose;
+/** Explicit advanced-composition name for {@link SheetHeader}. */
+declare const DrawerHeader: typeof SheetHeader;
+/** Explicit advanced-composition name for {@link SheetFooter}. */
+declare const DrawerFooter: typeof SheetFooter;
+/** Explicit advanced-composition name for {@link SheetTitle}. */
+declare const DrawerTitle: typeof SheetTitle;
+/** Explicit advanced-composition name for {@link SheetDescription}. */
+declare const DrawerDescription: typeof SheetDescription;
+
 /** 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"> & {
+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'> & {
     label?: string;
     shortcut?: string;
 }): React$1.JSX.Element;
-declare function SidebarContent({ className, ...props }: React.ComponentProps<"nav">): React$1.JSX.Element;
-declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
-declare function SidebarGroup({ label, className, children, ...props }: React.ComponentProps<"section"> & {
+declare function SidebarContent({ className, ...props }: React.ComponentProps<'nav'>): React$1.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function SidebarGroup({ label, className, children, ...props }: React.ComponentProps<'section'> & {
     label?: string;
 }): React$1.JSX.Element;
 type SidebarItemProps = LinkProps & {
@@ -735,23 +769,33 @@ type SidebarItemProps = LinkProps & {
     label?: string;
 };
 declare function SidebarItem({ icon, active, badge, label, children, className, ...props }: SidebarItemProps): React$1.JSX.Element;
-declare function SidebarSeparator({ className, ...props }: React.ComponentProps<"hr">): React$1.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<'hr'>): React$1.JSX.Element;
 declare function SidebarTrigger({ className, ...props }: ButtonProps): React$1.JSX.Element;
-declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React$1.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): React$1.JSX.Element;
 declare function SidebarMore({ className, ...props }: ButtonProps): React$1.JSX.Element;
 
+type SidebarContextValue = {
+    collapsed: boolean;
+    setCollapsed: (value: boolean) => void;
+    toggle: () => void;
+};
+declare const SidebarContext: React$1.Context<SidebarContextValue | null>;
+declare function useSidebar(): SidebarContextValue;
+
 /** Decorative placeholder displayed while content is loading. */
-declare function Skeleton({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function Skeleton({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
 
-interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
+interface SubmitButtonProps extends Omit<ButtonProps, 'type'> {
     /** Text displayed while the parent form is submitting or loading is set. */
+    loadingLabel?: string;
+    /** @deprecated Use `loadingLabel` instead. */
     pendingLabel?: string;
     /** Explicit loading state in addition to the parent form status. */
     loading?: boolean;
-    children: React.ReactNode;
+    children: React$1.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 function SubmitButton({ loadingLabel, pendingLabel, loading, children, isDisabled, ref: forwardedRef, size, ...props }: SubmitButtonProps): React$1.JSX.Element;
 
 declare const switchSizes: {
     readonly sm: {
@@ -779,7 +823,7 @@ declare const switchSizes: {
         readonly activeSelectedOffset: "1rem";
     };
 };
-type SwitchProps = Omit<SwitchProps$1, "className"> & {
+type SwitchProps = Omit<SwitchProps$1, 'className'> & {
     className?: string;
     size?: keyof typeof switchSizes;
     description?: ReactNode;
@@ -790,14 +834,14 @@ type SwitchProps = Omit<SwitchProps$1, "className"> & {
 declare function Switch({ className, children, description, icon, inputRef, isDisabled, isReadOnly, selectedIcon, size, ...props }: SwitchProps): React$1.JSX.Element;
 
 /** Presentational table primitives. Sorting, pagination and data state stay in the application. */
-declare function Table({ className, ...props }: React$1.ComponentProps<"table">): React$1.JSX.Element;
-declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
-declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
-declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
-declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): React$1.JSX.Element;
-declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): React$1.JSX.Element;
-declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): React$1.JSX.Element;
-declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
+declare function Table({ className, ...props }: React$1.ComponentProps<'table'>): React$1.JSX.Element;
+declare function TableHeader({ className, ...props }: React$1.ComponentProps<'thead'>): React$1.JSX.Element;
+declare function TableBody({ className, ...props }: React$1.ComponentProps<'tbody'>): React$1.JSX.Element;
+declare function TableRow({ className, ...props }: React$1.ComponentProps<'tr'>): React$1.JSX.Element;
+declare function TableHead({ className, ...props }: React$1.ComponentProps<'th'>): React$1.JSX.Element;
+declare function TableCell({ className, ...props }: React$1.ComponentProps<'td'>): React$1.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.ComponentProps<'caption'>): React$1.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.ComponentProps<'tfoot'>): React$1.JSX.Element;
 
 type TabsProps = TabsProps$1;
 type TabProps = TabProps$1;
@@ -813,8 +857,8 @@ declare function TabsPanels<T extends object>({ className, ...props }: TabPanels
 /** 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";
-type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 type ToastAction = {
     label: string;
     onPress: () => void;
@@ -829,8 +873,24 @@ type ToastOptions = {
 };
 type ToastData = ToastOptions & {
     id: string;
-    state: "open" | "closing";
+    state: 'open' | 'closing';
 };
+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;
+declare function ToastViewport({ position, visiblePosition, className, }: {
+    position: ToastPosition;
+    visiblePosition?: ToastPosition;
+    className?: string;
+}): React$1.JSX.Element | null;
+declare function Toast({ id, title, description, variant, action, state, duration, position, onDismiss, }: ToastData & {
+    onDismiss?: () => void;
+}): null;
+
 type ToastPromiseOptions<T> = {
     loading: string;
     success: string | ((value: T) => string);
@@ -854,36 +914,36 @@ declare function useToast(): ((options: ToastOptions) => string) & {
     dismiss: (id: string) => void;
     promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
 };
-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;
-declare function ToastViewport({ position, visiblePosition, className }: {
-    position: ToastPosition;
-    visiblePosition?: ToastPosition;
-    className?: string;
-}): React$1.JSX.Element | null;
-declare function Toast({ id, title, description, variant, action, state, duration, position, onDismiss }: ToastData & {
-    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;
+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;
+/** Couples a focusable trigger with its {@link TooltipContent} content. */
+declare function TooltipTrigger({ delay, ...props }: React$1.ComponentProps<typeof TooltipTrigger$1>): React$1.JSX.Element;
+type TooltipSurfaceProps = Omit<React$1.ComponentProps<typeof Tooltip$1>, 'children' | 'className'> & {
+    className?: string;
+};
+type TooltipProps = TooltipSurfaceProps & {
+    /** Contextual text or rich content shown when the trigger is focused or hovered. */
+    label: React$1.ReactNode;
+    /** The single focusable element that reveals the tooltip. */
+    children: React$1.ReactNode;
+    /** Delay before revealing the tooltip. */
+    delay?: React$1.ComponentProps<typeof TooltipTrigger$1>['delay'];
+};
+/**
+ * Brief contextual information for a focusable child.
+ * Do not use it as the child's only accessible label or as essential content.
+ */
+declare function Tooltip({ label, children, delay, ...props }: TooltipProps): 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;
+declare function TooltipContent({ className, placement, offset, crossOffset, children, ...props }: TooltipSurfaceProps & {
     children?: React$1.ReactNode;
 }): React$1.JSX.Element;
 
-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 };
+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, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps, DocPreview, type DocPreviewProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, type DropdownMenuProps, 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, OtpInput, type OtpInputProps, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderHeading, PageHeaderTitle, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, 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, SidebarContext, type SidebarContextValue, 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, TooltipContent, type TooltipProps, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, actionRipple, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };