@yuva-devlab/ui 1.1.0 → 1.3.0

package/dist/index.d.cts

@@ -3,22 +3,19 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { DayPicker, DayButton } from 'react-day-picker';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import * as recharts_types_util_payload_getUniqPayload from 'recharts/types/util/payload/getUniqPayload';
-import * as recharts_types_component_Tooltip from 'recharts/types/component/Tooltip';
-import * as recharts_types_util_types from 'recharts/types/util/types';
-import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/component/DefaultTooltipContent';
 import * as RechartsPrimitive from 'recharts';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
+import { Command as Command$1 } from 'cmdk';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as vaul from 'vaul';
 import { Drawer as Drawer$1 } from 'vaul';
@@ -27,7 +24,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import * as input_otp from 'input-otp';
+import { OTPInput } from 'input-otp';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -43,8 +40,8 @@ import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 
 /**
  * Merges multiple Tailwind class names and conditionally applied class definitions.
@@ -98,101 +95,435 @@ declare const useConfig: () => ThemeProviderState;
  */
 declare function useIsMobile(): boolean;
 
+/**
+ * Root Accordion component from Radix UI providing collapsible disclosure sections.
+ * Supports single-item or multi-item expansion.
+ *
+ * @example
+ * ```tsx
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>Is it accessible?</AccordionTrigger>
+ *     <AccordionContent>
+ *       Yes. It adheres to the WAI-ARIA design pattern.
+ *     </AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
 declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
+type AccordionItemProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
+/**
+ * Collapsible section item container within an `Accordion`.
+ */
 declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type AccordionTriggerProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
+/**
+ * Interactive header trigger button that toggles expansion of the associated accordion panel.
+ */
 declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type AccordionContentProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
+/**
+ * Animated content container revealed when an `AccordionItem` is opened.
+ */
 declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Alert variant configuration mapping to dl-* scoped CSS classes.
+ */
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+}
+/**
+ * Banner alert component for prominent user notifications, warnings, or error states.
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="destructive">
+ *   <AlertCircle className="size-4" />
+ *   <AlertTitle>Authentication Failed</AlertTitle>
+ *   <AlertDescription>
+ *     Your session has expired. Please log in again to continue.
+ *   </AlertDescription>
+ * </Alert>
+ * ```
+ */
+declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
+type AlertTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
+/**
+ * Bold header title element for an `Alert`.
+ */
+declare const AlertTitle: React$1.ForwardRefExoticComponent<AlertTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+type AlertDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
+/**
+ * Descriptive body text element within an `Alert`.
+ */
+declare const AlertDescription: React$1.ForwardRefExoticComponent<AlertDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Modal dialog that interrupts the user with critical information and requires an explicit response.
+ * Built upon Radix UI AlertDialog primitive with scoped CSS and token styling.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog open={open} onOpenChange={setOpen}>
+ *   <AlertDialogTrigger asChild>
+ *     <Button variant="destructive">Delete Project</Button>
+ *   </AlertDialogTrigger>
+ *   <AlertDialogContent>
+ *     <AlertDialogHeader>
+ *       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
+ *       <AlertDialogDescription>
+ *         This action cannot be undone. This will permanently delete your workspace.
+ *       </AlertDialogDescription>
+ *     </AlertDialogHeader>
+ *     <AlertDialogFooter>
+ *       <AlertDialogCancel>Cancel</AlertDialogCancel>
+ *       <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
+ *     </AlertDialogFooter>
+ *   </AlertDialogContent>
+ * </AlertDialog>
+ * ```
+ */
 declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
+/** Trigger button that opens the alert dialog. */
 declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Portals alert dialog to document.body for clean stacking. */
 declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+type AlertDialogOverlayProps = React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>;
+/** Semi-transparent backdrop overlay rendered beneath the alert dialog. */
 declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type AlertDialogContentProps = React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;
+/** Modal content container for the alert dialog. */
 declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Top container for alert dialog title and description. */
 declare const AlertDialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+/** Bottom container for alert dialog action buttons. */
 declare const AlertDialogFooter: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+/** Accessible title heading for the alert dialog. */
 declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+/** Explanatory description text for the alert dialog action. */
 declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+/** Confirmation button that completes the alert action. */
 declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Cancellation button that dismisses the alert dialog without side-effects. */
 declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-
+type AspectRatioProps = React.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root>;
+/**
+ * Displays content within a desired ratio (e.g. 16/9, 4/3, 1/1).
+ *
+ * @example
+ * ```tsx
+ * <div className="w-[300px]">
+ *   <AspectRatio ratio={16 / 9}>
+ *     <img
+ *       src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd"
+ *       alt="Photo by Drew Beamer"
+ *       className="rounded-md object-cover w-full h-full"
+ *     />
+ *   </AspectRatio>
+ * </div>
+ * ```
+ */
 declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type AvatarProps = React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
+/**
+ * Avatar container component displaying user profile images or initials fallback.
+ *
+ * @example
+ * ```tsx
+ * <Avatar>
+ *   <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
+ *   <AvatarFallback>CN</AvatarFallback>
+ * </Avatar>
+ * ```
+ */
 declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+type AvatarImageProps = React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
+/**
+ * Image element rendered within an `Avatar`.
+ */
 declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
+type AvatarFallbackProps = React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
+/**
+ * Fallback initials or icon element shown when the avatar image fails to load.
+ */
 declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
+/**
+ * Badge style variant generator using class-variance-authority.
+ */
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
+/**
+ * Small status or label indicator with curated design-token variant styling.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success">Completed</Badge>
+ * <Badge variant="destructive">Failed</Badge>
+ * <Badge variant="outline">v1.2.0</Badge>
+ * ```
+ */
 declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
+type BreadcrumbProps = React$1.ComponentPropsWithoutRef<"nav"> & {
+    separator?: React$1.ReactNode;
+};
+/**
+ * Breadcrumb navigation landmark providing context about the current page's
+ * location within a navigational hierarchy.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb>
+ *   <BreadcrumbList>
+ *     <BreadcrumbItem>
+ *       <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbLink href="/components">Components</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
+ *     </BreadcrumbItem>
+ *   </BreadcrumbList>
+ * </Breadcrumb>
+ * ```
+ */
 declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     separator?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLElement>>;
+type BreadcrumbListProps = React$1.ComponentPropsWithoutRef<"ol">;
+/**
+ * Ordered list container (`<ol>`) wrapping breadcrumb items and separators.
+ */
 declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
+type BreadcrumbItemProps = React$1.ComponentPropsWithoutRef<"li">;
+/**
+ * Individual item wrapper (`<li>`) within a breadcrumb trail.
+ */
 declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+type BreadcrumbLinkProps = React$1.ComponentPropsWithoutRef<"a"> & {
+    /** If true, renders the child component as the root link element (e.g. Next.js Link) */
+    asChild?: boolean;
+};
+/**
+ * Interactive link element within a breadcrumb trail.
+ */
 declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    /** If true, renders the child component as the root link element (e.g. Next.js Link) */
     asChild?: boolean;
 } & React$1.RefAttributes<HTMLAnchorElement>>;
+type BreadcrumbPageProps = React$1.ComponentPropsWithoutRef<"span">;
+/**
+ * Non-clickable page title representing the active, current page in a breadcrumb trail.
+ */
 declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+type BreadcrumbSeparatorProps = React$1.ComponentProps<"li">;
+/**
+ * Decorative divider between breadcrumb items (defaults to a chevron right icon).
+ */
 declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+    ({ children, className, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+type BreadcrumbEllipsisProps = React$1.ComponentProps<"span">;
+/**
+ * Ellipsis placeholder indicating intermediate collapsed path items.
+ */
 declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+/**
+ * Button visual variant and size configurations using scoped `dl-btn` CSS classes.
+ * Compatible with Class Variance Authority (CVA).
+ */
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * Useful when composing with Next.js Link or custom router anchors.
+     * @default false
+     */
     asChild?: boolean;
+    /**
+     * Content to render inside the button.
+     */
+    children?: React$1.ReactNode;
 }
+/**
+ * Primary interactive button component for triggering actions, submitting forms, or navigation.
+ * Pure CSS with zero runtime Tailwind dependencies.
+ *
+ * @example
+ * ```tsx
+ * // Default button
+ * <Button onClick={handleClick}>Click me</Button>
+ *
+ * // Destructive action
+ * <Button variant="destructive" size="sm">Delete Record</Button>
+ *
+ * // Composed as a link using Next.js Link
+ * <Button asChild variant="outline">
+ *   <Link href="/dashboard">Go to Dashboard</Link>
+ * </Button>
+ * ```
+ */
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
-}): react_jsx_runtime.JSX.Element;
+};
+/**
+ * Calendar component built on top of react-day-picker, supporting single,
+ * multiple, and date-range selection modes.
+ *
+ * @example
+ * ```tsx
+ * const [date, setDate] = React.useState<Date | undefined>(new Date());
+ *
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   className="rounded-md border"
+ * />
+ * ```
+ */
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
 
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+type CardProps = React$1.HTMLAttributes<HTMLDivElement>;
+/**
+ * Card container component providing a bordered surface with rounded corners,
+ * background color, and subtle shadow.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Notifications</CardTitle>
+ *     <CardDescription>Manage how you receive alerts.</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Your subscription is active.</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>Save Preferences</Button>
+ *   </CardFooter>
+ * </Card>
+ * ```
+ */
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
+type CardHeaderProps = React$1.HTMLAttributes<HTMLDivElement>;
+/**
+ * Header section of a `Card`, organizing titles, descriptions, and action buttons.
+ */
+declare const CardHeader: React$1.ForwardRefExoticComponent<CardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+type CardTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
+/**
+ * Primary title heading within a `CardHeader`.
+ */
+declare const CardTitle: React$1.ForwardRefExoticComponent<CardTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+type CardDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
+/**
+ * Secondary subtitle or description paragraph within a `CardHeader`.
+ */
+declare const CardDescription: React$1.ForwardRefExoticComponent<CardDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+type CardContentProps = React$1.HTMLAttributes<HTMLDivElement>;
+/**
+ * Main content body of a `Card`.
+ */
+declare const CardContent: React$1.ForwardRefExoticComponent<CardContentProps & React$1.RefAttributes<HTMLDivElement>>;
+type CardFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
+/**
+ * Footer area of a `Card` for primary and secondary actions.
+ */
+declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];
 type CarouselPlugin = UseCarouselParameters[1];
 type CarouselProps = {
+    /** Embla carousel configuration options */
     opts?: CarouselOptions;
+    /** Embla carousel plugins list (e.g. Autoplay) */
     plugins?: CarouselPlugin;
+    /** Scrolling orientation */
     orientation?: "horizontal" | "vertical";
+    /** Callback to receive the initialized Embla API instance */
     setApi?: (api: CarouselApi) => void;
 };
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+/**
+ * Accesses the parent Carousel context.
+ */
+declare function useCarousel(): CarouselContextProps;
+/**
+ * Interactive carousel slider powered by Embla Carousel.
+ *
+ * @example
+ * ```tsx
+ * <Carousel>
+ *   <CarouselContent>
+ *     <CarouselItem className="basis-1/3">Slide 1</CarouselItem>
+ *     <CarouselItem className="basis-1/3">Slide 2</CarouselItem>
+ *     <CarouselItem className="basis-1/3">Slide 3</CarouselItem>
+ *   </CarouselContent>
+ *   <CarouselPrevious />
+ *   <CarouselNext />
+ * </Carousel>
+ * ```
+ */
 declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+type CarouselContentProps = React$1.HTMLAttributes<HTMLDivElement>;
+/**
+ * Viewport and track container holding all carousel slides.
+ */
+declare const CarouselContent: React$1.ForwardRefExoticComponent<CarouselContentProps & React$1.RefAttributes<HTMLDivElement>>;
+type CarouselItemProps = React$1.HTMLAttributes<HTMLDivElement>;
+/**
+ * Individual slide element within a `CarouselContent` track.
+ */
+declare const CarouselItem: React$1.ForwardRefExoticComponent<CarouselItemProps & React$1.RefAttributes<HTMLDivElement>>;
+type CarouselPreviousProps = React$1.ComponentProps<typeof Button>;
+/**
+ * Navigation button that moves to the previous carousel slide.
+ */
 declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type CarouselNextProps = React$1.ComponentProps<typeof Button>;
+/**
+ * Navigation button that moves to the next carousel slide.
+ */
 declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const THEMES: {
@@ -211,56 +542,137 @@ type ChartConfig = {
         theme: Record<keyof typeof THEMES, string>;
     });
 };
-declare const ChartContainer: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+type ChartContainerProps = React$1.ComponentProps<"div"> & {
+    /** Configuration mapping series keys to colors, labels, and icons */
     config: ChartConfig;
+    /** Responsive chart content (Recharts element) */
     children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+};
+/**
+ * Responsive wrapper for Recharts visualizations with CSS variable theming and unified legend/tooltip support.
+ *
+ * @example
+ * ```tsx
+ * const chartConfig = {
+ *   desktop: { label: "Desktop", color: "var(--color-primary)" },
+ *   mobile: { label: "Mobile", color: "var(--color-muted)" },
+ * } satisfies ChartConfig;
+ *
+ * <ChartContainer config={chartConfig} className="min-h-[200px] w-full">
+ *   <BarChart data={chartData}>
+ *     <Bar dataKey="desktop" fill="var(--color-desktop)" radius={4} />
+ *     <Bar dataKey="mobile" fill="var(--color-mobile)" radius={4} />
+ *   </BarChart>
+ * </ChartContainer>
+ * ```
+ */
+declare const ChartContainer: React$1.ForwardRefExoticComponent<Omit<ChartContainerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
 }) => react_jsx_runtime.JSX.Element | null;
+/**
+ * Tooltip trigger component from Recharts.
+ */
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> & {
-    accessibilityLayer?: boolean;
-    active?: boolean | undefined;
-    includeHidden?: boolean | undefined;
-    allowEscapeViewBox?: recharts_types_util_types.AllowInDimension;
-    animationDuration?: recharts_types_util_types.AnimationDuration;
-    animationEasing?: recharts_types_util_types.AnimationTiming;
-    content?: recharts_types_component_Tooltip.ContentType<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> | undefined;
-    coordinate?: Partial<recharts_types_util_types.Coordinate>;
-    cursor?: boolean | React$1.ReactElement | React$1.SVGProps<SVGElement>;
-    filterNull?: boolean;
-    defaultIndex?: number;
-    isAnimationActive?: boolean;
-    offset?: number;
-    payloadUniqBy?: recharts_types_util_payload_getUniqPayload.UniqueOption<recharts_types_component_DefaultTooltipContent.Payload<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType>> | undefined;
-    position?: Partial<recharts_types_util_types.Coordinate>;
-    reverseDirection?: recharts_types_util_types.AllowInDimension;
-    shared?: boolean;
-    trigger?: "hover" | "click";
-    useTranslate3d?: boolean;
-    viewBox?: recharts_types_util_types.CartesianViewBox;
-    wrapperStyle?: React$1.CSSProperties;
-} & React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+type ChartTooltipContentProps = React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
+    /** Hides the series label */
     hideLabel?: boolean;
+    /** Hides the colored indicator icon */
     hideIndicator?: boolean;
+    /** Style of indicator: line, dot, or dashed */
     indicator?: "line" | "dot" | "dashed";
+    /** Custom key in payload for data series name */
     nameKey?: string;
+    /** Custom key in payload for label */
     labelKey?: string;
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+};
+/**
+ * Standard content container rendered inside a `ChartTooltip`.
+ */
+declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<Omit<ChartTooltipContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Legend component from Recharts.
+ */
 declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare const ChartLegendContent: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+type ChartLegendContentProps = React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    /** Hides the colored category icon */
     hideIcon?: boolean;
+    /** Custom key in payload for data series name */
     nameKey?: string;
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+};
+/**
+ * Standard legend container displaying labeled indicators for active chart series.
+ */
+declare const ChartLegendContent: React$1.ForwardRefExoticComponent<Omit<ChartLegendContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
+/**
+ * Accessible binary selection control built upon Radix UI Checkbox.
+ * Supports checked, unchecked, and indeterminate states with smooth micro-animations.
+ * Pure CSS with zero runtime Tailwind dependencies.
+ *
+ * @example
+ * ```tsx
+ * // Basic checkbox with associated label
+ * <div className="flex items-center gap-2">
+ *   <Checkbox id="terms" checked={agreed} onCheckedChange={setAgreed} />
+ *   <Label htmlFor="terms">Accept terms and conditions</Label>
+ * </div>
+ *
+ * // Disabled checkbox
+ * <Checkbox disabled checked />
+ * ```
+ */
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
+type CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
+/**
+ * An interactive component which expands and collapses a panel.
+ *
+ * @example
+ * ```tsx
+ * <Collapsible open={isOpen} onOpenChange={setIsOpen}>
+ *   <CollapsibleTrigger asChild>
+ *     <Button variant="ghost">Toggle Details</Button>
+ *   </CollapsibleTrigger>
+ *   <CollapsibleContent>
+ *     <div>Hidden details revealed here.</div>
+ *   </CollapsibleContent>
+ * </Collapsible>
+ * ```
+ */
 declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+type CollapsibleTriggerProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>;
+/**
+ * The trigger button that toggles the collapsible panel.
+ */
 declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+type CollapsibleContentProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>;
+/**
+ * The component that contains the collapsible content.
+ */
 declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type CommandProps = React$1.ComponentPropsWithoutRef<typeof Command$1>;
+/**
+ * Fast, composable, unstyled command menu component for React.
+ *
+ * @example
+ * ```tsx
+ * <Command>
+ *   <CommandInput placeholder="Type a command or search..." />
+ *   <CommandList>
+ *     <CommandEmpty>No results found.</CommandEmpty>
+ *     <CommandGroup heading="Suggestions">
+ *       <CommandItem>Calendar</CommandItem>
+ *       <CommandItem>Search Emoji</CommandItem>
+ *       <CommandItem>Calculator</CommandItem>
+ *     </CommandGroup>
+ *   </CommandList>
+ * </Command>
+ * ```
+ */
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
@@ -278,7 +690,28 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     disablePointerSelection?: boolean;
     vimBindings?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandDialog: ({ children, ...props }: DialogProps) => react_jsx_runtime.JSX.Element;
+interface CommandDialogProps extends DialogProps {
+    children?: React$1.ReactNode;
+}
+/**
+ * Modal dialog wrapper for rendering a command palette over page content.
+ *
+ * @example
+ * ```tsx
+ * <CommandDialog open={open} onOpenChange={setOpen}>
+ *   <CommandInput placeholder="Search all commands..." />
+ *   <CommandList>
+ *     <CommandItem>Profile</CommandItem>
+ *     <CommandItem>Billing</CommandItem>
+ *   </CommandList>
+ * </CommandDialog>
+ * ```
+ */
+declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
+type CommandInputProps = React$1.ComponentPropsWithoutRef<typeof Command$1.Input>;
+/**
+ * Search input field for filtering options in a command list.
+ */
 declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React$1.Ref<HTMLInputElement>;
 } & {
@@ -287,6 +720,10 @@ declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pic
     value?: string;
     onValueChange?: (search: string) => void;
 } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+type CommandListProps = React$1.ComponentPropsWithoutRef<typeof Command$1.List>;
+/**
+ * Scrollable list container that renders filtered items and groups.
+ */
 declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
@@ -296,6 +733,10 @@ declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
 }, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type CommandEmptyProps = React$1.ComponentPropsWithoutRef<typeof Command$1.Empty>;
+/**
+ * Message shown automatically when no items match the command search filter.
+ */
 declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
@@ -303,6 +744,10 @@ declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
 } & {
     asChild?: boolean;
 }, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type CommandGroupProps = React$1.ComponentPropsWithoutRef<typeof Command$1.Group>;
+/**
+ * Grouping container for related command items with an optional heading label.
+ */
 declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
@@ -314,6 +759,10 @@ declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
     value?: string;
     forceMount?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type CommandSeparatorProps = React$1.ComponentPropsWithoutRef<typeof Command$1.Separator>;
+/**
+ * Divider separating groups or sections within a command list.
+ */
 declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
@@ -321,6 +770,10 @@ declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick
 }, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type CommandItemProps = React$1.ComponentPropsWithoutRef<typeof Command$1.Item>;
+/**
+ * Selectable command item with keyboard navigation and focus styling.
+ */
 declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
@@ -334,51 +787,275 @@ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
     keywords?: string[];
     forceMount?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type CommandShortcutProps = React$1.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Visual badge displaying a keyboard shortcut associated with a command item.
+ */
 declare const CommandShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: CommandShortcutProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+interface ConfirmDialogProps {
+    /** Whether the confirmation dialog is visible */
+    open: boolean;
+    /** Callback fired when the open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** Modal header title */
+    title: string;
+    /** Detailed description or warning message */
+    description: string;
+    /** Action executed when the confirm button is clicked */
+    onConfirm: () => void;
+    /** Custom text for confirm button (default: "Confirm") */
+    confirmText?: string;
+    /** Custom text for cancel button (default: "Cancel") */
+    cancelText?: string;
+    /** Whether the confirmed action is destructive (renders red confirm button) */
+    destructive?: boolean;
+}
+/**
+ * Pre-composed modal dialog for confirming critical, permanent, or destructive user actions.
+ *
+ * @example
+ * ```tsx
+ * <ConfirmDialog
+ *   open={showDeleteModal}
+ *   onOpenChange={setShowDeleteModal}
+ *   title="Delete Agent Workspace?"
+ *   description="This will permanently delete the agent workspace and all historical runs."
+ *   confirmText="Delete Workspace"
+ *   destructive
+ *   onConfirm={handleDelete}
+ * />
+ * ```
+ */
+declare function ConfirmDialog({ open, onOpenChange, title, description, onConfirm, confirmText, cancelText, destructive, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Root ContextMenu container.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu>
+ *   <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm">
+ *     Right click here
+ *   </ContextMenuTrigger>
+ *   <ContextMenuContent>
+ *     <ContextMenuItem>Back</ContextMenuItem>
+ *     <ContextMenuItem>Forward</ContextMenuItem>
+ *     <ContextMenuItem>Reload</ContextMenuItem>
+ *   </ContextMenuContent>
+ * </ContextMenu>
+ * ```
+ */
 declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
+/**
+ * The area that triggers the context menu on right click or long press.
+ */
 declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
+/**
+ * Group of related context menu items.
+ */
 declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Portal rendering the context menu in the document body.
+ */
 declare const ContextMenuPortal: React$1.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+/**
+ * Submenu container within a context menu.
+ */
 declare const ContextMenuSub: React$1.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+/**
+ * Radio group container for mutually exclusive context options.
+ */
 declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuSubTriggerProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+};
+/**
+ * Trigger item for opening a nested context submenu.
+ */
 declare const ContextMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuSubContentProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>;
+/**
+ * Content container for a nested context submenu.
+ */
 declare const ContextMenuSubContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuContentProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>;
+/**
+ * Floating content panel containing context menu items.
+ */
 declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuItemProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+};
+/**
+ * Selectable item within a context menu.
+ */
 declare const ContextMenuItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuCheckboxItemProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>;
+/**
+ * Checkbox menu item supporting checked/unchecked toggle state in a context menu.
+ */
 declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuRadioItemProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>;
+/**
+ * Radio menu item supporting mutual exclusion in a ContextMenuRadioGroup.
+ */
 declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuLabelProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+};
+/**
+ * Header label for grouping context menu items.
+ */
 declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuSeparatorProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>;
+/**
+ * Horizontal rule separating sections within a context menu.
+ */
 declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ContextMenuShortcutProps = React$1.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Keyboard shortcut hint displayed at the trailing end of a context menu item.
+ */
 declare const ContextMenuShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: ContextMenuShortcutProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+interface DatePickerProps {
+    /**
+     * The selected date formatted as an ISO string (`YYYY-MM-DD`).
+     */
+    value?: string;
+    /**
+     * Callback fired when a date is selected or cleared.
+     * @param value - The new date string in `YYYY-MM-DD` format, or empty string if cleared.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Placeholder label rendered when no date is selected.
+     * @default "Pick a date"
+     */
+    placeholder?: string;
+    /**
+     * Optional custom CSS class name for the trigger button.
+     */
+    className?: string;
+    /**
+     * Disables user interaction with the date picker.
+     */
+    disabled?: boolean;
+}
+/**
+ * Accessible date picker component featuring an interactive popover calendar.
+ * Formats dates safely in local timezone to prevent UTC day-shifting.
+ * Pure CSS with zero runtime Tailwind dependencies.
+ *
+ * @example
+ * ```tsx
+ * const [date, setDate] = useState("2026-09-25");
+ *
+ * <DatePicker
+ *   value={date}
+ *   onChange={setDate}
+ *   placeholder="Select appointment date"
+ * />
+ * ```
+ */
+declare function DatePicker({ value, onChange, placeholder, className, disabled, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Root container for accessible modal dialog windows. Built upon Radix UI Dialog.
+ *
+ * @example
+ * ```tsx
+ * <Dialog open={isOpen} onOpenChange={setIsOpen}>
+ *   <DialogTrigger asChild>
+ *     <Button variant="outline">Open Settings</Button>
+ *   </DialogTrigger>
+ *   <DialogContent size="lg">
+ *     <DialogHeader>
+ *       <DialogTitle>Account Settings</DialogTitle>
+ *       <DialogDescription>Manage your workspace credentials.</DialogDescription>
+ *     </DialogHeader>
+ *     <DialogBody>Dialog body content here...</DialogBody>
+ *     <DialogFooter>
+ *       <Button onClick={() => setIsOpen(false)}>Save changes</Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ */
 declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+/** Button or trigger element that opens the dialog modal. */
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Portals dialog content to the end of document.body for clean stacking context. */
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+/** Button that closes the open dialog. */
 declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+type DialogOverlayProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+/** Semi-transparent backdrop overlay rendered beneath the dialog modal. */
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Predefined maximum width scale for the modal window.
+ */
+type DialogSize = "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+type DialogContentProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+    /**
+     * Predefined maximum width scale for the modal window.
+     * - `sm`: 24rem (384px) - confirmations, small prompts
+     * - `md`: 32rem (512px) - standard forms, default
+     * - `lg`: 42rem (672px) - medium panels
+     * - `xl`: 56rem (896px) - data previews, wide forms
+     * - `2xl`: 72rem (1152px) - deep traces, code editors, debuggers
+     * - `full`: nearly full viewport
+     * @default "md"
+     */
+    size?: DialogSize;
+};
+/**
+ * Modal content container. Renders overlay, content card, and accessible close button.
+ */
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * Predefined maximum width scale for the modal window.
+     * - `sm`: 24rem (384px) - confirmations, small prompts
+     * - `md`: 32rem (512px) - standard forms, default
+     * - `lg`: 42rem (672px) - medium panels
+     * - `xl`: 56rem (896px) - data previews, wide forms
+     * - `2xl`: 72rem (1152px) - deep traces, code editors, debuggers
+     * - `full`: nearly full viewport
+     * @default "md"
+     */
+    size?: DialogSize;
+} & React$1.RefAttributes<HTMLDivElement>>;
+/** Top container of the dialog for title and description. */
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+/** Scrollable or flexible body container for dialog modal content. */
+declare const DialogBody: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/** Bottom container of the dialog for action buttons. */
 declare const DialogFooter: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+/** Accessible title heading for the dialog modal. */
 declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+/** Accessible explanatory text for the dialog content. */
 declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
 declare const Drawer: {
@@ -401,33 +1078,119 @@ declare const DrawerFooter: {
 declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
+/**
+ * Root DropdownMenu container managing open/closed state.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger asChild>
+ *     <Button variant="outline">Open Menu</Button>
+ *   </DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuLabel>My Account</DropdownMenuLabel>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem>Profile</DropdownMenuItem>
+ *     <DropdownMenuItem>Settings</DropdownMenuItem>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem>Logout</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
 declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+/**
+ * The trigger button that toggles the dropdown menu.
+ */
 declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Group of related dropdown menu items.
+ */
 declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Portal rendering dropdown menus in the document body.
+ */
 declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+/**
+ * Submenu container within a dropdown menu.
+ */
 declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+/**
+ * Radio group container for mutually exclusive dropdown options.
+ */
 declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSubTriggerProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+};
+/**
+ * Trigger item for opening a nested dropdown submenu.
+ */
 declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSubContentProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>;
+/**
+ * Content container for a nested dropdown submenu.
+ */
 declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuContentProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;
+/**
+ * Floating content panel containing dropdown menu items.
+ */
 declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuItemProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+};
+/**
+ * Standard selectable item within a dropdown menu.
+ */
 declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuCheckboxItemProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>;
+/**
+ * Checkbox menu item supporting checked/unchecked toggle state.
+ */
 declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuRadioItemProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>;
+/**
+ * Radio menu item supporting mutual exclusion in a DropdownMenuRadioGroup.
+ */
 declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuLabelProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+};
+/**
+ * Header label for grouping items in a dropdown menu.
+ */
 declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSeparatorProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>;
+/**
+ * Horizontal rule separating sections within a dropdown menu.
+ */
 declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type DropdownMenuShortcutProps = React$1.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Keyboard shortcut hint displayed at the trailing end of a menu item.
+ */
 declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: DropdownMenuShortcutProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+/**
+ * Top-level form provider component wrapping react-hook-form.
+ */
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getErrors, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+/**
+ * Controlled form field connecting input controls to form state.
+ */
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+/**
+ * Custom hook to access current form field metadata, errors, and IDs.
+ */
 declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
@@ -440,176 +1203,732 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
+/**
+ * Container wrapper for a single form item (label, input, description, error).
+ */
 declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Accessible label component associated with the active form field.
+ */
 declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
+/**
+ * Slot wrapper connecting input controls to aria attributes.
+ */
 declare const FormControl: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLElement> & {
     children?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+/**
+ * Descriptive helper text displayed beneath a form field.
+ */
 declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Error message element displayed when field validation fails.
+ */
 declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 
 declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
 declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
 declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "nonce" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string;
-    onChange?: (newValue: string) => unknown;
-    maxLength: number;
-    textAlign?: "left" | "center" | "right";
-    onComplete?: (...args: any[]) => unknown;
-    pushPasswordManagerStrategy?: "increase-width" | "none";
-    pasteTransformer?: (pasted: string) => string;
-    containerClassName?: string;
-    noScriptCSSFallback?: string | null;
-    nonce?: string;
-} & {
-    render: (props: input_otp.RenderProps) => React$1.ReactNode;
-    children?: never;
-} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "nonce" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string;
-    onChange?: (newValue: string) => unknown;
-    maxLength: number;
-    textAlign?: "left" | "center" | "right";
-    onComplete?: (...args: any[]) => unknown;
-    pushPasswordManagerStrategy?: "increase-width" | "none";
-    pasteTransformer?: (pasted: string) => string;
-    containerClassName?: string;
-    noScriptCSSFallback?: string | null;
-    nonce?: string;
-} & {
-    render?: never;
-    children: React$1.ReactNode;
-} & React$1.RefAttributes<HTMLInputElement>, "ref">) & React$1.RefAttributes<HTMLInputElement>>;
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Optional leading icon or interactive element rendered before the input text.
+     * Automatically indents the placeholder and text to avoid overlapping.
+     */
+    startIcon?: React$1.ReactNode;
+    /**
+     * Optional trailing icon or interactive element rendered after the input text.
+     * Useful for clear buttons, visibility toggles, or status indicators.
+     */
+    endIcon?: React$1.ReactNode;
+}
+/**
+ * Textual input control styled with design system tokens and scoped CSS.
+ * Provides accessible focus states, logical padding, and seamless icon integration.
+ * Zero Tailwind runtime dependencies.
+ *
+ * @example
+ * ```tsx
+ * // Standard text input
+ * <Input placeholder="Enter your email" type="email" />
+ *
+ * // Search box with built-in start icon
+ * <Input
+ *   type="search"
+ *   placeholder="Search agents..."
+ *   startIcon={<Search className="size-4" />}
+ * />
+ *
+ * // Password field with end visibility action
+ * <Input
+ *   type={showPassword ? "text" : "password"}
+ *   placeholder="Password"
+ *   endIcon={
+ *     <button type="button" onClick={() => setShowPassword(!showPassword)}>
+ *       {showPassword ? <EyeOff /> : <Eye />}
+ *     </button>
+ *   }
+ * />
+ * ```
+ */
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+type InputOTPProps = React$1.ComponentPropsWithoutRef<typeof OTPInput>;
+/**
+ * Accessible One-Time Password (OTP) input component with pin slots and fake carets.
+ * Built upon the `input-otp` primitive with scoped token styling.
+ * Zero Tailwind runtime dependencies.
+ *
+ * @example
+ * ```tsx
+ * <InputOTP maxLength={6} value={value} onChange={setValue}>
+ *   <InputOTPGroup>
+ *     <InputOTPSlot index={0} />
+ *     <InputOTPSlot index={1} />
+ *     <InputOTPSlot index={2} />
+ *   </InputOTPGroup>
+ *   <InputOTPSeparator />
+ *   <InputOTPGroup>
+ *     <InputOTPSlot index={3} />
+ *     <InputOTPSlot index={4} />
+ *     <InputOTPSlot index={5} />
+ *   </InputOTPGroup>
+ * </InputOTP>
+ * ```
+ */
+declare const InputOTP: React$1.ForwardRefExoticComponent<InputOTPProps & React$1.RefAttributes<HTMLInputElement>>;
+/** Group container for bundling adjacent OTP slots. */
 declare const InputOTPGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+interface InputOTPSlotProps extends React$1.ComponentPropsWithoutRef<"div"> {
+    /** The zero-indexed position of this character slot. */
     index: number;
-} & React$1.RefAttributes<HTMLDivElement>>;
+}
+/** Individual digit/character slot displaying user input or an animated caret. */
+declare const InputOTPSlot: React$1.ForwardRefExoticComponent<InputOTPSlotProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Divider component between OTP groups. */
 declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
+}
+/**
+ * Accessible label component associated with input controls, checkboxes, or form fields.
+ * Built upon Radix UI Label primitive with design token typography and disabled styling.
+ * Zero Tailwind runtime dependencies.
+ *
+ * @example
+ * ```tsx
+ * // Associated with an Input via htmlFor
+ * <div className="grid gap-1.5">
+ *   <Label htmlFor="email">Email address</Label>
+ *   <Input id="email" type="email" placeholder="name@company.com" />
+ * </div>
+ * ```
+ */
+declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
 
-declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+interface LoadingStateProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Number of skeleton placeholder rows to render (default: 3) */
+    rows?: number;
+    /** Optional message to display along with a spinner instead of skeleton rows */
+    message?: string;
+}
+/**
+ * Flexible loading indicator supporting both skeleton placeholder rows and spinner modes.
+ *
+ * @example
+ * ```tsx
+ * // Skeleton row placeholder
+ * <LoadingState rows={4} />
+ *
+ * // Spinner with message
+ * <LoadingState message="Fetching agent logs..." />
+ * ```
+ */
+declare function LoadingState({ rows, message, className, ...props }: LoadingStateProps): react_jsx_runtime.JSX.Element;
 
-declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
-declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
-declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
-declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+/**
+ * Menu item wrapper component within a `Menubar`.
+ */
+declare function MenubarMenu(props: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
+/**
+ * Group wrapper within a `Menubar`.
+ */
+declare function MenubarGroup(props: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/**
+ * Portal wrapper rendering menubar popups to document body.
+ */
+declare function MenubarPortal(props: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+/**
+ * Radio group wrapper within a `Menubar`.
+ */
+declare function MenubarRadioGroup(props: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+/**
+ * Submenu container within a `Menubar`.
+ */
+declare function MenubarSub(props: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+type MenubarProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;
+/**
+ * A persistent horizontal menu bar commonly used in desktop-style web applications.
+ *
+ * @example
+ * ```tsx
+ * <Menubar>
+ *   <MenubarMenu>
+ *     <MenubarTrigger>File</MenubarTrigger>
+ *     <MenubarContent>
+ *       <MenubarItem>New Tab <MenubarShortcut>⌘T</MenubarShortcut></MenubarItem>
+ *       <MenubarItem>New Window</MenubarItem>
+ *       <MenubarSeparator />
+ *       <MenubarItem>Exit</MenubarItem>
+ *     </MenubarContent>
+ *   </MenubarMenu>
+ * </Menubar>
+ * ```
+ */
 declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarTriggerProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;
+/**
+ * The top-level menu button in the horizontal menubar row.
+ */
 declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type MenubarSubTriggerProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+};
+/**
+ * Trigger item for opening a nested submenu inside a Menubar.
+ */
 declare const MenubarSubTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarSubContentProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;
+/**
+ * Popover content rendered when a `MenubarSubTrigger` is expanded.
+ */
 declare const MenubarSubContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarContentProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;
+/**
+ * Floating panel displaying items under a top-level `MenubarTrigger`.
+ */
 declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarItemProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+};
+/**
+ * Selectable item within a Menubar menu.
+ */
 declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarCheckboxItemProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;
+/**
+ * Checkbox item within a Menubar menu.
+ */
 declare const MenubarCheckboxItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarRadioItemProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;
+/**
+ * Radio item within a Menubar menu.
+ */
 declare const MenubarRadioItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarLabelProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+};
+/**
+ * Header label within a Menubar menu.
+ */
 declare const MenubarLabel: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarSeparatorProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;
+/**
+ * Divider separating items within a Menubar menu.
+ */
 declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type MenubarShortcutProps = React$1.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Visual shortcut indicator displayed at the trailing end of a Menubar item.
+ */
 declare const MenubarShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-    displayname: string;
+    ({ className, ...props }: MenubarShortcutProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
 };
 
+type NavigationMenuProps = React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;
+/**
+ * Responsive navigation menu with animated indicator and dropdown content panels.
+ *
+ * @example
+ * ```tsx
+ * <NavigationMenu>
+ *   <NavigationMenuList>
+ *     <NavigationMenuItem>
+ *       <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
+ *       <NavigationMenuContent>
+ *         <ul className="grid gap-3 p-6 md:w-[400px]">
+ *           <li><a href="/intro">Introduction</a></li>
+ *           <li><a href="/install">Installation</a></li>
+ *         </ul>
+ *       </NavigationMenuContent>
+ *     </NavigationMenuItem>
+ *     <NavigationMenuItem>
+ *       <NavigationMenuLink href="/docs">Documentation</NavigationMenuLink>
+ *     </NavigationMenuItem>
+ *   </NavigationMenuList>
+ * </NavigationMenu>
+ * ```
+ */
 declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+type NavigationMenuListProps = React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;
+/**
+ * List container (`<ul>`) holding top-level navigation menu items.
+ */
 declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+/**
+ * Individual navigation menu item wrapper (`<li>`).
+ */
 declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type NavigationMenuTriggerProps = React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;
+/**
+ * Trigger button that reveals submenu content for a navigation item.
+ */
 declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type NavigationMenuContentProps = React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;
+/**
+ * Dropdown panel content associated with a `NavigationMenuTrigger`.
+ */
 declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Navigational link rendered within a navigation menu.
+ */
 declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+type NavigationMenuViewportProps = React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;
+/**
+ * Animated viewport container where active menu dropdown content is positioned.
+ */
 declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type NavigationMenuIndicatorProps = React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;
+/**
+ * Indicator arrow pointing to the currently active navigation trigger.
+ */
 declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+type PaginationProps = React$1.ComponentProps<"nav">;
+/**
+ * Accessible navigation container for paginated content.
+ *
+ * @example
+ * ```tsx
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem>
+ *       <PaginationPrevious href="#" />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationLink href="#" isActive>1</PaginationLink>
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationLink href="#">2</PaginationLink>
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationEllipsis />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationNext href="#" />
+ *     </PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ * ```
+ */
 declare const Pagination: {
-    ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+type PaginationContentProps = React$1.ComponentProps<"ul">;
+/**
+ * List container (`<ul>`) holding pagination links and items.
+ */
 declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+type PaginationItemProps = React$1.ComponentProps<"li">;
+/**
+ * List item (`<li>`) wrapper for individual pagination controls.
+ */
 declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
 type PaginationLinkProps = {
+    /** Marks this page link as currently active */
     isActive?: boolean;
 } & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
+/**
+ * Interactive link styled as a button for navigating between pages.
+ */
 declare const PaginationLink: {
     ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+type PaginationPreviousProps = React$1.ComponentProps<typeof PaginationLink>;
+/**
+ * "Previous" page navigation link with a preceding chevron icon.
+ */
 declare const PaginationPrevious: {
-    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: PaginationPreviousProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+type PaginationNextProps = React$1.ComponentProps<typeof PaginationLink>;
+/**
+ * "Next" page navigation link with a trailing chevron icon.
+ */
 declare const PaginationNext: {
-    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: PaginationNextProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+type PaginationEllipsisProps = React$1.ComponentProps<"span">;
+/**
+ * Ellipsis indicator (`...`) denoting skipped pages in a pagination sequence.
+ */
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+interface PanelProps extends React$1.HTMLAttributes<HTMLElement> {
+    /** Optional header title for the panel section */
+    title?: string;
+    /** Optional metadata node displayed adjacent to the title (e.g. status badge or actions) */
+    meta?: React$1.ReactNode;
+}
+/**
+ * Panel container component for structured dashboard sections, sidebars, and grouped content.
+ *
+ * @example
+ * ```tsx
+ * <Panel title="Agent Metrics" meta={<Badge>Active</Badge>}>
+ *   <p>Real-time execution analytics.</p>
+ * </Panel>
+ * ```
+ */
+declare const Panel: React$1.ForwardRefExoticComponent<PanelProps & React$1.RefAttributes<HTMLElement>>;
+
+/**
+ * Root container for non-modal floating panels and flyouts. Built upon Radix UI Popover.
+ *
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <PopoverTrigger asChild>
+ *     <Button variant="outline">Open Filters</Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent align="start" className="w-80">
+ *     <div className="grid gap-2">
+ *       <h4 className="font-semibold text-sm">Filter Results</h4>
+ *       <p className="text-xs text-muted-foreground">Adjust display criteria.</p>
+ *     </div>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
 declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+/** Interactive trigger element that opens the popover. */
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Optional custom anchor reference element for positioning the popover. */
 declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+type PopoverContentProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
+/**
+ * Floating panel content for Popover styled with scoped `dl-popover` CSS tokens.
+ */
 declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+type ProgressProps = React$1.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>;
+/**
+ * Progress indicator component for displaying task completion or loading state.
+ *
+ * @example
+ * ```tsx
+ * <Progress value={65} className="w-[60%]" />
+ * ```
+ */
 declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+type RadioGroupProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+/**
+ * RadioGroup container component managing a set of mutually exclusive radio options.
+ * Built upon Radix UI RadioGroup with pure scoped CSS.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup defaultValue="monthly" onValueChange={setBillingCycle}>
+ *   <div className="flex items-center gap-2">
+ *     <RadioGroupItem value="monthly" id="r1" />
+ *     <Label htmlFor="r1">Monthly Billing</Label>
+ *   </div>
+ *   <div className="flex items-center gap-2">
+ *     <RadioGroupItem value="annual" id="r2" />
+ *     <Label htmlFor="r2">Annual Billing (Save 20%)</Label>
+ *   </div>
+ * </RadioGroup>
+ * ```
+ */
 declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type RadioGroupItemProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+/**
+ * Individual radio option item within a RadioGroup.
+ */
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => react_jsx_runtime.JSX.Element;
+type ResizablePanelGroupProps = React$1.ComponentProps<typeof Group>;
+/**
+ * Container component managing resizable panel layouts.
+ *
+ * @example
+ * ```tsx
+ * <ResizablePanelGroup direction="horizontal">
+ *   <ResizablePanel defaultSize={50}>Left Content</ResizablePanel>
+ *   <ResizableHandle withHandle />
+ *   <ResizablePanel defaultSize={50}>Right Content</ResizablePanel>
+ * </ResizablePanelGroup>
+ * ```
+ */
+declare const ResizablePanelGroup: ({ className, ...props }: ResizablePanelGroupProps) => react_jsx_runtime.JSX.Element;
+type ResizablePanelProps = React$1.ComponentProps<typeof Panel$1>;
+/**
+ * Individual resizable panel section within a `ResizablePanelGroup`.
+ */
 declare const ResizablePanel: typeof Panel$1;
-declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator$1> & {
+type ResizableHandleProps = React$1.ComponentProps<typeof Separator$1> & {
+    /** Renders a visual draggable grip icon inside the handle */
     withHandle?: boolean;
-}) => react_jsx_runtime.JSX.Element;
+};
+/**
+ * Drag handle divider placed between resizable panels.
+ */
+declare const ResizableHandle: ({ withHandle, className, ...props }: ResizableHandleProps) => react_jsx_runtime.JSX.Element;
 
+type ScrollAreaProps = React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>;
+/**
+ * Custom scrollable area component with styled cross-browser scrollbars.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-72 w-48 rounded-md border">
+ *   <div className="p-4">
+ *     {items.map((item) => (
+ *       <div key={item.id}>{item.name}</div>
+ *     ))}
+ *   </div>
+ * </ScrollArea>
+ * ```
+ */
 declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ScrollBarProps = React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+/**
+ * ScrollBar track and thumb component supporting vertical and horizontal orientations.
+ */
 declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Option item structure for `SearchableSelect`.
+ */
+interface SearchableSelectOption {
+    /** The human-readable text label */
+    label: string;
+    /** The unique value identifier */
+    value: string;
+    /** Optional grouping category */
+    group?: string;
+    /** Optional icon identifier */
+    icon?: string;
+}
+/**
+ * Props for `SearchableSelect`.
+ */
+interface SearchableSelectProps {
+    /** List of selectable options */
+    options: SearchableSelectOption[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback fired when an option is selected */
+    onChange?: (value: string) => void;
+    /** Placeholder text when nothing is selected */
+    placeholder?: string;
+    /** Search input placeholder text */
+    searchPlaceholder?: string;
+    /** Callback fired when the user adds a new custom option */
+    onAddNew?: (searchQuery: string) => void;
+    /** Custom label for the add-new button */
+    addNewLabel?: string;
+    /** Whether the select dropdown is disabled */
+    disabled?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+    /** Unique HTML id attribute */
+    id?: string;
+}
+/**
+ * Searchable select component with live filtering, keyboard navigation, option grouping,
+ * and optional creation of new entries.
+ *
+ * @example
+ * ```tsx
+ * <SearchableSelect
+ *   options={[
+ *     { label: "Claude 3.5 Sonnet", value: "anthropic/claude-3-5-sonnet" },
+ *     { label: "GPT-4o", value: "openai/gpt-4o" },
+ *   ]}
+ *   value={selectedModel}
+ *   onChange={setSelectedModel}
+ *   placeholder="Choose model..."
+ * />
+ * ```
+ */
+declare function SearchableSelect({ options, value, onChange, placeholder, searchPlaceholder, onAddNew, addNewLabel, disabled, className, id, }: SearchableSelectProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Root container for accessible custom dropdown selection. Built on Radix UI Select.
+ *
+ * @example
+ * ```tsx
+ * <Select value={country} onValueChange={setCountry}>
+ *   <SelectTrigger className="w-[180px]">
+ *     <SelectValue placeholder="Select country" />
+ *   </SelectTrigger>
+ *   <SelectContent>
+ *     <SelectItem value="us">United States</SelectItem>
+ *     <SelectItem value="de">Germany</SelectItem>
+ *     <SelectItem value="jp">Japan</SelectItem>
+ *   </SelectContent>
+ * </Select>
+ * ```
+ */
 declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+/** Groups related items within a Select dropdown menu. */
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Displays the currently selected value or a fallback placeholder. */
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+type SelectTriggerProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
+/**
+ * Interactive button that toggles the Select dropdown menu open and closed.
+ */
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SelectContentProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
+/**
+ * Dropdown popover containing list items, groups, and labels.
+ */
 declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Header label for grouping items in a Select dropdown. */
 declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SelectItemProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
+/**
+ * Individual selectable option inside a Select menu.
+ */
 declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Visual separator dividing groups or sections in a Select menu. */
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+type SeparatorProps = React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
+/**
+ * Visual or semantic divider between elements, supporting horizontal and vertical orientations.
+ *
+ * @example
+ * ```tsx
+ * <div>
+ *   <h4>Radix Primitives</h4>
+ *   <p>An open-source UI component library.</p>
+ *   <Separator className="my-4" />
+ *   <div className="flex h-5 items-center space-x-4">
+ *     <div>Blog</div>
+ *     <Separator orientation="vertical" />
+ *     <div>Docs</div>
+ *   </div>
+ * </div>
+ * ```
+ */
 declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Root Sheet component for displaying slide-over drawers (left, right, top, bottom).
+ * Built upon Radix UI Dialog with smooth CSS transitions.
+ *
+ * @example
+ * ```tsx
+ * <Sheet open={isOpen} onOpenChange={setIsOpen}>
+ *   <SheetTrigger asChild>
+ *     <Button variant="outline">Open Menu</Button>
+ *   </SheetTrigger>
+ *   <SheetContent side="right">
+ *     <SheetHeader>
+ *       <SheetTitle>Navigation Menu</SheetTitle>
+ *       <SheetDescription>Explore workspace features.</SheetDescription>
+ *     </SheetHeader>
+ *     <div className="py-4">Sheet navigation links...</div>
+ *   </SheetContent>
+ * </Sheet>
+ * ```
+ */
 declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
+/** Interactive trigger element that opens the slide-over sheet drawer. */
 declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Interactive button that closes the open sheet. */
 declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Portals sheet content to the end of document.body for clean stacking context. */
 declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+type SheetOverlayProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+/** Semi-transparent backdrop overlay rendered beneath the sliding sheet. */
 declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Sheet layout variants for top, bottom, left, and right side drawers.
+ */
 declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "top" | "bottom" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
+/** Content panel of the side sheet drawer. */
 declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Header section containing sheet title and description. */
 declare const SheetHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+/** Footer section containing sheet action buttons. */
 declare const SheetFooter: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+/** Accessible heading title for the sheet panel. */
 declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+/** Accessible explanatory text for the sheet panel. */
 declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
+/** Global provider setting delay duration and hover behavior for all child Tooltips. */
 declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
+/**
+ * Root container for accessible hover/focus contextual tooltips.
+ * Built upon Radix UI Tooltip.
+ *
+ * @example
+ * ```tsx
+ * <TooltipProvider>
+ *   <Tooltip>
+ *     <TooltipTrigger asChild>
+ *       <Button variant="ghost" size="icon">
+ *         <Info />
+ *       </Button>
+ *     </TooltipTrigger>
+ *     <TooltipContent side="top">
+ *       <p>Display telemetry details</p>
+ *     </TooltipContent>
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
+ */
 declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+/** Trigger element that displays the tooltip on hover or keyboard focus. */
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+type TooltipContentProps = React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
+/**
+ * Floating tooltip content element styled with scoped `dl-tooltip` CSS tokens.
+ */
 declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 type SidebarContextProps = {
@@ -621,157 +1940,455 @@ type SidebarContextProps = {
     isMobile: boolean;
     toggleSidebar: () => void;
 };
+/**
+ * Hook to access the parent Sidebar context state and controls.
+ */
 declare function useSidebar(): SidebarContextProps;
-declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+type SidebarProviderProps = React$1.ComponentProps<"div"> & {
+    /** Initial open state in uncontrolled mode (default: true) */
     defaultOpen?: boolean;
+    /** Controlled open state */
     open?: boolean;
+    /** Callback fired when open state changes */
     onOpenChange?: (open: boolean) => void;
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+};
+/**
+ * Top-level provider orchestrating sidebar state, responsive breakpoints, and keyboard shortcuts (Cmd+B / Ctrl+B).
+ *
+ * @example
+ * ```tsx
+ * <SidebarProvider>
+ *   <Sidebar>
+ *     <SidebarHeader>My App</SidebarHeader>
+ *     <SidebarContent>
+ *       <SidebarMenu>
+ *         <SidebarMenuItem>
+ *           <SidebarMenuButton>Dashboard</SidebarMenuButton>
+ *         </SidebarMenuItem>
+ *       </SidebarMenu>
+ *     </SidebarContent>
+ *   </Sidebar>
+ *   <SidebarInset>
+ *     <header><SidebarTrigger /></header>
+ *     <main>Main Page Content</main>
+ *   </SidebarInset>
+ * </SidebarProvider>
+ * ```
+ */
+declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<SidebarProviderProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarProps = React$1.ComponentProps<"div"> & {
+    /** Side where the sidebar is positioned (default: "left") */
     side?: "left" | "right";
+    /** Sidebar variant style (default: "sidebar") */
     variant?: "sidebar" | "floating" | "inset";
+    /** Collapse behavior when toggled (default: "offcanvas") */
     collapsible?: "offcanvas" | "icon" | "none";
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+};
+/**
+ * Main collapsible navigation sidebar supporting floating, inset, desktop, and mobile sheet views.
+ */
+declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<SidebarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarTriggerProps = React$1.ComponentProps<typeof Button>;
+/**
+ * Button trigger toggling sidebar collapsed/expanded state.
+ */
 declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type SidebarRailProps = React$1.ComponentProps<"button">;
+/**
+ * Hoverable/draggable rail divider on the edge of the sidebar for quick toggling.
+ */
 declare const SidebarRail: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type SidebarInsetProps = React$1.ComponentProps<"main">;
+/**
+ * Main application container when paired with an inset or standard sidebar.
+ */
 declare const SidebarInset: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+type SidebarInputProps = React$1.ComponentProps<typeof Input>;
+/**
+ * Styled text input tailored for use inside a sidebar header or filter bar.
+ */
+declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+type SidebarHeaderProps = React$1.ComponentProps<"div">;
+/**
+ * Header section at the top of a sidebar.
+ */
 declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarFooterProps = React$1.ComponentProps<"div">;
+/**
+ * Footer section pinned to the bottom of a sidebar.
+ */
 declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarSeparatorProps = React$1.ComponentProps<typeof Separator>;
+/**
+ * Divider separating sidebar sections.
+ */
 declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarContentProps = React$1.ComponentProps<"div">;
+/**
+ * Scrollable middle container holding sidebar navigation groups.
+ */
 declare const SidebarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarGroupProps = React$1.ComponentProps<"div">;
+/**
+ * Section grouping related sidebar menu items.
+ */
 declare const SidebarGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+type SidebarGroupLabelProps = React$1.ComponentProps<"div"> & {
     asChild?: boolean;
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+};
+/**
+ * Text heading or label for a `SidebarGroup`.
+ */
+declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<SidebarGroupLabelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
-}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+};
+/**
+ * Secondary action button placed beside a `SidebarGroupLabel` (e.g. "+" to add items).
+ */
+declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<SidebarGroupActionProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type SidebarGroupContentProps = React$1.ComponentProps<"div">;
+/**
+ * Content container rendered inside a `SidebarGroup`.
+ */
 declare const SidebarGroupContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarMenuProps = React$1.ComponentProps<"ul">;
+/**
+ * Vertical list (`<ul>`) holding sidebar menu items.
+ */
 declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+type SidebarMenuItemProps = React$1.ComponentProps<"li">;
+/**
+ * List item (`<li>`) wrapper for a sidebar navigation button or link.
+ */
 declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SidebarMenuButtonProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
     isActive?: boolean;
     tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
-} & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+} & VariantProps<typeof sidebarMenuButtonVariants>;
+/**
+ * Interactive navigation button inside a sidebar menu item, with automatic tooltip in collapsed icon mode.
+ */
+declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type SidebarMenuActionProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
     showOnHover?: boolean;
-}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+};
+/**
+ * Secondary action button placed beside a sidebar menu button (e.g. "..." more options menu).
+ */
+declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<SidebarMenuActionProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type SidebarMenuBadgeProps = React$1.ComponentProps<"div">;
+/**
+ * Numeric or label badge placed on the right side of a sidebar menu button.
+ */
 declare const SidebarMenuBadge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+type SidebarMenuSkeletonProps = React$1.ComponentProps<"div"> & {
     showIcon?: boolean;
-}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+};
+/**
+ * Loading skeleton placeholder simulating a sidebar menu item.
+ */
+declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuSkeletonProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarMenuSubProps = React$1.ComponentProps<"ul">;
+/**
+ * Nested sub-list container for hierarchical sidebar navigation.
+ */
 declare const SidebarMenuSub: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+type SidebarMenuSubItemProps = React$1.ComponentProps<"li">;
+/**
+ * Nested item wrapper inside a `SidebarMenuSub`.
+ */
 declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLAnchorElement> & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
+type SidebarMenuSubButtonProps = React$1.ComponentProps<"a"> & {
     asChild?: boolean;
     size?: "sm" | "md";
     isActive?: boolean;
-}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+};
+/**
+ * Navigation button/link inside a nested `SidebarMenuSub` tree.
+ */
+declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuSubButtonProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
 
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+type SkeletonProps = React$1.HTMLAttributes<HTMLDivElement>;
+/**
+ * Animated placeholder component for representing content loading states.
+ *
+ * @example
+ * ```tsx
+ * <div className="flex items-center space-x-4">
+ *   <Skeleton className="h-12 w-12 rounded-full" />
+ *   <div className="space-y-2">
+ *     <Skeleton className="h-4 w-[250px]" />
+ *     <Skeleton className="h-4 w-[200px]" />
+ *   </div>
+ * </div>
+ * ```
+ */
+declare function Skeleton({ className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
 
+type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
+/**
+ * Interactive slider component for selecting single numeric values or continuous ranges.
+ * Built upon Radix UI Slider with scoped CSS track and thumb styling.
+ * Zero Tailwind runtime dependencies.
+ *
+ * @example
+ * ```tsx
+ * // Volume slider (0 - 100)
+ * <Slider
+ *   value={[volume]}
+ *   onValueChange={([val]) => setVolume(val)}
+ *   max={100}
+ *   step={1}
+ * />
+ *
+ * // Range slider (e.g. min & max price)
+ * <Slider
+ *   value={priceRange}
+ *   onValueChange={setPriceRange}
+ *   min={0}
+ *   max={1000}
+ *   step={10}
+ * />
+ * ```
+ */
 declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
 type ToasterProps = React$1.ComponentProps<typeof Toaster$1>;
+/**
+ * Toast notification viewport container configured with `@yuva-devlab/ui` design tokens.
+ *
+ * @example
+ * ```tsx
+ * // In your root layout:
+ * <Toaster />
+ *
+ * // In any component:
+ * toast.success("Configuration saved successfully!");
+ * toast.error("Failed to execute agent workflow.");
+ * ```
+ */
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
+interface StatusBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** The status string to display (e.g. "Active", "Operational", "Failed") */
+    status: string;
+}
+/**
+ * Visual status pill featuring a colored indicator dot and text label,
+ * with automatic color mapping according to system status names.
+ *
+ * @example
+ * ```tsx
+ * <StatusBadge status="Active" />
+ * <StatusBadge status="Failed" />
+ * <StatusBadge status="In Progress" />
+ * ```
+ */
+declare const StatusBadge: React$1.ForwardRefExoticComponent<StatusBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface StatusChipProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** The lowercase machine or human status key (e.g. "active", "processing", "failed") */
+    status: string;
+}
+/**
+ * Compact chip indicator displaying lifecycle status states with a colored indicator dot.
+ *
+ * @example
+ * ```tsx
+ * <StatusChip status="running" />
+ * <StatusChip status="processing" />
+ * <StatusChip status="error" />
+ * ```
+ */
+declare const StatusChip: React$1.ForwardRefExoticComponent<StatusChipProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
+/**
+ * Interactive toggle control that allows users to switch between on and off states.
+ * Powered by Radix UI Switch primitive with scoped CSS transitions and token styling.
+ * Zero Tailwind runtime dependencies.
+ *
+ * @example
+ * ```tsx
+ * // Basic toggle switch
+ * <div className="flex items-center justify-between">
+ *   <Label htmlFor="airplane-mode">Airplane Mode</Label>
+ *   <Switch id="airplane-mode" checked={enabled} onCheckedChange={setEnabled} />
+ * </div>
+ *
+ * // Disabled state
+ * <Switch disabled checked={false} />
+ * ```
+ */
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
+type TableProps = React$1.HTMLAttributes<HTMLTableElement>;
+/**
+ * Responsive table container with pure scoped CSS styling.
+ * Automatically wraps in a scrollable horizontal container (`dl-table-wrapper`).
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Invoice</TableHead>
+ *       <TableHead>Status</TableHead>
+ *       <TableHead className="text-right">Amount</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>INV-001</TableCell>
+ *       <TableCell>Paid</TableCell>
+ *       <TableCell className="text-right">$250.00</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
+type TableHeaderProps = React$1.HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * Header section of a `Table` (`<thead>`).
+ */
+declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+type TableBodyProps = React$1.HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * Body container of a `Table` (`<tbody>`).
+ */
+declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+type TableFooterProps = React$1.HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * Footer section of a `Table` (`<tfoot>`) for totals or summaries.
+ */
+declare const TableFooter: React$1.ForwardRefExoticComponent<TableFooterProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+type TableRowProps = React$1.HTMLAttributes<HTMLTableRowElement>;
+/**
+ * Interactive row within a `Table` (`<tr>`).
+ */
+declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
+type TableHeadProps = React$1.ThHTMLAttributes<HTMLTableCellElement>;
+/**
+ * Header cell within a `TableRow` (`<th>`).
+ */
+declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
+type TableCellProps = React$1.TdHTMLAttributes<HTMLTableCellElement>;
+/**
+ * Standard data cell within a `TableRow` (`<td>`).
+ */
+declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
+type TableCaptionProps = React$1.HTMLAttributes<HTMLTableCaptionElement>;
+/**
+ * Accessible caption element describing the purpose or dataset of a `Table`.
+ */
+declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps & React$1.RefAttributes<HTMLTableCaptionElement>>;
 
+/**
+ * Root Tabs container organizing content into alternate views.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="account">
+ *   <TabsList>
+ *     <TabsTrigger value="account">Account</TabsTrigger>
+ *     <TabsTrigger value="password">Password</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="account">Account settings form...</TabsContent>
+ *   <TabsContent value="password">Password change form...</TabsContent>
+ * </Tabs>
+ * ```
+ */
 declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+type TabsListProps = React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+/**
+ * Navigation strip containing tab trigger buttons.
+ */
 declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type TabsTriggerProps = React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
+/**
+ * Tab button that activates its associated content pane.
+ */
 declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type TabsContentProps = React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+/**
+ * Content container rendered when the matching tab trigger is active.
+ */
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
-
-declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
-declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
+type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
+/**
+ * Multi-line text field styled with design system tokens and scoped CSS.
+ * Provides accessible focus states, vertical resizing, and clean error integration.
+ * Zero Tailwind runtime dependencies.
+ *
+ * @example
+ * ```tsx
+ * // Basic textarea
+ * <Textarea placeholder="Type your message here..." rows={4} />
+ *
+ * // Controlled textarea with character counter
+ * <Textarea
+ *   value={notes}
+ *   onChange={(e) => setNotes(e.target.value)}
+ *   placeholder="Additional instructions..."
+ *   disabled={isLoading}
+ * />
+ * ```
+ */
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleProps = React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>;
+/**
+ * A two-state button that can be either on or off.
+ *
+ * @example
+ * ```tsx
+ * <Toggle aria-label="Toggle italic">
+ *   <Italic className="size-4" />
+ * </Toggle>
+ * ```
+ */
 declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 
-interface PanelProps extends React$1.HTMLAttributes<HTMLElement> {
-    title?: string;
-    meta?: React$1.ReactNode;
-}
-declare const Panel: React$1.ForwardRefExoticComponent<PanelProps & React$1.RefAttributes<HTMLElement>>;
-
-interface StatusChipProps extends React$1.HTMLAttributes<HTMLSpanElement> {
-    status: string;
-}
-declare const StatusChip: React$1.ForwardRefExoticComponent<StatusChipProps & React$1.RefAttributes<HTMLSpanElement>>;
-
-interface DatePickerProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-}
-declare function DatePicker({ value, onChange, placeholder, className, disabled, }: DatePickerProps): react_jsx_runtime.JSX.Element;
-
-interface SearchableSelectOption {
-    label: string;
-    value: string;
-    group?: string;
-    icon?: string;
-}
-interface SearchableSelectProps {
-    options: SearchableSelectOption[];
-    value?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    searchPlaceholder?: string;
-    onAddNew?: (searchQuery: string) => void;
-    addNewLabel?: string;
-    disabled?: boolean;
-    className?: string;
-    id?: string;
-}
-declare function SearchableSelect({ options, value, onChange, placeholder, searchPlaceholder, onAddNew, addNewLabel, disabled, className, id, }: SearchableSelectProps): react_jsx_runtime.JSX.Element;
-
-interface ConfirmDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    title: string;
-    description: string;
-    onConfirm: () => void;
-    confirmText?: string;
-    cancelText?: string;
-    destructive?: boolean;
-}
-declare function ConfirmDialog({ open, onOpenChange, title, description, onConfirm, confirmText, cancelText, destructive, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
-
-interface LoadingStateProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    rows?: number;
-}
-declare function LoadingState({ rows, className, ...props }: LoadingStateProps): react_jsx_runtime.JSX.Element;
+type ToggleGroupProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>;
+/**
+ * A set of two-state buttons that can be toggled on or off, supporting single or multiple selection.
+ *
+ * @example
+ * ```tsx
+ * <ToggleGroup type="multiple">
+ *   <ToggleGroupItem value="bold" aria-label="Toggle bold">
+ *     <Bold className="size-4" />
+ *   </ToggleGroupItem>
+ *   <ToggleGroupItem value="italic" aria-label="Toggle italic">
+ *     <Italic className="size-4" />
+ *   </ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ */
+declare const ToggleGroup: React$1.ForwardRefExoticComponent<ToggleGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+type ToggleGroupItemProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>;
+/**
+ * An individual toggle button within a `ToggleGroup`.
+ */
+declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type Brand, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Panel, type PanelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, StatusChip, type StatusChipProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useConfig, useFormField, useIsMobile, useSidebar, useTheme };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type Brand, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, Label, type LabelProps, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Panel, type PanelProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusBadge, type StatusBadgeProps, StatusChip, type StatusChipProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, cn, labelVariants, navigationMenuTriggerStyle, sheetVariants, toggleVariants, useCarousel, useConfig, useFormField, useIsMobile, useSidebar, useTheme };