@mikenotthepope/substrateui 0.1.2 → 0.1.3

package/dist/index.d.ts

@@ -1,522 +1,284 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import * as React$1 from 'react';
-import React__default, { ButtonHTMLAttributes, HTMLAttributes, ComponentPropsWithoutRef, InputHTMLAttributes, TextareaHTMLAttributes, ElementType, AnchorHTMLAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { Drawer as Drawer$1 } from 'vaul';
+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 * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as LabelPrimitive from '@radix-ui/react-label';
+import { DayPicker, DayButton, DateRange } from 'react-day-picker';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import * as RechartsPrimitive from 'recharts';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as RadioPrimitive from '@radix-ui/react-radio-group';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import * as AccordionPrimitives from '@radix-ui/react-accordion';
-import * as ScrollAreaPrimitives from '@radix-ui/react-scroll-area';
-import * as ProgressPrimitives from '@radix-ui/react-progress';
-import * as TooltipPrimitives from '@radix-ui/react-tooltip';
-import * as CollapsiblePrimitives from '@radix-ui/react-collapsible';
-import * as HoverCardPrimitives from '@radix-ui/react-hover-card';
-import * as PopoverPrimitives from '@radix-ui/react-popover';
+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 _radix_ui_react_context from '@radix-ui/react-context';
+import * as _tanstack_react_table from '@tanstack/react-table';
+import { ColumnDef } from '@tanstack/react-table';
+import * as vaul from 'vaul';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { OTPInput } from 'input-otp';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
-import * as RechartsPrimitive from 'recharts';
-import { ToasterProps } from 'sonner';
-import { OTPInputProps } from 'input-otp';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import * as react_day_picker from 'react-day-picker';
-import { DayPicker } from 'react-day-picker';
-import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import * as _radix_ui_react_slot from '@radix-ui/react-slot';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-import { ColumnDef } from '@tanstack/react-table';
-import { ClassNameValue } from 'tailwind-merge';
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "link" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React__default.ForwardRefExoticComponent<IButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "success" | "warning" | "destructive" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IBadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
-    asChild?: boolean;
-}
-declare const Badge: React__default.ForwardRefExoticComponent<IBadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
-
-declare const cardVariants: (props?: ({
-    variant?: "default" | "outlined" | "elevated" | "interactive" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ICardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
-    asChild?: boolean;
-}
-declare const CardComponent: React$1.ForwardRefExoticComponent<ICardProps & React$1.RefAttributes<HTMLDivElement>> & {
-    Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Body: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Footer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-type IMenuContent = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;
-declare const MenuComponent: React__default.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
-    Trigger: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-    Content: ({ className, ...props }: IMenuContent) => react_jsx_runtime.JSX.Element;
-    Item: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-};
-
-declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
-declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
-declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
-declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
-declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
-declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
-declare const DrawerComponent: typeof Drawer & {
-    Trigger: typeof DrawerTrigger;
-    Portal: typeof DrawerPortal;
-    Overlay: typeof DrawerOverlay;
-    Close: typeof DrawerClose;
-    Content: typeof DrawerContent;
-    Header: typeof DrawerHeader;
-    Footer: typeof DrawerFooter;
-    Title: typeof DrawerTitle;
-    Description: typeof DrawerDescription;
-};
-
-declare const avatarVariants: (props?: ({
-    shape?: "circle" | "square" | "rounded" | "hexagon" | "diamond" | "squircle" | "shield" | null | undefined;
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Separator as Separator$1, Panel, Group } from 'react-resizable-panels';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+export { T as Tabs, a as TabsContent, b as TabsList, c as TabsTrigger } from './tabs-d_9ZRlWe.js';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import '@radix-ui/react-tabs';
+
+/** Root accordion container that manages expand/collapse state for its items. */
+declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
+/** A single collapsible section within an Accordion. */
+declare function AccordionItem({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+/** Clickable header that toggles the visibility of its associated AccordionContent. */
+declare function AccordionTrigger({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Animated collapsible content panel revealed by its sibling AccordionTrigger. */
+declare function AccordionContent({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+/** Alert style variants (default, destructive, success, warning). Use with cn(alertVariants({...})) for non-div elements. */
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type AvatarShape = NonNullable<VariantProps<typeof avatarVariants>["shape"]>;
-interface AvatarProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
-}
-declare const AvatarComponent: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>> & {
-    Image: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
-    Fallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-};
-
-interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "value" | "onValueChange"> {
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-}
-declare function TabsRoot({ className, defaultValue, value: controlledValue, onValueChange, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
-declare namespace TabsRoot {
-    var displayName: string;
-}
-interface TabsMoreProps {
-    children: React__default.ReactNode;
-    className?: string;
-    label?: string;
-}
-declare function TabsMore({ children, className, label }: TabsMoreProps): react_jsx_runtime.JSX.Element;
-declare namespace TabsMore {
-    var displayName: string;
-}
-interface TabsMoreItemProps {
-    value: string;
-    children: React__default.ReactNode;
-    className?: string;
-}
-declare const TabsComponent: typeof TabsRoot & {
-    List: React__default.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    Trigger: React__default.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-    Content: React__default.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    More: typeof TabsMore;
-    MoreItem: React__default.ForwardRefExoticComponent<TabsMoreItemProps & React__default.RefAttributes<HTMLDivElement>>;
-};
-
-declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
-
-type IInputProps = InputHTMLAttributes<HTMLInputElement>;
-declare const Input: React__default.ForwardRefExoticComponent<IInputProps & React__default.RefAttributes<HTMLInputElement>>;
+/**
+ * Displays a callout message to attract user attention.
+ *
+ * @example
+ * <Alert variant="destructive"><AlertTitle>Error</AlertTitle></Alert>
+ *
+ * @prop variant - Visual style: "default" | "destructive" | "success" | "warning"
+ */
+declare function Alert({ className, variant, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
+/** Heading rendered inside an Alert. */
+declare function AlertTitle({ className, ref, ...props }: React$1.ComponentPropsWithRef<"h5">): react_jsx_runtime.JSX.Element;
+/** Body text rendered inside an Alert. */
+declare function AlertDescription({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+
+/** Root component that manages alert dialog open/close state. */
+declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
+/** Button that opens the alert dialog. */
+declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Portal that renders alert dialog content outside the DOM hierarchy. */
+declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+/** Semi-transparent backdrop rendered behind the alert dialog. */
+declare function AlertDialogOverlay({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+/** Centered modal panel containing the alert dialog body. */
+declare function AlertDialogContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Layout wrapper for the title and description at the top of the dialog. */
+declare function AlertDialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Layout wrapper for action/cancel buttons at the bottom of the dialog. */
+declare function AlertDialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Accessible title rendered inside the alert dialog header. */
+declare function AlertDialogTitle({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+/** Accessible description text rendered inside the alert dialog header. */
+declare function AlertDialogDescription({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+/** Primary confirmation button that closes the dialog on click. */
+declare function AlertDialogAction({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
+/** Secondary cancel button that dismisses the dialog. */
+declare function AlertDialogCancel({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
 
-type ITextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const Textarea: React__default.ForwardRefExoticComponent<ITextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+/**
+ * Constrains its child to a given width-to-height ratio.
+ *
+ * @example
+ * <AspectRatio ratio={16 / 9}><img src="/hero.jpg" /></AspectRatio>
+ */
+declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const checkboxVariants: (props?: ({
-    variant?: "default" | "outline" | "solid" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ICheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
-}
-declare const Checkbox: React$1.ForwardRefExoticComponent<ICheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Circular container for a user profile image with fallback support.
+ *
+ * @example
+ * <Avatar><AvatarImage src="/me.jpg" /><AvatarFallback>CN</AvatarFallback></Avatar>
+ */
+declare function Avatar({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Image displayed inside an Avatar; hidden automatically when loading fails. */
+declare function AvatarImage({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+/** Placeholder content shown while the avatar image loads or when it fails. */
+declare function AvatarFallback({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
 
-declare const radioVariants: (props?: ({
-    variant?: "default" | "outline" | "solid" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    shape?: "circle" | "diamond" | null | undefined;
+/** Badge style variants (default, secondary, destructive, outline, success, warning, error). Use with cn(badgeVariants({...})) for non-div elements. */
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "outline" | "secondary" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IRadioGroupItemProps extends React$1.ComponentPropsWithoutRef<typeof RadioPrimitive.Item>, VariantProps<typeof radioVariants> {
-}
-declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>> & {
-    Item: React$1.ForwardRefExoticComponent<IRadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
-};
-
-declare const Select: React$1.FC<SelectPrimitive.SelectProps> & {
-    Trigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Value: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Group: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-    Item: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Label: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>>;
-    Separator: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-
-declare const variantElements: {
-    readonly h1: "h1";
-    readonly h2: "h2";
-    readonly h3: "h3";
-    readonly h4: "h4";
-    readonly h5: "h5";
-    readonly h6: "h6";
-    readonly body: "p";
-    readonly small: "p";
-    readonly code: "code";
-};
-type Variant = keyof typeof variantElements;
-type TextProps<T extends ElementType = "p"> = {
-    variant?: Variant;
-    as?: T;
-    className?: string;
-} & Omit<ComponentPropsWithoutRef<T>, "className">;
-declare function Text<T extends ElementType = "p">({ variant, as, className, ...props }: TextProps<T>): react_jsx_runtime.JSX.Element;
-
-type IFormLayoutProps = React$1.FormHTMLAttributes<HTMLFormElement>;
-interface IFormSectionProps extends React$1.HTMLAttributes<HTMLFieldSetElement> {
-    title?: string;
-    description?: string;
+/** Props accepted by the Badge component. */
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-interface IFormFieldProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    label?: string;
-    htmlFor?: string;
-    description?: string;
-    error?: string;
-    required?: boolean;
-}
-type IFormRowProps = React$1.HTMLAttributes<HTMLDivElement>;
-interface IFormActionsProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    align?: "left" | "right" | "center" | "between";
-}
-declare const FormLayout: React$1.ForwardRefExoticComponent<IFormLayoutProps & React$1.RefAttributes<HTMLFormElement>> & {
-    Section: React$1.ForwardRefExoticComponent<IFormSectionProps & React$1.RefAttributes<HTMLFieldSetElement>>;
-    Field: React$1.ForwardRefExoticComponent<IFormFieldProps & React$1.RefAttributes<HTMLDivElement>>;
-    Row: React$1.ForwardRefExoticComponent<IFormRowProps & React$1.RefAttributes<HTMLDivElement>>;
-    Actions: React$1.ForwardRefExoticComponent<IFormActionsProps & React$1.RefAttributes<HTMLDivElement>>;
-};
+/**
+ * Small label used to highlight status, category, or metadata.
+ *
+ * @example
+ * <Badge variant="success">Active</Badge>
+ *
+ * @prop variant - Visual style: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error"
+ */
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-declare const linkVariants: (props?: ({
-    variant?: "default" | "destructive" | "muted" | "plain" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ILinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
+/**
+ * Navigation component showing the user's location in a page hierarchy.
+ *
+ * @example
+ * <Breadcrumb><BreadcrumbList><BreadcrumbItem><BreadcrumbLink href="/">Home</BreadcrumbLink></BreadcrumbItem></BreadcrumbList></Breadcrumb>
+ */
+declare function Breadcrumb({ ref, ...props }: React$1.ComponentPropsWithRef<"nav"> & {
+    separator?: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+/** Ordered list container for breadcrumb items. */
+declare function BreadcrumbList({ className, ref, ...props }: React$1.ComponentPropsWithRef<"ol">): react_jsx_runtime.JSX.Element;
+/** Individual breadcrumb entry wrapping a link or page indicator. */
+declare function BreadcrumbItem({ className, ref, ...props }: React$1.ComponentPropsWithRef<"li">): react_jsx_runtime.JSX.Element;
+/** Clickable link within a breadcrumb item; supports asChild for custom link components. */
+declare function BreadcrumbLink({ asChild, className, ref, ...props }: React$1.ComponentPropsWithRef<"a"> & {
     asChild?: boolean;
-}
-declare const Link: React__default.ForwardRefExoticComponent<ILinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
-
-declare const alertVariants: (props?: ({
-    variant?: "default" | "solid" | null | undefined;
-    status?: "success" | "warning" | "error" | "info" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IAlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
-}
-type IAlertTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
-type IAlertDescriptionProps = React$1.HTMLAttributes<HTMLDivElement>;
-declare const AlertComponent: React$1.ForwardRefExoticComponent<IAlertProps & React$1.RefAttributes<HTMLDivElement>> & {
-    Title: React$1.ForwardRefExoticComponent<IAlertTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
-    Description: React$1.ForwardRefExoticComponent<IAlertDescriptionProps & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare const iconButtonVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+}): react_jsx_runtime.JSX.Element;
+/** Non-interactive label representing the current page in the breadcrumb trail. */
+declare function BreadcrumbPage({ className, ref, ...props }: React$1.ComponentPropsWithRef<"span">): react_jsx_runtime.JSX.Element;
+/** Visual divider between breadcrumb items; defaults to a chevron icon. */
+declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+/** Ellipsis indicator used when breadcrumb items are collapsed. */
+declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+/** Button style variants (variant + size). Use with cn(buttonVariants({...})) for non-button elements. */
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "amber" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
+/** Props accepted by the Button component. */
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
-declare const IconButton: React__default.ForwardRefExoticComponent<IIconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
-
-declare const loaderVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ILoaderProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof loaderVariants> {
-    count?: number;
-    duration?: number;
-    delayStep?: number;
-}
-declare const Loader: React$1.ForwardRefExoticComponent<ILoaderProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const overlayVariants: (props?: ({
-    variant?: "default" | "none" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IDialogOverlayProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof overlayVariants> {
-}
-declare const dialogContentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IDialogContentProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogContentVariants> {
-    overlay?: IDialogOverlayProps;
-}
-declare const DialogComponent: React$1.FC<SheetPrimitive.DialogProps> & {
-    Trigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<IDialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
-    Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Body: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Description: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-    Footer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare const dividerVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IDividerProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dividerVariants> {
-    label?: React$1.ReactNode;
-}
-declare const Divider: React$1.ForwardRefExoticComponent<IDividerProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const stackVariants: (props?: ({
-    direction?: "horizontal" | "vertical" | null | undefined;
-    gap?: "sm" | "md" | "lg" | "none" | "xl" | "xs" | "2xl" | null | undefined;
-    align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
-    justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IStackProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof stackVariants> {
-    as?: React$1.ElementType;
-}
-declare const Stack: React$1.ForwardRefExoticComponent<IStackProps & React$1.RefAttributes<HTMLElement>>;
-
-declare const flexVariants: (props?: ({
-    direction?: "row" | "row-reverse" | "column" | "column-reverse" | null | undefined;
-    wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
-    gap?: "sm" | "md" | "lg" | "none" | "xl" | "xs" | "2xl" | null | undefined;
-    align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
-    justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IFlexProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof flexVariants> {
-    as?: React$1.ElementType;
-}
-declare const Flex: React$1.ForwardRefExoticComponent<IFlexProps & React$1.RefAttributes<HTMLElement>>;
-
-declare const gridVariants: (props?: ({
-    columns?: 1 | 4 | 3 | 2 | 5 | 6 | null | undefined;
-    gap?: "sm" | "md" | "lg" | "none" | "xl" | "xs" | "2xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ColumnCount = 1 | 2 | 3 | 4 | 5 | 6;
-interface IGridProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof gridVariants> {
-    as?: React$1.ElementType;
-    /** Column count at the `sm` breakpoint (640px+) */
-    columnsSm?: ColumnCount;
-    /** Column count at the `md` breakpoint (768px+) */
-    columnsMd?: ColumnCount;
-    /** Column count at the `lg` breakpoint (1024px+) */
-    columnsLg?: ColumnCount;
-}
-declare const Grid: React$1.ForwardRefExoticComponent<IGridProps & React$1.RefAttributes<HTMLElement>>;
-
-declare const containerVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IContainerProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof containerVariants> {
-    as?: React$1.ElementType;
-}
-declare const Container: React$1.ForwardRefExoticComponent<IContainerProps & React$1.RefAttributes<HTMLElement>>;
-
-declare const AccordionComponent: React$1.ForwardRefExoticComponent<(Omit<AccordionPrimitives.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitives.AccordionMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & React$1.RefAttributes<HTMLDivElement>> & {
-    Item: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitives.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Trigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitives.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitives.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare const ScrollAreaComponent: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitives.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>> & {
-    ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitives.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-type ISkeletonProps = React$1.HTMLAttributes<HTMLDivElement>;
-declare const Skeleton: React$1.ForwardRefExoticComponent<ISkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface IProgressProps extends React$1.ComponentPropsWithoutRef<typeof ProgressPrimitives.Root> {
-    value?: number;
-}
-declare const Progress: React$1.ForwardRefExoticComponent<IProgressProps & React$1.RefAttributes<HTMLDivElement>>;
-
-type ITooltipProviderProps = React$1.ComponentPropsWithoutRef<typeof TooltipPrimitives.Provider>;
-declare const TooltipComponent: React$1.FC<TooltipPrimitives.TooltipProps> & {
-    Provider: {
-        ({ delayDuration, ...props }: ITooltipProviderProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Trigger: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitives.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitives.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare const CollapsibleComponent: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitives.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>> & {
-    Trigger: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitives.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitives.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare const HoverCardComponent: React$1.FC<HoverCardPrimitives.HoverCardProps> & {
-    Trigger: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitives.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitives.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare const PopoverComponent: React$1.FC<PopoverPrimitives.PopoverProps> & {
-    Trigger: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Close: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-};
-
-declare const ContextMenuComponent: React$1.FC<ContextMenuPrimitive.ContextMenuProps> & {
-    Trigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Item: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    CheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    RadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Label: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    Separator: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Shortcut: {
-        ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Group: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-    Portal: React$1.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
-    Sub: React$1.FC<ContextMenuPrimitive.ContextMenuSubProps>;
-    SubContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    SubTrigger: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    RadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-};
+/**
+ * Interactive button with multiple visual variants and sizes.
+ *
+ * @example
+ * <Button variant="outline" size="sm">Click me</Button>
+ *
+ * @prop variant - Visual style: "default" | "destructive" | "outline" | "secondary" | "amber" | "ghost" | "link"
+ * @prop size - Dimensions: "default" | "sm" | "lg" | "icon"
+ * @prop asChild - Merge props onto child element instead of rendering a button
+ */
+declare function Button({ className, variant, size, asChild, ref, ...props }: ButtonProps & React$1.ComponentPropsWithRef<"button">): react_jsx_runtime.JSX.Element;
 
-declare const DropdownMenuComponent: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
-    Trigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Item: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    CheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    RadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Label: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    Separator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Shortcut: {
-        ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Group: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-    Portal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-    Sub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-    SubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    SubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    RadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-};
+/**
+ * Groups multiple buttons into a single visual unit with shared borders.
+ *
+ * @example
+ * <ButtonGroup><Button>Left</Button><Button>Right</Button></ButtonGroup>
+ */
+declare function ButtonGroup({ className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
-declare const TableComponent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>> & {
-    Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-    Body: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-    Footer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-    Row: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
-    Head: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
-    Cell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
-    Caption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
-};
+/**
+ * Date picker calendar built on react-day-picker with themed styling.
+ *
+ * @example
+ * <Calendar mode="single" selected={date} onSelect={setDate} />
+ *
+ * @prop buttonVariant - Button variant used for navigation arrows
+ */
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
+}): react_jsx_runtime.JSX.Element;
+/** Individual day cell button used internally by Calendar. */
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
 
-declare const MenubarComponent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>> & {
-    Menu: {
-        (props: MenubarPrimitive.MenubarMenuProps & {
-            __scopeMenubar?: _radix_ui_react_context.Scope;
-        }): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Trigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Item: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    Separator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Label: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    CheckboxItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    RadioGroup: React$1.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-    RadioItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Portal: React$1.FC<MenubarPrimitive.MenubarPortalProps>;
-    SubContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    SubTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
-    Group: React$1.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-    Sub: React$1.FC<MenubarPrimitive.MenubarSubProps>;
-    Shortcut: {
-        ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
+/**
+ * Bordered container for grouping related content.
+ *
+ * @example
+ * <Card><CardHeader><CardTitle>Title</CardTitle></CardHeader><CardContent>Body</CardContent></Card>
+ *
+ * @prop interactive - Adds hover and click styles when true
+ */
+declare function Card({ className, interactive, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & {
+    interactive?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Top section of a Card containing the title and description. */
+declare function CardHeader({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Primary heading inside a CardHeader. */
+declare function CardTitle({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Secondary description text inside a CardHeader. */
+declare function CardDescription({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Main body area of a Card. */
+declare function CardContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Bottom section of a Card, typically for actions. */
+declare function CardFooter({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+
+/** Handle returned by Embla Carousel for programmatic control. */
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
 };
-
-interface INavigationMenuProps extends React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
-    viewport?: boolean;
-}
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const NavigationMenuComponent: React$1.ForwardRefExoticComponent<INavigationMenuProps & React$1.RefAttributes<HTMLElement>> & {
-    List: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
-    Item: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-    Trigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Link: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
-    Viewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Indicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Scrollable content carousel powered by Embla Carousel.
+ *
+ * @example
+ * <Carousel><CarouselContent><CarouselItem>Slide 1</CarouselItem></CarouselContent><CarouselPrevious /><CarouselNext /></Carousel>
+ *
+ * @prop orientation - Scroll direction: "horizontal" | "vertical"
+ */
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
+/** Scrollable track containing CarouselItem children. */
+declare function CarouselContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Individual slide within CarouselContent. */
+declare function CarouselItem({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Button that scrolls the carousel to the previous slide. */
+declare function CarouselPrevious({ className, variant, size, ref, ...props }: React$1.ComponentPropsWithRef<typeof Button>): react_jsx_runtime.JSX.Element;
+/** Button that scrolls the carousel to the next slide. */
+declare function CarouselNext({ className, variant, size, ref, ...props }: React$1.ComponentPropsWithRef<typeof Button>): react_jsx_runtime.JSX.Element;
+
+declare const maxMap: {
+    readonly sm: "max-w-screen-sm";
+    readonly md: "max-w-screen-md";
+    readonly lg: "max-w-screen-lg";
+    readonly xl: "max-w-screen-xl";
+    readonly "2xl": "max-w-screen-2xl";
+    readonly full: "max-w-full";
 };
-
-interface ResizablePanelGroupProps extends GroupProps {
-    /** Alias for `orientation` – kept for backward compatibility. */
-    direction?: GroupProps["orientation"];
-}
-interface IResizableHandleProps extends SeparatorProps {
-    withHandle?: boolean;
+type Max = keyof typeof maxMap;
+/** Props accepted by the Center component. */
+interface CenterProps extends React$1.ComponentPropsWithRef<"div"> {
+    max?: Max;
+    padding?: boolean;
+    asChild?: boolean;
 }
-declare const ResizableComponent: {
-    ({ className, direction, orientation, ...props }: ResizablePanelGroupProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    Panel: {
-        ({ className, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Handle: {
-        ({ withHandle, className, ...props }: IResizableHandleProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
+/**
+ * Horizontally centers its content with a configurable max-width and optional padding.
+ *
+ * @example
+ * <Center max="lg" padding>Content</Center>
+ *
+ * @prop max - Max-width breakpoint: "sm" | "md" | "lg" | "xl" | "2xl" | "full"
+ * @prop padding - Adds responsive horizontal padding when true
+ * @prop asChild - Merge props onto child element instead of rendering a div
+ */
+declare function Center({ max, padding, asChild, className, ref, ...props }: CenterProps): react_jsx_runtime.JSX.Element;
 
 declare const THEMES: {
     readonly light: "";
     readonly dark: ".dark";
 };
+/** Configuration map defining labels, icons, and colors for each chart data series. */
 type ChartConfig = {
     [k in string]: {
         label?: React$1.ReactNode;
@@ -529,333 +291,1024 @@ type ChartConfig = {
         theme: Record<keyof typeof THEMES, string>;
     });
 };
-type ChartContextProps = {
-    config: ChartConfig;
-};
-declare function useChart(): ChartContextProps;
-interface IChartContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
+/**
+ * Wrapper that provides chart config context and a responsive container for Recharts charts.
+ *
+ * @example
+ * <ChartContainer config={chartConfig}><BarChart data={data}>...</BarChart></ChartContainer>
+ *
+ * @prop config - ChartConfig mapping series keys to labels, icons, and colors
+ */
+declare function ChartContainer({ id, className, children, config, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & {
     config: ChartConfig;
     children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}
-interface IChartTooltipContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    active?: boolean;
-    payload?: Array<Record<string, unknown>>;
-    label?: string;
-    labelFormatter?: (value: unknown, payload: Array<Record<string, unknown>>) => React$1.ReactNode;
-    labelClassName?: string;
-    formatter?: (value: unknown, name: string, item: Record<string, unknown>, index: number, payload: unknown) => React$1.ReactNode;
-    color?: string;
+}): react_jsx_runtime.JSX.Element;
+/** Injects CSS custom properties for chart colors based on the active theme. */
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+/** Recharts Tooltip component, re-exported for convenience. */
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+/** Themed tooltip content renderer for use with ChartTooltip. */
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, ref, }: React$1.ComponentPropsWithRef<"div"> & React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & {
     hideLabel?: boolean;
     hideIndicator?: boolean;
     indicator?: "line" | "dot" | "dashed";
     nameKey?: string;
     labelKey?: string;
-}
-interface IChartLegendContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}): react_jsx_runtime.JSX.Element | null;
+/** Recharts Legend component, re-exported for convenience. */
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+/** Themed legend content renderer for use with ChartLegend. */
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, ref, }: React$1.ComponentPropsWithRef<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
     hideIcon?: boolean;
     nameKey?: string;
-    payload?: Array<{
-        value?: string;
-        color?: string;
-        dataKey?: string;
-    }>;
-    verticalAlign?: "top" | "bottom";
-}
-declare const ChartComponent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>> & {
-    Container: React$1.ForwardRefExoticComponent<IChartContainerProps & React$1.RefAttributes<HTMLDivElement>>;
-    Tooltip: typeof RechartsPrimitive.Tooltip;
-    TooltipContent: React$1.ForwardRefExoticComponent<IChartTooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
-    Legend: React$1.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React$1.ReactPortal | null>;
-    LegendContent: React$1.ForwardRefExoticComponent<IChartLegendContentProps & React$1.RefAttributes<HTMLDivElement>>;
-    Style: ({ id, config }: {
-        id: string;
-        config: ChartConfig;
-    }) => react_jsx_runtime.JSX.Element | null;
-};
+}): react_jsx_runtime.JSX.Element | null;
 
-type ISonnerProps = ToasterProps;
-declare const Toaster: React$1.ForwardRefExoticComponent<ToasterProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface IMarqueeProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** Items to scroll across the marquee */
-    items: string[];
-    /** Speed of the animation in seconds (default: 20) */
-    speed?: number;
-    /** Pause on hover (default: false) */
-    pauseOnHover?: boolean;
-    /** Reverse direction (default: false) */
-    reverse?: boolean;
-}
-declare const Marquee: React$1.ForwardRefExoticComponent<IMarqueeProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface IImageCardProps extends React$1.HTMLAttributes<HTMLElement> {
-    /** URL of the image to display */
-    imageUrl: string;
-    /** Caption text below the image */
-    caption: string;
-    /** Alt text for the image (defaults to caption) */
-    alt?: string;
-}
-declare const ImageCard: React$1.ForwardRefExoticComponent<IImageCardProps & React$1.RefAttributes<HTMLElement>>;
-
-type IInputOTPProps = OTPInputProps & {
-    containerClassName?: string;
+/**
+ * A toggleable checkbox input with checked/unchecked states.
+ *
+ * @example
+ * <Checkbox checked={checked} onCheckedChange={setChecked} />
+ */
+declare function Checkbox({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const gapMap$2: {
+    readonly none: "gap-0";
+    readonly xs: "gap-1";
+    readonly sm: "gap-2";
+    readonly md: "gap-4";
+    readonly lg: "gap-6";
+    readonly xl: "gap-8";
+    readonly "2xl": "gap-12";
 };
-type IInputOTPGroupProps = React$1.HTMLAttributes<HTMLDivElement>;
-interface IInputOTPSlotProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    index: number;
-}
-type IInputOTPSeparatorProps = React$1.HTMLAttributes<HTMLDivElement>;
-declare const InputOTPComponent: React$1.ForwardRefExoticComponent<IInputOTPProps & React$1.RefAttributes<HTMLInputElement>> & {
-    Group: React$1.ForwardRefExoticComponent<IInputOTPGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-    Slot: React$1.ForwardRefExoticComponent<IInputOTPSlotProps & React$1.RefAttributes<HTMLDivElement>>;
-    Separator: React$1.ForwardRefExoticComponent<IInputOTPSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const alignMap$1: {
+    readonly start: "items-start";
+    readonly center: "items-center";
+    readonly end: "items-end";
+    readonly baseline: "items-baseline";
 };
-
-type IAlertDialogContentProps = React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;
-declare const AlertDialogComponent: React$1.FC<AlertDialogPrimitive.AlertDialogProps> & {
-    Trigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Footer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Title: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-    Description: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-    Action: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Cancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const justifyMap: {
+    readonly start: "justify-start";
+    readonly center: "justify-center";
+    readonly end: "justify-end";
+    readonly between: "justify-between";
 };
-
-interface IBreadcrumbLinkProps extends React$1.ComponentPropsWithoutRef<"a"> {
+type Gap$3 = keyof typeof gapMap$2;
+type Align$1 = keyof typeof alignMap$1;
+type Justify = keyof typeof justifyMap;
+/** Props accepted by the Cluster component. */
+interface ClusterProps extends React$1.ComponentPropsWithRef<"div"> {
+    gap?: Gap$3;
+    align?: Align$1;
+    justify?: Justify;
+    wrap?: boolean;
     asChild?: boolean;
 }
-declare const BreadcrumbComponent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>> & {
-    List: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
-    Item: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-    Link: React$1.ForwardRefExoticComponent<IBreadcrumbLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
-    Page: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-    Separator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-    Ellipsis: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-};
+/**
+ * Flexbox layout primitive for horizontal grouping with configurable gap, alignment, and wrapping.
+ *
+ * @example
+ * <Cluster gap="md" justify="between"><Badge>A</Badge><Badge>B</Badge></Cluster>
+ *
+ * @prop gap - Spacing between items: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"
+ * @prop align - Cross-axis alignment: "start" | "center" | "end" | "baseline"
+ * @prop justify - Main-axis justification: "start" | "center" | "end" | "between"
+ * @prop wrap - Enable flex-wrap (default true)
+ * @prop asChild - Merge props onto child element instead of rendering a div
+ */
+declare function Cluster({ gap, align, justify, wrap, asChild, className, ref, ...props }: ClusterProps): react_jsx_runtime.JSX.Element;
 
-type ICalendarProps = React$1.ComponentProps<typeof DayPicker>;
-declare const Calendar: React$1.ForwardRefExoticComponent<react_day_picker.DayPickerProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Root component that manages collapsible open/close state. */
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Button that toggles the collapsible content visibility. */
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Content panel that expands or collapses based on the Collapsible state. */
+declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-interface ICarouselProps {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: "horizontal" | "vertical";
-    setApi?: (api: CarouselApi) => void;
+/** A single selectable option in the Combobox dropdown. */
+interface ComboboxOption {
+    value: string;
+    label: string;
 }
-type CarouselContextProps = {
-    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
-    api: ReturnType<typeof useEmblaCarousel>[1];
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    canScrollPrev: boolean;
-    canScrollNext: boolean;
-    plugins?: CarouselPlugin;
-} & ICarouselProps;
-declare function useCarousel(): CarouselContextProps;
-declare const CarouselComponent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & ICarouselProps & React$1.RefAttributes<HTMLDivElement>> & {
-    Content: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Item: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Previous: React$1.ForwardRefExoticComponent<IButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Next: React$1.ForwardRefExoticComponent<IButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-};
-
-interface IPaginationLinkProps extends React$1.ComponentPropsWithoutRef<"a"> {
-    isActive?: boolean;
-    size?: "sm" | "md" | "lg" | "icon";
+interface ComboboxBaseProps {
+    options: ComboboxOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    className?: string;
+    disabled?: boolean;
 }
-declare const Pagination: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>> & {
-    Content: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
-    Item: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-    Link: React$1.ForwardRefExoticComponent<IPaginationLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
-    Previous: React$1.ForwardRefExoticComponent<Omit<IPaginationLinkProps & React$1.RefAttributes<HTMLAnchorElement>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
-    Next: React$1.ForwardRefExoticComponent<Omit<IPaginationLinkProps & React$1.RefAttributes<HTMLAnchorElement>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
-    Ellipsis: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-};
-
-declare const sheetContentVariants: (props?: ({
-    side?: "bottom" | "top" | "right" | "left" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ISheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetContentVariants> {
+interface ComboboxSingleProps extends ComboboxBaseProps {
+    multiple?: false;
+    value?: string;
+    onValueChange?: (value: string) => void;
 }
-declare const SheetComponent: React$1.FC<SheetPrimitive.DialogProps> & {
-    Trigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Close: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<ISheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
-    Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Title: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-    Description: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-    Footer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
-declare namespace FormField {
-    var displayName: string;
+interface ComboboxMultipleProps extends ComboboxBaseProps {
+    multiple: true;
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
 }
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: react_hook_form.FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare const FormComponent: (<TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element) & {
-    Field: typeof FormField;
-    Item: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
-    Control: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
-    Description: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-    Message: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-};
+type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
+/**
+ * Searchable select dropdown supporting single or multi-select modes.
+ *
+ * @example
+ * <Combobox options={[{ value: "a", label: "Alpha" }]} value={val} onValueChange={setVal} />
+ *
+ * @prop options - Array of selectable options
+ * @prop multiple - Enable multi-select mode when true
+ * @prop placeholder - Text shown when no value is selected
+ */
+declare function Combobox({ options, placeholder, searchPlaceholder, emptyMessage, className, disabled, ...props }: ComboboxProps): react_jsx_runtime.JSX.Element;
 
-interface ICommandDialogProps extends React$1.ComponentPropsWithoutRef<typeof DialogComponent> {
-    title?: string;
-    description?: string;
+/**
+ * Command palette container with built-in search and keyboard navigation.
+ *
+ * @example
+ * <Command><CommandInput /><CommandList><CommandItem>Action</CommandItem></CommandList></Command>
+ */
+declare function Command({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Command$1>): react_jsx_runtime.JSX.Element;
+/** Command palette rendered inside a modal dialog. */
+declare function CommandDialog({ children, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+/** Search input field within a Command palette. */
+declare function CommandInput({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+/** Scrollable list container for command items and groups. */
+declare function CommandList({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+/** Placeholder shown when no command items match the search query. */
+declare function CommandEmpty({ ref, ...props }: React$1.ComponentPropsWithRef<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+/** Labeled group of related command items. */
+declare function CommandGroup({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+/** Horizontal divider between command groups or items. */
+declare function CommandSeparator({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+/** Selectable action item within a CommandList. */
+declare function CommandItem({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+/** Keyboard shortcut hint displayed alongside a CommandItem. */
+declare function CommandShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+/** Root component that manages context menu open/close state. */
+declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
+/** Area that opens the context menu on right-click. */
+declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
+/** Groups related context menu items together. */
+declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Portal that renders context menu content outside the DOM hierarchy. */
+declare const ContextMenuPortal: React$1.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+/** Root for a nested sub-menu within the context menu. */
+declare const ContextMenuSub: React$1.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+/** Groups mutually exclusive radio items in the context menu. */
+declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Item that opens a nested sub-menu on hover. */
+declare function ContextMenuSubTrigger({ className, inset, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Dropdown panel for a nested sub-menu. */
+declare function ContextMenuSubContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+/** Positioned dropdown panel containing the context menu items. */
+declare function ContextMenuContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Clickable action item within the context menu. */
+declare function ContextMenuItem({ className, inset, ref, ...props }: React$1.ComponentPropsWithRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Context menu item with a toggleable checkbox indicator. */
+declare function ContextMenuCheckboxItem({ className, children, checked, ref, ...props }: React$1.ComponentPropsWithRef<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+/** Context menu item with a radio indicator for single-select groups. */
+declare function ContextMenuRadioItem({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+/** Non-interactive label used to title a group of context menu items. */
+declare function ContextMenuLabel({ className, inset, ref, ...props }: React$1.ComponentPropsWithRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Horizontal divider between context menu sections. */
+declare function ContextMenuSeparator({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/** Keyboard shortcut hint displayed alongside a context menu item. */
+declare function ContextMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+interface DataTableColumnHeaderProps<TData, TValue> extends React$1.HTMLAttributes<HTMLDivElement> {
+    column: _tanstack_react_table.Column<TData, TValue>;
+    title: string;
 }
-declare const CommandComponent: React$1.ForwardRefExoticComponent<Omit<{
+/**
+ * Sortable column header button that toggles sort direction on click.
+ *
+ * @example
+ * <DataTableColumnHeader column={column} title="Name" />
+ *
+ * @prop column - TanStack Table column instance
+ * @prop title - Display text for the header
+ */
+declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+interface DataTableViewOptionsProps<TData> {
+    table: _tanstack_react_table.Table<TData>;
+}
+/**
+ * Dropdown menu for toggling column visibility in a data table.
+ *
+ * @example
+ * <DataTableViewOptions table={table} />
+ *
+ * @prop table - TanStack Table instance
+ */
+declare function DataTableViewOptions<TData>({ table, }: DataTableViewOptionsProps<TData>): react_jsx_runtime.JSX.Element;
+interface DataTablePaginationProps<TData> {
+    table: _tanstack_react_table.Table<TData>;
+}
+/**
+ * Pagination controls displaying row selection count and page navigation.
+ *
+ * @example
+ * <DataTablePagination table={table} />
+ *
+ * @prop table - TanStack Table instance
+ */
+declare function DataTablePagination<TData>({ table, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
+interface DataTableToolbarProps {
     children?: React$1.ReactNode;
-} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React$1.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    label?: string;
-    shouldFilter?: boolean;
-    filter?: (value: string, search: string, keywords?: string[]) => number;
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    loop?: boolean;
-    disablePointerSelection?: boolean;
-    vimBindings?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>> & {
-    Dialog: {
-        ({ title, description, children, ...props }: ICommandDialogProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Input: 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>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
-        value?: string;
-        onValueChange?: (search: string) => void;
-    } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
-    List: React$1.ForwardRefExoticComponent<Omit<{
-        children?: React$1.ReactNode;
-    } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React$1.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-        label?: string;
-    } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Empty: React$1.ForwardRefExoticComponent<Omit<{
-        children?: React$1.ReactNode;
-    } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React$1.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Group: 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>> & {
-        ref?: React$1.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
-        heading?: React$1.ReactNode;
-        value?: string;
-        forceMount?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Separator: 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>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-        alwaysRender?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Item: 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>> & {
-        ref?: React$1.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
-        disabled?: boolean;
-        onSelect?: (value: string) => void;
-        value?: string;
-        keywords?: string[];
-        forceMount?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-    Shortcut: {
-        ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-
-interface IComboboxItem {
-    value: string;
-    label: string;
-    disabled?: boolean;
+    className?: string;
 }
-interface IComboboxProps {
-    items: IComboboxItem[];
-    value?: string;
-    onValueChange?: (value: string) => void;
+/**
+ * Horizontal toolbar container for data table filters and actions.
+ *
+ * @example
+ * <DataTableToolbar><Input placeholder="Filter..." /></DataTableToolbar>
+ */
+declare function DataTableToolbar({ children, className }: DataTableToolbarProps): react_jsx_runtime.JSX.Element;
+/**
+ * Creates a checkbox selection column definition for use with TanStack Table.
+ *
+ * @example
+ * const columns = [createSelectColumn<MyData>(), ...otherColumns]
+ */
+declare function createSelectColumn<TData>(): ColumnDef<TData>;
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    className?: string;
+    toolbar?: React$1.ReactNode;
+}
+/**
+ * Full-featured data table with sorting, filtering, pagination, and row selection.
+ *
+ * @example
+ * <DataTable columns={columns} data={data} toolbar={<DataTableToolbar>...</DataTableToolbar>} />
+ *
+ * @prop columns - TanStack Table column definitions
+ * @prop data - Array of row data
+ * @prop toolbar - Optional toolbar rendered above the table
+ */
+declare function DataTable<TData, TValue>({ columns, data, className, toolbar, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+interface DatePickerProps {
+    date?: Date;
+    onDateChange?: (date: Date | undefined) => void;
     placeholder?: string;
-    searchPlaceholder?: string;
-    emptyText?: string;
     className?: string;
     disabled?: boolean;
 }
-interface IComboboxMultiProps {
-    items: IComboboxItem[];
-    values?: string[];
-    onValuesChange?: (values: string[]) => void;
+/**
+ * Single-date picker with a popover calendar and formatted display.
+ *
+ * @example
+ * <DatePicker date={date} onDateChange={setDate} placeholder="Select date" />
+ *
+ * @prop date - Currently selected date
+ * @prop onDateChange - Callback when a date is selected
+ * @prop placeholder - Text shown when no date is selected
+ */
+declare function DatePicker({ date, onDateChange, placeholder, className, disabled, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+interface DateRangePickerProps {
+    dateRange?: DateRange;
+    onDateRangeChange?: (range: DateRange | undefined) => void;
     placeholder?: string;
-    searchPlaceholder?: string;
-    emptyText?: string;
     className?: string;
     disabled?: boolean;
 }
-declare const ComboboxComponent: React$1.ForwardRefExoticComponent<IComboboxProps & React$1.RefAttributes<HTMLButtonElement>> & {
-    Multi: React$1.ForwardRefExoticComponent<IComboboxMultiProps & React$1.RefAttributes<HTMLButtonElement>>;
-};
+/**
+ * Date range picker with a two-month popover calendar.
+ *
+ * @example
+ * <DateRangePicker dateRange={range} onDateRangeChange={setRange} />
+ *
+ * @prop dateRange - Currently selected date range
+ * @prop onDateRangeChange - Callback when the range changes
+ * @prop placeholder - Text shown when no range is selected
+ */
+declare function DateRangePicker({ dateRange, onDateRangeChange, placeholder, className, disabled, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
+/** Root dialog component that manages open/close state. */
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+/** Button or element that opens the dialog when clicked. */
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Portals dialog content into document body. */
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+/** Button or element that closes the dialog when clicked. */
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Semi-transparent backdrop overlay behind the dialog. */
+declare function DialogOverlay({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+/**
+ * Centered dialog panel with overlay, close button, and animated transitions.
+ *
+ * @example
+ * <Dialog>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogContent><DialogHeader><DialogTitle>Title</DialogTitle></DialogHeader></DialogContent>
+ * </Dialog>
+ */
+declare function DialogContent({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof DialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Container for dialog title and description at the top of the dialog. */
+declare function DialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Container for action buttons at the bottom of the dialog. */
+declare function DialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Accessible title heading for the dialog. */
+declare function DialogTitle({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+/** Accessible description text displayed below the dialog title. */
+declare function DialogDescription({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+/** Text direction, either left-to-right or right-to-left. */
+type Direction = "ltr" | "rtl";
+/**
+ * Context provider that sets the text direction for descendant components.
+ * All Radix-based components in this library read from this provider automatically.
+ *
+ * @example
+ * <DirectionProvider dir="rtl">{children}</DirectionProvider>
+ *
+ * @prop dir - Text direction, defaults to "ltr"
+ */
+declare function DirectionProvider({ dir, children, }: {
+    dir?: Direction;
+    children: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+/** Hook that returns the current text direction from DirectionProvider context. */
+declare function useDirection(): Direction;
 
-interface IDataTableProps<TData, TValue> {
-    columns: ColumnDef<TData, TValue>[];
-    data: TData[];
-    filterColumn?: string;
-    filterPlaceholder?: string;
-    showColumnToggle?: boolean;
-    showPagination?: boolean;
-    showSelectedCount?: boolean;
-    className?: string;
+interface DividerProps extends React$1.ComponentPropsWithRef<"div"> {
+    orientation?: "horizontal" | "vertical";
+    label?: string;
 }
-interface IDataTableSortButtonProps {
-    children: React$1.ReactNode;
-    onClick: () => void;
-    className?: string;
+/**
+ * Visual separator rendered as a horizontal rule, vertical line, or labeled divider.
+ *
+ * @example
+ * <Divider />
+ * <Divider label="OR" />
+ * <Divider orientation="vertical" />
+ *
+ * @prop orientation - "horizontal" (default) or "vertical"
+ * @prop label - Optional centered text within a horizontal divider
+ */
+declare function Divider({ orientation, label, className, ref, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Root drawer component powered by Vaul, slides up from the bottom of the viewport.
+ *
+ * @example
+ * <Drawer>
+ *   <DrawerTrigger>Open</DrawerTrigger>
+ *   <DrawerContent><DrawerHeader><DrawerTitle>Title</DrawerTitle></DrawerHeader></DrawerContent>
+ * </Drawer>
+ */
+declare function Drawer({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+/** Button or element that opens the drawer when clicked. */
+declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Portals drawer content into document body. */
+declare const DrawerPortal: typeof vaul.Portal;
+/** Button or element that closes the drawer when clicked. */
+declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Semi-transparent backdrop overlay behind the drawer. */
+declare function DrawerOverlay({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
+/** Drawer panel that slides up from the bottom with a drag handle. */
+declare function DrawerContent({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+/** Container for drawer title and description. */
+declare function DrawerHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Container for action buttons at the bottom of the drawer. */
+declare function DrawerFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Accessible title heading for the drawer. */
+declare function DrawerTitle({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
+/** Accessible description text displayed below the drawer title. */
+declare function DrawerDescription({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
+
+/** Root dropdown menu component that manages open/close state. */
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+/** Button or element that toggles the dropdown menu. */
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Groups related dropdown menu items together. */
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Portals dropdown menu content into document body. */
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+/** Root component for a nested submenu within a dropdown. */
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+/** Groups radio items so only one can be selected at a time. */
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Menu item that opens a nested submenu on hover or focus. */
+declare function DropdownMenuSubTrigger({ className, inset, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Animated content panel for a nested submenu. */
+declare function DropdownMenuSubContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+/**
+ * Animated popover panel containing the dropdown menu items.
+ *
+ * @example
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger>Open</DropdownMenuTrigger>
+ *   <DropdownMenuContent><DropdownMenuItem>Action</DropdownMenuItem></DropdownMenuContent>
+ * </DropdownMenu>
+ */
+declare function DropdownMenuContent({ className, sideOffset, ref, ...props }: React$1.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Clickable item within a dropdown menu. */
+declare function DropdownMenuItem({ className, inset, ref, ...props }: React$1.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Menu item with a checkbox indicator for toggling boolean options. */
+declare function DropdownMenuCheckboxItem({ className, children, checked, ref, ...props }: React$1.ComponentPropsWithRef<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+/** Menu item with a radio indicator for single-select groups. */
+declare function DropdownMenuRadioItem({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+/** Non-interactive label used to title a group of menu items. */
+declare function DropdownMenuLabel({ className, inset, ref, ...props }: React$1.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Horizontal divider line between groups of menu items. */
+declare function DropdownMenuSeparator({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/** Right-aligned keyboard shortcut hint displayed within a menu item. */
+declare function DropdownMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Centered empty state container for when no content is available.
+ *
+ * @example
+ * <Empty>
+ *   <EmptyIcon><InboxIcon /></EmptyIcon>
+ *   <EmptyTitle>No results</EmptyTitle>
+ *   <EmptyDescription>Try adjusting your filters.</EmptyDescription>
+ *   <EmptyAction><Button>Reset</Button></EmptyAction>
+ * </Empty>
+ */
+declare function Empty({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Icon container displayed above the empty state title. */
+declare function EmptyIcon({ className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Heading text for the empty state. */
+declare function EmptyTitle({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+/** Muted description text below the empty state title. */
+declare function EmptyDescription({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+/** Container for a call-to-action button in the empty state. */
+declare function EmptyAction({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+/** Label text variants. Use with cn(labelVariants()) for non-label elements. */
+declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Accessible label component built on Radix UI Label primitive.
+ *
+ * @example
+ * <Label htmlFor="email">Email</Label>
+ */
+declare function Label({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>): react_jsx_runtime.JSX.Element;
+
+interface FieldContextValue {
+    id: string;
+    hintId: string;
+    errorId: string;
+    error: boolean;
 }
-declare function DataTableRoot<TData, TValue>({ columns, data, filterColumn, filterPlaceholder, showColumnToggle, showPagination, showSelectedCount, className, }: IDataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
-declare const DataTableComponent: typeof DataTableRoot & {
-    SortButton: {
-        ({ children, onClick, className, }: IDataTableSortButtonProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
+/** Hook that returns the current Field context (id, error state, aria IDs). */
+declare function useFieldContext(): FieldContextValue | null;
+interface FieldProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    error?: boolean;
+    id?: string;
+}
+/**
+ * Form field wrapper that provides shared context for label, hint, and error linking.
+ *
+ * @example
+ * <Field error={!!errors.name}>
+ *   <FieldLabel>Name</FieldLabel>
+ *   <Input />
+ *   <FieldError>{errors.name}</FieldError>
+ * </Field>
+ *
+ * @prop error - Whether the field is in an error state
+ */
+declare function Field({ className, error, id: idProp, children, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
+/** Label automatically linked to the parent Field's input via htmlFor. */
+declare function FieldLabel({ className, ...props }: React$1.ComponentPropsWithoutRef<typeof Label>): react_jsx_runtime.JSX.Element;
+/** Muted helper text displayed below a field input. */
+declare function FieldHint({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+/** Error message that renders only when children are provided, with role="alert". */
+declare function FieldError({ className, children, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element | null;
+
+interface FieldsetProps extends React$1.ComponentPropsWithRef<"fieldset"> {
+    legend: string;
+}
+/**
+ * Accessible fieldset wrapper with a visible legend label.
+ *
+ * @example
+ * <Fieldset legend="Personal Info"><Input /><Input /></Fieldset>
+ *
+ * @prop legend - Text displayed as the fieldset legend
+ */
+declare function Fieldset({ legend, className, children, ref, ...props }: FieldsetProps): react_jsx_runtime.JSX.Element;
+
+type Gap$2 = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+interface FormProps extends React$1.ComponentPropsWithRef<"form"> {
+    gap?: Gap$2;
+}
+/**
+ * Form element with vertical stack layout and configurable gap spacing.
+ *
+ * @example
+ * <Form gap="lg" onSubmit={handleSubmit}><Field>...</Field></Form>
+ *
+ * @prop gap - Vertical spacing between children (default "xl")
+ */
+declare function Form({ gap, className, children, ref, ...props }: FormProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Horizontal action bar for form submit/cancel buttons, separated by a top border.
+ *
+ * @example
+ * <FormActions>
+ *   <Button variant="outline">Cancel</Button>
+ *   <Button>Save</Button>
+ * </FormActions>
+ */
+declare function FormActions({ className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Left-aligned container for secondary form actions (e.g., delete or reset). */
+declare function FormActionsSecondary({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Right-aligned container for primary form actions (e.g., submit). */
+declare function FormActionsPrimary({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Fieldset-based section for grouping related form fields with a header.
+ *
+ * @example
+ * <FormSection>
+ *   <FormSectionHeader><FormSectionTitle>Account</FormSectionTitle></FormSectionHeader>
+ *   <FormSectionContent><Field>...</Field></FormSectionContent>
+ * </FormSection>
+ */
+declare function FormSection({ className, ref, ...props }: React$1.ComponentPropsWithRef<"fieldset">): react_jsx_runtime.JSX.Element;
+/** Container for the section title and description. */
+declare function FormSectionHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Legend element used as the section heading. */
+declare function FormSectionTitle({ className, ...props }: React$1.HTMLAttributes<HTMLLegendElement>): react_jsx_runtime.JSX.Element;
+/** Muted paragraph describing the purpose of the form section. */
+declare function FormSectionDescription({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+interface FormSectionContentProps extends React$1.ComponentPropsWithRef<"div"> {
+    layout?: "stack" | "grid";
+}
+/**
+ * Content area for form fields, rendered as a stack or two-column grid.
+ *
+ * @prop layout - "stack" (default) or "grid" for two-column layout
+ */
+declare function FormSectionContent({ layout, className, ref, children, ...props }: FormSectionContentProps): react_jsx_runtime.JSX.Element;
+
+declare const gapMap$1: {
+    readonly none: "gap-0";
+    readonly xs: "gap-1";
+    readonly sm: "gap-2";
+    readonly md: "gap-4";
+    readonly lg: "gap-6";
+    readonly xl: "gap-8";
+    readonly "2xl": "gap-12";
 };
+type Gap$1 = keyof typeof gapMap$1;
+type Columns = 1 | 2 | 3 | 4 | 5 | 6 | "auto-fill" | "auto-fit";
+interface GridProps extends React$1.ComponentPropsWithRef<"div"> {
+    columns?: Columns;
+    gap?: Gap$1;
+    minChildWidth?: string;
+    asChild?: boolean;
+}
+/**
+ * CSS Grid layout component with configurable columns, gap, and auto-fill/auto-fit modes.
+ *
+ * @example
+ * <Grid columns={3} gap="lg"><Card /><Card /><Card /></Grid>
+ * <Grid columns="auto-fill" minChildWidth="200px" gap="md">...</Grid>
+ *
+ * @prop columns - Number of columns (1-6) or "auto-fill"/"auto-fit"
+ * @prop gap - Gap size between grid items
+ * @prop minChildWidth - Minimum child width for auto-fill/auto-fit columns
+ * @prop asChild - Merge props onto child element via Slot
+ */
+declare function Grid({ columns, gap, minChildWidth, asChild, className, style, ref, ...props }: GridProps): react_jsx_runtime.JSX.Element;
+
+/** Root hover card component that manages open/close state on hover. */
+declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
+/** Element that triggers the hover card on mouse enter. */
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Animated popover panel that appears on hover over the trigger.
+ *
+ * @example
+ * <HoverCard>
+ *   <HoverCardTrigger>Hover me</HoverCardTrigger>
+ *   <HoverCardContent>Details here</HoverCardContent>
+ * </HoverCard>
+ */
+declare function HoverCardContent({ className, align, sideOffset, ref, ...props }: React$1.ComponentPropsWithRef<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Styled text input with focus ring, border, and disabled state support.
+ *
+ * @example
+ * <Input type="email" placeholder="you@example.com" />
+ */
+declare function Input({ className, type, ref, ...props }: React$1.ComponentPropsWithRef<"input">): react_jsx_runtime.JSX.Element;
+
+/**
+ * Container that visually groups an Input with prefix/suffix addons sharing a single border.
+ *
+ * @example
+ * <InputGroup>
+ *   <InputGroupPrefix>$</InputGroupPrefix>
+ *   <Input placeholder="0.00" />
+ *   <InputGroupSuffix>USD</InputGroupSuffix>
+ * </InputGroup>
+ */
+declare function InputGroup({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Left-side addon content (icon, text) within an InputGroup. */
+declare function InputGroupPrefix({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Right-side addon content (icon, text) within an InputGroup. */
+declare function InputGroupSuffix({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+/**
+ * One-time password input supporting configurable length and pattern validation.
+ *
+ * @example
+ * <InputOTP maxLength={6}>
+ *   <InputOTPGroup><InputOTPSlot index={0} /><InputOTPSlot index={1} /></InputOTPGroup>
+ *   <InputOTPSeparator />
+ *   <InputOTPGroup><InputOTPSlot index={2} /><InputOTPSlot index={3} /></InputOTPGroup>
+ * </InputOTP>
+ */
+declare function InputOTP({ className, containerClassName, ref, ...props }: React$1.ComponentPropsWithRef<typeof OTPInput>): react_jsx_runtime.JSX.Element;
+/** Groups adjacent OTP slots together visually. */
+declare function InputOTPGroup({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * Individual character slot within an OTP input displaying a single digit.
+ *
+ * @prop index - Zero-based position of this slot in the OTP sequence
+ */
+declare function InputOTPSlot({ index, className, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & {
+    index: number;
+}): react_jsx_runtime.JSX.Element;
+/** Dot separator rendered between OTP slot groups. */
+declare function InputOTPSeparator({ ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+
+interface ItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    disabled?: boolean;
+}
+/**
+ * Interactive list item with active and disabled states, commonly used in menus and lists.
+ *
+ * @example
+ * <Item active onClick={handleClick}><ItemIcon><StarIcon /></ItemIcon><ItemLabel>Favorites</ItemLabel></Item>
+ *
+ * @prop active - Highlights the item as currently selected
+ * @prop disabled - Dims the item and disables pointer events
+ */
+declare function Item({ className, active, disabled, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
+/** Shrink-proof icon wrapper inside an Item. */
+declare function ItemIcon({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+/** Truncating text label inside an Item. */
+declare function ItemLabel({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+interface KbdProps extends React$1.HTMLAttributes<HTMLElement> {
+    keys?: string | string[];
+}
+/**
+ * Renders a keyboard key indicator, supporting single keys or key combinations.
+ *
+ * @example
+ * <Kbd keys={["Ctrl", "S"]} />
+ * <Kbd>Enter</Kbd>
+ *
+ * @prop keys - A single key string or array of key strings to display as a combination.
+ */
+declare function Kbd({ className, keys, children, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+
+/** Wrapper for an individual menu within the menubar. */
+declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
+/** Groups related menubar items together. */
+declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/** Portal for rendering menubar content outside the DOM hierarchy. */
+declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+/** Groups menubar radio items for single-selection behavior. */
+declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+/** Container for a nested submenu within the menubar. */
+declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+/**
+ * Horizontal menubar root component built on Radix UI Menubar.
+ *
+ * @example
+ * <Menubar>
+ *   <MenubarMenu>
+ *     <MenubarTrigger>File</MenubarTrigger>
+ *     <MenubarContent>
+ *       <MenubarItem>New</MenubarItem>
+ *     </MenubarContent>
+ *   </MenubarMenu>
+ * </Menubar>
+ */
+declare function Menubar({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Button that opens a menubar dropdown. */
+declare function MenubarTrigger({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Trigger that opens a nested submenu, displaying a chevron indicator. */
+declare function MenubarSubTrigger({ className, inset, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Animated dropdown content for a menubar submenu. */
+declare function MenubarSubContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+/** Animated dropdown content panel for a top-level menubar menu. */
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** An interactive item within a menubar dropdown. */
+declare function MenubarItem({ className, inset, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** A menubar item with a checkbox indicator for toggling options. */
+declare function MenubarCheckboxItem({ className, children, checked, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+/** A menubar item with a radio indicator for exclusive selection. */
+declare function MenubarRadioItem({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+/** Non-interactive label used to title a group of menubar items. */
+declare function MenubarLabel({ className, inset, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Visual divider between groups of menubar items. */
+declare function MenubarSeparator({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof MenubarPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/** Displays a keyboard shortcut hint aligned to the right of a menubar item. */
+declare function MenubarShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+/** Size variants for the native select element. Use with cn(nativeSelectVariants({...})) for non-select elements. */
+declare const nativeSelectVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface NativeSelectProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "size">, VariantProps<typeof nativeSelectVariants> {
+}
+/**
+ * Styled native HTML select element with a custom chevron indicator.
+ *
+ * @example
+ * <NativeSelect size="default">
+ *   <option value="a">Option A</option>
+ * </NativeSelect>
+ *
+ * @prop size - Controls the height of the select: "sm", "default", or "lg".
+ */
+declare function NativeSelect({ className, size, children, ...props }: NativeSelectProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Root navigation menu component built on Radix UI NavigationMenu.
+ *
+ * @example
+ * <NavigationMenu>
+ *   <NavigationMenuList>
+ *     <NavigationMenuItem>
+ *       <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
+ *       <NavigationMenuContent>...</NavigationMenuContent>
+ *     </NavigationMenuItem>
+ *   </NavigationMenuList>
+ * </NavigationMenu>
+ */
+declare function NavigationMenu({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Horizontal list container for navigation menu items. */
+declare function NavigationMenuList({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
+/** Individual item within a navigation menu list. */
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
+/** Trigger button style variants. Use with cn(navigationMenuTriggerStyle()) for non-trigger elements. */
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/** Button that toggles the visibility of a navigation menu content panel. */
+declare function NavigationMenuTrigger({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Animated content panel revealed when a navigation menu trigger is activated. */
+declare function NavigationMenuContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Accessible link element within a navigation menu. */
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+/** Viewport container that renders the active navigation menu content with animations. */
+declare function NavigationMenuViewport({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
+/** Animated arrow indicator that tracks the active navigation menu item. */
+declare function NavigationMenuIndicator({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Navigation container for paginated content.
+ *
+ * @example
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem><PaginationPrevious href="#" /></PaginationItem>
+ *     <PaginationItem><PaginationLink href="#">1</PaginationLink></PaginationItem>
+ *     <PaginationItem><PaginationNext href="#" /></PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ */
+declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+/** Flex row container for pagination items. */
+declare function PaginationContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<"ul">): react_jsx_runtime.JSX.Element;
+/** List item wrapper for a single pagination element. */
+declare function PaginationItem({ className, ref, ...props }: React$1.ComponentPropsWithRef<"li">): react_jsx_runtime.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
+/**
+ * Styled anchor for an individual page number.
+ *
+ * @prop isActive - Highlights the link as the current page.
+ * @prop size - Button size variant, defaults to "icon".
+ */
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+/** "Previous" pagination link with a left chevron icon. */
+declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+/** "Next" pagination link with a right chevron icon. */
+declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+/** Ellipsis indicator representing omitted page numbers. */
+declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+/** Root popover component that manages open/close state. */
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+/** Element that toggles the popover open and closed. */
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Animated floating content panel displayed when a popover is open.
+ *
+ * @example
+ * <Popover>
+ *   <PopoverTrigger>Open</PopoverTrigger>
+ *   <PopoverContent>Content here</PopoverContent>
+ * </Popover>
+ */
+declare function PopoverContent({ className, align, sideOffset, ref, ...props }: React$1.ComponentPropsWithRef<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Horizontal progress bar indicating completion percentage.
+ *
+ * @example
+ * <Progress value={60} />
+ *
+ * @prop value - Current progress from 0 to 100.
+ */
+declare function Progress({ className, value, ref, ...props }: React$1.ComponentPropsWithRef<typeof ProgressPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+/**
+ * A group of radio inputs where only one can be selected at a time.
+ *
+ * @example
+ * <RadioGroup defaultValue="a">
+ *   <RadioGroupItem value="a" />
+ *   <RadioGroupItem value="b" />
+ * </RadioGroup>
+ */
+declare function RadioGroup({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** An individual radio option within a RadioGroup. */
+declare function RadioGroupItem({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
+
+/**
+ * A container that arranges resizable panels in a horizontal or vertical layout.
+ *
+ * @example
+ * <ResizablePanelGroup direction="horizontal">
+ *   <ResizablePanel>Left</ResizablePanel>
+ *   <ResizableHandle />
+ *   <ResizablePanel>Right</ResizablePanel>
+ * </ResizablePanelGroup>
+ */
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => react_jsx_runtime.JSX.Element;
+/** A single resizable panel within a ResizablePanelGroup. */
+declare const ResizablePanel: typeof Panel;
+/**
+ * A draggable handle between resizable panels for adjusting their sizes.
+ *
+ * @example
+ * <ResizableHandle withHandle />
+ *
+ * @prop withHandle - Whether to show a visible grip icon on the handle.
+ */
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator$1> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+/**
+ * A scrollable area with custom styled scrollbars.
+ *
+ * @example
+ * <ScrollArea className="h-72">
+ *   <div>Scrollable content</div>
+ * </ScrollArea>
+ */
+declare function ScrollArea({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** A styled scrollbar track and thumb, used internally by ScrollArea. */
+declare function ScrollBar({ className, orientation, ref, ...props }: React$1.ComponentPropsWithRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+
+/** Props for the SearchField component. */
+interface SearchFieldProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    placeholder?: string;
+    shortcut?: string;
+    value: string;
+    onChange: (value: string) => void;
+    onClear?: () => void;
+}
+/**
+ * A search input with a search icon, clearable value, and optional keyboard shortcut hint.
+ *
+ * @example
+ * <SearchField value={query} onChange={setQuery} shortcut="/" />
+ *
+ * @prop value - The current search string.
+ * @prop onChange - Callback fired when the search value changes.
+ * @prop shortcut - Optional keyboard shortcut label displayed when empty.
+ * @prop onClear - Optional callback fired when the clear button is clicked.
+ */
+declare function SearchField({ placeholder, shortcut, value, onChange, onClear, className, ...props }: SearchFieldProps): react_jsx_runtime.JSX.Element;
+
+/** Root component that manages select state and context. */
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+/** Groups related select items with an optional label. */
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/** Renders the currently selected value or placeholder text. */
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+/**
+ * The button that toggles the select dropdown.
+ *
+ * @example
+ * <Select>
+ *   <SelectTrigger><SelectValue placeholder="Pick one" /></SelectTrigger>
+ *   <SelectContent>
+ *     <SelectItem value="a">Option A</SelectItem>
+ *   </SelectContent>
+ * </Select>
+ */
+declare function SelectTrigger({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof SelectPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** A button shown at the top of the dropdown to scroll content upward. */
+declare function SelectScrollUpButton({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+/** A button shown at the bottom of the dropdown to scroll content downward. */
+declare function SelectScrollDownButton({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+/** The dropdown popover that contains selectable items. */
+declare function SelectContent({ className, children, position, ref, ...props }: React$1.ComponentPropsWithRef<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** A non-interactive label for a group of select items. */
+declare function SelectLabel({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+/** A selectable option within the select dropdown. */
+declare function SelectItem({ className, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+/** A visual divider between groups of select items. */
+declare function SelectSeparator({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+
+/**
+ * A visual divider that separates content horizontally or vertically.
+ *
+ * @example
+ * <Separator orientation="horizontal" />
+ */
+declare function Separator({ className, orientation, decorative, ref, ...props }: React$1.ComponentPropsWithRef<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+/** Root component that manages sheet open/closed state. */
+declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
+/** A button or element that opens the sheet when clicked. */
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** A button or element that closes the sheet when clicked. */
+declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Portals sheet content into the document body. */
+declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+/** A semi-transparent backdrop displayed behind the sheet content. */
+declare function SheetOverlay({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+/** Sheet position variants for top/bottom/left/right sides. Use with cn(sheetVariants({...})) for non-sheet elements. */
+declare const sheetVariants: (props?: ({
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React$1.ComponentPropsWithRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+/**
+ * The sliding panel content of the sheet, rendered from a specified side.
+ *
+ * @example
+ * <Sheet>
+ *   <SheetTrigger>Open</SheetTrigger>
+ *   <SheetContent side="right">Content here</SheetContent>
+ * </Sheet>
+ *
+ * @prop side - Which edge the sheet slides in from (top, bottom, left, right).
+ */
+declare function SheetContent({ side, className, children, ref, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;
+/** A layout container for the sheet's title and description at the top. */
+declare function SheetHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** A layout container for action buttons at the bottom of the sheet. */
+declare function SheetFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** The accessible title heading for the sheet. */
+declare function SheetTitle({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+/** An accessible description for the sheet content. */
+declare function SheetDescription({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+/** Global tooltip configuration provider (delay, skip-delay, etc.). */
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
+/** Root tooltip wrapper that manages open state. */
+declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+/** Element that triggers the tooltip on hover/focus. */
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** Animated popover content displayed when the tooltip is open.
+ *
+ * @example
+ * <Tooltip><TooltipTrigger>Hover me</TooltipTrigger><TooltipContent>Tip text</TooltipContent></Tooltip>
+ */
+declare function TooltipContent({ className, sideOffset, ref, ...props }: React$1.ComponentPropsWithRef<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
 type SidebarContextProps = {
     state: "expanded" | "collapsed";
@@ -866,367 +1319,291 @@ type SidebarContextProps = {
     isMobile: boolean;
     toggleSidebar: () => void;
 };
+/** Returns the sidebar context including open state, toggle, and mobile detection. */
 declare function useSidebar(): SidebarContextProps;
-interface ISidebarProviderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+/**
+ * Provides sidebar context and manages expand/collapse state, mobile sheet, and keyboard shortcut.
+ *
+ * @example
+ * <SidebarProvider>
+ *   <Sidebar>...</Sidebar>
+ *   <SidebarInset>main content</SidebarInset>
+ * </SidebarProvider>
+ */
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-}
-interface ISidebarRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}): react_jsx_runtime.JSX.Element;
+/**
+ * The main sidebar container that renders as a fixed panel on desktop or a sheet on mobile.
+ *
+ * @prop side - Which edge the sidebar appears on (left or right).
+ * @prop variant - Visual variant (sidebar, floating, inset).
+ * @prop collapsible - Collapse behavior (offcanvas, icon, none).
+ */
+declare function Sidebar({ side, variant, collapsible, className, children, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
-}
-interface ISidebarGroupLabelProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}): react_jsx_runtime.JSX.Element;
+/** A button that toggles the sidebar open/closed state. */
+declare function SidebarTrigger({ className, onClick, ref, ...props }: React$1.ComponentPropsWithRef<typeof Button>): react_jsx_runtime.JSX.Element;
+/** A thin interactive rail at the sidebar edge for toggling via click or drag. */
+declare function SidebarRail({ className, ref, ...props }: React$1.ComponentPropsWithRef<"button">): react_jsx_runtime.JSX.Element;
+/** The main content area adjacent to the sidebar. */
+declare function SidebarInset({ className, ref, ...props }: React$1.ComponentPropsWithRef<"main">): react_jsx_runtime.JSX.Element;
+/** A styled text input for use within the sidebar. */
+declare function SidebarInput({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Input>): react_jsx_runtime.JSX.Element;
+/** A container for content at the top of the sidebar. */
+declare function SidebarHeader({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** A container for content at the bottom of the sidebar. */
+declare function SidebarFooter({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** A horizontal divider styled for the sidebar context. */
+declare function SidebarSeparator({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof Separator>): react_jsx_runtime.JSX.Element;
+/** The scrollable body area of the sidebar that holds groups and menus. */
+declare function SidebarContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** A logical grouping of sidebar items, typically with a label. */
+declare function SidebarGroup({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** A small label heading for a SidebarGroup. */
+declare function SidebarGroupLabel({ className, asChild, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & {
     asChild?: boolean;
-}
-interface ISidebarGroupActionProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}): react_jsx_runtime.JSX.Element;
+/** An action button positioned at the top-right of a SidebarGroup. */
+declare function SidebarGroupAction({ className, asChild, ref, ...props }: React$1.ComponentPropsWithRef<"button"> & {
     asChild?: boolean;
-}
+}): react_jsx_runtime.JSX.Element;
+/** A wrapper for the content within a SidebarGroup. */
+declare function SidebarGroupContent({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** A list container for sidebar menu items. */
+declare function SidebarMenu({ className, ref, ...props }: React$1.ComponentPropsWithRef<"ul">): react_jsx_runtime.JSX.Element;
+/** A list item wrapper for a single sidebar menu entry. */
+declare function SidebarMenuItem({ className, ref, ...props }: React$1.ComponentPropsWithRef<"li">): react_jsx_runtime.JSX.Element;
+/** Sidebar menu button style variants. Use with cn(sidebarMenuButtonVariants({...})) for non-button elements. */
 declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ISidebarMenuButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof sidebarMenuButtonVariants> {
+/**
+ * An interactive button within a sidebar menu item, with optional tooltip when collapsed.
+ *
+ * @prop isActive - Whether the item is currently active/selected.
+ * @prop tooltip - Tooltip content shown when the sidebar is collapsed.
+ */
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ref, ...props }: React$1.ComponentPropsWithRef<"button"> & {
     asChild?: boolean;
     isActive?: boolean;
-    tooltip?: string | React$1.ComponentPropsWithoutRef<typeof TooltipComponent.Content>;
-}
-interface ISidebarMenuActionProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
+/** A secondary action button (e.g. delete, edit) within a sidebar menu item. */
+declare function SidebarMenuAction({ className, asChild, showOnHover, ref, ...props }: React$1.ComponentPropsWithRef<"button"> & {
     asChild?: boolean;
     showOnHover?: boolean;
-}
-interface ISidebarMenuSkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}): react_jsx_runtime.JSX.Element;
+/** A badge displayed alongside a sidebar menu button, such as a count indicator. */
+declare function SidebarMenuBadge({ className, ref, ...props }: React$1.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** A loading placeholder skeleton for a sidebar menu item. */
+declare function SidebarMenuSkeleton({ className, showIcon, ref, ...props }: React$1.ComponentPropsWithRef<"div"> & {
     showIcon?: boolean;
-}
-interface ISidebarMenuSubButtonProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+}): react_jsx_runtime.JSX.Element;
+/** A nested sub-menu list within a sidebar menu item. */
+declare function SidebarMenuSub({ className, ref, ...props }: React$1.ComponentPropsWithRef<"ul">): react_jsx_runtime.JSX.Element;
+/** A list item wrapper for a single entry within a SidebarMenuSub. */
+declare function SidebarMenuSubItem({ ref, ...props }: React$1.ComponentPropsWithRef<"li">): react_jsx_runtime.JSX.Element;
+/** An interactive button within a sidebar sub-menu item. */
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ref, ...props }: React$1.ComponentPropsWithRef<"a"> & {
     asChild?: boolean;
     size?: "sm" | "md";
     isActive?: boolean;
-}
-declare const SidebarComponent: {
-    ({ side, variant, collapsible, className, children, ...props }: ISidebarRootProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    Provider: {
-        ({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: ISidebarProviderProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Trigger: React$1.ForwardRefExoticComponent<Omit<IButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-    Rail: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
-    Inset: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
-    Input: React$1.ForwardRefExoticComponent<Omit<IInputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
-    Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Footer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Content: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Group: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    GroupLabel: React$1.ForwardRefExoticComponent<ISidebarGroupLabelProps & React$1.RefAttributes<HTMLDivElement>>;
-    GroupAction: React$1.ForwardRefExoticComponent<ISidebarGroupActionProps & React$1.RefAttributes<HTMLButtonElement>>;
-    GroupContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    Menu: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLUListElement> & React$1.RefAttributes<HTMLUListElement>>;
-    MenuItem: React$1.ForwardRefExoticComponent<React$1.LiHTMLAttributes<HTMLLIElement> & React$1.RefAttributes<HTMLLIElement>>;
-    MenuButton: React$1.ForwardRefExoticComponent<ISidebarMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-    MenuAction: React$1.ForwardRefExoticComponent<ISidebarMenuActionProps & React$1.RefAttributes<HTMLButtonElement>>;
-    MenuBadge: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-    MenuSkeleton: React$1.ForwardRefExoticComponent<ISidebarMenuSkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
-    MenuSub: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLUListElement> & React$1.RefAttributes<HTMLUListElement>>;
-    MenuSubItem: React$1.ForwardRefExoticComponent<React$1.LiHTMLAttributes<HTMLLIElement> & React$1.RefAttributes<HTMLLIElement>>;
-    MenuSubButton: React$1.ForwardRefExoticComponent<ISidebarMenuSubButtonProps & React$1.RefAttributes<HTMLAnchorElement>>;
-};
-
-interface CardGridProps {
-    children?: React__default.ReactNode;
-    columns?: 2 | 3 | 4;
-    className?: string;
-}
-declare function CardGrid({ children, columns, className }: CardGridProps): react_jsx_runtime.JSX.Element;
-
-interface NavLink {
-    label: string;
-    href: string;
-}
-interface NavMenuItem {
-    label: string;
-    href?: string;
-    onClick?: () => void;
-}
-interface NavBrand {
-    name: string;
-    logo?: string;
-    href?: string;
-}
-type NavAuth = {
-    state: "signed-out";
-    href: string;
-    label?: string;
-} | {
-    state: "signed-in";
-    user: {
-        name: string;
-        avatar?: string;
-    };
-    menuItems: NavMenuItem[];
-};
-interface NavBarProps {
-    brand: NavBrand;
-    links?: NavLink[];
-    auth: NavAuth;
-    /** Element used for navigation links. Defaults to `"a"`. Pass `Link` from `next/link` (or your router's equivalent) for client-side transitions. */
-    linkComponent?: React__default.ElementType;
-    className?: string;
-}
-declare function NavBar({ brand, links, auth, linkComponent: LinkComp, className }: NavBarProps): react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
-interface SimplePageProps {
-    title: string;
-    subtitle?: string;
-    actions?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-    className?: string;
-}
-declare function SimplePage({ title, subtitle, actions, children, className, }: SimplePageProps): react_jsx_runtime.JSX.Element;
+/**
+ * A pulsing placeholder element used to indicate loading content.
+ *
+ * @example
+ * <Skeleton className="h-4 w-48" />
+ */
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
-interface SectionNavItem {
-    label: string;
-    id: string;
-}
-interface ISectionNavProps {
-    items: SectionNavItem[];
-    className?: string;
-    /** Offset from top in pixels (e.g. to stack below a sticky header) */
-    offsetTop?: number;
-}
-declare function SectionNav({ items, className, offsetTop }: ISectionNavProps): react_jsx_runtime.JSX.Element;
+/**
+ * A range input that allows selecting a numeric value by dragging a thumb along a track.
+ *
+ * @example
+ * <Slider defaultValue={[50]} max={100} step={1} />
+ */
+declare function Slider({ className, defaultValue, value, ref, ...props }: React$1.ComponentPropsWithRef<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
-interface TwoColumnLayoutProps {
-    children: React__default.ReactNode;
-    className?: string;
-    drawerTitle?: string;
-}
-declare function TwoColumnLayout({ children, className, drawerTitle, }: TwoColumnLayoutProps): react_jsx_runtime.JSX.Element;
-interface TwoColumnPanelProps {
-    children: React__default.ReactNode;
-    className?: string;
-}
-declare function TwoColumnLeft({ children, className }: TwoColumnPanelProps): react_jsx_runtime.JSX.Element;
-declare namespace TwoColumnLeft {
-    var displayName: string;
-}
-declare function TwoColumnRight({ children, className }: TwoColumnPanelProps): react_jsx_runtime.JSX.Element;
-declare namespace TwoColumnRight {
-    var displayName: string;
-}
-declare const TwoColumnLayoutComponent: typeof TwoColumnLayout & {
-    Left: typeof TwoColumnLeft;
-    Right: typeof TwoColumnRight;
+/** Props for the Toaster component. */
+type ToasterProps = React.ComponentProps<typeof Toaster$1>;
+/**
+ * A theme-aware toast notification container powered by Sonner.
+ *
+ * @example
+ * <Toaster />
+ */
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+/** Map of size tokens to pixel values for the Spacer component. */
+declare const sizeMap: {
+    readonly none: "0px";
+    readonly xs: "4px";
+    readonly sm: "8px";
+    readonly md: "16px";
+    readonly lg: "24px";
+    readonly xl: "32px";
+    readonly "2xl": "48px";
 };
-
-type Theme = "light" | "dark" | "system";
-type ColorTheme = "blue" | "plum" | "plum-trio";
-interface ThemeProviderState {
-    theme: Theme;
-    resolvedTheme: "light" | "dark";
-    setTheme: (theme: Theme) => void;
-    colorTheme: ColorTheme;
-    setColorTheme: (colorTheme: ColorTheme) => void;
-    colorThemes: readonly ColorTheme[];
-}
-interface ThemeProviderProps {
-    children: React.ReactNode;
-    defaultTheme?: Theme;
-    defaultColorTheme?: ColorTheme;
-    storageKey?: string;
-    colorStorageKey?: string;
-}
-declare function ThemeProvider({ children, defaultTheme, defaultColorTheme, storageKey, colorStorageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
-declare function useTheme(): ThemeProviderState;
-
-interface ThemeToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof iconButtonVariants> {
-}
-declare function ThemeToggle({ variant, size, className, ...props }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
-
-interface ColorThemeToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof iconButtonVariants> {
-}
-declare function ColorThemeToggle({ variant, size, className, ...props }: ColorThemeToggleProps): react_jsx_runtime.JSX.Element;
-
-interface ThemeConfig {
-    /** Primary brand color and its foreground */
-    primary?: string;
-    primaryForeground?: string;
-    /** Secondary color */
-    secondary?: string;
-    secondaryForeground?: string;
-    /** Background and foreground */
-    background?: string;
-    foreground?: string;
-    /** Card surface */
-    card?: string;
-    cardForeground?: string;
-    /** Muted/subtle surface */
-    muted?: string;
-    mutedForeground?: string;
-    /** Accent color */
-    accent?: string;
-    accentForeground?: string;
-    /** Destructive/error */
-    destructive?: string;
-    destructiveForeground?: string;
-    /** Success */
-    success?: string;
-    successForeground?: string;
-    /** Warning */
-    warning?: string;
-    warningForeground?: string;
-    /** Border color */
-    border?: string;
-    /** Input border */
-    input?: string;
-    /** Focus ring */
-    ring?: string;
-    /** Default border radius override */
-    radius?: string;
+type Size = keyof typeof sizeMap;
+interface SpacerProps extends React$1.ComponentPropsWithRef<"div"> {
+    size?: Size;
+    axis?: "horizontal" | "vertical";
 }
 /**
- * Generate a CSS class string with custom property overrides for a named theme.
- * Apply the returned CSS to your stylesheet, then add the class name to a container element.
+ * A flexible spacing element that either fills available space or adds a fixed gap.
  *
  * @example
- * const css = createTheme("brand", { primary: "#E63946", background: "#F1FAEE" });
- * // Returns: ".theme-brand { --primary: #E63946; --background: #F1FAEE; }"
+ * <Spacer size="md" axis="vertical" />
+ *
+ * @prop size - The spacing size token; omit to fill available flex space.
+ * @prop axis - Whether spacing is applied horizontally or vertically.
  */
-declare function createTheme(name: string, config: ThemeConfig): string;
+declare function Spacer({ size, axis, className, style, ...props }: SpacerProps): react_jsx_runtime.JSX.Element;
 
-interface HeroProps {
-    badge?: React$1.ReactNode;
-    title: React$1.ReactNode;
-    subtitle?: React$1.ReactNode;
-    actions?: React$1.ReactNode;
-    children?: React$1.ReactNode;
-    className?: string;
-    align?: "left" | "center";
-}
-declare function Hero({ badge, title, subtitle, actions, children, className, align, }: HeroProps): react_jsx_runtime.JSX.Element;
-
-declare const sectionVariants: (props?: ({
-    background?: "default" | "muted" | "primary" | "card" | null | undefined;
+/** Spinner size variants. Use with cn(spinnerVariants({...})) for non-spinner elements. */
+declare const spinnerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SectionProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "title">, VariantProps<typeof sectionVariants> {
-    title?: React$1.ReactNode;
-    subtitle?: React$1.ReactNode;
-    align?: "left" | "center";
-}
-declare function Section({ title, subtitle, children, className, background, align, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
-
-interface FooterLinkGroup {
-    title: string;
-    links: {
-        label: string;
-        href: string;
-    }[];
-}
-interface FooterProps {
-    brand: React$1.ReactNode;
-    tagline?: string;
-    groups?: FooterLinkGroup[];
-    bottom?: React$1.ReactNode;
-    className?: string;
-}
-declare function Footer({ brand, tagline, groups, bottom, className, }: FooterProps): react_jsx_runtime.JSX.Element;
-
-interface PricingFeature {
-    text: string;
-    included: boolean;
-}
-interface PricingTier {
-    name: string;
-    price: React$1.ReactNode;
-    description?: string;
-    features: PricingFeature[];
-    cta: React$1.ReactNode;
-    highlighted?: boolean;
-    badge?: React$1.ReactNode;
-}
-interface PricingTableProps {
-    tiers: PricingTier[];
-    className?: string;
-}
-declare function PricingTable({ tiers, className }: PricingTableProps): react_jsx_runtime.JSX.Element;
-
-interface Feature {
-    icon?: React$1.ReactNode;
-    title: string;
-    description: string;
-}
-interface FeatureSectionProps {
-    features: Feature[];
-    columns?: 2 | 3 | 4;
-    className?: string;
-}
-declare function FeatureSection({ features, columns, className, }: FeatureSectionProps): react_jsx_runtime.JSX.Element;
-
-interface TestimonialItem {
-    quote: string;
-    name: string;
-    role?: string;
-    company?: string;
-    avatar?: React$1.ReactNode;
-}
-interface TestimonialProps {
-    testimonials: TestimonialItem[];
-    columns?: 1 | 2 | 3;
-    className?: string;
-}
-declare function Testimonial({ testimonials, columns, className, }: TestimonialProps): react_jsx_runtime.JSX.Element;
-
-interface LogoCloudProps {
-    children: React$1.ReactNode;
-    className?: string;
-}
-declare function LogoCloud({ children, className }: LogoCloudProps): react_jsx_runtime.JSX.Element;
-
-interface CTABannerProps {
-    title: React$1.ReactNode;
-    subtitle?: React$1.ReactNode;
-    actions?: React$1.ReactNode;
-    className?: string;
-}
-declare function CTABanner({ title, subtitle, actions, className, }: CTABannerProps): react_jsx_runtime.JSX.Element;
-
-interface FAQItem {
-    question: string;
-    answer: React$1.ReactNode;
-}
-interface FAQProps {
-    items: FAQItem[];
-    className?: string;
-}
-declare function FAQ({ items, className }: FAQProps): react_jsx_runtime.JSX.Element;
-
-interface Stat {
-    value: React$1.ReactNode;
-    label: string;
-}
-interface StatsBarProps {
-    stats: Stat[];
-    className?: string;
+/**
+ * An animated loading spinner indicator.
+ *
+ * @example
+ * <Spinner size="lg" />
+ *
+ * @prop size - The spinner diameter (sm, default, lg).
+ */
+declare function Spinner({ className, size, ...props }: React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants>): react_jsx_runtime.JSX.Element;
+
+declare const gapMap: {
+    readonly none: "gap-0";
+    readonly xs: "gap-1";
+    readonly sm: "gap-2";
+    readonly md: "gap-4";
+    readonly lg: "gap-6";
+    readonly xl: "gap-8";
+    readonly "2xl": "gap-12";
+};
+declare const alignMap: {
+    readonly start: "items-start";
+    readonly center: "items-center";
+    readonly end: "items-end";
+    readonly stretch: "items-stretch";
+};
+type Gap = keyof typeof gapMap;
+type Align = keyof typeof alignMap;
+interface StackProps extends React$1.ComponentPropsWithRef<"div"> {
+    gap?: Gap;
+    align?: Align;
+    asChild?: boolean;
 }
-declare function StatsBar({ stats, className }: StatsBarProps): react_jsx_runtime.JSX.Element;
+/**
+ * A vertical flex container with configurable gap and alignment.
+ *
+ * @example
+ * <Stack gap="lg" align="center">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Stack>
+ *
+ * @prop gap - The spacing between children (none, xs, sm, md, lg, xl, 2xl).
+ * @prop align - Cross-axis alignment of children.
+ * @prop asChild - Merge props onto the child element instead of rendering a div.
+ */
+declare function Stack({ gap, align, asChild, className, ref, ...props }: StackProps): react_jsx_runtime.JSX.Element;
 
-interface AnnouncementBannerProps {
-    children: React$1.ReactNode;
-    dismissible?: boolean;
-    className?: string;
-}
-declare function AnnouncementBanner({ children, dismissible, className, }: AnnouncementBannerProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * A toggle switch for boolean on/off input.
+ *
+ * @example
+ * <Switch checked={enabled} onCheckedChange={setEnabled} />
+ */
+declare function Switch({ className, ref, ...props }: React$1.ComponentPropsWithRef<typeof SwitchPrimitives.Root>): react_jsx_runtime.JSX.Element;
 
-interface NewsletterSignupProps {
-    title?: React$1.ReactNode;
-    subtitle?: React$1.ReactNode;
-    inputPlaceholder?: string;
-    buttonLabel?: React$1.ReactNode;
-    className?: string;
-}
-declare function NewsletterSignup({ title, subtitle, inputPlaceholder, buttonLabel, className, }: NewsletterSignupProps): react_jsx_runtime.JSX.Element;
+/** Scrollable data table wrapper that renders a full-width HTML table.
+ *
+ * @example
+ * <Table><TableHeader>...</TableHeader><TableBody>...</TableBody></Table>
+ */
+declare function Table({ className, ref, ...props }: React$1.ComponentPropsWithRef<"table">): react_jsx_runtime.JSX.Element;
+/** Table head section that applies a bottom border to its rows. */
+declare function TableHeader({ className, ref, ...props }: React$1.ComponentPropsWithRef<"thead">): react_jsx_runtime.JSX.Element;
+/** Table body section that removes the border from the last row. */
+declare function TableBody({ className, ref, ...props }: React$1.ComponentPropsWithRef<"tbody">): react_jsx_runtime.JSX.Element;
+/** Table footer with a muted background and top border. */
+declare function TableFooter({ className, ref, ...props }: React$1.ComponentPropsWithRef<"tfoot">): react_jsx_runtime.JSX.Element;
+/** Table row with hover highlight and selected state styling. */
+declare function TableRow({ className, ref, ...props }: React$1.ComponentPropsWithRef<"tr">): react_jsx_runtime.JSX.Element;
+/** Table header cell with uppercase monospace label styling. */
+declare function TableHead({ className, ref, ...props }: React$1.ComponentPropsWithRef<"th">): react_jsx_runtime.JSX.Element;
+/** Standard table data cell with consistent padding. */
+declare function TableCell({ className, ref, ...props }: React$1.ComponentPropsWithRef<"td">): react_jsx_runtime.JSX.Element;
+/** Table caption rendered below the table in muted text. */
+declare function TableCaption({ className, ref, ...props }: React$1.ComponentPropsWithRef<"caption">): react_jsx_runtime.JSX.Element;
+
+/** Multi-line text input with consistent border, focus ring, and disabled styles.
+ *
+ * @example
+ * <Textarea placeholder="Enter description..." rows={4} />
+ */
+declare function Textarea({ className, ref, ...props }: React$1.ComponentPropsWithRef<"textarea">): react_jsx_runtime.JSX.Element;
 
-declare function cn(...classes: ClassNameValue[]): string;
+/** Toggle button style variants (default, outline) and sizes. Use with cn(toggleVariants({...})) for non-Toggle elements. */
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** A two-state toggle button built on Radix Toggle.
+ *
+ * @example
+ * <Toggle variant="outline" size="sm"><BoldIcon /></Toggle>
+ *
+ * @prop variant - Visual style: "default" or "outline".
+ * @prop size - Button size: "sm", "default", or "lg".
+ */
+declare function Toggle({ className, variant, size, ref, ...props }: React$1.ComponentPropsWithRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
-export { AccordionComponent as Accordion, AlertComponent as Alert, AlertDialogComponent as AlertDialog, AnnouncementBanner, type AnnouncementBannerProps, AvatarComponent as Avatar, type AvatarShape, Badge, BreadcrumbComponent as Breadcrumb, Button, CTABanner, type CTABannerProps, Calendar, CardComponent as Card, CardGrid, type CardGridProps, CarouselComponent as Carousel, type CarouselApi, ChartComponent as Chart, type ChartConfig, Checkbox, CollapsibleComponent as Collapsible, type ColorTheme, ColorThemeToggle, type ColorThemeToggleProps, ComboboxComponent as Combobox, CommandComponent as Command, Container, ContextMenuComponent as ContextMenu, DataTableComponent as DataTable, DialogComponent as Dialog, Divider, DrawerComponent as Drawer, DropdownMenuComponent as DropdownMenu, FAQ, type FAQItem, type FAQProps, type Feature, FeatureSection, type FeatureSectionProps, Flex, Footer, type FooterLinkGroup, type FooterProps, FormComponent as Form, FormLayout, Grid, Hero, type HeroProps, HoverCardComponent as HoverCard, type IAlertDialogContentProps, type IAlertProps, type IBadgeProps, type IBreadcrumbLinkProps, type IButtonProps, type ICalendarProps, type ICardProps, type ICarouselProps, type IChartContainerProps, type ICheckboxProps, type IComboboxItem, type IComboboxProps, type IContainerProps, type IDataTableProps, type IDialogContentProps, type IDividerProps, type IFlexProps, type IFormActionsProps, type IFormFieldProps, type IFormLayoutProps, type IFormRowProps, type IFormSectionProps, type IGridProps, type IIconButtonProps, type IImageCardProps, type IInputOTPProps, type IInputProps, type ILinkProps, type ILoaderProps, type IMarqueeProps, type IPaginationLinkProps, type IProgressProps, type IRadioGroupItemProps, type ISectionNavProps, type ISheetContentProps, type ISkeletonProps, type ISonnerProps, type IStackProps, type ITextareaProps, IconButton, ImageCard, Input, InputOTPComponent as InputOTP, Label, Link, Loader, LogoCloud, type LogoCloudProps, Marquee, MenuComponent as Menu, MenubarComponent as Menubar, type NavAuth, NavBar, type NavBarProps, type NavBrand, type NavLink, type NavMenuItem, NavigationMenuComponent as NavigationMenu, NewsletterSignup, type NewsletterSignupProps, Pagination, PopoverComponent as Popover, type PricingFeature, PricingTable, type PricingTableProps, type PricingTier, Progress, RadioGroup, ResizableComponent as Resizable, ScrollAreaComponent as ScrollArea, Section, SectionNav, type SectionNavItem, type SectionProps, Select, SheetComponent as Sheet, SidebarComponent as Sidebar, SimplePage, type SimplePageProps, Skeleton, Slider, Stack, type Stat, StatsBar, type StatsBarProps, Switch, TableComponent as Table, TabsComponent as Tabs, Testimonial, type TestimonialItem, type TestimonialProps, Text, Textarea, type ThemeConfig, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, TooltipComponent as Tooltip, TwoColumnLayoutComponent as TwoColumnLayout, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, containerVariants, createTheme, dialogContentVariants, dividerVariants, flexVariants, gridVariants, iconButtonVariants, linkVariants, loaderVariants, navigationMenuTriggerStyle, sectionVariants, sheetContentVariants, sidebarMenuButtonVariants, stackVariants, useCarousel, useChart, useFormField, useSidebar, useTheme };
+/** A group of toggle buttons that share variant and size context.
+ *
+ * @example
+ * <ToggleGroup type="single" variant="outline"><ToggleGroupItem value="a">A</ToggleGroupItem></ToggleGroup>
+ *
+ * @prop variant - Visual style applied to all child items.
+ * @prop size - Size applied to all child items.
+ */
+declare function ToggleGroup({ className, variant, size, children, ref, ...props }: React$1.ComponentPropsWithRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+/** Individual toggle item within a ToggleGroup. */
+declare function ToggleGroupItem({ className, children, variant, size, ref, ...props }: React$1.ComponentPropsWithRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+
+/** Semantic h1 heading with bold, tight tracking at 4xl size. */
+declare function H1({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+/** Semantic h2 heading with semibold weight at 3xl size. */
+declare function H2({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+/** Semantic h3 heading with semibold weight at 2xl size. */
+declare function H3({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+/** Semantic h4 heading with semibold weight at xl size. */
+declare function H4({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+/** Standard paragraph element with base size and relaxed leading. */
+declare function P({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+/** Lead paragraph rendered in xl muted text for introductory copy. */
+declare function Lead({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+/** Large semibold text block rendered as a div. */
+declare function Large({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/** Small text element with medium weight and tight leading. */
+declare function Small({ className, ...props }: React$1.HTMLAttributes<HTMLElement>): react_jsx_runtime.JSX.Element;
+/** Muted paragraph in small size for secondary or helper text. */
+declare function Muted({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+/** Inline code snippet with monospace font and sunken background. */
+declare function Code({ className, ...props }: React$1.HTMLAttributes<HTMLElement>): react_jsx_runtime.JSX.Element;
+/** Inline monospace span without background styling. */
+declare function Mono({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+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, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonProps, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Center, type CenterProps, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Cluster, type ClusterProps, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DataTableViewOptions, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type Direction, DirectionProvider, Divider, type DividerProps, 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, Empty, EmptyAction, EmptyDescription, EmptyIcon, EmptyTitle, Field, FieldError, FieldHint, FieldLabel, Fieldset, Form, FormActions, FormActionsPrimary, FormActionsSecondary, FormSection, FormSectionContent, FormSectionDescription, FormSectionHeader, FormSectionTitle, Grid, type GridProps, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupPrefix, InputGroupSuffix, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemIcon, ItemLabel, Kbd, Label, Large, Lead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Mono, Muted, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, P, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchField, 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, Small, Spacer, type SpacerProps, Spinner, Stack, type StackProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createSelectColumn, nativeSelectVariants, navigationMenuTriggerStyle, spinnerVariants, toggleVariants, useDirection, useFieldContext, useSidebar };