@7onic-ui/react 0.3.8 → 0.3.10

package/dist/index.d.mts

@@ -1,1535 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { VariantProps } from 'class-variance-authority';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-
-declare const accordionVariants: (props?: ({
-    variant?: "default" | "bordered" | "splitted" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
-    type?: 'single' | 'multiple';
-    variant?: 'default' | 'bordered' | 'splitted';
-    size?: 'sm' | 'default' | 'lg';
-    iconPosition?: 'left' | 'right';
-    collapsible?: boolean;
-    defaultValue?: string | string[];
-    value?: string | string[];
-    onValueChange?: ((value: string) => void) | ((value: string[]) => void);
-    disabled?: boolean;
-}
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-declare const accordionItemVariants: (props?: ({
-    variant?: "default" | "bordered" | "splitted" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>, Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {
-}
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
-declare const accordionTriggerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    iconPosition?: "left" | "right" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
-    /** Custom indicator icon (replaces default chevron) */
-    icon?: React.ReactNode;
-}
-declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
-}
-declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const breadcrumbSizeMap: {
-    readonly sm: {
-        readonly text: "text-xs";
-        readonly icon: "icon-xs";
-        readonly gap: "gap-1.5";
-    };
-    readonly default: {
-        readonly text: "text-sm";
-        readonly icon: "icon-xs";
-        readonly gap: "gap-2";
-    };
-    readonly lg: {
-        readonly text: "text-md";
-        readonly icon: "icon-sm";
-        readonly gap: "gap-2";
-    };
-};
-interface BreadcrumbProps extends React.ComponentPropsWithoutRef<'nav'> {
-    /** Separator element between items */
-    separator?: React.ReactNode;
-    /** Size of the breadcrumb */
-    size?: 'sm' | 'default' | 'lg';
-    /** Max items before collapsing (undefined = no collapse) */
-    maxItems?: number;
-    /** Items visible before the ellipsis when collapsed */
-    itemsBeforeCollapse?: number;
-    /** Items visible after the ellipsis when collapsed */
-    itemsAfterCollapse?: number;
-}
-declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<'a'> {
-    /** Use Radix Slot to compose with custom link components */
-    asChild?: boolean;
-}
-declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-interface BreadcrumbEllipsisProps extends React.ComponentPropsWithoutRef<'span'> {
-}
-declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<BreadcrumbEllipsisProps & React.RefAttributes<HTMLSpanElement>>;
-
-declare const dividerVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    variant?: "solid" | "dashed" | "dotted" | null | undefined;
-    color?: "default" | "strong" | "muted" | null | undefined;
-    spacing?: "default" | "sm" | "lg" | "md" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface DividerProps extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'children' | 'color' | 'orientation'> {
-    /** Direction of the divider */
-    orientation?: 'horizontal' | 'vertical';
-    /** Line style */
-    variant?: 'solid' | 'dashed' | 'dotted';
-    /** Line color intensity */
-    color?: 'default' | 'muted' | 'strong';
-    /** Spacing around the divider */
-    spacing?: 'sm' | 'md' | 'default' | 'lg';
-    /** Content to display on the divider line (horizontal only) */
-    label?: React.ReactNode;
-    /** Label position along the line */
-    labelPosition?: 'left' | 'center' | 'right';
-}
-declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const solidColorMap: {
-    readonly default: "bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80";
-    readonly primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active";
-    readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover active:bg-secondary-active";
-    readonly destructive: "bg-error text-error-foreground hover:bg-error-hover active:bg-error-active";
-};
-type ButtonColor = keyof typeof solidColorMap;
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "solid" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "md" | "xs" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    /** Solid variant color */
-    color?: ButtonColor;
-    asChild?: boolean;
-    loading?: boolean;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    selected?: boolean;
-    fontWeight?: 'normal' | 'semibold';
-    pressEffect?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const iconButtonVariants: (props?: ({
-    variant?: "solid" | "outline" | "ghost" | "subtle" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | "xs" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
-    /** Solid variant color */
-    color?: ButtonColor;
-    asChild?: boolean;
-    loading?: boolean;
-    pressEffect?: boolean;
-}
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-type ButtonGroupContextValue = {
-    variant?: 'outline' | 'ghost';
-    size?: 'xs' | 'sm' | 'md' | 'default' | 'lg';
-    radius?: 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
-    fontWeight?: 'normal' | 'semibold';
-    disabled?: boolean;
-};
-declare function useButtonGroup(): ButtonGroupContextValue | null;
-interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    orientation?: 'horizontal' | 'vertical';
-    attached?: boolean;
-    variant?: 'outline' | 'ghost';
-    size?: 'xs' | 'sm' | 'md' | 'default' | 'lg';
-    radius?: 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
-    fontWeight?: 'normal' | 'semibold';
-    disabled?: boolean;
-}
-declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | "ghost" | "outline-ghost" | null | undefined;
-    fontWeight?: "normal" | "semibold" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | "xs" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, Omit<VariantProps<typeof toggleVariants>, 'fontWeight'> {
-    iconOnly?: boolean;
-    fontWeight?: 'normal' | 'semibold';
-    pressEffect?: boolean;
-}
-declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const toggleGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const toggleGroupItemVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    fontWeight?: "normal" | "semibold" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | "xs" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ToggleGroupSingleProps = {
-    type: 'single';
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-};
-type ToggleGroupMultipleProps = {
-    type: 'multiple';
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
-};
-type ToggleGroupBaseProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> & {
-    disabled?: boolean;
-    rovingFocus?: boolean;
-    orientation?: 'horizontal' | 'vertical';
-    dir?: 'ltr' | 'rtl';
-    loop?: boolean;
-    children?: React.ReactNode;
-};
-type ToggleGroupProps = ToggleGroupBaseProps & VariantProps<typeof toggleGroupVariants> & VariantProps<typeof toggleGroupItemVariants> & (ToggleGroupSingleProps | ToggleGroupMultipleProps);
-declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
-interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>, Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {
-    fontWeight?: 'normal' | 'semibold';
-}
-declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const segmentedVariants: (props?: ({
-    variant?: "default" | "outline" | "ghost" | "underline" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-    fontWeight?: "normal" | "semibold" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const segmentedItemVariants: (props?: ({
-    variant?: "default" | "outline" | "ghost" | "underline" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-    contentType?: "text" | "icon" | "icon-text" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SegmentedProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, VariantProps<typeof segmentedVariants> {
-}
-declare const Segmented: React.ForwardRefExoticComponent<SegmentedProps & React.RefAttributes<HTMLDivElement>>;
-interface SegmentedItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, Omit<VariantProps<typeof segmentedItemVariants>, 'variant'> {
-}
-declare const SegmentedItem: React.ForwardRefExoticComponent<SegmentedItemProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const inputVariants: (props?: ({
-    variant?: "default" | "filled" | null | undefined;
-    focusRing?: boolean | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-    state?: "default" | "error" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    error?: boolean;
-    focusRing?: boolean;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-
-declare const textareaVariants: (props?: ({
-    variant?: "default" | "filled" | null | undefined;
-    focusRing?: boolean | null | undefined;
-    size?: "default" | "compact" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
-    state?: "default" | "error" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
-    error?: boolean;
-    focusRing?: boolean;
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-
-interface FieldContextValue {
-    id: string;
-    error?: boolean;
-    disabled?: boolean;
-}
-declare function useFieldContext(): FieldContextValue | null;
-declare const fieldVariants: (props?: ({
-    gap?: "default" | "sm" | "lg" | "none" | "xs" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface FieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof fieldVariants> {
-    error?: boolean;
-    disabled?: boolean;
-}
-declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;
-interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    required?: boolean;
-}
-declare const FieldLabel: React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
-declare const FieldError: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FieldCharCount: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-
-declare const checkboxColorMap: {
-    readonly default: "data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background";
-    readonly primary: "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground";
-};
-type CheckboxColor = keyof typeof checkboxColorMap;
-declare const checkboxVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    radius?: "sm" | "none" | "md" | null | undefined;
-    weight?: "bold" | "thin" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'children'>, VariantProps<typeof checkboxVariants> {
-    /** Checked state color */
-    color?: CheckboxColor;
-    label?: string;
-    radius?: 'none' | 'sm' | 'md';
-}
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const radioColorMap: {
-    readonly default: {
-        readonly border: "data-[state=checked]:border-foreground";
-        readonly dot: "bg-foreground";
-    };
-    readonly primary: {
-        readonly border: "data-[state=checked]:border-primary";
-        readonly dot: "bg-primary";
-    };
-};
-type RadioColor = keyof typeof radioColorMap;
-declare const radioGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
-    size?: 'sm' | 'default' | 'lg';
-    weight?: 'thin' | 'bold';
-    /** Checked state color */
-    color?: RadioColor;
-}
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const radioItemVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    weight?: "bold" | "thin" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
-    label?: string;
-}
-declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const switchVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type SwitchLabelPosition = 'start' | 'end' | 'top' | 'bottom';
-type SwitchColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
-interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchVariants> {
-    label?: string;
-    labelPosition?: SwitchLabelPosition;
-    startLabel?: string;
-    endLabel?: string;
-    checkedIcon?: React.ReactNode;
-    uncheckedIcon?: React.ReactNode;
-    color?: SwitchColor;
-}
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const sliderVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const sliderColorMap: {
-    readonly default: {
-        readonly range: "bg-foreground";
-        readonly thumb: "bg-background border-foreground";
-        readonly thumbHover: "hover:shadow-[0_0_0_4px_color-mix(in_srgb,var(--color-text)_16%,transparent)] hover:border-foreground";
-        readonly thumbActive: "active:shadow-[0_0_0_6px_color-mix(in_srgb,var(--color-text)_16%,transparent)]";
-    };
-    readonly primary: {
-        readonly range: "bg-primary";
-        readonly thumb: "bg-primary-foreground border-primary";
-        readonly thumbHover: "hover:shadow-primary-glow hover:border-primary-hover";
-        readonly thumbActive: "active:shadow-[0_0_0_6px_color-mix(in_srgb,var(--color-primary)_16%,transparent)]";
-    };
-};
-type SliderColor = keyof typeof sliderColorMap;
-interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, VariantProps<typeof sliderVariants> {
-    /** Track and thumb color */
-    color?: SliderColor;
-    /** Tooltip display mode: auto (hover/drag), always, never */
-    showTooltip?: 'auto' | 'always' | 'never';
-    /** Custom formatter for tooltip value */
-    formatLabel?: (value: number) => string;
-    /** Content to display before the slider (icon, label, etc.) */
-    startContent?: React.ReactNode;
-    /** Content to display after the slider */
-    endContent?: React.ReactNode;
-}
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
-
-type DropdownMenuRadius = 'md' | 'lg' | 'xl';
-type DropdownMenuSize = 'sm' | 'md' | 'lg';
-declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    radius?: DropdownMenuRadius;
-    flush?: boolean;
-    size?: DropdownMenuSize;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
-declare namespace DropdownMenuShortcut {
-    var displayName: string;
-}
-
-type SelectRadius = 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
-type SelectSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
-declare const Select: ({ size, radius, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & {
-    size?: SelectSize;
-    radius?: SelectRadius;
-}) => React.JSX.Element;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    flush?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare const avatarVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
-    shape?: "circle" | "square" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const avatarColors: readonly [{
-    readonly vivid: {
-        readonly bg: "bg-[#DC2626]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#FEE2E2]";
-        readonly text: "text-[#DC2626]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#EA580C]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#FFEDD5]";
-        readonly text: "text-[#EA580C]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#D97706]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#FEF3C7]";
-        readonly text: "text-[#B45309]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#CA8A04]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#FEF9C3]";
-        readonly text: "text-[#A16207]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#059669]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#D1FAE5]";
-        readonly text: "text-[#047857]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#0D9488]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#CCFBF1]";
-        readonly text: "text-[#0F766E]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#0891B2]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#CFFAFE]";
-        readonly text: "text-[#0E7490]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#2563EB]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#DBEAFE]";
-        readonly text: "text-[#1D4ED8]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#4F46E5]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#E0E7FF]";
-        readonly text: "text-[#4338CA]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#7C3AED]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#EDE9FE]";
-        readonly text: "text-[#6D28D9]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#9333EA]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#F3E8FF]";
-        readonly text: "text-[#7E22CE]";
-    };
-}, {
-    readonly vivid: {
-        readonly bg: "bg-[#DB2777]";
-        readonly text: "text-white";
-    };
-    readonly soft: {
-        readonly bg: "bg-[#FCE7F3]";
-        readonly text: "text-[#BE185D]";
-    };
-}];
-type AvatarColorVariant = 'vivid' | 'soft';
-/** Extract initials from a name string (e.g. "John Doe" → "JD", "김민수" → "김민") */
-declare function getAvatarInitials(name: string, maxChars?: number): string;
-/** Hash a name string to a deterministic avatar color pair (djb2 xor variant) */
-declare function getAvatarColor(name: string, variant?: AvatarColorVariant): {
-    readonly bg: "bg-[#DC2626]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#FEE2E2]";
-    readonly text: "text-[#DC2626]";
-} | {
-    readonly bg: "bg-[#EA580C]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#FFEDD5]";
-    readonly text: "text-[#EA580C]";
-} | {
-    readonly bg: "bg-[#D97706]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#FEF3C7]";
-    readonly text: "text-[#B45309]";
-} | {
-    readonly bg: "bg-[#CA8A04]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#FEF9C3]";
-    readonly text: "text-[#A16207]";
-} | {
-    readonly bg: "bg-[#059669]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#D1FAE5]";
-    readonly text: "text-[#047857]";
-} | {
-    readonly bg: "bg-[#0D9488]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#CCFBF1]";
-    readonly text: "text-[#0F766E]";
-} | {
-    readonly bg: "bg-[#0891B2]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#CFFAFE]";
-    readonly text: "text-[#0E7490]";
-} | {
-    readonly bg: "bg-[#2563EB]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#DBEAFE]";
-    readonly text: "text-[#1D4ED8]";
-} | {
-    readonly bg: "bg-[#4F46E5]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#E0E7FF]";
-    readonly text: "text-[#4338CA]";
-} | {
-    readonly bg: "bg-[#7C3AED]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#EDE9FE]";
-    readonly text: "text-[#6D28D9]";
-} | {
-    readonly bg: "bg-[#9333EA]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#F3E8FF]";
-    readonly text: "text-[#7E22CE]";
-} | {
-    readonly bg: "bg-[#DB2777]";
-    readonly text: "text-white";
-} | {
-    readonly bg: "bg-[#FCE7F3]";
-    readonly text: "text-[#BE185D]";
-};
-type AvatarSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl' | '2xl';
-type AvatarShape = 'circle' | 'square';
-type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
-interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
-    status?: AvatarStatus;
-}
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
-interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
-}
-declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
-interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {
-    size?: AvatarSize;
-    /** Shorthand: auto-generates initials + color from a name. Children override auto-initials. */
-    name?: string;
-    /** Pass a name/key to enable colorized mode. The string is hashed to pick a deterministic color. */
-    colorized?: string;
-    /** Color style: "vivid" (strong bg + white text) or "soft" (pastel bg + dark text). Default: "vivid" */
-    colorVariant?: AvatarColorVariant;
-}
-declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
-interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    max?: number;
-    size?: AvatarSize;
-    shape?: AvatarShape;
-}
-declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const metricCardVariants: (props?: ({
-    variant?: "default" | "ghost" | "elevated" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type MetricCardVariant = 'default' | 'elevated' | 'ghost';
-type MetricCardSize = 'sm' | 'default' | 'lg';
-type MetricCardRadius = 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
-type MetricCardTrendDirection = 'up' | 'down' | 'neutral';
-interface MetricCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof metricCardVariants> {
-    animated?: boolean;
-}
-declare const MetricCard: React.ForwardRefExoticComponent<MetricCardProps & React.RefAttributes<HTMLDivElement>>;
-interface MetricCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const MetricCardHeader: React.ForwardRefExoticComponent<MetricCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
-interface MetricCardTitleProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-declare const MetricCardTitle: React.ForwardRefExoticComponent<MetricCardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
-interface MetricCardValueProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-declare const MetricCardValue: React.ForwardRefExoticComponent<MetricCardValueProps & React.RefAttributes<HTMLParagraphElement>>;
-interface MetricCardTrendProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    direction: MetricCardTrendDirection;
-}
-declare const MetricCardTrend: React.ForwardRefExoticComponent<MetricCardTrendProps & React.RefAttributes<HTMLParagraphElement>>;
-interface MetricCardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-declare const MetricCardDescription: React.ForwardRefExoticComponent<MetricCardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-interface MetricCardSymbolProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const MetricCardSymbol: React.ForwardRefExoticComponent<MetricCardSymbolProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const badgeVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    radius?: "sm" | "lg" | "base" | "md" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type BadgeVariant = 'solid' | 'subtle' | 'outline';
-type BadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
-type BadgeSize = 'sm' | 'default' | 'lg';
-type BadgeRadius = 'sm' | 'base' | 'md' | 'lg' | 'full';
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
-    /** Visual style */
-    variant?: BadgeVariant;
-    /** Semantic color */
-    color?: BadgeColor;
-    /** Leading icon slot */
-    icon?: React.ReactNode;
-    /** Show a status dot before text */
-    dot?: boolean;
-    /** Show a remove button */
-    removable?: boolean;
-    /** Callback when remove button is clicked */
-    onRemove?: () => void;
-    /** Render as child element (Slot pattern) */
-    asChild?: boolean;
-}
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
-
-type CardSize = 'sm' | 'default' | 'lg';
-type CardDirection = 'vertical' | 'horizontal';
-declare const cardVariants: (props?: ({
-    variant?: "default" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-    radius?: "sm" | "lg" | "base" | "md" | "xl" | "2xl" | null | undefined;
-    direction?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type CardVariant = 'default' | 'outline' | 'ghost';
-type CardRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
-interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
-    /** Visual style */
-    variant?: CardVariant;
-    /** Content padding scale */
-    size?: CardSize;
-    /** Border radius */
-    radius?: CardRadius;
-    /** Layout direction */
-    direction?: CardDirection;
-    /** Enable hover effect for interactive cards */
-    interactive?: boolean;
-    /** Render as child element (Slot pattern) */
-    asChild?: boolean;
-}
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-interface CardImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    /** Gradient overlay on image */
-    overlay?: boolean;
-    /** Overlay opacity (10–90). Default: 60 */
-    overlayOpacity?: number;
-    /** Custom class for overlay gradient (overrides overlayOpacity) */
-    overlayClassName?: string;
-}
-declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLImageElement>>;
-interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
-interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    /** Leading icon */
-    icon?: React.ReactNode;
-}
-declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CardAction: React.ForwardRefExoticComponent<CardActionProps & React.RefAttributes<HTMLDivElement>>;
-interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
-interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
-
-type TableSize = 'sm' | 'default' | 'lg';
-type TableVariant = 'default' | 'bordered' | 'striped';
-declare const tableVariants: (props?: ({
-    variant?: "default" | "bordered" | "striped" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TableProps extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
-    /** Table density */
-    size?: TableSize;
-    /** Visual style */
-    variant?: TableVariant;
-    /** Sticky header when scrolling */
-    stickyHeader?: boolean;
-    /** Additional className for the scroll wrapper (e.g. max-h-[400px]) */
-    wrapperClassName?: string;
-}
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    /** Enable hover highlight */
-    interactive?: boolean;
-    /** Selected state background */
-    selected?: boolean;
-}
-declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-type SortDirection = 'asc' | 'desc' | null;
-interface SortIconSet {
-    /** Icon for ascending state */
-    asc?: React.ReactNode;
-    /** Icon for descending state */
-    desc?: React.ReactNode;
-    /** Icon for unsorted (default) state */
-    default?: React.ReactNode;
-}
-interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right';
-    /** Enable sort indicator */
-    sortable?: boolean;
-    /** Current sort direction */
-    sortDirection?: SortDirection;
-    /** Sort click handler */
-    onSort?: () => void;
-    /** Custom sort icons (overrides built-in icons) */
-    sortIcon?: SortIconSet;
-}
-declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
-interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right';
-}
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-
-declare const tabsListVariants: (props?: ({
-    variant?: "line" | "enclosed" | "pill" | null | undefined;
-    fitted?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
-    size?: 'sm' | 'md' | 'default' | 'lg';
-    /** Indicator color for line variant */
-    color?: 'default' | 'primary';
-    /** Top border-radius for enclosed variant, container radius for pill variant */
-    radius?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
-}
-declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
-declare const tabsTriggerVariants: (props?: ({
-    variant?: "line" | "enclosed" | "pill" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
-    fitted?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, Omit<VariantProps<typeof tabsTriggerVariants>, 'variant' | 'size' | 'fitted'> {
-}
-declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface TabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
-}
-declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
-
-type NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl';
-declare const navigationMenuSizeMap: {
-    readonly sm: {
-        readonly trigger: "h-8 text-sm px-3 gap-2";
-        readonly link: "h-8 text-sm px-3 gap-2";
-        readonly icon: "icon-xs";
-        readonly collapsedSquare: "size-8";
-        readonly collapsedWidth: 56;
-        readonly dropdownLink: "px-3 py-1.5 text-sm gap-2";
-        readonly subLink: "h-8 text-sm pl-8 pr-3 gap-2";
-        readonly groupLabel: "text-2xs px-3 mb-1";
-        readonly groupMargin: "mt-4 first:mt-0";
-    };
-    readonly md: {
-        readonly trigger: "h-9 text-md px-3.5 gap-2";
-        readonly link: "h-9 text-md px-3.5 gap-2";
-        readonly icon: "icon-sm";
-        readonly collapsedSquare: "size-9";
-        readonly collapsedWidth: 60;
-        readonly dropdownLink: "px-3 py-1.5 text-md gap-2";
-        readonly subLink: "h-9 text-md pl-9 pr-3.5 gap-2";
-        readonly groupLabel: "text-xs px-3.5 mb-1";
-        readonly groupMargin: "mt-4 first:mt-0";
-    };
-    readonly default: {
-        readonly trigger: "h-10 text-md px-4 gap-2";
-        readonly link: "h-10 text-md px-4 gap-2";
-        readonly icon: "icon-sm";
-        readonly collapsedSquare: "size-10";
-        readonly collapsedWidth: 64;
-        readonly dropdownLink: "px-3 py-2 text-md gap-2";
-        readonly subLink: "h-10 text-md pl-10 pr-4 gap-2";
-        readonly groupLabel: "text-xs px-4 mb-1.5";
-        readonly groupMargin: "mt-5 first:mt-0";
-    };
-    readonly lg: {
-        readonly trigger: "h-12 text-base px-6 gap-2";
-        readonly link: "h-12 text-base px-6 gap-2";
-        readonly icon: "icon-sm";
-        readonly collapsedSquare: "size-12";
-        readonly collapsedWidth: 72;
-        readonly dropdownLink: "px-3 py-2.5 text-base gap-2";
-        readonly subLink: "h-12 text-base pl-12 pr-6 gap-2";
-        readonly groupLabel: "text-xs px-4 mb-2";
-        readonly groupMargin: "mt-6 first:mt-0";
-    };
-};
-interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
-    /** Layout orientation */
-    orientation?: 'horizontal' | 'vertical';
-    /** Size of the menu items */
-    size?: 'sm' | 'md' | 'default' | 'lg';
-    /** Vertical only: show icons only (collapsed sidebar) */
-    collapsed?: boolean;
-    /** Vertical only: sidebar width (default: 256px / 16rem) */
-    width?: number | string;
-    /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */
-    collapsedWidth?: number | string;
-    /** Border radius for dropdown content and items */
-    radius?: NavigationMenuRadius;
-    /** Font weight for menu items (default: normal, active items always use semibold) */
-    fontWeight?: 'normal' | 'semibold';
-    /** Horizontal only: delay before hover opens in ms */
-    delayDuration?: number;
-    /** Horizontal only: skip delay when moving between triggers */
-    skipDelayDuration?: number;
-    /** Controlled active menu item value */
-    value?: string;
-    /** Default active menu item value (uncontrolled) */
-    defaultValue?: string;
-    /** Callback when active item changes */
-    onValueChange?: (value: string) => void;
-}
-declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLElement>>;
-interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {
-}
-declare const NavigationMenuList: React.ForwardRefExoticComponent<NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
-interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {
-    /** Value identifier for Radix (horizontal mode) */
-    value?: string;
-    /** Vertical only: default open state for sub-menu */
-    defaultOpen?: boolean;
-}
-declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
-interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Icon displayed before the label */
-    icon?: React.ReactNode;
-    /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */
-    chevronIcon?: React.ReactNode;
-}
-declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const NavigationMenuContent: React.ForwardRefExoticComponent<NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /** Whether the link represents the current page */
-    active?: boolean;
-    /** Compose with custom link component (Radix Slot) */
-    asChild?: boolean;
-    /** Icon displayed before the label */
-    icon?: React.ReactNode;
-}
-declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Group header label */
-    label?: string;
-}
-declare const NavigationMenuGroup: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Active indicator dot color (default: dark/foreground, primary: brand color) */
-    color?: 'default' | 'primary';
-}
-declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const NavigationMenuViewport: React.ForwardRefExoticComponent<NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
-
-type PaginationRange = (number | 'dots')[];
-interface UsePaginationProps {
-    /** Total number of pages */
-    total: number;
-    /** Number of siblings on each side of current page */
-    siblings?: number;
-    /** Number of boundary pages at start/end */
-    boundaries?: number;
-    /** Current active page (1-based) */
-    page: number;
-}
-declare function usePagination({ total, siblings, boundaries, page, }: UsePaginationProps): PaginationRange;
-type PaginationSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
-type PaginationVariant = 'default' | 'outline' | 'ghost';
-type PaginationColor = 'default' | 'primary';
-type PaginationRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | 'full';
-declare const paginationSizeMap: {
-    readonly xs: {
-        readonly item: "h-7 min-w-7 text-xs";
-        readonly icon: "icon-xs";
-        readonly gap: "gap-1";
-    };
-    readonly sm: {
-        readonly item: "h-8 min-w-8 text-sm";
-        readonly icon: "icon-xs";
-        readonly gap: "gap-1";
-    };
-    readonly default: {
-        readonly item: "h-9 min-w-9 text-md";
-        readonly icon: "icon-sm";
-        readonly gap: "gap-1";
-    };
-    readonly lg: {
-        readonly item: "h-10 min-w-10 text-md";
-        readonly icon: "icon-sm";
-        readonly gap: "gap-1.5";
-    };
-    readonly xl: {
-        readonly item: "h-12 min-w-12 text-base";
-        readonly icon: "icon-sm";
-        readonly gap: "gap-1.5";
-    };
-};
-declare const paginationItemVariants: (props?: ({
-    radius?: "sm" | "lg" | "base" | "md" | "xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface PaginationProps extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'> {
-    /** Total number of pages */
-    total?: number;
-    /** Controlled active page (1-based) */
-    value?: number;
-    /** Initial page for uncontrolled mode */
-    defaultValue?: number;
-    /** Page change callback */
-    onChange?: (page: number) => void;
-    /** Number of siblings on each side of current page */
-    siblings?: number;
-    /** Number of boundary pages at start/end */
-    boundaries?: number;
-    /** Component size */
-    size?: PaginationSize;
-    /** Visual variant */
-    variant?: PaginationVariant;
-    /** Active page color */
-    color?: PaginationColor;
-    /** Border radius */
-    radius?: PaginationRadius;
-    /** Disable all interactions */
-    disabled?: boolean;
-    /** Show previous/next controls */
-    withControls?: boolean;
-    /** Show first/last controls */
-    withEdges?: boolean;
-    /** Loop from last to first and vice versa */
-    loop?: boolean;
-}
-declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
-declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-interface PaginationLinkProps extends React.ComponentPropsWithoutRef<'button'> {
-    /** Page number this link navigates to */
-    page: number;
-    /** Whether this page is currently active (auto-detected from context if omitted) */
-    isActive?: boolean;
-}
-declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
-interface PaginationPreviousProps extends React.ComponentPropsWithoutRef<'button'> {
-    /** Custom icon */
-    icon?: React.ReactNode;
-}
-declare const PaginationPrevious: React.ForwardRefExoticComponent<PaginationPreviousProps & React.RefAttributes<HTMLButtonElement>>;
-interface PaginationNextProps extends React.ComponentPropsWithoutRef<'button'> {
-    /** Custom icon */
-    icon?: React.ReactNode;
-}
-declare const PaginationNext: React.ForwardRefExoticComponent<PaginationNextProps & React.RefAttributes<HTMLButtonElement>>;
-interface PaginationFirstProps extends React.ComponentPropsWithoutRef<'button'> {
-    /** Custom icon */
-    icon?: React.ReactNode;
-}
-declare const PaginationFirst: React.ForwardRefExoticComponent<PaginationFirstProps & React.RefAttributes<HTMLButtonElement>>;
-interface PaginationLastProps extends React.ComponentPropsWithoutRef<'button'> {
-    /** Custom icon */
-    icon?: React.ReactNode;
-}
-declare const PaginationLast: React.ForwardRefExoticComponent<PaginationLastProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PaginationEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const PaginationItems: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare function Modal(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): React.JSX.Element;
-declare const ModalTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const ModalPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const ModalClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const modalContentVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | "xs" | "xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ModalContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof modalContentVariants> {
-    /** Scroll behavior when content overflows */
-    scrollBehavior?: 'inside' | 'outside';
-    /** Show built-in close button */
-    showCloseButton?: boolean;
-    /** Custom close icon (replaces default X) */
-    closeIcon?: React.ReactNode;
-}
-declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const ModalHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const ModalBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ModalFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertModal: React.FC<AlertDialogPrimitive.AlertDialogProps>;
-declare const AlertModalTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertModalPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertModalOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const alertModalContentVariants: (props?: ({
-    size?: "sm" | "xs" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AlertModalContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>, VariantProps<typeof alertModalContentVariants> {
-}
-declare const AlertModalContent: React.ForwardRefExoticComponent<AlertModalContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const AlertModalHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertModalTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertModalDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertModalBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertModalFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertModalAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertModalCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
-type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-declare const drawerSizeHorizontal: (props?: ({
-    size?: "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const drawerSizeVertical: (props?: ({
-    size?: "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Drawer(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): React.JSX.Element;
-declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DrawerPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface DrawerContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'children'> {
-    /** Side from which the drawer slides in */
-    side?: DrawerSide;
-    /** Panel size (width for left/right, height for top/bottom) */
-    size?: DrawerSize;
-    /** Show built-in close button */
-    showCloseButton?: boolean;
-    /** Custom close icon (replaces default X) */
-    closeIcon?: React.ReactNode;
-    children?: React.ReactNode;
-}
-declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const DrawerBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-
-type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
-declare const tooltipContentVariants: (props?: ({
-    variant?: "default" | "inverted" | null | undefined;
-    size?: "default" | "sm" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-interface TooltipRootProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
-    /** Delay in ms before tooltip appears */
-    delayDuration?: number;
-}
-declare function Tooltip({ delayDuration, ...props }: TooltipRootProps): React.JSX.Element;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
-interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
-    /** Show arrow pointing to trigger */
-    showArrow?: boolean;
-}
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-
-type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
-declare const popoverContentVariants: (props?: ({
-    variant?: "default" | "elevated" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {
-}
-declare function Popover(props: PopoverRootProps): React.JSX.Element;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverPortal: React.FC<PopoverPrimitive.PopoverPortalProps>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
-interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, VariantProps<typeof popoverContentVariants> {
-    /** Show arrow pointing to trigger */
-    showArrow?: boolean;
-    /** Show built-in close button */
-    showClose?: boolean;
-    /** Custom close icon (replaces default X icon) */
-    closeIcon?: React.ReactNode;
-}
-declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-
-declare const alertVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    radius?: "sm" | "lg" | "base" | "none" | "md" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type AlertVariant = 'default' | 'outline' | 'filled';
-type AlertColor = 'info' | 'success' | 'warning' | 'error';
-type AlertSize = 'sm' | 'default' | 'lg';
-interface AlertRootProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
-    /** Visual style */
-    variant?: AlertVariant;
-    /** Semantic color (determines icon, colors, and ARIA role) */
-    color?: AlertColor;
-    /** Size */
-    size?: AlertSize;
-    /** Closable — shows close button */
-    closable?: boolean;
-    /** Close callback */
-    onClose?: () => void;
-    /** Custom close icon */
-    closeIcon?: React.ReactNode;
-    /** Custom status icon (overrides default) */
-    icon?: React.ReactNode;
-    /** Hide the status icon entirely */
-    hideIcon?: boolean;
-}
-declare const Alert: React.ForwardRefExoticComponent<AlertRootProps & React.RefAttributes<HTMLDivElement>>;
-interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-}
-declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-
-declare const toastVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading';
-type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-type ToastSize = 'sm' | 'default' | 'lg';
-interface ToastAction {
-    label: string;
-    onClick: () => void;
-}
-interface ToastData {
-    id: string;
-    type: ToastType;
-    message: React.ReactNode;
-    description?: React.ReactNode;
-    duration?: number;
-    dismissible?: boolean;
-    closeButton?: boolean;
-    icon?: React.ReactNode;
-    action?: ToastAction;
-    cancel?: ToastAction;
-    onDismiss?: (toast: ToastData) => void;
-    onAutoClose?: (toast: ToastData) => void;
-    className?: string;
-    /** Promise state — managed internally */
-    _promiseState?: 'loading' | 'success' | 'error';
-}
-interface ToastOptions {
-    id?: string;
-    description?: React.ReactNode;
-    duration?: number;
-    dismissible?: boolean;
-    closeButton?: boolean;
-    icon?: React.ReactNode;
-    action?: ToastAction;
-    cancel?: ToastAction;
-    onDismiss?: (toast: ToastData) => void;
-    onAutoClose?: (toast: ToastData) => void;
-    className?: string;
-}
-interface PromiseOptions<T> {
-    loading: React.ReactNode;
-    success: React.ReactNode | ((data: T) => React.ReactNode);
-    error: React.ReactNode | ((err: unknown) => React.ReactNode);
-    finally?: () => void;
-    description?: {
-        loading?: React.ReactNode;
-        success?: React.ReactNode | ((data: T) => React.ReactNode);
-        error?: React.ReactNode | ((err: unknown) => React.ReactNode);
-    };
-}
-declare function toast(message: React.ReactNode, opts?: ToastOptions): string;
-declare namespace toast {
-    var success: (message: React.ReactNode, opts?: ToastOptions) => string;
-    var error: (message: React.ReactNode, opts?: ToastOptions) => string;
-    var warning: (message: React.ReactNode, opts?: ToastOptions) => string;
-    var info: (message: React.ReactNode, opts?: ToastOptions) => string;
-    var loading: (message: React.ReactNode, opts?: ToastOptions) => string;
-    var promise: <T>(promise: Promise<T>, opts: PromiseOptions<T>, toastOpts?: ToastOptions) => Promise<T>;
-    var dismiss: (id?: string) => void;
-    var custom: (render: (t: ToastData) => React.ReactNode, opts?: ToastOptions) => string;
-}
-interface ToasterProps {
-    /** Position on screen */
-    position?: ToastPosition;
-    /** Default auto-dismiss duration in ms (0 = persistent) */
-    duration?: number;
-    /** Max visible toasts */
-    visibleToasts?: number;
-    /** Show close button on all toasts */
-    closeButton?: boolean;
-    /** Use rich (filled) colors for status toasts — default: true */
-    richColors?: boolean;
-    /** Expand all toasts (no stacking) */
-    expand?: boolean;
-    /** Offset from screen edge in px */
-    offset?: number;
-    /** Gap between toasts in px */
-    gap?: number;
-    /** Toast size */
-    size?: ToastSize;
-    /** Additional className for container */
-    className?: string;
-}
-declare function Toaster({ position, duration, visibleToasts, closeButton, richColors, expand, offset, gap, size, className, }: ToasterProps): React.JSX.Element;
-declare namespace Toaster {
-    var displayName: string;
-}
-
-declare const linearTrackVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>, VariantProps<typeof linearTrackVariants> {
-    /** Progress type */
-    type?: 'linear' | 'circular';
-    /** Current value (0 to max) */
-    value?: number;
-    /** Maximum value */
-    max?: number;
-    /** Visual variant (linear only) */
-    variant?: 'default' | 'striped';
-    /** Indicator color */
-    color?: 'default' | 'primary';
-    /** Custom indicator class (overrides color) */
-    indicatorClassName?: string;
-    /** Show percentage value */
-    showValue?: boolean;
-    /** Custom label formatter */
-    formatLabel?: (value: number, max: number) => string;
-    /** Animate striped variant */
-    animated?: boolean;
-    /** Circular stroke thickness override */
-    thickness?: number;
-    /** Accessibility label */
-    label?: string;
-}
-declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const spinnerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type OrbitStyle = 'ring' | 'dots' | 'cube' | 'flip' | 'morph';
-interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
-    /** Visual variant */
-    variant?: 'ring' | 'dots' | 'bars' | 'orbit';
-    /** Orbit sub-style (only when variant="orbit") */
-    orbitStyle?: OrbitStyle;
-    /** Spinner color */
-    color?: 'default' | 'primary' | 'current';
-    /** Animation speed */
-    speed?: 'slow' | 'default' | 'fast';
-    /** Accessibility label */
-    label?: string;
-}
-declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const skeletonVariants: (props?: ({
-    variant?: "text" | "circular" | "rectangular" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
-    /** Animation style */
-    animation?: 'pulse' | 'wave' | false;
-    /** Custom width */
-    width?: string | number;
-    /** Custom height */
-    height?: string | number;
-    /** Custom border radius */
-    radius?: string | number;
-    /** Number of text lines (text variant only, generates stacked lines) */
-    count?: number;
-    /** Conditional loading — true: show skeleton, false: render children */
-    loading?: boolean;
-    /** Children to render when loading=false */
-    children?: React.ReactNode;
-}
-declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const typingIndicatorVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TypingIndicatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof typingIndicatorVariants> {
-    /** Animation style */
-    variant?: 'dots' | 'cursor';
-    /** Indicator color */
-    color?: 'default' | 'primary' | 'muted';
-    /** Animation speed */
-    speed?: 'slow' | 'default' | 'fast';
-    /** Accessible label (also shown as visual text when showLabel is true) */
-    label?: string;
-    /** Render label text alongside the indicator */
-    showLabel?: boolean;
-}
-declare const TypingIndicator: React.ForwardRefExoticComponent<TypingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const quickReplyRootVariants: (props?: ({
-    layout?: "scroll" | "wrap" | null | undefined;
-    gap?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const quickReplyItemVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    radius?: "lg" | "md" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type QuickReplyLayout = 'scroll' | 'wrap';
-type QuickReplyVariant = 'outline' | 'filled' | 'ghost';
-type QuickReplyColor = 'default' | 'primary';
-type QuickReplySize = 'sm' | 'default' | 'lg';
-type QuickReplyRadius = 'md' | 'lg' | 'full';
-type QuickReplyGap = 'sm' | 'default' | 'lg';
-interface QuickReplyRootProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof quickReplyRootVariants> {
-    /** Layout mode: horizontal scroll or wrap to multiple rows */
-    layout?: QuickReplyLayout;
-    /** Visual style applied to all child Items */
-    variant?: QuickReplyVariant;
-    /** Color theme applied to all child Items */
-    color?: QuickReplyColor;
-    /** Chip size applied to all child Items */
-    size?: QuickReplySize;
-    /** Border radius applied to all child Items */
-    radius?: QuickReplyRadius;
-    /** Gap between Items */
-    gap?: QuickReplyGap;
-}
-interface QuickReplyItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Leading icon (SVG or ReactNode) */
-    icon?: React.ReactNode;
-    /** Render as child element (Slot pattern) */
-    asChild?: boolean;
-}
-declare const QuickReply: React.ForwardRefExoticComponent<QuickReplyRootProps & React.RefAttributes<HTMLDivElement>>;
-declare const QuickReplyItem: React.ForwardRefExoticComponent<QuickReplyItemProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const chatInputVariants: (props?: ({
-    variant?: "outline" | "filled" | null | undefined;
-    radius?: "sm" | "lg" | "md" | "xl" | "2xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ChatInputSize = 'sm' | 'default' | 'lg';
-type ChatInputVariant = 'outline' | 'filled';
-type ChatInputRadius = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
-type ChatInputColor = 'default' | 'primary';
-type ChatInputLayout = 'default' | 'inline';
-interface ChatInputRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'>, VariantProps<typeof chatInputVariants> {
-    /** Visual style of the container */
-    variant?: ChatInputVariant;
-    /** Corner radius */
-    radius?: ChatInputRadius;
-    /** Size scale */
-    size?: ChatInputSize;
-    /** Submit button color — default (dark) or primary (brand) */
-    color?: ChatInputColor;
-    /** Layout direction — default (stacked) or inline (field + button side by side) */
-    layout?: ChatInputLayout;
-    /** Disable all interaction */
-    disabled?: boolean;
-    /** Called when the user submits (Enter key or Submit button) — receives current field value */
-    onSubmit?: (value: string) => void;
-}
-interface ChatInputFieldProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'> {
-    /** Maximum visible rows before the field scrolls */
-    maxRows?: number;
-    /** Show character counter — requires maxLength to be set */
-    showCount?: boolean;
-}
-interface ChatInputSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Show loading/stop state — keeps button enabled so user can stop generation */
-    loading?: boolean;
-    /** Called when clicked during loading state (e.g., stop generation) */
-    onStop?: () => void;
-    /** Override the auto-calculated button radius */
-    buttonRadius?: ChatInputRadius;
-}
-declare const ChatInput: React.ForwardRefExoticComponent<ChatInputRootProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChatInputField: React.ForwardRefExoticComponent<ChatInputFieldProps & React.RefAttributes<HTMLTextAreaElement>>;
-declare const ChatInputSubmit: React.ForwardRefExoticComponent<ChatInputSubmitProps & React.RefAttributes<HTMLButtonElement>>;
-
-type ChatMessageRole = 'user' | 'assistant';
-type ChatMessageVariant = 'bubble' | 'flat';
-type ChatMessageColor = 'default' | 'muted' | 'primary' | 'dark';
-type ChatMessageSize = 'sm' | 'default' | 'lg';
-type ChatMessageRadius = 'md' | 'lg' | 'xl' | '2xl';
-type ChatMessageAvatarSize = 'sm' | 'md' | 'lg';
-/** Built-in status presets (pass as string to Footer.status for auto-rendering) */
-type ChatMessageStatus = 'sending' | 'sent' | 'read' | 'error';
-interface ChatMessageRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Sender role — controls alignment (left=assistant, right=user) */
-    role?: ChatMessageRole;
-    /** Bubble visual style */
-    variant?: ChatMessageVariant;
-    /** Bubble background color */
-    color?: ChatMessageColor;
-    /** Size scale — affects text and padding */
-    size?: ChatMessageSize;
-    /** Bubble corner radius */
-    radius?: ChatMessageRadius;
-    /** Asymmetric tail corner (radius=0 on the avatar side) */
-    tail?: boolean;
-    /** Show typing indicator inside Content. Pass true for defaults, or TypingIndicatorProps for custom. */
-    typing?: boolean | Omit<TypingIndicatorProps, 'className'>;
-    /** Avatar size — overrides default gap between avatar and bubble */
-    avatarSize?: ChatMessageAvatarSize;
-    /** Action buttons revealed on hover */
-    actions?: React.ReactNode;
-}
-interface ChatMessageAvatarProps {
-    /** Avatar size: sm(24px), md(28px), lg(32px) */
-    size?: ChatMessageAvatarSize;
-    /** Image URL */
-    src?: string;
-    /** Alt text for avatar image */
-    alt?: string;
-    /** Initials to display when no image (1–2 characters) */
-    initials?: string;
-    /** Custom icon or ReactNode to render inside the avatar */
-    icon?: React.ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-interface ChatMessageContentProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-interface ChatMessageFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Pre-formatted timestamp string (e.g. "12:34 PM") */
-    timestamp?: string;
-    /** Status: built-in preset ('sending' | 'sent' | 'read' | 'error') or custom ReactNode */
-    status?: React.ReactNode;
-    /** Size override (defaults to context value from ChatMessage root) */
-    size?: ChatMessageSize;
-}
-declare const ChatMessage: React.ForwardRefExoticComponent<ChatMessageRootProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChatMessageAvatar: React.ForwardRefExoticComponent<ChatMessageAvatarProps & React.RefAttributes<HTMLSpanElement>>;
-declare const ChatMessageContent: React.ForwardRefExoticComponent<ChatMessageContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChatMessageFooter: React.ForwardRefExoticComponent<ChatMessageFooterProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertColor, AlertDescription, type AlertDescriptionProps, AlertModal, AlertModalAction, AlertModalBody, AlertModalCancel, AlertModalContent, type AlertModalContentProps, AlertModalDescription, AlertModalFooter, AlertModalHeader, AlertModalOverlay, AlertModalPortal, AlertModalTitle, AlertModalTrigger, type AlertRootProps, type AlertSize, AlertTitle, type AlertTitleProps, type AlertVariant, Avatar, type AvatarColorVariant, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Badge, type BadgeColor, type BadgeProps, type BadgeRadius, type BadgeSize, type BadgeVariant, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, type BreadcrumbProps, BreadcrumbSeparator, Button, type ButtonColor, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, type CardProps, type CardRadius, CardTitle, type CardTitleProps, type CardVariant, ChatInput, type ChatInputColor, ChatInputField, type ChatInputFieldProps, type ChatInputLayout, type ChatInputRadius, type ChatInputRootProps, type ChatInputSize, ChatInputSubmit, type ChatInputSubmitProps, type ChatInputVariant, ChatMessage, ChatMessageAvatar, type ChatMessageAvatarProps, type ChatMessageAvatarSize, type ChatMessageColor, ChatMessageContent, type ChatMessageContentProps, ChatMessageFooter, type ChatMessageFooterProps, type ChatMessageRadius, type ChatMessageRole, type ChatMessageRootProps, type ChatMessageSize, type ChatMessageStatus, type ChatMessageVariant, Checkbox, type CheckboxColor, type CheckboxProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldCharCount, FieldError, FieldLabel, type FieldLabelProps, type FieldProps, IconButton, type IconButtonProps, Input, type InputProps, MetricCard, MetricCardDescription, type MetricCardDescriptionProps, MetricCardHeader, type MetricCardHeaderProps, type MetricCardProps, type MetricCardRadius, type MetricCardSize, MetricCardSymbol, type MetricCardSymbolProps, MetricCardTitle, type MetricCardTitleProps, MetricCardTrend, type MetricCardTrendDirection, type MetricCardTrendProps, MetricCardValue, type MetricCardValueProps, type MetricCardVariant, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuGroup, type NavigationMenuGroupProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, type NavigationMenuRadius, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, type OrbitStyle, Pagination, type PaginationColor, PaginationContent, PaginationEllipsis, PaginationFirst, type PaginationFirstProps, PaginationItem, PaginationItems, PaginationLast, type PaginationLastProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, type PaginationRadius, type PaginationRange, type PaginationSize, type PaginationVariant, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverRootProps, type PopoverSide, PopoverTrigger, Progress, type ProgressProps, QuickReply, type QuickReplyColor, type QuickReplyGap, QuickReplyItem, type QuickReplyItemProps, type QuickReplyLayout, type QuickReplyRadius, type QuickReplyRootProps, type QuickReplySize, type QuickReplyVariant, type RadioColor, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Segmented, SegmentedItem, type SegmentedItemProps, type SegmentedProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, type SortIconSet, Spinner, type SpinnerProps, Switch, type SwitchColor, type SwitchLabelPosition, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastAction, type ToastData, type ToastPosition, type ToastSize, type ToastType, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, TooltipProvider, type TooltipRootProps, type TooltipSide, TooltipTrigger, TypingIndicator, type TypingIndicatorProps, type UsePaginationProps, accordionTriggerVariants, accordionVariants, alertModalContentVariants, alertVariants, avatarColors, avatarVariants, badgeVariants, breadcrumbSizeMap, buttonVariants, cardVariants, chatInputVariants, checkboxVariants, dividerVariants, drawerSizeHorizontal, drawerSizeVertical, getAvatarColor, getAvatarInitials, iconButtonVariants, inputVariants, linearTrackVariants, metricCardVariants, modalContentVariants, navigationMenuSizeMap, paginationItemVariants, paginationSizeMap, popoverContentVariants, quickReplyItemVariants, quickReplyRootVariants, radioGroupVariants, radioItemVariants, segmentedItemVariants, segmentedVariants, skeletonVariants, sliderVariants, spinnerVariants, switchVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toast, toastVariants, toggleGroupItemVariants, toggleGroupVariants, toggleVariants, tooltipContentVariants, typingIndicatorVariants, useButtonGroup, useFieldContext, usePagination };