@nexa-ui-kit/core 1.0.0

package/dist/index.d.cts

@@ -0,0 +1,2763 @@
+export { cn } from './utils/index.cjs';
+import { VariantProps } from 'class-variance-authority';
+export { VariantProps, cva } from 'class-variance-authority';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+export { FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+export { Slot } from '@radix-ui/react-slot';
+import * as React$1 from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Command as Command$1 } from 'cmdk';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { DayPickerProps, DayButton } from 'react-day-picker';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import * as RechartsPrimitive from 'recharts';
+import { Easing, MotionValue } from 'framer-motion';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { OTPInputProps } from 'input-otp';
+export { ClassValue } from 'clsx';
+
+interface AccordionSingleProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Single item can be expanded at a time */
+    type: "single";
+    /** Controlled value */
+    value?: string;
+    /** Default value */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string) => void;
+    /** Whether the expanded item can be collapsed */
+    collapsible?: boolean;
+    /** Whether the accordion is disabled */
+    disabled?: boolean;
+}
+interface AccordionMultipleProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Multiple items can be expanded */
+    type: "multiple";
+    /** Controlled value */
+    value?: string[];
+    /** Default value */
+    defaultValue?: string[];
+    /** Callback when value changes */
+    onValueChange?: (value: string[]) => void;
+    /** Whether the accordion is disabled */
+    disabled?: boolean;
+}
+type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+/**
+ * Accordion component for expandable content sections.
+ * @example
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>Section 1</AccordionTrigger>
+ *     <AccordionContent>Content 1</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ */
+declare const Accordion: React$1.ForwardRefExoticComponent<AccordionProps & React$1.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Unique value for this item */
+    value: string;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+}
+/**
+ * Container for accordion trigger and content.
+ */
+declare const AccordionItem: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * Button that toggles the accordion item.
+ */
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Content panel that expands/collapses.
+ */
+declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbProps extends React$1.ComponentPropsWithoutRef<"nav"> {
+}
+/**
+ * Breadcrumb navigation component for showing hierarchical location.
+ * @example
+ * <Breadcrumb>
+ *   <BreadcrumbList>
+ *     <BreadcrumbItem>
+ *       <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbLink href="/products">Products</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbPage>Current Page</BreadcrumbPage>
+ *     </BreadcrumbItem>
+ *   </BreadcrumbList>
+ * </Breadcrumb>
+ */
+declare const Breadcrumb: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLElement>>;
+interface BreadcrumbListProps extends React$1.ComponentPropsWithoutRef<"ol"> {
+}
+/**
+ * Ordered list container for breadcrumb items.
+ */
+declare const BreadcrumbList: React$1.ForwardRefExoticComponent<BreadcrumbListProps & React$1.RefAttributes<HTMLOListElement>>;
+interface BreadcrumbItemProps extends React$1.ComponentPropsWithoutRef<"li"> {
+}
+/**
+ * Individual breadcrumb item container.
+ */
+declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<BreadcrumbItemProps & React$1.RefAttributes<HTMLLIElement>>;
+interface BreadcrumbLinkProps extends React$1.ComponentPropsWithoutRef<"a"> {
+    /** Render as child element (for composition with router Link) */
+    asChild?: boolean;
+}
+/**
+ * Clickable breadcrumb link. Supports asChild for router integration.
+ * @example
+ * <BreadcrumbLink href="/home">Home</BreadcrumbLink>
+ * <BreadcrumbLink asChild><Link to="/home">Home</Link></BreadcrumbLink>
+ */
+declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<BreadcrumbLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+interface BreadcrumbPageProps extends React$1.ComponentPropsWithoutRef<"span"> {
+}
+/**
+ * Current page indicator (non-interactive).
+ */
+declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<BreadcrumbPageProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface BreadcrumbSeparatorProps extends React$1.ComponentPropsWithoutRef<"li"> {
+    children?: React$1.ReactNode;
+}
+/**
+ * Visual separator between breadcrumb items. Defaults to chevron.
+ */
+declare const BreadcrumbSeparator: React$1.ForwardRefExoticComponent<BreadcrumbSeparatorProps & React$1.RefAttributes<HTMLLIElement>>;
+interface BreadcrumbEllipsisProps extends React$1.ComponentPropsWithoutRef<"span"> {
+}
+/**
+ * Ellipsis indicator for collapsed breadcrumb items.
+ */
+declare const BreadcrumbEllipsis: React$1.ForwardRefExoticComponent<BreadcrumbEllipsisProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface AspectRatioProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** The desired ratio (width / height), e.g. 16/9, 4/3, 1 */
+    ratio?: number;
+}
+/**
+ * AspectRatio component that maintains a consistent width/height ratio.
+ * Children (especially img/video) will automatically fill the container.
+ * @example
+ * <AspectRatio ratio={16/9}>
+ *   <img src="..." alt="..." />
+ * </AspectRatio>
+ */
+declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type AvatarSize = "sm" | "md" | "lg" | "xl";
+interface AvatarProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** Fallback text or element (e.g., initials) */
+    fallback?: React$1.ReactNode;
+    /** Size of the avatar */
+    size?: AvatarSize;
+}
+/**
+ * Avatar component for displaying user images with fallback.
+ * @example
+ * <Avatar src="..." alt="User" fallback="JD" />
+ * <Avatar fallback="AB" size="lg" />
+ */
+declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+type ButtonSize = "default" | "sm" | "lg" | "icon";
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size preset */
+    size?: ButtonSize;
+    /** Render as child element (for composition) */
+    asChild?: boolean;
+}
+/**
+ * Unstyled Button component with variant/size data attributes.
+ * Use data-variant and data-size for styling hooks.
+ * @example
+ * <Button variant="primary">Click me</Button>
+ * <Button variant="outline" size="sm">Small</Button>
+ * <Button asChild><a href="/link">Link Button</a></Button>
+ */
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+}
+/**
+ * Input component.
+ * Allows entering text or other data.
+ * @example
+ * <Input type="email" placeholder="Enter email" />
+ */
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+type BadgeVariant = "default" | "secondary" | "destructive" | "outline";
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Visual style variant */
+    variant?: BadgeVariant;
+}
+/**
+ * Unstyled Badge component with variant data attribute.
+ * Use data-variant for styling hooks.
+ * @example
+ * <Badge>Default</Badge>
+ * <Badge variant="secondary">Secondary</Badge>
+ * <Badge variant="destructive">Error</Badge>
+ */
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface CardProps extends React$1.HTMLAttributes<HTMLElement> {
+}
+/**
+ * Unstyled Card container component.
+ * @example
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Title</CardTitle>
+ *     <CardDescription>Description</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>Content</CardContent>
+ *   <CardFooter>Actions</CardFooter>
+ * </Card>
+ */
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLElement>>;
+interface CardHeaderProps extends React$1.HTMLAttributes<HTMLElement> {
+}
+declare const CardHeader: React$1.ForwardRefExoticComponent<CardHeaderProps & React$1.RefAttributes<HTMLElement>>;
+interface CardTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const CardTitle: React$1.ForwardRefExoticComponent<CardTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+interface CardDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const CardDescription: React$1.ForwardRefExoticComponent<CardDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+interface CardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardContent: React$1.ForwardRefExoticComponent<CardContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CardFooterProps extends React$1.HTMLAttributes<HTMLElement> {
+}
+declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLElement>>;
+
+interface CollapsibleProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state for uncontrolled usage */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the collapsible is disabled */
+    disabled?: boolean;
+}
+/**
+ * Collapsible component that can be expanded/collapsed.
+ * @example
+ * <Collapsible>
+ *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>
+ *   <CollapsibleContent>Content here</CollapsibleContent>
+ * </Collapsible>
+ */
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CollapsibleTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Render as child element (for composition) */
+    asChild?: boolean;
+}
+/**
+ * Button that toggles the Collapsible open/closed state.
+ */
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Force mount the content (useful for SSR or custom animations) */
+    forceMount?: boolean;
+    /** Animation duration in ms (default: 200) */
+    animationDuration?: number;
+}
+/**
+ * Content that is shown/hidden based on the Collapsible state.
+ * Includes smooth height animation.
+ */
+declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Indicates loading state for accessibility */
+    loading?: boolean;
+}
+/**
+ * Unstyled Skeleton placeholder component.
+ * Use data-loading attribute for animation styling.
+ * @example
+ * <Skeleton className="h-4 w-32" />
+ * <Skeleton className="h-10 w-full animate-pulse" />
+ */
+declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SpinnerProps extends React$1.SVGAttributes<SVGSVGElement> {
+    /** Size of the spinner (width and height) */
+    size?: number | string;
+    /** Custom aria-label for accessibility */
+    label?: string;
+}
+/**
+ * Unstyled Spinner component using inline SVG.
+ * No external icon library dependency.
+ * Add CSS animation (e.g., spin) via className.
+ * @example
+ * <Spinner className="animate-spin" />
+ * <Spinner size={24} label="Loading data..." />
+ */
+declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<SVGSVGElement>>;
+
+interface HoverCardProps {
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state for uncontrolled usage */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Delay in ms before opening (default: 700) */
+    openDelay?: number;
+    /** Delay in ms before closing (default: 300) */
+    closeDelay?: number;
+    children: React$1.ReactNode;
+}
+/**
+ * HoverCard component that shows content on hover.
+ * @example
+ * <HoverCard>
+ *   <HoverCardTrigger>Hover me</HoverCardTrigger>
+ *   <HoverCardContent>Content here</HoverCardContent>
+ * </HoverCard>
+ */
+declare const HoverCard: React$1.FC<HoverCardProps>;
+interface HoverCardTriggerProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Render as child element (for composition) */
+    asChild?: boolean;
+}
+/**
+ * Element that triggers the hover card on mouse enter.
+ */
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
+type HoverCardSide = "top" | "right" | "bottom" | "left";
+type HoverCardAlign = "start" | "center" | "end";
+interface HoverCardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Side to position the content */
+    side?: HoverCardSide;
+    /** Offset from the trigger (default: 4) */
+    sideOffset?: number;
+    /** Alignment relative to trigger */
+    align?: HoverCardAlign;
+}
+/**
+ * Content that appears on hover.
+ */
+declare const HoverCardContent: React$1.ForwardRefExoticComponent<HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface HoverCardArrowProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Width of the arrow (default: 10) */
+    width?: number;
+    /** Height of the arrow (default: 5) */
+    height?: number;
+}
+/**
+ * Arrow element that points to the trigger.
+ * Place inside HoverCardContent.
+ */
+declare const HoverCardArrow: React$1.ForwardRefExoticComponent<HoverCardArrowProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface KbdProps extends React$1.HTMLAttributes<HTMLElement> {
+}
+/**
+ * Keyboard key indicator component.
+ * Use data-slot="kbd" for styling hooks.
+ * @example
+ * <Kbd>⌘</Kbd>
+ * <Kbd>Ctrl</Kbd>
+ * <KbdGroup><Kbd>⌘</Kbd><Kbd>K</Kbd></KbdGroup>
+ */
+declare const Kbd: React$1.ForwardRefExoticComponent<KbdProps & React$1.RefAttributes<HTMLElement>>;
+interface KbdGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Group multiple Kbd elements together.
+ * @example
+ * <KbdGroup><Kbd>⌘</Kbd><Kbd>K</Kbd></KbdGroup>
+ */
+declare const KbdGroup: React$1.ForwardRefExoticComponent<KbdGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface LabelProps extends React$1.ComponentPropsWithoutRef<"label"> {
+}
+/**
+ * A functional label component that supports accessible interactions.
+ * Built on top of Radix UI Label Primitive.
+ */
+declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+
+interface NavigationMenuProps extends React$1.HTMLAttributes<HTMLElement> {
+    /** Controlled value */
+    value?: string;
+    /** Default value */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string) => void;
+    /** Orientation of the menu */
+    orientation?: "horizontal" | "vertical";
+}
+/**
+ * Navigation menu component with dropdown support.
+ * @example
+ * <NavigationMenu>
+ *   <NavigationMenuList>
+ *     <NavigationMenuItem value="home">
+ *       <NavigationMenuTrigger>Home</NavigationMenuTrigger>
+ *       <NavigationMenuContent>Content</NavigationMenuContent>
+ *     </NavigationMenuItem>
+ *   </NavigationMenuList>
+ * </NavigationMenu>
+ */
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<NavigationMenuProps & React$1.RefAttributes<HTMLElement>>;
+interface NavigationMenuListProps extends React$1.HTMLAttributes<HTMLUListElement> {
+}
+/**
+ * Container for navigation menu items.
+ */
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
+interface NavigationMenuItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
+    /** Unique value for this item */
+    value?: string;
+}
+/**
+ * Container for navigation trigger and content.
+ */
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
+interface NavigationMenuTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * Button that toggles the navigation menu content.
+ */
+declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface NavigationMenuContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Dropdown content for a navigation menu item.
+ */
+declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface NavigationMenuLinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Whether this is the active link */
+    active?: boolean;
+}
+/**
+ * Link element for navigation menu.
+ */
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+interface NavigationMenuIndicatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Optional indicator for active navigation item.
+ */
+declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ProgressProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Progress value from 0 to 100 */
+    value?: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Show indeterminate loading animation */
+    indeterminate?: boolean;
+}
+/**
+ * Progress bar component with animations.
+ * Use data-slot for styling hooks.
+ * @example
+ * <Progress value={50} />
+ * <Progress value={75} max={100} />
+ * <Progress indeterminate />
+ */
+declare const Progress: React$1.ForwardRefExoticComponent<ProgressProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface RadioGroupProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled usage */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string) => void;
+    /** Name for form submission */
+    name?: string;
+    /** Whether the radio group is disabled */
+    disabled?: boolean;
+    /** Whether a selection is required */
+    required?: boolean;
+    /** Orientation of the radio group */
+    orientation?: "horizontal" | "vertical";
+}
+/**
+ * RadioGroup component for selecting one option from a set.
+ * @example
+ * <RadioGroup defaultValue="option1" onValueChange={setValue}>
+ *   <RadioGroupItem value="option1" />
+ *   <RadioGroupItem value="option2" />
+ * </RadioGroup>
+ */
+declare const RadioGroup: React$1.ForwardRefExoticComponent<RadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface RadioGroupItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    /** Value of this radio item */
+    value: string;
+    /** Label text for the radio item */
+    label?: React$1.ReactNode;
+}
+/**
+ * Individual radio item within a RadioGroup.
+ */
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+type PopoverSide = "top" | "right" | "bottom" | "left";
+type PopoverAlign = "start" | "center" | "end";
+interface PopoverProps {
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state for uncontrolled usage */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    children: React$1.ReactNode;
+}
+/**
+ * Popover component that shows content on click.
+ * @example
+ * <Popover>
+ *   <PopoverTrigger>Click me</PopoverTrigger>
+ *   <PopoverContent>
+ *     <PopoverArrow />
+ *     Content here
+ *   </PopoverContent>
+ * </Popover>
+ */
+declare const Popover: React$1.FC<PopoverProps>;
+interface PopoverTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * Button that toggles the popover open/closed.
+ */
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface PopoverAnchorProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Optional anchor element for positioning the popover.
+ */
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+interface PopoverContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Side to position the content */
+    side?: PopoverSide;
+    /** Offset from the trigger (default: 8) */
+    sideOffset?: number;
+    /** Alignment relative to trigger */
+    align?: PopoverAlign;
+    /** Whether to use portal rendering */
+    portal?: boolean;
+}
+/**
+ * Content that appears when popover is open.
+ */
+declare const PopoverContent: React$1.ForwardRefExoticComponent<PopoverContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface PopoverArrowProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Width of the arrow (default: 10) */
+    width?: number;
+    /** Height of the arrow (default: 5) */
+    height?: number;
+}
+/**
+ * Arrow element that points to the trigger.
+ * Place inside PopoverContent.
+ */
+declare const PopoverArrow: React$1.ForwardRefExoticComponent<PopoverArrowProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SeparatorProps extends React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+}
+/**
+ * Unstyled Separator component wrapping Radix Separator primitive.
+ * Use data-orientation for styling horizontal/vertical variants.
+ * @example
+ * <Separator orientation="horizontal" />
+ * <Separator orientation="vertical" decorative={false} />
+ */
+declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SidebarContextValue {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    collapsed: boolean;
+    onCollapsedChange: (collapsed: boolean) => void;
+    side: "left" | "right";
+    variant: "sidebar" | "floating" | "inset";
+    isMobile: boolean;
+}
+declare function useSidebar(): SidebarContextValue;
+interface SidebarProviderProps {
+    /** Controlled open state (for mobile sheet) */
+    open?: boolean;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Controlled collapsed state (for desktop) */
+    collapsed?: boolean;
+    /** Default collapsed state */
+    defaultCollapsed?: boolean;
+    /** Callback when collapsed state changes */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Which side the sidebar is on */
+    side?: "left" | "right";
+    /** Sidebar variant */
+    variant?: "sidebar" | "floating" | "inset";
+    /** Mobile breakpoint in pixels */
+    mobileBreakpoint?: number;
+    children: React$1.ReactNode;
+}
+/**
+ * Provider for sidebar state.
+ * @example
+ * <SidebarProvider>
+ *   <Sidebar>...</Sidebar>
+ *   <SidebarInset>...</SidebarInset>
+ * </SidebarProvider>
+ */
+declare const SidebarProvider: React$1.FC<SidebarProviderProps>;
+interface SidebarProps extends React$1.HTMLAttributes<HTMLElement> {
+    /** Width when expanded */
+    width?: number;
+    /** Width when collapsed */
+    collapsedWidth?: number;
+}
+/**
+ * Main sidebar container.
+ */
+declare const Sidebar: React$1.ForwardRefExoticComponent<SidebarProps & React$1.RefAttributes<HTMLElement>>;
+interface SidebarHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Header section of the sidebar.
+ */
+declare const SidebarHeader: React$1.ForwardRefExoticComponent<SidebarHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SidebarContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Scrollable content section of the sidebar.
+ */
+declare const SidebarContent: React$1.ForwardRefExoticComponent<SidebarContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SidebarFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Footer section of the sidebar.
+ */
+declare const SidebarFooter: React$1.ForwardRefExoticComponent<SidebarFooterProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SidebarGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Group of sidebar items.
+ */
+declare const SidebarGroup: React$1.ForwardRefExoticComponent<SidebarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SidebarGroupLabelProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Label for a sidebar group.
+ */
+declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<SidebarGroupLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SidebarMenuItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Whether this item is active */
+    active?: boolean;
+    /** Icon to display */
+    icon?: React$1.ReactNode;
+}
+/**
+ * Interactive menu item in the sidebar.
+ */
+declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<SidebarMenuItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface SidebarTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * Button to toggle the sidebar (open on mobile, collapse on desktop).
+ */
+declare const SidebarTrigger: React$1.ForwardRefExoticComponent<SidebarTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface SidebarInsetProps extends React$1.HTMLAttributes<HTMLElement> {
+}
+/**
+ * Main content area next to the sidebar.
+ */
+declare const SidebarInset: React$1.ForwardRefExoticComponent<SidebarInsetProps & React$1.RefAttributes<HTMLElement>>;
+
+type SliderOrientation = "horizontal" | "vertical";
+interface SliderProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /** Current value (controlled) */
+    value?: number[];
+    /** Default value (uncontrolled) */
+    defaultValue?: number[];
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Orientation of the slider */
+    orientation?: SliderOrientation;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Show value label on thumb */
+    showValue?: boolean;
+    /** Format for the value label: 'value' shows the number, 'percent' shows percentage */
+    valueFormat?: "value" | "percent";
+    /** Callback when value changes */
+    onValueChange?: (value: number[]) => void;
+    /** Callback when value commit (on pointer up) */
+    onValueCommit?: (value: number[]) => void;
+}
+/**
+ * Slider component with default styles built-in.
+ * Use className or data attributes for custom styling.
+ * @example
+ * <Slider defaultValue={[50]} max={100} step={1} />
+ * <Slider value={[25, 75]} onValueChange={setValue} showValue />
+ * <Slider defaultValue={[50]} showValue valueFormat="percent" />
+ */
+declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SwitchProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+    /** Whether the switch is checked (controlled) */
+    checked?: boolean;
+    /** Default checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Callback when checked state changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Whether the switch is disabled */
+    disabled?: boolean;
+    /** Whether the switch is required */
+    required?: boolean;
+    /** Name for form submission */
+    name?: string;
+    /** Value for form submission */
+    value?: string;
+    /** Custom style for the thumb element */
+    thumbStyle?: React$1.CSSProperties;
+    /** Custom className for the thumb element */
+    thumbClassName?: string;
+}
+/**
+ * Switch component for toggling between on/off states.
+ * Use data-state for styling (checked/unchecked).
+ * @example
+ * <Switch />
+ * <Switch checked={isOn} onCheckedChange={setIsOn} />
+ * <Switch defaultChecked disabled />
+ */
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface TabsProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled usage */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string) => void;
+    /** Orientation of tabs */
+    orientation?: "horizontal" | "vertical";
+    /** How tabs are activated - automatic (on focus) or manual (on click) */
+    activationMode?: "automatic" | "manual";
+}
+/**
+ * Tabs component for organizing content.
+ * @example
+ * <Tabs defaultValue="tab1">
+ *   <TabsList>
+ *     <TabsTrigger value="tab1">Tab 1</TabsTrigger>
+ *     <TabsTrigger value="tab2">Tab 2</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="tab1">Content 1</TabsContent>
+ *   <TabsContent value="tab2">Content 2</TabsContent>
+ * </Tabs>
+ */
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Container for tab triggers with animated indicator.
+ */
+declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Value that associates this trigger with a content panel */
+    value: string;
+}
+/**
+ * Button that activates a tab panel.
+ */
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Value that associates this content with a trigger */
+    value: string;
+    /** Force mount the content even when not active */
+    forceMount?: boolean;
+}
+/**
+ * Content panel for a tab.
+ */
+declare const TabsContent: React$1.ForwardRefExoticComponent<TabsContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type ToggleVariant = "default" | "outline";
+type ToggleSize = "default" | "sm" | "lg";
+interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> {
+    /** Visual style variant */
+    variant?: ToggleVariant;
+    /** Size preset */
+    size?: ToggleSize;
+}
+/**
+ * Unstyled Toggle component wrapping Radix Toggle primitive.
+ * Radix adds data-state="on"/"off" automatically.
+ * Use data-variant and data-size for styling hooks.
+ * @example
+ * <Toggle aria-label="Bold">B</Toggle>
+ * <Toggle variant="outline" pressed>Active</Toggle>
+ */
+declare const Toggle: React$1.ForwardRefExoticComponent<ToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface TooltipProviderProps {
+    /** Delay duration in ms before tooltip shows (default: 700) */
+    delayDuration?: number;
+    /** Skip the delay when opening after having been open */
+    skipDelayDuration?: number;
+    children: React$1.ReactNode;
+}
+/**
+ * Wraps your app to provide global tooltip settings.
+ */
+declare const TooltipProvider: React$1.FC<TooltipProviderProps>;
+type TooltipSide = "top" | "right" | "bottom" | "left";
+type TooltipAlign = "start" | "center" | "end";
+interface TooltipProps {
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state for uncontrolled usage */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Delay in ms before tooltip shows (default: 700) */
+    delayDuration?: number;
+    children: React$1.ReactNode;
+}
+/**
+ * Tooltip component that shows content on hover.
+ * @example
+ * <Tooltip>
+ *   <TooltipTrigger>Hover me</TooltipTrigger>
+ *   <TooltipContent>Tooltip text</TooltipContent>
+ * </Tooltip>
+ */
+declare const Tooltip: React$1.FC<TooltipProps>;
+interface TooltipTriggerProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    asChild?: boolean;
+}
+/**
+ * Element that triggers the tooltip on hover.
+ */
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface TooltipContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Side to position the content */
+    side?: TooltipSide;
+    /** Offset from the trigger (default: 4) */
+    sideOffset?: number;
+    /** Alignment relative to trigger */
+    align?: TooltipAlign;
+}
+/**
+ * Content that appears when tooltip is open.
+ */
+declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface TooltipArrowProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Width of the arrow (default: 8) */
+    width?: number;
+    /** Height of the arrow (default: 4) */
+    height?: number;
+}
+/**
+ * Arrow element for the tooltip.
+ */
+declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipArrowProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type TextareaVariant = "default" | "filled" | "outline" | "ghost";
+type TextareaSize = "default" | "sm" | "lg";
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** Visual style variant */
+    variant?: TextareaVariant;
+    /** Size preset */
+    size?: TextareaSize;
+    /** Error state */
+    error?: boolean;
+    /** Auto-resize based on content */
+    autoResize?: boolean;
+    /** Minimum number of rows (for autoResize) */
+    minRows?: number;
+    /** Maximum number of rows (for autoResize) */
+    maxRows?: number;
+    /** Show character counter */
+    showCount?: boolean;
+    /** Custom counter render function */
+    counterRender?: (count: number, maxLength?: number) => React$1.ReactNode;
+}
+/**
+ * Textarea component with variant/size data attributes.
+ * Supports auto-resize, character counter, and error states.
+ * @example
+ * <Textarea placeholder="Enter text..." />
+ * <Textarea variant="filled" size="lg" />
+ * <Textarea autoResize minRows={2} maxRows={6} />
+ * <Textarea showCount maxLength={200} />
+ * <Textarea error={true} />
+ */
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+interface CheckIconProps extends React$1.SVGAttributes<SVGSVGElement> {
+    /** Icon size in pixels */
+    size?: number;
+}
+/**
+ * Inline SVG check icon - no external dependencies.
+ * @example
+ * <CheckIcon size={16} />
+ */
+declare const CheckIcon: ({ size, ...props }: CheckIconProps) => react_jsx_runtime.JSX.Element;
+interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    /** Custom check icon (defaults to inline SVG checkmark) */
+    checkIcon?: React$1.ReactNode;
+}
+/**
+ * Unstyled Checkbox component wrapping Radix Checkbox primitive.
+ * Radix adds data-state="checked"/"unchecked"/"indeterminate" automatically.
+ * @example
+ * <Checkbox id="terms" />
+ * <Checkbox checked checkIcon={<CustomIcon />} />
+ */
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface CommandProps extends React$1.ComponentPropsWithoutRef<typeof Command$1> {
+}
+/**
+ * Command Root Component.
+ * Acts as the container for the command palette.
+ * @example
+ * <Command>
+ *   <CommandInput />
+ *   <CommandList>...</CommandList>
+ * </Command>
+ */
+declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CommandDialogProps extends DialogPrimitive.DialogProps {
+    /** content className for the Dialog Content */
+    contentClassName?: string;
+}
+/**
+ * Command Dialog Component.
+ * Wraps the Command component in a Dialog for modal usage.
+ */
+declare const CommandDialog: ({ children, contentClassName, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
+interface CommandInputProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Input> {
+    /** Optional custom search icon to replace default */
+    icon?: React$1.ReactNode;
+}
+/**
+ * Command Input Component.
+ * An input field for searching commands.
+ */
+declare const CommandInput: React$1.ForwardRefExoticComponent<CommandInputProps & React$1.RefAttributes<HTMLInputElement>>;
+interface CommandListProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.List> {
+}
+/**
+ * Command List Component.
+ * Container for the list of items and groups.
+ */
+declare const CommandList: React$1.ForwardRefExoticComponent<CommandListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CommandEmptyProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Empty> {
+}
+/**
+ * Command Empty Component.
+ * Rendered when no results match the search query.
+ */
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<CommandEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CommandGroupProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Group> {
+}
+/**
+ * Command Group Component.
+ * Groups related items together.
+ */
+declare const CommandGroup: React$1.ForwardRefExoticComponent<CommandGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CommandSeparatorProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Separator> {
+}
+/**
+ * Command Separator Component.
+ * A visual separator between items or groups.
+ */
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<CommandSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CommandItemProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Item> {
+}
+/**
+ * Command Item Component.
+ * A selectable item in the command list.
+ */
+declare const CommandItem: React$1.ForwardRefExoticComponent<CommandItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CommandShortcutProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * Command Shortcut Component.
+ * Displays a keyboard shortcut for an item.
+ */
+declare const CommandShortcut: {
+    ({ className, ...props }: CommandShortcutProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * The root component for the Context Menu.
+ */
+declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
+/**
+ * The trigger that opens the context menu when right-clicked.
+ */
+declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
+/**
+ * Groups multiple ContextMenu items.
+ */
+declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Portals the context menu content into a different part of the DOM.
+ */
+declare const ContextMenuPortal: React$1.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+/**
+ * A sub-menu within the context menu.
+ */
+declare const ContextMenuSub: React$1.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+/**
+ * A group of radio buttons within the context menu.
+ */
+declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuSubTriggerProps extends React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> {
+    inset?: boolean;
+}
+/**
+ * Trigger item for a sub-menu.
+ */
+declare const ContextMenuSubTrigger: React$1.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The content of a sub-menu.
+ */
+declare const ContextMenuSubContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The content that pops up when the context menu is triggered.
+ */
+declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuItemProps extends React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> {
+    inset?: boolean;
+}
+/**
+ * An item within the context menu.
+ */
+declare const ContextMenuItem: React$1.ForwardRefExoticComponent<ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A checkbox item within the context menu.
+ */
+declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A radio item within the context menu.
+ */
+declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuLabelProps extends React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> {
+    inset?: boolean;
+}
+/**
+ * A label for a group of items in the context menu.
+ */
+declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A separator to visually divide items in the context menu.
+ */
+declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Keyboard shortcut display for a menu item.
+ */
+declare const ContextMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * The root component for the Dropdown Menu.
+ */
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+/**
+ * The trigger that opens the dropdown menu.
+ */
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Groups multiple DropdownMenu items.
+ */
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Portals the dropdown menu content into a different part of the DOM.
+ */
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+/**
+ * A sub-menu within the dropdown menu.
+ */
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+/**
+ * A group of radio buttons within the dropdown menu.
+ */
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuSubTriggerProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> {
+    inset?: boolean;
+}
+/**
+ * The trigger item for a sub-menu.
+ */
+declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The content of a sub-menu.
+ */
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The content that pops up when the dropdown menu is triggered.
+ */
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuItemProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    inset?: boolean;
+}
+/**
+ * An item within the dropdown menu.
+ */
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A checkbox item within the dropdown menu.
+ */
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A radio item within the dropdown menu.
+ */
+declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuLabelProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
+    inset?: boolean;
+}
+/**
+ * A label for a group of items in the dropdown menu.
+ */
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A separator to visually divide items in the dropdown menu.
+ */
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Keyboard shortcut display for a menu item.
+ */
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * A specific menu within the menubar.
+ */
+declare function MenubarMenu(props: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
+/**
+ * Groups multiple Menubar items.
+ */
+declare function MenubarGroup(props: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/**
+ * Portals the menubar content into a different part of the DOM.
+ */
+declare function MenubarPortal(props: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+/**
+ * A group of radio buttons within a menu.
+ */
+declare function MenubarRadioGroup(props: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+/**
+ * A sub-menu within the menubar.
+ */
+declare function MenubarSub(props: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+/**
+ * The root component for the menubar.
+ * Contains all menu items and triggers.
+ */
+declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The trigger that opens a specific menu within the menubar.
+ */
+declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+interface MenubarSubTriggerProps extends React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {
+    inset?: boolean;
+}
+/**
+ * The trigger item for a sub-menu within the menubar.
+ */
+declare const MenubarSubTrigger: React$1.ForwardRefExoticComponent<MenubarSubTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The content of a sub-menu.
+ */
+declare const MenubarSubContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The content that pops up when a menu trigger is activated.
+ */
+declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface MenubarItemProps extends React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {
+    inset?: boolean;
+}
+/**
+ * An item within a menu.
+ */
+declare const MenubarItem: React$1.ForwardRefExoticComponent<MenubarItemProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A checkbox item within a menu.
+ */
+declare const MenubarCheckboxItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A radio item within a menu.
+ */
+declare const MenubarRadioItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface MenubarLabelProps extends React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {
+    inset?: boolean;
+}
+/**
+ * A label for a group of items in a menu.
+ */
+declare const MenubarLabel: React$1.ForwardRefExoticComponent<MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A separator to visually divide items in a menu.
+ */
+declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Keyboard shortcut display for a menu item.
+ */
+declare const MenubarShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * A container for grouping inputs with addons, buttons, or text.
+ * Provides a cohesive look for input groups.
+ */
+declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputGroupAddonProps extends React$1.ComponentProps<"div">, VariantProps<typeof inputGroupAddonVariants> {
+}
+/**
+ * An addon element for the input group, typically used for icons or text prefixes/suffixes.
+ * Clicking the addon focuses the adjacent input.
+ */
+declare function InputGroupAddon({ className, align, ...props }: InputGroupAddonProps): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputGroupButtonProps extends React$1.ComponentProps<"button">, VariantProps<typeof inputGroupButtonVariants> {
+    variant?: string;
+}
+/**
+ * A button component designed to be integrated within an input group.
+ */
+declare function InputGroupButton({ className, type, size, ...props }: InputGroupButtonProps): react_jsx_runtime.JSX.Element;
+/**
+ * Simple text wrapper for non-interactive content within an input group.
+ */
+declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+/**
+ * The input field component for the input group.
+ */
+declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+/**
+ * The textarea component for the input group.
+ */
+declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
+/**
+ * The root container for a form managed by react-hook-form.
+ */
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+/**
+ * Wrapper for a form field that provides context for labels, errors, and descriptions.
+ * Handles wiring up the react-hook-form Controller.
+ */
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access field state and IDs within a FormField.
+ * Must be used within a <FormField>.
+ */
+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;
+};
+/**
+ * Container for a single form field (Label, Control, Description, Message).
+ * Generates a unique ID for accessible labelling.
+ */
+declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Label for a form field.
+ * Automatically ties to the input via htmlFor and highlights on error.
+ */
+declare const FormLabel: React$1.ForwardRefExoticComponent<React$1.LabelHTMLAttributes<HTMLLabelElement> & React$1.RefAttributes<HTMLLabelElement>>;
+/**
+ * Wrapper for the actual input component (Input, Select, etc.).
+ * Handles ARIA attributes for accessibility (invalid state, description IDs).
+ */
+declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+/**
+ * Helper text displayed below the form field.
+ */
+declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Error message displayed when validation fails.
+ */
+declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Container for a group of items.
+ * @example
+ * <ItemGroup>
+ *   <Item>...</Item>
+ *   <Item>...</Item>
+ * </ItemGroup>
+ */
+declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * Visual separator between items.
+ */
+declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<"hr">): react_jsx_runtime.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ItemProps extends React$1.ComponentProps<"div">, VariantProps<typeof itemVariants> {
+    asChild?: boolean;
+}
+/**
+ * Interactive or display item component.
+ * Supports various variants and sizes.
+ */
+declare function Item({ className, variant, size, asChild, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "icon" | "image" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ItemMediaProps extends React$1.ComponentProps<"div">, VariantProps<typeof itemMediaVariants> {
+}
+/**
+ * Media container for icons, images, or avatars within an Item.
+ */
+declare function ItemMedia({ className, variant, ...props }: ItemMediaProps): react_jsx_runtime.JSX.Element;
+/**
+ * Main content area for an Item.
+ */
+declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * Title element for an Item.
+ */
+declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * Description text for an Item.
+ */
+declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+/**
+ * Action buttons container (e.g., for copy, edit, delete buttons).
+ */
+declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * Optional header section for an Item.
+ */
+declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * Optional footer section for an Item.
+ */
+declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+/**
+ * FieldSet is a container for grouping related fields.
+ * It's used to group related fields together, such as a set of checkboxes or radio buttons,
+ * or even a section of a form.
+ */
+declare function FieldSet({ className, ...props }: React$1.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+interface FieldLegendProps extends React$1.ComponentProps<"legend"> {
+    variant?: "legend" | "label";
+}
+/**
+ * FieldLegend is a caption for a FieldSet.
+ * It's used to provide a title or description for a group of fields.
+ */
+declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): react_jsx_runtime.JSX.Element;
+/**
+ * FieldGroup is a wrapper for stacking multiple fields.
+ * It's used to group related fields together, such as a set of inputs.
+ */
+declare function FieldGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface FieldProps extends React$1.ComponentProps<"div">, VariantProps<typeof fieldVariants> {
+}
+/**
+ * Field is the main container for a form field.
+ * It provides the structure and styling for the field's label, input, description, and error message.
+ */
+declare function Field({ className, orientation, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
+/**
+ * FieldContent is a wrapper for field content.
+ * It's used to group the field's input and label together.
+ */
+declare function FieldContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * FieldLabel is the label for the field.
+ * It's used to provide a descriptive label for the field's input.
+ */
+declare function FieldLabel({ className, ...props }: React$1.ComponentProps<"label">): react_jsx_runtime.JSX.Element;
+/**
+ * FieldTitle is a title for a group or section within a field.
+ * It's used to provide a title for a section of content within a field.
+ */
+declare function FieldTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * FieldDescription is helper text for the field.
+ * It's used to provide additional information or instructions about the field.
+ */
+declare function FieldDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+/**
+ * FieldSeparator is a visual separator between fields or sections.
+ * It's used to separate groups of fields or sections of content.
+ */
+declare function FieldSeparator({ children, className, ...props }: React$1.ComponentProps<"div"> & {
+    children?: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+interface FieldErrorProps extends React$1.ComponentProps<"div"> {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}
+/**
+ * FieldError is a component for displaying error messages.
+ * It's used to display validation errors for the field.
+ */
+declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): react_jsx_runtime.JSX.Element | null;
+
+type CalendarProps = DayPickerProps & {
+    buttonVariant?: string;
+    showTimePicker?: boolean;
+};
+/**
+ * A date picker component built on react-day-picker.
+ * @example
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   showTimePicker
+ *   className="rounded-md border"
+ * />
+ */
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, showTimePicker, formatters, components, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
+
+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;
+};
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    selectedIndex: number;
+    scrollSnaps: number[];
+    scrollTo: (index: number) => void;
+} & CarouselProps;
+/**
+ * Hook to access the carousel context.
+ * Must be used within a <Carousel> component.
+ */
+declare function useCarousel(): CarouselContextProps;
+/**
+ * A carousel component built on top of Embla Carousel.
+ * Provides context and state management for carousel functionality.
+ * @example
+ * <Carousel>
+ *   <CarouselContent>
+ *     <CarouselItem>...</CarouselItem>
+ *   </CarouselContent>
+ *   <CarouselPrevious />
+ *   <CarouselNext />
+ * </Carousel>
+ */
+declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The viewport and container for carousel items.
+ * Handles scrolling and layout of slides.
+ */
+declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A single slide within the carousel.
+ */
+declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface CarouselPreviousProps extends React$1.ComponentProps<"button"> {
+    variant?: string;
+    size?: string;
+}
+/**
+ * Button to navigate to the previous slide.
+ * Automatically disabled when there is no previous slide.
+ */
+declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<CarouselPreviousProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+interface CarouselNextProps extends React$1.ComponentProps<"button"> {
+    variant?: string;
+    size?: string;
+}
+/**
+ * Button to navigate to the next slide.
+ * Automatically disabled when there is no next slide.
+ */
+declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<CarouselNextProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Navigation dots for the carousel.
+ * Shows the current active slide and allows direct navigation.
+ */
+declare const CarouselDots: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A text-based counter showing the current slide index and total slides.
+ * Format: "Current / Total"
+ */
+declare const CarouselCounter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+/**
+ * Configuration for the chart.
+ * Maps data keys to labels, icons, and colors/themes.
+ */
+type ChartConfig = {
+    [k in string]: {
+        label?: React$1.ReactNode;
+        icon?: React$1.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+type ChartContextProps = {
+    config: ChartConfig;
+};
+/**
+ * Hook to access the chart context.
+ * Must be used within a <ChartContainer>.
+ */
+declare function useChart(): ChartContextProps;
+interface ChartContainerProps extends React$1.ComponentProps<"div"> {
+    config: ChartConfig;
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}
+/**
+ * A container for Recharts charts that provides the chart context and styling.
+ * Handles the generation of CSS variables for chart colors based on the config.
+ * @example
+ * <ChartContainer config={chartConfig}>
+ *   <BarChart ... />
+ * </ChartContainer>
+ */
+declare const ChartContainer: React$1.ForwardRefExoticComponent<Omit<ChartContainerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Component that generates and injects CSS variables for the chart colors.
+ * Used internally by ChartContainer.
+ */
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+type TooltipPayloadItem = {
+    dataKey?: string | number;
+    name?: string;
+    value?: number | string;
+    type?: string;
+    color?: string;
+    payload?: Record<string, unknown>;
+    fill?: string;
+};
+type ChartTooltipContentProps = React$1.ComponentProps<"div"> & {
+    active?: boolean;
+    payload?: TooltipPayloadItem[];
+    label?: string;
+    labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React$1.ReactNode;
+    labelClassName?: string;
+    formatter?: (value: unknown, name: string, item: TooltipPayloadItem, index: number, payload: Record<string, unknown>) => React$1.ReactNode;
+    color?: string;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+};
+/**
+ * Custom tooltip content component for Recharts.
+ * Displays the tooltip payload with labels, values, and indicators formatted according to the chart config.
+ */
+declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<Omit<ChartTooltipContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+type LegendPayloadItem = {
+    value?: string;
+    dataKey?: string | number;
+    type?: string;
+    color?: string;
+};
+type ChartLegendContentProps = React$1.ComponentProps<"div"> & {
+    payload?: LegendPayloadItem[];
+    verticalAlign?: "top" | "bottom" | "middle";
+    hideIcon?: boolean;
+    nameKey?: string;
+};
+/**
+ * Custom legend content component for Recharts.
+ * Displays the legend payload with labels and indicators formatted according to the chart config.
+ */
+declare const ChartLegendContent: React$1.ForwardRefExoticComponent<Omit<ChartLegendContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * The root component for the Dialog.
+ */
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+/**
+ * The trigger that opens the dialog.
+ */
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portals the dialog content into a different part of the DOM.
+ */
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+/**
+ * The close button for the dialog.
+ */
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * The overlay that covers the screen when the dialog is open.
+ */
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The content of the dialog.
+ */
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The header area of the dialog.
+ */
+declare const DialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * The footer area of the dialog.
+ */
+declare const DialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * The title of the dialog.
+ */
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+/**
+ * The description/body text of the dialog.
+ */
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+interface ScrollytellingProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onProgress"> {
+    /** Callback when global progress changes */
+    onScrollProgress?: (progress: number) => void;
+}
+/**
+ * Root provider for scrollytelling. Tracks global scroll progress,
+ * manages section registry, and provides context to child components.
+ */
+declare const Scrollytelling: React$1.ForwardRefExoticComponent<ScrollytellingProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ScrollytellingTrackProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Scroll snap behavior */
+    snapType?: "none" | "mandatory" | "proximity";
+}
+/**
+ * Container that holds scrollable sections. Optionally enables scroll snapping.
+ */
+declare const ScrollytellingTrack: React$1.ForwardRefExoticComponent<ScrollytellingTrackProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ScrollytellingSectionProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onProgress"> {
+    /** Unique section identifier (required) */
+    id: string;
+    /** Label for timeline/nav display */
+    label?: string;
+    /** Viewport heights to scroll while pinned (0 = no pinning) */
+    pinDuration?: number;
+    /** Minimum height when not pinned */
+    minHeight?: string;
+    /** Section background color */
+    backgroundColor?: string;
+    /** Callback with local progress (0-1) */
+    onScrollProgress?: (progress: number) => void;
+}
+/**
+ * A section within the scrollytelling experience.
+ * Supports sticky pinning and provides local progress context.
+ */
+declare const ScrollytellingSection: React$1.ForwardRefExoticComponent<ScrollytellingSectionProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ScrollytellingContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Horizontal alignment */
+    align?: "start" | "center" | "end";
+    /** Vertical justification */
+    justify?: "start" | "center" | "end";
+    /** Maximum content width */
+    maxWidth?: string;
+    /** Content padding */
+    padding?: string;
+}
+/**
+ * Content wrapper with alignment and layout controls.
+ */
+declare const ScrollytellingContent: React$1.ForwardRefExoticComponent<ScrollytellingContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Animation preset configurations for reveal effects */
+declare const animationPresets: {
+    readonly fade: {
+        readonly hidden: {
+            readonly opacity: 0;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+        };
+    };
+    readonly "fade-up": {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly y: 20;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly y: 0;
+        };
+    };
+    readonly "fade-down": {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly y: -20;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly y: 0;
+        };
+    };
+    readonly "fade-left": {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly x: 20;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly x: 0;
+        };
+    };
+    readonly "fade-right": {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly x: -20;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly x: 0;
+        };
+    };
+    readonly scale: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly scale: 0.8;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly scale: 1;
+        };
+    };
+    readonly "scale-up": {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly scale: 0.5;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly scale: 1;
+        };
+    };
+    readonly blur: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly filter: "blur(10px)";
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly filter: "blur(0px)";
+        };
+    };
+    readonly flip: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly rotateX: 90;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly rotateX: 0;
+        };
+    };
+};
+type AnimationPreset = keyof typeof animationPresets;
+
+interface ScrollytellingRevealProps {
+    /** Progress point(s) to trigger animation. Single number or [start, end] range */
+    trigger?: number | [number, number];
+    /** Animation preset name */
+    animation?: AnimationPreset;
+    /** Animation duration in milliseconds */
+    duration?: number;
+    /** Delay before animation starts in milliseconds */
+    delay?: number;
+    /** CSS easing function */
+    easing?: Easing;
+    /** Stay revealed after trigger (default: true) */
+    persist?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+    /** Inline styles */
+    style?: React$1.CSSProperties;
+    /** Child elements */
+    children?: React$1.ReactNode;
+}
+/**
+ * Reveals content with animation based on section scroll progress.
+ */
+declare const ScrollytellingReveal: React$1.ForwardRefExoticComponent<ScrollytellingRevealProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Metadata for a registered section */
+interface SectionMeta {
+    id: string;
+    label?: string;
+    element: HTMLElement;
+}
+/** Root scrollytelling context value */
+interface ScrollytellingContextValue {
+    /** Global scroll progress (0-1) */
+    progress: number;
+    /** ID of the currently active section */
+    activeSection: string | null;
+    /** Scroll direction */
+    direction: "up" | "down" | null;
+    /** Whether reduced motion is preferred */
+    reducedMotion: boolean;
+    /** Navigate to a specific section by ID */
+    goToSection: (id: string) => void;
+    /** Array of registered sections */
+    sections: SectionMeta[];
+    /** Register a section with the context */
+    registerSection: (meta: SectionMeta) => void;
+    /** Unregister a section from the context */
+    unregisterSection: (id: string) => void;
+}
+/**
+ * Hook to access the root scrollytelling context.
+ * Must be used within a <Scrollytelling /> component.
+ */
+declare function useScrollytelling(): ScrollytellingContextValue;
+/** Per-section context value */
+interface SectionContextValue {
+    /** Unique section identifier */
+    id: string;
+    /** Local progress within this section (0-1) */
+    progress: number;
+    /** Whether this section is currently active */
+    isActive: boolean;
+    /** Whether this section is currently pinned */
+    isPinned: boolean;
+}
+/**
+ * Hook to access the current section's context.
+ * Must be used within a <ScrollytellingSection /> component.
+ */
+declare function useScrollytellingSection(): SectionContextValue;
+
+interface UseScrollProgressOptions {
+    /** Scroll offset configuration [start, end] */
+    offset?: [string, string];
+    /** Callback fired when progress changes */
+    onProgress?: (progress: number) => void;
+}
+interface UseScrollProgressReturn {
+    /** Current progress value (0-1) */
+    progress: number;
+    /** Framer Motion motion value for direct animation binding */
+    scrollYProgress: MotionValue<number>;
+}
+/**
+ * Hook to track scroll progress within an element's viewport intersection.
+ * Uses Framer Motion's useScroll for efficient GPU-accelerated tracking.
+ *
+ * @param elementRef - Ref to the element to track
+ * @param options - Configuration options
+ * @returns Progress value and motion value
+ */
+declare function useScrollProgress(elementRef: React$1.RefObject<HTMLElement | null>, options?: UseScrollProgressOptions): UseScrollProgressReturn;
+
+interface ScrollytellingBackgroundProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Image or video source */
+    src: string;
+    /** Media type */
+    type?: "image" | "video";
+    /** Alt text for accessibility */
+    alt?: string;
+    /** Parallax speed (0 = fixed, 1 = normal, 0.5 = half speed) */
+    parallax?: number;
+    /** Background position */
+    position?: string;
+    /** Overlay color with opacity (e.g., 'rgba(0,0,0,0.5)') */
+    overlay?: string;
+    /** Object fit behavior */
+    objectFit?: "cover" | "contain" | "fill";
+}
+declare const ScrollytellingBackground: React$1.ForwardRefExoticComponent<ScrollytellingBackgroundProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ScrollytellingCounterProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** Starting value */
+    from: number;
+    /** Ending value */
+    to: number;
+    /** Progress range [start, end] */
+    trigger: [number, number];
+    /** Number format */
+    format?: "standard" | "compact" | "currency" | "percent";
+    /** Locale for formatting */
+    locale?: string;
+    /** Currency code if format='currency' */
+    currency?: string;
+    /** Decimal places */
+    decimals?: number;
+    /** Prefix (e.g., "$") */
+    prefix?: string;
+    /** Suffix (e.g., " users") */
+    suffix?: string;
+    /** Easing function */
+    easing?: "linear" | "easeOut" | "easeInOut";
+}
+declare const ScrollytellingCounter: React$1.ForwardRefExoticComponent<ScrollytellingCounterProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface ScrollytellingHighlightProps extends React$1.HTMLAttributes<HTMLElement> {
+    /** Text content to highlight */
+    children: string;
+    /** Progress range for highlight [start, end] */
+    trigger: [number, number];
+    /** Highlight granularity */
+    mode?: "word" | "sentence" | "character";
+    /** Highlighted text color */
+    highlightColor?: string;
+    /** Unhighlighted text color */
+    baseColor?: string;
+    /** Highlight background */
+    highlightBg?: string;
+    /** Typography element */
+    as?: "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+declare const ScrollytellingHighlight: React$1.ForwardRefExoticComponent<ScrollytellingHighlightProps & React$1.RefAttributes<HTMLElement>>;
+
+interface ScrollytellingTransitionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Transition effect */
+    effect?: "crossfade" | "wipe-up" | "wipe-down" | "zoom" | "blur";
+    /** Transition start/end as progress range */
+    trigger?: [number, number];
+}
+declare const ScrollytellingTransition: React$1.ForwardRefExoticComponent<ScrollytellingTransitionProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ScrollytellingTimelineProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Position on screen */
+    position?: "left" | "right";
+    /** Show section labels */
+    showLabels?: boolean;
+    /** Show progress line */
+    showProgress?: boolean;
+    /** Hide on mobile */
+    hideOnMobile?: boolean;
+    /** Offset from edge */
+    offset?: string | number;
+}
+declare const ScrollytellingTimeline: React$1.ForwardRefExoticComponent<ScrollytellingTimelineProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ScrollytellingNavProps extends React$1.HTMLAttributes<HTMLElement> {
+    /** Position */
+    position?: "left" | "right" | "bottom";
+    /** Nav style */
+    variant?: "dots" | "lines" | "numbers";
+    /** Show tooltips with section labels */
+    tooltips?: boolean;
+    /** Offset from edge */
+    offset?: string | number;
+}
+declare const ScrollytellingNav: React$1.ForwardRefExoticComponent<ScrollytellingNavProps & React$1.RefAttributes<HTMLElement>>;
+
+interface ScrollytellingDebugProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Position of debug panel */
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+}
+declare const ScrollytellingDebug: React$1.ForwardRefExoticComponent<ScrollytellingDebugProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Section-level debug component.
+ * Use inside a ScrollytellingSection to see section-specific debug info.
+ */
+declare const ScrollytellingSectionDebug: React$1.ForwardRefExoticComponent<ScrollytellingDebugProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ScrollytellingMediaProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Media source URL */
+    src: string;
+    /** Media type */
+    type: "video" | "image" | "svg";
+    /** Progress range for animation [start, end] */
+    trigger?: [number, number];
+    /** SVG animation type */
+    animation?: "draw" | "reveal";
+    /** Alt text for images */
+    alt?: string;
+    /** Poster image for video */
+    poster?: string;
+    /** Loop video within trigger range */
+    loop?: boolean;
+    /** Mobile behavior: 'poster' shows static image (default), 'scrub' enables full scrubbing */
+    mobileMode?: "poster" | "scrub";
+}
+/**
+ * Scroll-controlled media component for video scrubbing, SVG drawing, and image reveals.
+ * Supports mobile poster fallback for battery optimization.
+ *
+ * @warning SVG loading uses dangerouslySetInnerHTML. Only use with trusted SVG sources.
+ * For untrusted content, sanitize with DOMPurify before use.
+ */
+declare const ScrollytellingMedia: React$1.ForwardRefExoticComponent<ScrollytellingMediaProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * The root component for the Select.
+ */
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+/**
+ * Groups multiple Select items.
+ */
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Displays the selected value.
+ */
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+}
+/**
+ * The trigger that opens the select dropdown.
+ */
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+}
+/**
+ * The content that pops up when the select is triggered.
+ */
+declare const SelectContent: React$1.ForwardRefExoticComponent<SelectContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+}
+/**
+ * An item within the select dropdown.
+ */
+declare const SelectItem: React$1.ForwardRefExoticComponent<SelectItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectLabelProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Label> {
+}
+/**
+ * A label for a group of items in the select.
+ */
+declare const SelectLabel: React$1.ForwardRefExoticComponent<SelectLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectSeparatorProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> {
+}
+/**
+ * A separator to visually divide items in the select.
+ */
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectScrollUpButtonProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton> {
+}
+/**
+ * Scroll up button for long select lists.
+ */
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectScrollDownButtonProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton> {
+}
+/**
+ * Scroll down button for long select lists.
+ */
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type ToasterPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface ToasterProps extends React.ComponentPropsWithoutRef<typeof Toaster$1> {
+    /** Position of the toasts */
+    position?: ToasterPosition;
+    /** Theme mode */
+    theme?: "light" | "dark" | "system";
+    /** Use richer colors for success/error */
+    richColors?: boolean;
+    /** Show close button on toasts */
+    closeButton?: boolean;
+    /** Offset from screen edges */
+    offset?: string | number;
+    /** Duration in milliseconds */
+    duration?: number;
+    /** Maximum visible toasts */
+    visibleToasts?: number;
+    /** Expand toasts on hover */
+    expand?: boolean;
+}
+/**
+ * Toast notification container.
+ * Place once at your app root.
+ *
+ * @example
+ * // In your root layout
+ * <Toaster position="bottom-right" richColors />
+ *
+ * // Trigger toasts anywhere
+ * import { toast } from "@nexa-ui-kit/core"
+ * toast.success("Saved successfully!")
+ */
+declare function Toaster({ position, theme, richColors, closeButton, offset, duration, visibleToasts, expand, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
+declare namespace Toaster {
+    var displayName: string;
+}
+
+type StepperOrientation = "horizontal" | "vertical";
+interface StepperProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Controlled current step (0-indexed) */
+    value?: number;
+    /** Default step for uncontrolled usage */
+    defaultValue?: number;
+    /** Callback when step changes */
+    onValueChange?: (value: number) => void;
+    /** Orientation of the stepper */
+    orientation?: StepperOrientation;
+    /** If true, must complete steps in order */
+    linear?: boolean;
+    /** Whether the stepper is disabled */
+    disabled?: boolean;
+}
+/**
+ * Stepper component for multi-step flows.
+ * @example
+ * <Stepper defaultValue={0}>
+ *   <StepperList>
+ *     <StepperItem index={0}>
+ *       <StepperTrigger>Step 1</StepperTrigger>
+ *     </StepperItem>
+ *     <StepperSeparator />
+ *     <StepperItem index={1}>
+ *       <StepperTrigger>Step 2</StepperTrigger>
+ *     </StepperItem>
+ *   </StepperList>
+ *   <StepperContent index={0}>Content 1</StepperContent>
+ *   <StepperContent index={1}>Content 2</StepperContent>
+ * </Stepper>
+ */
+declare const Stepper: React$1.ForwardRefExoticComponent<StepperProps & React$1.RefAttributes<HTMLDivElement>>;
+interface StepperListProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Container for step indicators.
+ */
+declare const StepperList: React$1.ForwardRefExoticComponent<StepperListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface StepperItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Step index (0-based) */
+    index: number;
+    /** Whether this step is disabled */
+    disabled?: boolean;
+}
+/**
+ * Container for a single step indicator.
+ */
+declare const StepperItem: React$1.ForwardRefExoticComponent<StepperItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface StepperTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Custom icon to display instead of step number */
+    icon?: React$1.ReactNode;
+}
+/**
+ * Clickable step indicator button.
+ */
+declare const StepperTrigger: React$1.ForwardRefExoticComponent<StepperTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface StepperSeparatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Visual separator between steps.
+ */
+declare const StepperSeparator: React$1.ForwardRefExoticComponent<StepperSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+interface StepperContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Step index this content belongs to */
+    index: number;
+    /** Force mount the content even when not active */
+    forceMount?: boolean;
+}
+/**
+ * Content panel for a step.
+ */
+declare const StepperContent: React$1.ForwardRefExoticComponent<StepperContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface StepperTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
+}
+/**
+ * Title for a step.
+ */
+declare const StepperTitle: React$1.ForwardRefExoticComponent<StepperTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+interface StepperDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+}
+/**
+ * Description for a step.
+ */
+declare const StepperDescription: React$1.ForwardRefExoticComponent<StepperDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Hook for programmatic stepper control.
+ * Must be used within a Stepper component.
+ */
+declare function useStepper(): {
+    value: number;
+    stepsCount: number;
+    isFirst: boolean;
+    isLast: boolean;
+    goToStep: (step: number) => void;
+    nextStep: () => void;
+    prevStep: () => void;
+    reset: () => void;
+};
+
+interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
+}
+declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
+interface TableHeaderProps extends React$1.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends React$1.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+interface TableFooterProps extends React$1.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableFooter: React$1.ForwardRefExoticComponent<TableFooterProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
+}
+declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
+interface TableHeadProps extends React$1.ThHTMLAttributes<HTMLTableCellElement> {
+}
+declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement> {
+}
+declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
+interface TableCaptionProps extends React$1.HTMLAttributes<HTMLTableCaptionElement> {
+}
+declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps & React$1.RefAttributes<HTMLTableCaptionElement>>;
+interface TableToolbarProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const TableToolbar: React$1.ForwardRefExoticComponent<TableToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
+interface TablePaginationProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const TablePaginationSection: React$1.ForwardRefExoticComponent<TablePaginationProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Pagination: {
+    ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Root component for the Alert Dialog.
+ * Unlike Dialog, Alert Dialog requires explicit user action (Action/Cancel) to close.
+ * @example
+ * <AlertDialog>
+ *   <AlertDialogTrigger>Delete</AlertDialogTrigger>
+ *   <AlertDialogContent>
+ *     <AlertDialogHeader>
+ *       <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *       <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+ *     </AlertDialogHeader>
+ *     <AlertDialogFooter>
+ *       <AlertDialogCancel>Cancel</AlertDialogCancel>
+ *       <AlertDialogAction>Continue</AlertDialogAction>
+ *     </AlertDialogFooter>
+ *   </AlertDialogContent>
+ * </AlertDialog>
+ */
+declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Scroll Area with custom cross-browser scrollbars.
+ * Scrollbars overlay content without taking up space.
+ * @example
+ * <ScrollArea className="h-[200px] w-[350px]">
+ *   <div className="p-4">{longContent}</div>
+ * </ScrollArea>
+ */
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type ToggleGroupProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & {
+    /** Visual style variant applied to all items */
+    variant?: ToggleVariant;
+    /** Size preset applied to all items */
+    size?: ToggleSize;
+};
+/**
+ * A group of toggle items where single or multiple can be pressed.
+ * @example
+ * <ToggleGroup type="single">
+ *   <ToggleGroupItem value="left"><TextAlignLeft /></ToggleGroupItem>
+ *   <ToggleGroupItem value="center"><TextAlignCenter /></ToggleGroupItem>
+ *   <ToggleGroupItem value="right"><TextAlignRight /></ToggleGroupItem>
+ * </ToggleGroup>
+ */
+declare const ToggleGroup: React$1.ForwardRefExoticComponent<ToggleGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+type ToggleGroupItemProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Toolbar container with keyboard navigation (roving tabindex).
+ * @example
+ * <Toolbar>
+ *   <ToolbarToggleGroup type="single">
+ *     <ToolbarToggleItem value="bold">B</ToolbarToggleItem>
+ *     <ToolbarToggleItem value="italic">I</ToolbarToggleItem>
+ *   </ToolbarToggleGroup>
+ *   <ToolbarSeparator />
+ *   <ToolbarButton>Save</ToolbarButton>
+ *   <ToolbarLink href="#">Help</ToolbarLink>
+ * </Toolbar>
+ */
+declare const Toolbar: React$1.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToolbarButton: React$1.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToolbarLink: React$1.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarLinkProps & React$1.RefAttributes<HTMLAnchorElement>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const ToolbarSeparator: React$1.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToolbarToggleGroup: React$1.ForwardRefExoticComponent<(Omit<ToolbarPrimitive.ToolbarToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToolbarPrimitive.ToolbarToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToolbarToggleItem: React$1.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarToggleItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Toast provider. Wrap your app root with this to enable toast notifications.
+ * For a simpler alternative, see the Sonner (Toaster) component.
+ */
+declare const ToastProvider: React$1.FC<ToastPrimitive.ToastProviderProps>;
+declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
+type ToastVariant = "default" | "destructive";
+interface ToastProps extends React$1.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> {
+    variant?: ToastVariant;
+}
+/**
+ * Individual toast notification.
+ * @example
+ * <Toast variant="destructive">
+ *   <ToastTitle>Error</ToastTitle>
+ *   <ToastDescription>Something went wrong.</ToastDescription>
+ * </Toast>
+ */
+declare const Toast: React$1.ForwardRefExoticComponent<ToastProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    action?: ToastActionElement;
+};
+declare function toast({ ...props }: Omit<ToasterToast, "id">): {
+    id: string;
+    dismiss: () => void;
+    update: (props: Partial<ToasterToast>) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+
+type AlertVariant = "default" | "destructive" | "warning" | "info";
+interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    variant?: AlertVariant;
+}
+/**
+ * Alert component for displaying important messages.
+ * @example
+ * <Alert variant="destructive">
+ *   <AlertTitle>Error</AlertTitle>
+ *   <AlertDescription>Something went wrong.</AlertDescription>
+ * </Alert>
+ */
+declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
+interface AlertTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const AlertTitle: React$1.ForwardRefExoticComponent<AlertTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+interface AlertDescriptionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const AlertDescription: React$1.ForwardRefExoticComponent<AlertDescriptionProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type SheetSide = "top" | "bottom" | "left" | "right";
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    side?: SheetSide;
+}
+declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+interface EmptyStateProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Container for empty state displays.
+ * @example
+ * <EmptyState>
+ *   <EmptyStateIcon><InboxIcon /></EmptyStateIcon>
+ *   <EmptyStateTitle>No results</EmptyStateTitle>
+ *   <EmptyStateDescription>Try adjusting your search.</EmptyStateDescription>
+ *   <EmptyStateAction><Button>Create new</Button></EmptyStateAction>
+ * </EmptyState>
+ */
+declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
+interface EmptyStateIconProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const EmptyStateIcon: React$1.ForwardRefExoticComponent<EmptyStateIconProps & React$1.RefAttributes<HTMLDivElement>>;
+interface EmptyStateTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const EmptyStateTitle: React$1.ForwardRefExoticComponent<EmptyStateTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+interface EmptyStateDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const EmptyStateDescription: React$1.ForwardRefExoticComponent<EmptyStateDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+interface EmptyStateActionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const EmptyStateAction: React$1.ForwardRefExoticComponent<EmptyStateActionProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface AvatarGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Maximum number of avatars to show before truncating */
+    max?: number;
+    /** Size applied to the overflow indicator */
+    size?: AvatarSize;
+}
+/**
+ * Groups multiple Avatar components with optional overflow.
+ * @example
+ * <AvatarGroup max={3}>
+ *   <Avatar src="..." fallback="A" />
+ *   <Avatar src="..." fallback="B" />
+ *   <Avatar src="..." fallback="C" />
+ *   <Avatar src="..." fallback="D" />
+ * </AvatarGroup>
+ */
+declare const AvatarGroup: React$1.ForwardRefExoticComponent<AvatarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface StatCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Card component for displaying statistics.
+ * @example
+ * <StatCard>
+ *   <StatIcon><DollarSign /></StatIcon>
+ *   <StatLabel>Revenue</StatLabel>
+ *   <StatValue>$12,345</StatValue>
+ *   <StatTrend direction="up">+12%</StatTrend>
+ * </StatCard>
+ */
+declare const StatCard: React$1.ForwardRefExoticComponent<StatCardProps & React$1.RefAttributes<HTMLDivElement>>;
+interface StatValueProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const StatValue: React$1.ForwardRefExoticComponent<StatValueProps & React$1.RefAttributes<HTMLDivElement>>;
+interface StatLabelProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const StatLabel: React$1.ForwardRefExoticComponent<StatLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+type StatTrendDirection = "up" | "down" | "neutral";
+interface StatTrendProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    direction?: StatTrendDirection;
+}
+declare const StatTrend: React$1.ForwardRefExoticComponent<StatTrendProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface StatIconProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const StatIcon: React$1.ForwardRefExoticComponent<StatIconProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface NumberInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+}
+/**
+ * Number input with increment/decrement buttons and keyboard support.
+ * @example
+ * <NumberInput value={count} onChange={setCount} min={0} max={100}>
+ *   <NumberInputDecrement>-</NumberInputDecrement>
+ *   <NumberInputField />
+ *   <NumberInputIncrement>+</NumberInputIncrement>
+ * </NumberInput>
+ */
+declare const NumberInput: React$1.ForwardRefExoticComponent<NumberInputProps & React$1.RefAttributes<HTMLDivElement>>;
+interface NumberInputFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> {
+}
+declare const NumberInputField: React$1.ForwardRefExoticComponent<NumberInputFieldProps & React$1.RefAttributes<HTMLInputElement>>;
+interface NumberInputIncrementProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const NumberInputIncrement: React$1.ForwardRefExoticComponent<NumberInputIncrementProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface NumberInputDecrementProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const NumberInputDecrement: React$1.ForwardRefExoticComponent<NumberInputDecrementProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+type InputOTPProps = OTPInputProps;
+/**
+ * OTP input component for verification codes.
+ * @example
+ * <InputOTP maxLength={6}>
+ *   <InputOTPGroup>
+ *     <InputOTPSlot index={0} />
+ *     <InputOTPSlot index={1} />
+ *     <InputOTPSlot index={2} />
+ *   </InputOTPGroup>
+ *   <InputOTPSeparator />
+ *   <InputOTPGroup>
+ *     <InputOTPSlot index={3} />
+ *     <InputOTPSlot index={4} />
+ *     <InputOTPSlot index={5} />
+ *   </InputOTPGroup>
+ * </InputOTP>
+ */
+declare const InputOTP: React$1.ForwardRefExoticComponent<OTPInputProps & React$1.RefAttributes<HTMLInputElement>>;
+interface InputOTPGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputOTPGroup: React$1.ForwardRefExoticComponent<InputOTPGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface InputOTPSlotProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    index: number;
+}
+declare const InputOTPSlot: React$1.ForwardRefExoticComponent<InputOTPSlotProps & React$1.RefAttributes<HTMLDivElement>>;
+interface InputOTPSeparatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<InputOTPSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ComboboxProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    children: React$1.ReactNode;
+}
+/**
+ * Searchable dropdown built on Command + Popover.
+ * @example
+ * <Combobox value={value} onValueChange={setValue}>
+ *   <ComboboxTrigger>Select framework...</ComboboxTrigger>
+ *   <ComboboxContent>
+ *     <ComboboxInput placeholder="Search..." />
+ *     <ComboboxEmpty>No results.</ComboboxEmpty>
+ *     <ComboboxList>
+ *       <ComboboxItem value="react">React</ComboboxItem>
+ *     </ComboboxList>
+ *   </ComboboxContent>
+ * </Combobox>
+ */
+declare const Combobox: React$1.FC<ComboboxProps>;
+interface ComboboxTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const ComboboxTrigger: React$1.ForwardRefExoticComponent<ComboboxTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface ComboboxContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const ComboboxContent: React$1.ForwardRefExoticComponent<ComboboxContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ComboboxInputProps extends React$1.ComponentPropsWithoutRef<typeof CommandInput> {
+}
+declare const ComboboxInput: React$1.ForwardRefExoticComponent<ComboboxInputProps & React$1.RefAttributes<HTMLInputElement>>;
+interface ComboboxEmptyProps extends React$1.ComponentPropsWithoutRef<typeof CommandEmpty> {
+}
+declare const ComboboxEmpty: React$1.ForwardRefExoticComponent<ComboboxEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ComboboxListProps extends React$1.ComponentPropsWithoutRef<typeof CommandList> {
+}
+declare const ComboboxList: React$1.ForwardRefExoticComponent<ComboboxListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ComboboxItemProps extends React$1.ComponentPropsWithoutRef<typeof CommandItem> {
+    value: string;
+}
+declare const ComboboxItem: React$1.ForwardRefExoticComponent<ComboboxItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ComboboxGroupProps extends React$1.ComponentPropsWithoutRef<typeof CommandGroup> {
+}
+declare const ComboboxGroup: React$1.ForwardRefExoticComponent<ComboboxGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    /** date-fns format string for display */
+    formatStr?: string;
+    children?: React$1.ReactNode;
+}
+/**
+ * Date picker composing Calendar + Popover.
+ * @example
+ * <DatePicker value={date} onChange={setDate}>
+ *   <DatePickerTrigger />
+ *   <DatePickerContent />
+ * </DatePicker>
+ */
+declare const DatePicker: React$1.FC<DatePickerProps>;
+interface DatePickerTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const DatePickerTrigger: React$1.ForwardRefExoticComponent<DatePickerTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface DatePickerContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const DatePickerContent: React$1.ForwardRefExoticComponent<DatePickerContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface MultiSelectProps {
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    max?: number;
+    children: React$1.ReactNode;
+}
+/**
+ * Multi-value searchable select built on Command + Popover + Badge.
+ * @example
+ * <MultiSelect value={selected} onValueChange={setSelected}>
+ *   <MultiSelectTrigger placeholder="Select items..." />
+ *   <MultiSelectContent>
+ *     <MultiSelectInput placeholder="Search..." />
+ *     <MultiSelectEmpty>No results.</MultiSelectEmpty>
+ *     <MultiSelectList>
+ *       <MultiSelectItem value="react">React</MultiSelectItem>
+ *       <MultiSelectItem value="vue">Vue</MultiSelectItem>
+ *     </MultiSelectList>
+ *   </MultiSelectContent>
+ * </MultiSelect>
+ */
+declare const MultiSelect: React$1.FC<MultiSelectProps>;
+interface MultiSelectTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    placeholder?: string;
+}
+declare const MultiSelectTrigger: React$1.ForwardRefExoticComponent<MultiSelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface MultiSelectContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const MultiSelectContent: React$1.ForwardRefExoticComponent<MultiSelectContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface MultiSelectInputProps extends React$1.ComponentPropsWithoutRef<typeof CommandInput> {
+}
+declare const MultiSelectInput: React$1.ForwardRefExoticComponent<MultiSelectInputProps & React$1.RefAttributes<HTMLInputElement>>;
+interface MultiSelectEmptyProps extends React$1.ComponentPropsWithoutRef<typeof CommandEmpty> {
+}
+declare const MultiSelectEmpty: React$1.ForwardRefExoticComponent<MultiSelectEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
+interface MultiSelectListProps extends React$1.ComponentPropsWithoutRef<typeof CommandList> {
+}
+declare const MultiSelectList: React$1.ForwardRefExoticComponent<MultiSelectListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface MultiSelectItemProps extends React$1.ComponentPropsWithoutRef<typeof CommandItem> {
+    value: string;
+}
+declare const MultiSelectItem: React$1.ForwardRefExoticComponent<MultiSelectItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface MultiSelectGroupProps extends React$1.ComponentPropsWithoutRef<typeof CommandGroup> {
+}
+declare const MultiSelectGroup: React$1.ForwardRefExoticComponent<MultiSelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, type AlertVariant, type AnimationPreset, AspectRatio, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, CarouselCounter, CarouselDots, CarouselItem, CarouselNext, type CarouselNextProps, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselPreviousProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, CheckIcon, type CheckIconProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, type ComboboxGroupProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxListProps, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, DatePicker, DatePickerContent, type DatePickerContentProps, type DatePickerProps, DatePickerTrigger, type DatePickerTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, EmptyStateAction, type EmptyStateActionProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldLabel, FieldLegend, type FieldLegendProps, type FieldProps, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, type HoverCardAlign, HoverCardArrow, type HoverCardArrowProps, HoverCardContent, type HoverCardContentProps, type HoverCardProps, type HoverCardSide, HoverCardTrigger, type HoverCardTriggerProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemProps, ItemSeparator, ItemTitle, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, MultiSelect, MultiSelectContent, type MultiSelectContentProps, MultiSelectEmpty, type MultiSelectEmptyProps, MultiSelectGroup, type MultiSelectGroupProps, MultiSelectInput, type MultiSelectInputProps, MultiSelectItem, type MultiSelectItemProps, MultiSelectList, type MultiSelectListProps, type MultiSelectProps, MultiSelectTrigger, type MultiSelectTriggerProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NumberInput, NumberInputDecrement, type NumberInputDecrementProps, NumberInputField, type NumberInputFieldProps, NumberInputIncrement, type NumberInputIncrementProps, type NumberInputProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, type PopoverAlign, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverContent, type PopoverContentProps, type PopoverProps, type PopoverSide, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ScrollArea, ScrollBar, Scrollytelling, ScrollytellingBackground, type ScrollytellingBackgroundProps, ScrollytellingContent, type ScrollytellingContentProps, type ScrollytellingContextValue, ScrollytellingCounter, type ScrollytellingCounterProps, ScrollytellingDebug, type ScrollytellingDebugProps, ScrollytellingHighlight, type ScrollytellingHighlightProps, ScrollytellingMedia, type ScrollytellingMediaProps, ScrollytellingNav, type ScrollytellingNavProps, type ScrollytellingProps, ScrollytellingReveal, type ScrollytellingRevealProps, ScrollytellingSection, ScrollytellingSectionDebug, type ScrollytellingSectionProps, ScrollytellingTimeline, type ScrollytellingTimelineProps, ScrollytellingTrack, type ScrollytellingTrackProps, ScrollytellingTransition, type ScrollytellingTransitionProps, type SectionContextValue, type SectionMeta, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInset, type SidebarInsetProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderOrientation, type SliderProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StatIcon, type StatIconProps, StatLabel, type StatLabelProps, StatTrend, type StatTrendDirection, type StatTrendProps, StatValue, type StatValueProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperItem, type StepperItemProps, StepperList, type StepperListProps, type StepperOrientation, type StepperProps, StepperSeparator, type StepperSeparatorProps, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TablePaginationSection as TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableToolbar, type TableToolbarProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type TextareaSize, type TextareaVariant, Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastVariant, ToastViewport, Toaster, type ToasterPosition, type ToasterProps, type ToasterToast, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, Tooltip, type TooltipAlign, TooltipArrow, type TooltipArrowProps, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, type TooltipSide, TooltipTrigger, type TooltipTriggerProps, type UseScrollProgressOptions, type UseScrollProgressReturn, animationPresets, fieldVariants, inputGroupAddonVariants, inputGroupButtonVariants, itemMediaVariants, itemVariants, toast as toastFn, useCarousel, useChart, useFormField, useScrollProgress, useScrollytelling, useScrollytellingSection, useSidebar, useStepper, useToast };