@retrodevs/ui-library 0.4.0

package/dist/index.d.ts

@@ -0,0 +1,1840 @@
+import { AlertDialog as AlertDialog_2 } from '@base-ui/react/alert-dialog';
+import { AutocompleteInputProps } from '@base-ui/react';
+import { AutocompleteTriggerProps } from '@base-ui/react';
+import { AvatarFallbackProps } from '@base-ui/react';
+import { AvatarImageProps } from '@base-ui/react';
+import { AvatarRootProps } from '@base-ui/react';
+import { CheckboxRootProps } from '@base-ui/react';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { Combobox as Combobox_2 } from '@base-ui/react/combobox';
+import { ComboboxClearProps } from '@base-ui/react';
+import { ComponentRenderFn } from '@base-ui/react';
+import { ControllerRenderProps } from 'react-hook-form';
+import { DayPicker } from 'react-day-picker';
+import { default as default_2 } from 'embla-carousel-react';
+import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
+import { DialogBackdropProps } from '@base-ui/react';
+import { DialogCloseProps } from '@base-ui/react';
+import { DialogDescriptionProps } from '@base-ui/react';
+import { DialogPopupProps } from '@base-ui/react';
+import { DialogPortalProps } from '@base-ui/react';
+import { DialogTitleProps } from '@base-ui/react';
+import { DialogTriggerProps } from '@base-ui/react';
+import { FieldError } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
+import { FormProviderProps } from 'react-hook-form';
+import { HTMLProps } from '@base-ui/react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react/menu';
+import { MenuTriggerProps } from '@base-ui/react';
+import { NativeButtonProps } from 'node_modules/@base-ui/react/esm/utils/types';
+import { Path } from 'react-hook-form';
+import { Popover as Popover_2 } from '@base-ui/react/popover';
+import { PopoverTriggerState } from '@base-ui/react';
+import { Progress as Progress_2 } from '@base-ui/react/progress';
+import * as React_2 from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { Select as Select_2 } from '@base-ui/react/select';
+import { SelectTriggerProps } from '@base-ui/react';
+import { Slider as Slider_2 } from '@base-ui/react/slider';
+import { SliderThumbProps } from '@base-ui/react';
+import { SwitchRootProps } from '@base-ui/react';
+import { TabsListProps } from '@base-ui/react';
+import { TabsPanelProps } from '@base-ui/react';
+import { TabsRootProps } from '@base-ui/react';
+import { TabsTabProps } from '@base-ui/react';
+import { ToasterProps } from 'sonner';
+import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+import { UseFormReturn } from 'react-hook-form';
+import { VariantProps } from 'class-variance-authority';
+import { WithBaseUIEvent } from 'node_modules/@base-ui/react/esm/utils/types';
+
+/**
+ * AlertDialog root component.
+ * Controls the open/closed state of the alert dialog.
+ */
+export declare const AlertDialog: typeof AlertDialog_2.Root;
+
+/**
+ * AlertDialog action button component.
+ * Primary action button in the alert dialog footer.
+ *
+ * @param props - AlertDialogAction props
+ * @param props.className - Additional CSS classes
+ * @param props.variant - Button variant style
+ * @returns AlertDialog action button element
+ */
+export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * AlertDialog action button props.
+ * Extends AlertDialog Close props and includes button variant.
+ */
+declare interface AlertDialogActionProps extends React_2.ComponentPropsWithoutRef<typeof AlertDialog_2.Close>, Pick<ButtonProps, 'variant'> {
+}
+
+/**
+ * AlertDialog cancel button component.
+ * Cancel/close button in the alert dialog footer.
+ *
+ * @param props - AlertDialogCancel props
+ * @param props.className - Additional CSS classes
+ * @returns AlertDialog cancel button element
+ */
+export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<Omit<DialogCloseProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * AlertDialog content component.
+ * Main content container of the alert dialog.
+ *
+ * @param props - AlertDialogContent props
+ * @param props.className - Additional CSS classes
+ * @returns AlertDialog content element
+ */
+export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<Omit<DialogPopupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * AlertDialog description component.
+ * Displays descriptive text below the alert dialog title.
+ *
+ * @param props - AlertDialogDescription props
+ * @param props.className - Additional CSS classes
+ * @returns AlertDialog description element
+ */
+export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<Omit<DialogDescriptionProps, "ref"> & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * AlertDialog footer component.
+ * Container for alert dialog action buttons.
+ *
+ * @param props - AlertDialogFooter props
+ * @param props.className - Additional CSS classes
+ * @returns AlertDialog footer element
+ */
+export declare const AlertDialogFooter: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    displayName: string;
+};
+
+/**
+ * AlertDialog header component.
+ * Container for alert dialog title and description.
+ *
+ * @param props - AlertDialogHeader props
+ * @param props.className - Additional CSS classes
+ * @returns AlertDialog header element
+ */
+export declare const AlertDialogHeader: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    displayName: string;
+};
+
+/**
+ * AlertDialog overlay component.
+ * Backdrop that appears behind the dialog content.
+ *
+ * @param props - AlertDialogOverlay props
+ * @param props.className - Additional CSS classes
+ * @returns AlertDialog overlay element
+ */
+export declare const AlertDialogOverlay: React_2.ForwardRefExoticComponent<Omit<Omit<DialogBackdropProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * AlertDialog portal component.
+ * Portals the dialog content to the document body.
+ */
+export declare const AlertDialogPortal: React_2.ForwardRefExoticComponent<Omit<DialogPortalProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * AlertDialog title component.
+ * Displays the alert dialog title with proper accessibility.
+ *
+ * @param props - AlertDialogTitle props
+ * @param props.className - Additional CSS classes
+ * @returns AlertDialog title element
+ */
+export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<Omit<Omit<DialogTitleProps, "ref"> & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+
+/**
+ * AlertDialog trigger component.
+ * Element that opens the alert dialog when clicked.
+ */
+export declare const AlertDialogTrigger: AlertDialog_2.Trigger;
+
+/**
+ * Avatar container component.
+ * Wraps AvatarImage and AvatarFallback to display user avatars.
+ *
+ * @param props - Avatar component props (extends React.ComponentProps<typeof AvatarPrimitive.Root>)
+ * @param props.className - Additional CSS classes
+ * @returns Avatar root element
+ *
+ * @example
+ * ```tsx
+ * <Avatar>
+ *   <AvatarImage src="/avatar.jpg" alt="User" />
+ *   <AvatarFallback>JD</AvatarFallback>
+ * </Avatar>
+ * ```
+ */
+export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<Omit<AvatarRootProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Avatar fallback component.
+ * Displays when the avatar image fails to load or is not provided.
+ *
+ * @param props - AvatarFallback component props (extends React.ComponentProps<typeof Avatar.Fallback>)
+ * @param props.className - Additional CSS classes
+ * @returns Avatar fallback element
+ */
+export declare const AvatarFallback: React_2.ForwardRefExoticComponent<Omit<Omit<AvatarFallbackProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Avatar image component.
+ * Displays the user's avatar image with automatic fallback handling.
+ *
+ * @param props - AvatarImage component props (extends React.ComponentProps<typeof Avatar.Image>)
+ * @param props.className - Additional CSS classes
+ * @param props.src - Image source URL
+ * @param props.alt - Alternative text for the image
+ * @returns Avatar image element
+ */
+export declare const AvatarImage: React_2.ForwardRefExoticComponent<Omit<Omit<AvatarImageProps, "ref"> & React_2.RefAttributes<HTMLImageElement>, "ref"> & React_2.RefAttributes<HTMLImageElement>>;
+
+export declare function BaseAvatar({ src, alt, fallback, size, className, defaultImage }: CustomAvatarProps): JSX_2.Element;
+
+/**
+ * Base card component that provides a simplified way to create cards.
+ * Automatically composes CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.
+ *
+ * @param props - BaseCard component props
+ * @param props.title - Card title
+ * @param props.description - Card description
+ * @param props.content - Main card content (or use children)
+ * @param props.footer - Footer content
+ * @param props.action - Action button in header
+ * @param props.className - Additional CSS classes
+ * @param props.children - Alternative to content prop
+ * @returns Card component with simplified API
+ */
+export declare function BaseCard({ title, description, content, footer, action, className, children, }: BaseCardProps): JSX_2.Element;
+
+declare interface BaseCardProps {
+    /** Card title */
+    title?: string;
+    /** Card description */
+    description?: string;
+    /** Main card content (alternative to children prop) */
+    content?: ReactNode;
+    /** Footer content (buttons, actions) */
+    footer?: ReactNode;
+    /** Action button/control in header (uses CardAction) */
+    action?: ReactNode;
+    /** Additional CSS classes for the Card */
+    className?: string;
+    /** Card content (alternative to content prop) */
+    children?: ReactNode;
+}
+
+export declare function BaseCarousel({ items, showIndicators, showNavigation, className, itemClassName, indicatorsPosition, onSlideChange, }: BaseCarouselProps): JSX_2.Element;
+
+declare interface BaseCarouselProps {
+    /** Array of items to display in the carousel */
+    items: {
+        /** Unique identifier for the item */
+        id: string;
+        /** React node to render as the carousel item content */
+        content: React.ReactNode;
+    }[];
+    /** Whether to show the slide indicators */
+    showIndicators?: boolean;
+    /** Whether to show the navigation arrows */
+    showNavigation?: boolean;
+    /** Additional CSS classes for the carousel container */
+    className?: string;
+    /** Additional CSS classes for individual carousel items */
+    itemClassName?: string;
+    /** CSS position for the indicators (default: 'bottom-4') */
+    indicatorsPosition?: string;
+    /** Callback function triggered when the active slide changes */
+    onSlideChange?: (index: number) => void;
+}
+
+/**
+ * Base confirmation dialog component that provides a consistent way to display confirmation dialogs.
+ *
+ * @param props - BaseConfirmation component props
+ * @returns Confirmation dialog component
+ */
+export declare function BaseConfirmation({ trigger, title, description, confirmText, cancelText, onConfirm, actionVariant, }: CustomConfirmationProps): JSX_2.Element;
+
+/**
+ * Base date-time picker component that provides a consistent way to select dates and times.
+ * Supports both single date+time and date range+time selection modes.
+ */
+export declare function BaseDateTimePicker({ mode, value, onChange, showTime, use12Hour, placeholder, className, disabled, }: BaseDateTimePickerProps): JSX_2.Element;
+
+declare interface BaseDateTimePickerProps {
+    /** Selection mode: single date+time or date range+time */
+    mode?: "single" | "range";
+    /** Selected value - Date for single mode, { from: Date, to: Date } for range mode */
+    value?: Date | {
+        from?: Date;
+        to?: Date;
+    };
+    /** Callback when value changes */
+    onChange?: (value: Date | {
+        from?: Date;
+        to?: Date;
+    } | undefined) => void;
+    /** Whether to show time picker */
+    showTime?: boolean;
+    /** Whether to use 12-hour format for time */
+    use12Hour?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+}
+
+/**
+ * Base dropdown component that provides a consistent way to display dropdown menus.
+ * Supports click actions, icons, custom positioning, and optional header content.
+ *
+ * @param props - BaseDropdown component props
+ * @param props.trigger - Element that opens the dropdown
+ * @param props.items - Array of menu items with labels, icons, and click handlers
+ * @param props.className - Additional CSS classes
+ * @param props.align - Horizontal alignment (default: "end")
+ * @param props.side - Position relative to trigger (default: "bottom")
+ * @param props.header - Optional header content
+ * @returns Dropdown menu component
+ */
+export declare function BaseDropdown({ trigger, items, className, align, side, header, }: CustomDropdownProps): JSX_2.Element;
+
+/**
+ * Base modal component that provides a consistent way to display content in a modal dialog.
+ * Supports various customization options including size, footer, and overlay behaviors.
+ */
+export declare function BaseModal({ trigger, title, description, children, open, onClose, size, hasFooter, footerContent, className, disableOverlayClick, }: CustomModalProps): JSX_2.Element;
+
+/**
+ * Base popover component that provides a consistent way to display floating content.
+ * The popover appears when the trigger element is clicked and is positioned relative to it.
+ * Supports both simple trigger/content API and controlled state with children pattern.
+ */
+export declare function BasePopover(props: BasePopoverProps): JSX_2.Element | null;
+
+declare type BasePopoverProps = IPopoverSimpleProps | IPopoverControlledProps;
+
+/**
+ * Base searchable select component that provides a consistent way to create searchable dropdown inputs.
+ * Supports filtering, loading states, and custom content rendering.
+ */
+export declare function BaseSearchableSelect({ items, value, onChange, defaultValue, placeholder, searchPlaceholder, emptyMessage, isLoading, disabled, label, selectedItemRenderer, triggerClassName, popupClassName, itemClassName, width, closeOnSelect, }: BaseSearchableSelectProps): JSX_2.Element;
+
+declare interface BaseSearchableSelectProps {
+    /** Array of selectable items */
+    items: {
+        value: string;
+        label: string;
+    }[];
+    /** Controlled selected value */
+    value?: string;
+    /** Callback when selection changes */
+    onChange?: (value: string) => void;
+    /** Default selected value */
+    defaultValue?: string;
+    /** Placeholder text when no value is selected */
+    placeholder?: string;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Message to display when no results are found */
+    emptyMessage?: string;
+    /** Whether to show loading state */
+    isLoading?: boolean;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Label text for the combobox group */
+    label?: string;
+    /** Custom renderer for the selected item */
+    selectedItemRenderer?: (value: string) => React_2.ReactNode;
+    /** Additional CSS classes for the trigger/input element */
+    triggerClassName?: string;
+    /** Additional CSS classes for the popup element */
+    popupClassName?: string;
+    /** Additional CSS classes for the item elements */
+    itemClassName?: string;
+    /** Minimum width of the trigger in pixels */
+    width?: number;
+    /** Whether to close popup on selection */
+    closeOnSelect?: boolean;
+}
+
+/**
+ * Base select component that provides a consistent way to create dropdown select inputs.
+ * Supports different styling variants, loading states, and custom content rendering.
+ */
+export declare function BaseSelect({ type, width, defaultValue, placeholder, items, value, onChange, selectedItemRenderer, customOptions, label, isLoading, triggerClassName, contentClassName, itemClassName, disabled, }: ICustomSelectProps): JSX_2.Element;
+
+/**
+ * Base side drawer component that provides a consistent way to display content in a sliding panel.
+ * Supports various customization options including size, position, navigation, and footer.
+ */
+export declare function BaseSideDrawer({ open, hasFooter, footerContent, setOpen, side, size, title, description, trigger, triggerClassName, contentClassName, children, hasNav, navChildren, }: CustomSideDrawerProps): JSX_2.Element;
+
+/**
+ * Base tabs component that provides a clean, standard shadcn/ui tabs interface.
+ * Uses standard horizontal tabs layout with proper styling.
+ *
+ * @param props - BaseTab component props
+ * @param props.activeTab - Controlled active tab value
+ * @param props.setActiveTab - Callback when active tab changes
+ * @param props.tab - Array of tab configurations
+ * @returns Tabs component with standard styling
+ */
+export declare function BaseTab({ activeTab, setActiveTab, tab, }: {
+    activeTab?: string;
+    setActiveTab?: (activeTab: string) => void;
+    tab: ITabProps[];
+}): JSX_2.Element;
+
+/**
+ * Base tooltip component that provides a consistent way to display helpful information.
+ * The tooltip appears when hovering over the trigger element and supports various positioning options.
+ */
+export declare function BaseTooltip({ content, children, side, align, delayDuration, className, }: CustomTooltipProps): JSX_2.Element;
+
+/**
+ * Versatile button component with multiple variants and sizes.
+ * Supports all standard button HTML attributes and can be rendered as a child element.
+ *
+ * @param props - Button component props
+ * @param props.variant - Visual style variant (default, destructive, outline, secondary, ghost, link)
+ * @param props.size - Size variant (default, sm, lg, icon)
+ * @param props.asChild - Render as child element instead of button
+ * @returns Button component
+ *
+ * @example
+ * ```tsx
+ * <Button variant="default" size="lg">Click me</Button>
+ * <Button variant="destructive" onClick={handleDelete}>Delete</Button>
+ * ```
+ */
+export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Button component props.
+ * Extends standard button HTML attributes and includes variant props.
+ */
+export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariants {
+    /** Render as a child element instead of a button */
+    asChild?: boolean;
+}
+
+export declare type ButtonVariants = VariantProps<typeof buttonVariants>;
+
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/**
+ * Calendar component for date selection.
+ * Built on react-day-picker with support for single date and date range selection.
+ *
+ * @param props - Calendar props (extends DayPicker props from react-day-picker)
+ * @param props.className - Additional CSS classes
+ * @param props.mode - Selection mode ("single" | "range" | "multiple")
+ * @param props.selected - Selected date(s)
+ * @param props.onSelect - Callback when date selection changes
+ * @returns Calendar component
+ *
+ * @example
+ * ```tsx
+ * <Calendar mode="single" selected={date} onSelect={setDate} />
+ * <Calendar mode="range" selected={range} onSelect={setRange} />
+ * ```
+ */
+export declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): JSX_2.Element;
+
+export declare namespace Calendar {
+    var displayName: string;
+}
+
+/**
+ * Calendar component props.
+ * Extends DayPicker props from react-day-picker.
+ */
+export declare type CalendarProps = React_2.ComponentProps<typeof DayPicker>;
+
+/**
+ * Card container component.
+ * Provides a styled container for card content with consistent spacing and styling.
+ *
+ * @param props - Card component props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Card container element
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Title</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>Content</CardContent>
+ * </Card>
+ * ```
+ */
+export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+/**
+ * Card action component.
+ * Container for action buttons or controls, typically positioned in the header.
+ *
+ * @param props - CardAction component props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Card action element
+ */
+export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+/**
+ * Card content component.
+ * Main content area of the card with proper padding.
+ *
+ * @param props - CardContent component props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Card content element
+ */
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+/**
+ * Card description component.
+ * Displays secondary descriptive text below the title.
+ *
+ * @param props - CardDescription component props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Card description element
+ */
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+/**
+ * Card footer component.
+ * Container for footer content, typically action buttons.
+ *
+ * @param props - CardFooter component props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Card footer element
+ */
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+/**
+ * Card header component.
+ * Container for card title, description, and action elements.
+ *
+ * @param props - CardHeader component props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Card header element
+ */
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+/**
+ * Card title component.
+ * Displays the main title of the card.
+ *
+ * @param props - CardTitle component props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Card title element
+ */
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+/**
+ * Carousel root component.
+ * Creates a carousel/slider with navigation and indicators.
+ *
+ * @param props - Carousel props
+ * @param props.orientation - Carousel direction ("horizontal" | "vertical")
+ * @param props.opts - Embla carousel options
+ * @param props.setApi - Callback to receive carousel API instance
+ * @param props.plugins - Embla carousel plugins
+ * @param props.className - Additional CSS classes
+ * @param props.children - Carousel content (CarouselContent, CarouselItem, etc.)
+ * @returns Carousel root element
+ */
+export declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React_2.ComponentProps<"div"> & CarouselProps): JSX_2.Element;
+
+export declare type CarouselApi = UseEmblaCarouselType[1];
+
+export declare function CarouselContent({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function CarouselItem({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function CarouselNext({ className, variant, size, ...props }: React_2.ComponentProps<typeof Button>): JSX_2.Element;
+
+declare type CarouselOptions = UseCarouselParameters[0];
+
+declare type CarouselPlugin = UseCarouselParameters[1];
+
+export declare function CarouselPrevious({ className, variant, size, ...props }: React_2.ComponentProps<typeof Button>): JSX_2.Element;
+
+declare type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+
+export declare type ChartConfig = {
+    [k in string]: {
+        label?: React_2.ReactNode;
+        icon?: React_2.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+
+/**
+ * Chart container component.
+ * Wraps Recharts components and provides chart configuration context.
+ *
+ * @param props - ChartContainer props
+ * @param props.id - Unique chart ID
+ * @param props.className - Additional CSS classes
+ * @param props.config - Chart configuration with colors and labels
+ * @param props.children - Recharts components (LineChart, BarChart, etc.)
+ * @returns Chart container element
+ */
+export declare function ChartContainer({ id, className, children, config, ...props }: React_2.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): JSX_2.Element;
+
+export declare const ChartLegend: typeof RechartsPrimitive.Legend;
+
+/**
+ * Chart legend content component.
+ * Displays legend items with icons or color indicators.
+ */
+export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): JSX_2.Element | null;
+
+declare interface ChartLegendContentProps extends React_2.ComponentProps<"div">, Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> {
+    hideIcon?: boolean;
+    nameKey?: string;
+}
+
+/**
+ * Chart style component that generates CSS for chart colors.
+ */
+export declare function ChartStyle({ id, config }: ChartStyleProps): JSX_2.Element | null;
+
+declare interface ChartStyleProps {
+    /** Unique chart ID */
+    id: string;
+    /** Chart configuration */
+    config: ChartConfig;
+}
+
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+
+/**
+ * Chart tooltip content component.
+ * Displays formatted tooltip information for chart data points.
+ */
+export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): JSX_2.Element | null;
+
+declare interface ChartTooltipContentProps {
+    active?: boolean;
+    payload?: Array<{
+        name?: string;
+        value?: number | string;
+        dataKey?: string;
+        color?: string;
+        payload?: Record<string, unknown>;
+        fill?: string;
+    }>;
+    label?: string | number;
+    labelFormatter?: (value: string | number | undefined, payload: Array<unknown>) => React_2.ReactNode;
+    formatter?: (value: number | string, name: string, item: unknown, index: number, payload: Record<string, unknown>) => React_2.ReactNode;
+    color?: string;
+    className?: string;
+    labelClassName?: string;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}
+
+/**
+ * Checkbox component for boolean input.
+ * Provides accessible checkbox functionality with visual feedback.
+ *
+ * @param props - Checkbox component props (extends React.ComponentProps<typeof CheckboxPrimitive.Root>)
+ * @param props.className - Additional CSS classes
+ * @param props.checked - Controlled checked state
+ * @param props.defaultChecked - Uncontrolled default checked state
+ * @param props.onCheckedChange - Callback when checked state changes
+ * @returns Checkbox element
+ *
+ * @example
+ * ```tsx
+ * <Checkbox checked={isChecked} onCheckedChange={setIsChecked} />
+ * <Checkbox defaultChecked />
+ * ```
+ */
+export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<Omit<CheckboxRootProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Combobox root component.
+ * Controls the open/closed state, value, and input value of the combobox.
+ *
+ * @param props - Combobox props (extends React.ComponentProps<typeof Combobox.Root>)
+ * @param props.value - Controlled selected value
+ * @param props.defaultValue - Uncontrolled default value
+ * @param props.onValueChange - Callback when value changes
+ * @param props.inputValue - Controlled input value
+ * @param props.defaultInputValue - Uncontrolled default input value
+ * @param props.onInputValueChange - Callback when input value changes
+ * @param props.open - Controlled open state
+ * @param props.defaultOpen - Uncontrolled default open state
+ * @param props.onOpenChange - Callback when open state changes
+ * @returns Combobox root element
+ */
+export declare function Combobox({ ...props }: React_2.ComponentProps<typeof Combobox_2.Root>): JSX_2.Element;
+
+/**
+ * Combobox clear component.
+ * Clears the value when clicked.
+ *
+ * @param props - ComboboxClear props (extends React.ComponentProps<typeof Combobox.Clear>)
+ * @param props.className - Additional CSS classes
+ * @returns Combobox clear button element
+ */
+export declare const ComboboxClear: React_2.ForwardRefExoticComponent<Omit<Omit<ComboboxClearProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Combobox empty component.
+ * Renders its children only when the list is empty.
+ *
+ * @param props - ComboboxEmpty props (extends React.ComponentProps<typeof Combobox.Empty>)
+ * @param props.className - Additional CSS classes
+ * @returns Combobox empty element
+ */
+export declare function ComboboxEmpty({ className, ...props }: React_2.ComponentProps<typeof Combobox_2.Empty>): JSX_2.Element;
+
+/**
+ * Combobox group component.
+ * Groups related items with the corresponding label.
+ *
+ * @param props - ComboboxGroup props (extends React.ComponentProps<typeof Combobox.Group>)
+ * @param props.className - Additional CSS classes
+ * @returns Combobox group element
+ */
+export declare function ComboboxGroup({ className, ...props }: React_2.ComponentProps<typeof Combobox_2.Group>): JSX_2.Element;
+
+/**
+ * Combobox group label component.
+ * An accessible label that is automatically associated with its parent group.
+ *
+ * @param props - ComboboxGroupLabel props (extends React.ComponentProps<typeof Combobox.GroupLabel>)
+ * @param props.className - Additional CSS classes
+ * @returns Combobox group label element
+ */
+export declare function ComboboxGroupLabel({ className, ...props }: React_2.ComponentProps<typeof Combobox_2.GroupLabel>): JSX_2.Element;
+
+/**
+ * Combobox input component.
+ * A text input to search for items in the list.
+ *
+ * @param props - ComboboxInput props (extends React.ComponentProps<typeof Combobox.Input>)
+ * @param props.className - Additional CSS classes
+ * @param props.placeholder - Placeholder text
+ * @returns Combobox input element
+ */
+export declare const ComboboxInput: React_2.ForwardRefExoticComponent<Omit<Omit<AutocompleteInputProps, "ref"> & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+
+/**
+ * Combobox item component.
+ * An individual item in the list.
+ *
+ * @param props - ComboboxItem props (extends React.ComponentProps<typeof Combobox.Item>)
+ * @param props.className - Additional CSS classes
+ * @param props.value - Item value
+ * @param props.children - Item label/content
+ * @returns Combobox item element
+ */
+export declare function ComboboxItem({ className, children, ...props }: React_2.ComponentProps<typeof Combobox_2.Item>): JSX_2.Element;
+
+/**
+ * Combobox item indicator component.
+ * Indicates whether the item is selected.
+ *
+ * @param props - ComboboxItemIndicator props (extends React.ComponentProps<typeof Combobox.ItemIndicator>)
+ * @param props.className - Additional CSS classes
+ * @returns Combobox item indicator element
+ */
+export declare function ComboboxItemIndicator({ className, ...props }: React_2.ComponentProps<typeof Combobox_2.ItemIndicator>): JSX_2.Element;
+
+/**
+ * Combobox list component.
+ * A list container for the items.
+ *
+ * @param props - ComboboxList props (extends React.ComponentProps<typeof Combobox.List>)
+ * @param props.className - Additional CSS classes
+ * @param props.children - Items or render function
+ * @returns Combobox list element
+ */
+export declare function ComboboxList({ className, ...props }: React_2.ComponentProps<typeof Combobox_2.List>): JSX_2.Element;
+
+/**
+ * Combobox popup component.
+ * A container for the list.
+ *
+ * @param props - ComboboxPopup props (extends React.ComponentProps<typeof Combobox.Popup>)
+ * @param props.className - Additional CSS classes
+ * @returns Combobox popup element
+ */
+export declare function ComboboxPopup({ className, style, ...props }: React_2.ComponentProps<typeof Combobox_2.Popup>): JSX_2.Element;
+
+/**
+ * Combobox portal component.
+ * A portal element that moves the popup to a different part of the DOM.
+ *
+ * @param props - ComboboxPortal props (extends React.ComponentProps<typeof Combobox.Portal>)
+ * @returns Combobox portal element
+ */
+export declare function ComboboxPortal({ ...props }: React_2.ComponentProps<typeof Combobox_2.Portal>): JSX_2.Element;
+
+/**
+ * Combobox positioner component.
+ * Positions the popup against the trigger.
+ *
+ * @param props - ComboboxPositioner props (extends React.ComponentProps<typeof Combobox.Positioner>)
+ * @param props.className - Additional CSS classes
+ * @param props.sideOffset - Distance from trigger in pixels (default: 4)
+ * @param props.align - Alignment relative to trigger (default: "center")
+ * @param props.side - Position relative to trigger (default: "bottom")
+ * @returns Combobox positioner element
+ */
+export declare function ComboboxPositioner({ className, sideOffset, align, side, ...props }: React_2.ComponentProps<typeof Combobox_2.Positioner> & {
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+}): JSX_2.Element;
+
+/**
+ * Combobox trigger component.
+ * A button that opens the popup.
+ *
+ * @param props - ComboboxTrigger props (extends React.ComponentProps<typeof Combobox.Trigger>)
+ * @param props.className - Additional CSS classes
+ * @returns Combobox trigger element
+ */
+export declare const ComboboxTrigger: React_2.ForwardRefExoticComponent<Omit<Omit<AutocompleteTriggerProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Combobox value component.
+ * Displays the current value of the combobox.
+ *
+ * @param props - ComboboxValue props (extends React.ComponentProps<typeof Combobox.Value>)
+ * @param props.placeholder - Placeholder text when no value is selected
+ * @param props.children - Custom render function for formatted value
+ * @returns Combobox value element
+ */
+export declare function ComboboxValue({ ...props }: React_2.ComponentProps<typeof Combobox_2.Value>): JSX_2.Element;
+
+declare interface CustomAvatarProps {
+    /** The source URL of the avatar image */
+    src?: string | null;
+    /** Alternative text for the avatar image */
+    alt?: string;
+    /** Custom fallback content to display when the image fails to load */
+    fallback?: ReactNode;
+    /** Size variant of the avatar */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'huge';
+    /** Additional CSS classes to apply to the avatar */
+    className?: string;
+    /** Fallback image path when src is not provided */
+    defaultImage?: string;
+}
+
+declare interface CustomConfirmationProps {
+    /** The trigger element that opens the confirmation dialog (usually a button) */
+    trigger: React_2.ReactNode;
+    /** The title displayed in the dialog header */
+    title: string;
+    /** The description text displayed in the dialog body */
+    description: string;
+    /** Text for the confirm button (default: 'Confirm') */
+    confirmText?: string;
+    /** Text for the cancel button (default: 'Cancel') */
+    cancelText?: string;
+    /** Variant of the confirm button (inherits from ButtonProps) */
+    actionVariant?: ButtonProps['variant'];
+    /** Callback function executed when the confirm button is clicked */
+    onConfirm: () => void;
+}
+
+declare interface CustomDropdownProps {
+    /** The trigger element that opens the dropdown (usually a button) */
+    trigger: ReactNode;
+    /** Array of menu items to display */
+    items: DropdownItemProps[];
+    /** Additional CSS classes for the dropdown content */
+    className?: string;
+    /** Horizontal alignment of the dropdown relative to the trigger */
+    align?: "start" | "center" | "end";
+    /** Position of the dropdown relative to the trigger */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Optional header content to display above the menu items */
+    header?: ReactNode;
+}
+
+declare interface CustomModalProps {
+    /** Trigger element that opens the modal (usually a button) */
+    trigger?: ReactNode;
+    /** Modal title (visually hidden by default) */
+    title?: string;
+    /** Modal description (visually hidden by default) */
+    description?: string;
+    /** Modal content */
+    children: ReactNode;
+    /** Additional CSS classes for the modal */
+    className?: string;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when modal closes */
+    onClose?: (open: boolean) => void;
+    /** Modal size variant */
+    size?: keyof typeof sizeClasses;
+    /** Whether to show the footer section */
+    hasFooter?: boolean;
+    /** Footer content (usually buttons) */
+    footerContent?: ReactNode;
+    /** Whether to disable closing on overlay click */
+    disableOverlayClick?: boolean;
+}
+
+declare interface CustomSideDrawerProps extends SideDrawerVariantProps {
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when side drawer state changes */
+    setOpen?: (open: boolean) => void;
+    /** Position of the side drawer relative to the viewport */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** Trigger element that opens the side drawer */
+    trigger?: ReactNode;
+    /** Additional CSS classes for the trigger */
+    triggerClassName?: string;
+    /** Side drawer title */
+    title: string;
+    /** Side drawer description */
+    description?: string;
+    /** Side drawer content */
+    children: ReactNode;
+    /** Additional CSS classes for the content */
+    contentClassName?: string;
+    /** Whether to show the navigation bar */
+    hasNav?: boolean;
+    /** Navigation bar content */
+    navChildren?: ReactNode;
+    /** Whether to show the footer */
+    hasFooter?: boolean;
+    /** Footer content */
+    footerContent?: ReactNode;
+    /** Function to call when closing the side drawer */
+    closeFunction?: () => void;
+}
+
+declare interface CustomTooltipProps {
+    /** Content to display in the tooltip */
+    content: React_2.ReactNode;
+    /** Element that triggers the tooltip on hover */
+    children: React_2.ReactNode;
+    /** Position of the tooltip relative to the trigger element */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** Horizontal alignment of the tooltip */
+    align?: 'start' | 'center' | 'end';
+    /** Delay in milliseconds before showing the tooltip */
+    delayDuration?: number;
+    /** Additional CSS classes for the tooltip content */
+    className?: string;
+}
+
+/**
+ * Date picker component.
+ * Combines Calendar with Popover for a dropdown date selection interface.
+ *
+ * @param props - DatePicker props
+ * @param props.date - Selected date (Date object)
+ * @param props.onDateChange - Callback when date changes
+ * @param props.placeholder - Placeholder text (default: "Pick a date")
+ * @param props.className - Additional CSS classes
+ * @param props.mode - Selection mode ("single" | "range")
+ * @param props.selected - Selected date(s) - can be Date or { from: Date, to: Date }
+ * @returns Date picker component
+ *
+ * @example
+ * ```tsx
+ * <DatePicker date={date} onDateChange={setDate} />
+ * ```
+ */
+export declare function DatePicker({ date, onDateChange, placeholder, className, mode, selected, ...props }: DatePickerComponentProps): JSX_2.Element;
+
+declare type DatePickerComponentProps = DatePickerProps & Omit<React_2.ComponentProps<typeof Calendar>, "selected" | "onSelect">;
+
+declare interface DatePickerProps {
+    /** Selected date (Date object) */
+    date?: Date;
+    /** Callback when date changes */
+    onDateChange?: (date: Date | undefined) => void;
+    /** Placeholder text (default: "Pick a date") */
+    placeholder?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Selection mode ("single" | "range") */
+    mode?: "single" | "range";
+    /** Selected date(s) - can be Date or { from: Date, to: Date } */
+    selected?: Date | {
+        from?: Date;
+        to?: Date;
+    };
+    /** Callback when range changes */
+    onRangeChange?: (range: {
+        from?: Date;
+        to?: Date;
+    } | undefined) => void;
+}
+
+/**
+ * Dialog root component.
+ * Controls the open/closed state of the dialog.
+ *
+ * @param props - Dialog props (extends React.ComponentProps<typeof Dialog.Root>)
+ * @param props.open - Controlled open state
+ * @param props.defaultOpen - Uncontrolled default open state
+ * @param props.onOpenChange - Callback when open state changes
+ * @returns Dialog root element
+ */
+export declare function Dialog({ ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX_2.Element;
+
+export declare namespace Dialog {
+    var displayName: string;
+}
+
+export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof Dialog_2.Close>): JSX_2.Element;
+
+/**
+ * Dialog content component.
+ * The main content container of the dialog with overlay and close button.
+ *
+ * @param props - DialogContent props (extends React.ComponentProps<typeof Dialog.Popup>)
+ * @param props.className - Additional CSS classes
+ * @param props.children - Dialog content
+ * @returns Dialog content element
+ */
+export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<Omit<DialogPopupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Dialog description component.
+ * Displays descriptive text below the title.
+ *
+ * @param props - DialogDescription props (extends React.ComponentProps<typeof Dialog.Description>)
+ * @param props.className - Additional CSS classes
+ * @returns Dialog description element
+ */
+export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<Omit<DialogDescriptionProps, "ref"> & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Dialog footer component.
+ * Container for dialog action buttons.
+ *
+ * @param props - DialogFooter props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Dialog footer element
+ */
+export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+/**
+ * Dialog header component.
+ * Container for dialog title and description.
+ *
+ * @param props - DialogHeader props (extends React.ComponentProps<"div">)
+ * @param props.className - Additional CSS classes
+ * @returns Dialog header element
+ */
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare const DialogOverlay: React_2.ForwardRefExoticComponent<Omit<Omit<DialogBackdropProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof Dialog_2.Portal>): JSX_2.Element;
+
+/**
+ * Dialog title component.
+ * Displays the dialog title with proper accessibility.
+ *
+ * @param props - DialogTitle props (extends React.ComponentProps<typeof Dialog.Title>)
+ * @param props.className - Additional CSS classes
+ * @returns Dialog title element
+ */
+export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<Omit<DialogTitleProps, "ref"> & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+
+/**
+ * Dialog trigger component.
+ * Element that opens the dialog when clicked.
+ *
+ * @param props - DialogTrigger props (extends React.ComponentProps<typeof Dialog.Trigger>)
+ * @returns Dialog trigger element
+ */
+export declare const DialogTrigger: React_2.ForwardRefExoticComponent<Omit<DialogTriggerProps<unknown> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+declare interface DropdownItemProps {
+    /** Click handler for menu items */
+    onClick?: () => void;
+    /** Optional icon to display before the label */
+    icon?: ReactNode;
+    /** Display text for the menu item */
+    label: string;
+}
+
+/**
+ * DropdownMenu root component.
+ * Controls the open/closed state of the dropdown menu.
+ *
+ * @param props - DropdownMenu props (extends React.ComponentProps<typeof Menu.Root>)
+ * @param props.open - Controlled open state
+ * @param props.defaultOpen - Uncontrolled default open state
+ * @param props.onOpenChange - Callback when open state changes
+ * @returns DropdownMenu root element
+ */
+export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof Menu.Root>): JSX_2.Element;
+
+export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof Menu.CheckboxItem>): JSX_2.Element;
+
+export declare function DropdownMenuContent({ className, sideOffset, align, side, ...props }: React_2.ComponentProps<typeof Menu.Popup> & {
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+}): JSX_2.Element;
+
+export declare function DropdownMenuGroup({ ...props }: React_2.ComponentProps<typeof Menu.Group>): JSX_2.Element;
+
+/**
+ * DropdownMenu item component.
+ * Individual clickable item in the dropdown menu.
+ *
+ * @param props - DropdownMenuItem props
+ * @param props.className - Additional CSS classes
+ * @param props.inset - Add left padding for nested items
+ * @param props.variant - Visual variant ("default" | "destructive")
+ * @returns DropdownMenu item element
+ */
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof Menu.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX_2.Element;
+
+export declare function DropdownMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof Menu.GroupLabel> & {
+    inset?: boolean;
+}): JSX_2.Element;
+
+export declare function DropdownMenuPortal({ ...props }: React_2.ComponentProps<typeof Menu.Portal>): JSX_2.Element;
+
+export declare function DropdownMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof Menu.RadioGroup>): JSX_2.Element;
+
+export declare function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof Menu.RadioItem>): JSX_2.Element;
+
+export declare function DropdownMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof Menu.Separator>): JSX_2.Element;
+
+export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX_2.Element;
+
+export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof Menu.SubmenuRoot>): JSX_2.Element;
+
+export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof Menu.Popup>): JSX_2.Element;
+
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof Menu.SubmenuTrigger> & {
+    inset?: boolean;
+}): JSX_2.Element;
+
+export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Form provider component.
+ * Wraps form components and provides form context via react-hook-form.
+ *
+ * @example
+ * ```tsx
+ * <Form {...form}>
+ *   <FormField name="email" control={form.control} />
+ * </Form>
+ * ```
+ */
+export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
+
+/**
+ * Base form component that wraps react-hook-form and shadcn/ui Form.
+ * Handles form submission and provides form context to child components.
+ */
+export declare function FormBase<T extends FieldValues>({ form, onSubmit, children, className, }: FormBaseProps<T>): JSX_2.Element;
+
+declare interface FormBaseProps<T extends FieldValues> {
+    /** React Hook Form instance */
+    form: UseFormReturn<T>;
+    /** Form submission handler */
+    onSubmit: (data: T) => void;
+    /** Form content */
+    children: ReactNode;
+    /** Additional CSS classes for the form */
+    className?: string;
+}
+
+export declare function FormControl({ children, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function FormDescription({ className, ...props }: React_2.ComponentProps<"p">): JSX_2.Element;
+
+/**
+ * Form field component that handles field validation, error states, and layout.
+ * Supports both direct children and render prop patterns.
+ */
+export declare function FormField<T extends FieldValues>({ name, label, description, showMessage, showError, children, form, className, }: FormFieldProps<T>): JSX_2.Element;
+
+declare interface FormFieldProps<T extends FieldValues> {
+    /** Field name (must match form values type) */
+    name: Path<T>;
+    /** Field label text */
+    label?: string;
+    /** Field description text */
+    description?: string;
+    /** Whether to show validation messages */
+    showMessage?: boolean;
+    /** Whether to show error styling */
+    showError?: boolean;
+    /** Field input component or render function */
+    children: ReactElement | ((field: ControllerRenderProps<T, Path<T>>) => ReactElement);
+    /** React Hook Form instance */
+    form: UseFormReturn<T>;
+    /** Additional CSS classes for the field container */
+    className?: string;
+}
+
+/**
+ * Form footer component for consistent button layout and spacing.
+ * Typically used to group submit/cancel buttons.
+ */
+export declare function FormFooter({ children, className }: FormFooterProps): JSX_2.Element;
+
+declare interface FormFooterProps {
+    /** Footer content (usually buttons) */
+    children: ReactNode;
+    /** Additional CSS classes for the footer */
+    className?: string;
+}
+
+export declare function FormItem({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function FormLabel({ className, ...props }: React_2.LabelHTMLAttributes<HTMLLabelElement>): JSX_2.Element;
+
+export declare function FormMessage({ className, ...props }: React_2.ComponentProps<"p">): JSX_2.Element | null;
+
+declare interface ICustomSelectProps {
+    /** Select type variant (affects styling) */
+    type?: "auth" | "others";
+    /** Minimum width of the select trigger in pixels */
+    width?: number;
+    /** Default selected value */
+    defaultValue?: string;
+    /** Placeholder text when no value is selected */
+    placeholder: string;
+    /** Array of selectable items */
+    items: {
+        value: string;
+        label: string;
+    }[];
+    /** Controlled selected value */
+    value?: string;
+    /** Callback when selection changes */
+    onChange?: (value: string) => void;
+    /** Custom renderer for the selected item */
+    selectedItemRenderer?: (value: string) => React_2.ReactNode;
+    /** Custom options to replace default items */
+    customOptions?: React_2.ReactNode;
+    /** Label text for the select group */
+    label?: string;
+    /** Whether to show loading state */
+    isLoading?: boolean;
+    /** Additional CSS classes for the trigger element */
+    triggerClassName?: string;
+    /** Additional CSS classes for the content element */
+    contentClassName?: string;
+    /** Additional CSS classes for the item elements */
+    itemClassName?: string;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+}
+
+/**
+ * Input component for text, email, password, and other input types.
+ * Supports all standard input HTML attributes with consistent styling.
+ *
+ * @param props - Input component props (extends React.ComponentProps<"input">)
+ * @param props.className - Additional CSS classes
+ * @param props.type - Input type (text, email, password, number, etc.)
+ * @returns Input element
+ *
+ * @example
+ * ```tsx
+ * <Input type="email" placeholder="Enter your email" />
+ * <Input type="password" placeholder="Password" />
+ * ```
+ */
+export declare const Input: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+
+declare interface IPopoverControlledProps {
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Children using BasePopoverTrigger and BasePopoverContent */
+    children: React_2.ReactNode;
+    /** Simple trigger prop (for backward compatibility) */
+    trigger?: never;
+    /** Simple content prop (for backward compatibility) */
+    content?: never;
+}
+
+declare interface IPopoverSimpleProps {
+    /** The trigger element that opens the popover (usually a button) */
+    trigger: React_2.ReactNode;
+    /** The content to display in the popover */
+    content: React_2.ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+}
+
+/**
+ * Tab configuration interface.
+ */
+export declare interface ITabProps {
+    /** Tab value identifier */
+    value: "profile" | "payout" | "settings" | "support";
+    /** Optional image source URL for the tab icon */
+    image?: string;
+    /** Display name for the tab */
+    name: string;
+    /** Content element to display when tab is active */
+    element: React.ReactNode;
+}
+
+/**
+ * Label component for form inputs.
+ * Provides accessible labeling with proper association to form controls.
+ *
+ * @param props - Label component props (extends React.LabelHTMLAttributes<HTMLLabelElement>)
+ * @param props.className - Additional CSS classes
+ * @param props.htmlFor - ID of the associated form control
+ * @returns Label element
+ *
+ * @example
+ * ```tsx
+ * <Label htmlFor="email">Email Address</Label>
+ * <Input id="email" type="email" />
+ * ```
+ */
+export declare const Label: React_2.ForwardRefExoticComponent<React_2.LabelHTMLAttributes<HTMLLabelElement> & React_2.RefAttributes<HTMLLabelElement>>;
+
+/**
+ * Popover root component.
+ * Controls the open/closed state of the popover.
+ *
+ * @param props - Popover props (extends React.ComponentProps<typeof Popover.Root>)
+ * @returns Popover root element
+ */
+export declare function Popover({ ...props }: React_2.ComponentProps<typeof Popover_2.Root>): JSX_2.Element;
+
+/**
+ * Popover content component.
+ * The floating content that appears when the popover is open.
+ *
+ * @param props - PopoverContent props (extends React.ComponentProps<typeof Popover.Popup>)
+ * @param props.className - Additional CSS classes
+ * @param props.align - Alignment relative to trigger (default: "center")
+ * @param props.sideOffset - Distance from trigger in pixels (default: 4)
+ * @returns Popover content element
+ */
+export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof Popover_2.Popup> & {
+    align?: "center" | "start" | "end";
+    sideOffset?: number;
+}): JSX_2.Element;
+
+/**
+ * Popover trigger component.
+ * Element that opens the popover when clicked.
+ *
+ * @param props - PopoverTrigger props (extends React.ComponentProps<typeof Popover.Trigger>)
+ * @returns Popover trigger element
+ */
+export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<Omit<NativeButtonProps & Omit<WithBaseUIEvent<Omit<React_2.DetailedHTMLProps<React_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+ref?: ((instance: HTMLButtonElement | null) => void | React_2.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React_2.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React_2.RefObject<HTMLButtonElement> | null | undefined;
+}>, "className" | "defaultChecked" | "defaultValue" | "color"> & {
+    className?: string | ((state: PopoverTriggerState) => string | undefined) | undefined;
+    render?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps<any>, PopoverTriggerState> | undefined;
+    style?: React_2.CSSProperties | ((state: PopoverTriggerState) => React_2.CSSProperties | undefined) | undefined;
+} & {
+    nativeButton?: boolean;
+    handle?: Popover_2.Handle<unknown> | undefined;
+    payload?: unknown;
+    id?: string;
+    openOnHover?: boolean;
+    delay?: number;
+    closeDelay?: number;
+} & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Progress root component.
+ * Groups all parts of the progress bar and provides task completion status.
+ *
+ * @param props - Progress props (extends React.ComponentProps<typeof Progress.Root>)
+ * @param props.value - Current value (0-100) or null for indeterminate
+ * @param props.min - Minimum value (default: 0)
+ * @param props.max - Maximum value (default: 100)
+ * @returns Progress root element
+ */
+export declare function Progress({ className, ...props }: React_2.ComponentProps<typeof Progress_2.Root>): JSX_2.Element;
+
+/**
+ * Progress indicator component.
+ * Visualizes the completion status of the task.
+ *
+ * @param props - ProgressIndicator props (extends React.ComponentProps<typeof Progress.Indicator>)
+ * @param props.className - Additional CSS classes
+ * @returns Progress indicator element
+ */
+export declare function ProgressIndicator({ className, ...props }: React_2.ComponentProps<typeof Progress_2.Indicator>): JSX_2.Element;
+
+/**
+ * Progress label component.
+ * An accessible label for the progress bar.
+ *
+ * @param props - ProgressLabel props (extends React.ComponentProps<typeof Progress.Label>)
+ * @param props.className - Additional CSS classes
+ * @returns Progress label element
+ */
+export declare function ProgressLabel({ className, ...props }: React_2.ComponentProps<typeof Progress_2.Label>): JSX_2.Element;
+
+/**
+ * Progress track component.
+ * Contains the progress bar indicator.
+ *
+ * @param props - ProgressTrack props (extends React.ComponentProps<typeof Progress.Track>)
+ * @param props.className - Additional CSS classes
+ * @returns Progress track element
+ */
+export declare function ProgressTrack({ className, ...props }: React_2.ComponentProps<typeof Progress_2.Track>): JSX_2.Element;
+
+/**
+ * Progress value component.
+ * A text label displaying the current value.
+ *
+ * @param props - ProgressValue props (extends React.ComponentProps<typeof Progress.Value>)
+ * @param props.className - Additional CSS classes
+ * @param props.children - Custom render function for formatted value
+ * @returns Progress value element
+ */
+export declare function ProgressValue({ className, ...props }: React_2.ComponentProps<typeof Progress_2.Value>): JSX_2.Element;
+
+/**
+ * Select root component.
+ * Controls the open/closed state and value of the select.
+ *
+ * @param props - Select props (extends React.ComponentProps<typeof Select.Root>)
+ * @param props.value - Controlled selected value
+ * @param props.defaultValue - Uncontrolled default value
+ * @param props.onValueChange - Callback when value changes
+ * @returns Select root element
+ */
+export declare function Select({ ...props }: React_2.ComponentProps<typeof Select_2.Root>): JSX_2.Element;
+
+/**
+ * Select content component.
+ * The dropdown menu containing selectable items.
+ *
+ * @param props - SelectContent props
+ * @param props.className - Additional CSS classes
+ * @param props.position - Positioning strategy ("popper" | "item-aligned")
+ * @param props.children - Select items and groups
+ * @returns Select content element
+ */
+export declare function SelectContent({ className, children, position, sideOffset, align, side, ...props }: React_2.ComponentProps<typeof Select_2.Popup> & {
+    position?: "popper" | "item-aligned";
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+}): JSX_2.Element;
+
+export declare function SelectGroup({ ...props }: React_2.ComponentProps<typeof Select_2.Group>): JSX_2.Element;
+
+/**
+ * Select item component.
+ * Individual selectable option in the dropdown.
+ *
+ * @param props - SelectItem props
+ * @param props.className - Additional CSS classes
+ * @param props.value - Item value
+ * @param props.children - Item label/content
+ * @returns Select item element
+ */
+export declare function SelectItem({ className, children, ...props }: React_2.ComponentProps<typeof Select_2.Item>): JSX_2.Element;
+
+export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof Select_2.GroupLabel>): JSX_2.Element;
+
+export declare function SelectScrollDownButton({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function SelectScrollUpButton({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof Select_2.Separator>): JSX_2.Element;
+
+/**
+ * Select trigger component.
+ * The button that opens the select dropdown.
+ *
+ * @param props - SelectTrigger props
+ * @param props.className - Additional CSS classes
+ * @param props.size - Size variant ("sm" | "default")
+ * @param props.children - Usually SelectValue component
+ * @returns Select trigger element
+ */
+export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<Omit<SelectTriggerProps, "ref"> & React_2.RefAttributes<HTMLButtonElement> & {
+    size?: "sm" | "default";
+}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof Select_2.Value>): JSX_2.Element;
+
+/**
+ * Sheet root component.
+ * Controls the open/closed state of the sheet.
+ *
+ * @param props - Sheet props (extends React.ComponentProps<typeof Dialog.Root>)
+ * @param props.open - Controlled open state
+ * @param props.defaultOpen - Uncontrolled default open state
+ * @param props.onOpenChange - Callback when open state changes
+ * @returns Sheet root element
+ */
+export declare function Sheet({ ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX_2.Element;
+
+export declare function SheetClose({ ...props }: React_2.ComponentProps<typeof Dialog_2.Close>): JSX_2.Element;
+
+/**
+ * Sheet content component.
+ * The sliding panel content that appears from the specified side.
+ *
+ * @param props - SheetContent props
+ * @param props.className - Additional CSS classes
+ * @param props.side - Side from which sheet slides in (default: "right")
+ * @param props.children - Sheet content
+ * @returns Sheet content element
+ */
+export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof Dialog_2.Popup> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): JSX_2.Element;
+
+export declare const SheetDescription: React_2.ForwardRefExoticComponent<Omit<Omit<DialogDescriptionProps, "ref"> & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<Omit<DialogTitleProps, "ref"> & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+
+export declare const SheetTrigger: React_2.ForwardRefExoticComponent<Omit<DialogTriggerProps<unknown> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+declare type SideDrawerVariantProps = VariantProps<typeof sideDrawerVariants>;
+
+/** Side drawer variant styles using class-variance-authority */
+declare const sideDrawerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/** Available modal size options */
+declare const sizeClasses: {
+    /** Small modal */
+    small: string;
+    /** Large modal */
+    large: string;
+    /** Full height modal with vertical scrolling */
+    full: string;
+};
+
+/**
+ * Slider root component.
+ * Controls the value and behavior of the slider.
+ *
+ * @param props - Slider props (extends React.ComponentProps<typeof Slider.Root>)
+ * @param props.value - Controlled value (number or [number, number] for range)
+ * @param props.defaultValue - Uncontrolled default value
+ * @param props.onValueChange - Callback when value changes
+ * @param props.min - Minimum value (default: 0)
+ * @param props.max - Maximum value (default: 100)
+ * @param props.step - Step increment (default: 1)
+ * @param props.disabled - Whether slider is disabled
+ * @returns Slider root element
+ */
+export declare function Slider({ ...props }: React_2.ComponentProps<typeof Slider_2.Root>): JSX_2.Element;
+
+/**
+ * Slider control component.
+ * The clickable, interactive part of the slider.
+ *
+ * @param props - SliderControl props (extends React.ComponentProps<typeof Slider.Control>)
+ * @param props.className - Additional CSS classes
+ * @returns Slider control element
+ */
+export declare function SliderControl({ className, ...props }: React_2.ComponentProps<typeof Slider_2.Control>): JSX_2.Element;
+
+/**
+ * Slider indicator component.
+ * Visualizes the current value of the slider.
+ *
+ * @param props - SliderIndicator props (extends React.ComponentProps<typeof Slider.Indicator>)
+ * @param props.className - Additional CSS classes
+ * @returns Slider indicator element
+ */
+export declare function SliderIndicator({ className, ...props }: React_2.ComponentProps<typeof Slider_2.Indicator>): JSX_2.Element;
+
+/**
+ * Slider thumb component.
+ * The draggable part of the slider.
+ *
+ * @param props - SliderThumb props (extends React.ComponentProps<typeof Slider.Thumb>)
+ * @param props.className - Additional CSS classes
+ * @param props.aria-label - Accessible label for the thumb
+ * @returns Slider thumb element
+ */
+export declare const SliderThumb: React_2.ForwardRefExoticComponent<Omit<Omit<SliderThumbProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Slider track component.
+ * Contains the slider indicator and represents the entire range.
+ *
+ * @param props - SliderTrack props (extends React.ComponentProps<typeof Slider.Track>)
+ * @param props.className - Additional CSS classes
+ * @returns Slider track element
+ */
+export declare function SliderTrack({ className, ...props }: React_2.ComponentProps<typeof Slider_2.Track>): JSX_2.Element;
+
+/**
+ * Slider value component.
+ * Displays the current value of the slider as text.
+ *
+ * @param props - SliderValue props (extends React.ComponentProps<typeof Slider.Value>)
+ * @param props.className - Additional CSS classes
+ * @param props.children - Custom render function for formatted value
+ * @returns Slider value element
+ */
+export declare function SliderValue({ className, ...props }: React_2.ComponentProps<typeof Slider_2.Value>): JSX_2.Element;
+
+/**
+ * Switch component for toggle input.
+ * Provides accessible switch/toggle functionality with smooth animations.
+ *
+ * @param props - Switch component props (extends React.ComponentProps<typeof SwitchPrimitive.Root>)
+ * @param props.className - Additional CSS classes
+ * @param props.checked - Controlled checked state
+ * @param props.defaultChecked - Uncontrolled default checked state
+ * @param props.onCheckedChange - Callback when checked state changes
+ * @returns Switch element
+ *
+ * @example
+ * ```tsx
+ * <Switch checked={isEnabled} onCheckedChange={setIsEnabled} />
+ * <Switch defaultChecked />
+ * ```
+ */
+export declare const Switch: React_2.ForwardRefExoticComponent<Omit<Omit<SwitchRootProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Table component.
+ * Container for table elements with responsive overflow handling.
+ *
+ * @param props - Table props (extends React.ComponentProps<"table">)
+ * @param props.className - Additional CSS classes
+ * @returns Table element wrapped in responsive container
+ */
+export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX_2.Element;
+
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX_2.Element;
+
+export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX_2.Element;
+
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX_2.Element;
+
+export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX_2.Element;
+
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX_2.Element;
+
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX_2.Element;
+
+export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX_2.Element;
+
+/**
+ * Tabs root component.
+ * Container for tab triggers and content panels.
+ *
+ * @param props - Tabs props (extends React.ComponentProps<typeof Tabs.Root>)
+ * @param props.className - Additional CSS classes
+ * @param props.value - Controlled active tab value
+ * @param props.defaultValue - Uncontrolled default active tab
+ * @param props.onValueChange - Callback when active tab changes
+ * @returns Tabs root element
+ */
+export declare const Tabs: React_2.ForwardRefExoticComponent<Omit<Omit<TabsRootProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<Omit<TabsPanelProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<Omit<TabsListProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<Omit<TabsTabProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Textarea component for multi-line text input.
+ * Supports all standard textarea HTML attributes with consistent styling.
+ *
+ * @param props - Textarea component props (extends React.ComponentProps<"textarea">)
+ * @param props.className - Additional CSS classes
+ * @returns Textarea element
+ *
+ * @example
+ * ```tsx
+ * <Textarea placeholder="Enter your message" rows={4} />
+ * ```
+ */
+export declare const Textarea: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React_2.RefAttributes<HTMLTextAreaElement>>;
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
+/**
+ * Time picker component for selecting hours and minutes.
+ * Supports both 12-hour (AM/PM) and 24-hour formats.
+ *
+ * @param props - TimePicker props
+ * @param props.value - Selected time (Date object)
+ * @param props.onChange - Callback when time changes
+ * @param props.use12Hour - Use 12-hour format with AM/PM (default: false)
+ * @param props.className - Additional CSS classes
+ * @param props.disabled - Whether time picker is disabled
+ * @returns Time picker component
+ *
+ * @example
+ * ```tsx
+ * <TimePicker value={time} onChange={setTime} />
+ * <TimePicker value={time} onChange={setTime} use12Hour />
+ * ```
+ */
+export declare function TimePicker({ value, onChange, use12Hour, className, disabled, }: TimePickerProps): JSX_2.Element;
+
+/**
+ * Time picker component props.
+ */
+declare interface TimePickerProps {
+    /** Selected time value (Date object with time) */
+    value?: Date;
+    /** Callback when time changes */
+    onChange?: (time: Date | undefined) => void;
+    /** Whether to use 12-hour format (AM/PM) */
+    use12Hour?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether the time picker is disabled */
+    disabled?: boolean;
+}
+
+/**
+ * Toaster component for displaying toast notifications.
+ * Integrates with next-themes for theme-aware styling.
+ *
+ * @param props - Toaster props (extends ToasterProps from sonner)
+ * @param props.position - Toast position (default: "bottom-right")
+ * @param props.richColors - Enable rich color variants
+ * @returns Toaster element
+ *
+ * @example
+ * ```tsx
+ * <Toaster position="top-right" />
+ * ```
+ */
+export declare const Toaster: ({ ...props }: ToasterProps) => JSX_2.Element;
+
+/**
+ * Tooltip root component.
+ * Controls the open/closed state of the tooltip.
+ *
+ * @param props - Tooltip props (extends React.ComponentProps<typeof Tooltip.Root>)
+ * @param props.open - Controlled open state
+ * @param props.defaultOpen - Uncontrolled default open state
+ * @param props.onOpenChange - Callback when open state changes
+ * @returns Tooltip root element
+ */
+export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof Tooltip_2.Root>): JSX_2.Element;
+
+/**
+ * Tooltip content component.
+ * The floating tooltip text that appears on hover.
+ *
+ * @param props - TooltipContent props
+ * @param props.className - Additional CSS classes
+ * @param props.sideOffset - Distance from trigger in pixels (default: 8)
+ * @param props.side - Position of tooltip relative to trigger
+ * @param props.align - Horizontal alignment of tooltip
+ * @param props.children - Tooltip text content
+ * @returns Tooltip content element
+ */
+export declare function TooltipContent({ className, sideOffset, side, align, children, ...props }: React_2.ComponentProps<typeof Tooltip_2.Popup> & {
+    sideOffset?: number;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+}): JSX_2.Element;
+
+/**
+ * Tooltip provider component.
+ * Provides tooltip context and configuration.
+ *
+ * @param props - TooltipProvider props
+ * @param props.delay - Delay before showing tooltip in ms (default: 300)
+ * @returns Tooltip provider element
+ */
+export declare function TooltipProvider({ delay, ...props }: React_2.ComponentProps<typeof Tooltip_2.Provider>): JSX_2.Element;
+
+export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<Omit<Tooltip_2.Trigger.Props<unknown> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+declare type UseCarouselParameters = Parameters<typeof default_2>;
+
+export declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+
+export { }