@hai3/uikit 0.1.0-alpha.9 → 0.2.0-alpha.1

package/dist/index.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { ComponentType, ButtonHTMLAttributes, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { ButtonVariant, ButtonSize, TextDirection, IconButtonSize, Theme } from '@hai3/uikit-contracts';
-export { ButtonSize, ButtonVariant, IconButtonSize, Theme } from '@hai3/uikit-contracts';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { DayPicker, DayButton } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -20,8 +19,7 @@ import { ColumnDef, Table as Table$1, Column } from '@tanstack/react-table';
 export { Column, ColumnDef, ColumnFiltersState, Table as ReactTable, Row, SortingState, VisibilityState, flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { ToasterProps } from 'sonner';
-export { toast } from 'sonner';
+import { ToasterProps, ExternalToast } from 'sonner';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
@@ -33,13 +31,15 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { Command as Command$1 } from 'cmdk';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 export { Area, AreaChart, Bar, BarChart, Brush, CartesianGrid, Cell, Label as ChartLabel, Legend as ChartLegend, Tooltip as ChartTooltip, ComposedChart, Cross, Curve, Customized, Dot, ErrorBar, Funnel, FunnelChart, LabelList, LegendProps, Line, LineChart, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Polygon, Radar, RadarChart, RadialBar, RadialBarChart, Rectangle, ReferenceArea, ReferenceDot, ReferenceLine, ResponsiveContainer, Sankey, Scatter, ScatterChart, Sector, Text, TooltipProps, Treemap, XAxis, YAxis, ZAxis } from 'recharts';
 
 declare const alertVariants: (props?: ({
@@ -65,6 +65,397 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.Ava
 declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
+/**
+ * @hai3/uikit - Type Definitions
+ *
+ * All UI Kit component types are defined here.
+ * This replaces @hai3/uikit-contracts for type imports.
+ */
+
+/**
+ * Text Direction Type
+ * Compatible with @hai3/i18n TextDirection enum values.
+ */
+type TextDirection = 'ltr' | 'rtl';
+/**
+ * Theme Contract
+ * Defines the structure of themes for UI Kit styling.
+ */
+interface Theme {
+    name: string;
+    colors: {
+        primary: string;
+        secondary: string;
+        accent: string;
+        background: string;
+        foreground: string;
+        muted: string;
+        border: string;
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+        mainMenu: {
+            DEFAULT: string;
+            foreground: string;
+            hover: string;
+            selected: string;
+            border: string;
+        };
+        chat: {
+            leftMenu: {
+                DEFAULT: string;
+                foreground: string;
+                hover: string;
+                selected: string;
+                border: string;
+            };
+            message: {
+                user: {
+                    background: string;
+                    foreground: string;
+                };
+                assistant: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            input: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            codeBlock: {
+                background: string;
+                foreground: string;
+                border: string;
+                headerBackground: string;
+            };
+        };
+        inScreenMenu: {
+            DEFAULT: string;
+            foreground: string;
+            hover: string;
+            selected: string;
+            border: string;
+        };
+        /** Chart colors for data visualization (OKLCH format recommended) */
+        chart: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+    typography: {
+        fontFamily: {
+            sans: string[];
+            mono: string[];
+        };
+        fontSize: {
+            xs: string;
+            sm: string;
+            base: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+        };
+        fontWeight: {
+            normal: string;
+            medium: string;
+            semibold: string;
+            bold: string;
+        };
+        lineHeight: {
+            tight: string;
+            normal: string;
+            relaxed: string;
+        };
+    };
+    borderRadius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    shadows: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    transitions: {
+        fast: string;
+        base: string;
+        slow: string;
+        slower: string;
+    };
+}
+/**
+ * Button Variant Enum
+ */
+declare enum ButtonVariant {
+    Default = "default",
+    Destructive = "destructive",
+    Outline = "outline",
+    Secondary = "secondary",
+    Ghost = "ghost",
+    Link = "link"
+}
+/**
+ * Button Size Enum
+ */
+declare enum ButtonSize {
+    Default = "default",
+    Sm = "sm",
+    Lg = "lg",
+    Icon = "icon"
+}
+/**
+ * Button Props Interface
+ */
+interface ButtonProps$1 extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    asChild?: boolean;
+}
+type ButtonComponent = ComponentType<ButtonProps$1>;
+/**
+ * IconButton Size Enum
+ */
+declare enum IconButtonSize {
+    Default = "default",
+    Small = "sm",
+    Large = "lg"
+}
+/**
+ * IconButton Props Interface
+ */
+interface IconButtonProps$1 {
+    icon: ReactNode;
+    onClick?: () => void;
+    variant?: ButtonVariant;
+    size?: IconButtonSize;
+    'aria-label': string;
+    className?: string;
+}
+type IconButtonComponent = ComponentType<IconButtonProps$1>;
+/**
+ * DropdownButton Props Interface
+ * Button with integrated chevron for dropdown triggers
+ */
+interface DropdownButtonProps$1 extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    className?: string;
+}
+type DropdownButtonComponent = ComponentType<DropdownButtonProps$1>;
+interface SwitchProps {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+}
+type SwitchComponent = ComponentType<SwitchProps>;
+interface SkeletonProps$1 {
+    className?: string;
+    /**
+     * If true, skeleton inherits text color instead of using bg-muted
+     * Useful for buttons, menu items, and colored text
+     */
+    inheritColor?: boolean;
+}
+type SkeletonComponent = ComponentType<SkeletonProps$1>;
+interface SpinnerProps$1 {
+    className?: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    size?: string;
+}
+type SpinnerComponent = ComponentType<SpinnerProps$1>;
+interface SidebarProps {
+    collapsed?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+interface SidebarContentProps {
+    className?: string;
+    children?: ReactNode;
+}
+interface SidebarHeaderProps$1 {
+    logo?: ReactNode;
+    logoText?: ReactNode;
+    collapsed?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+interface SidebarMenuProps {
+    className?: string;
+    children?: ReactNode;
+}
+interface SidebarMenuItemProps {
+    className?: string;
+    children?: ReactNode;
+}
+interface SidebarMenuButtonProps {
+    onClick?: () => void;
+    tooltip?: string;
+    isActive?: boolean;
+    variant?: string;
+    size?: string;
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+interface SidebarMenuIconProps {
+    className?: string;
+    children?: ReactNode;
+}
+interface SidebarMenuLabelProps {
+    className?: string;
+    children?: ReactNode;
+}
+type SidebarComponent = ComponentType<SidebarProps>;
+type SidebarContentComponent = ComponentType<SidebarContentProps>;
+type SidebarHeaderComponent = ComponentType<SidebarHeaderProps$1>;
+type SidebarMenuComponent = ComponentType<SidebarMenuProps>;
+type SidebarMenuItemComponent = ComponentType<SidebarMenuItemProps>;
+type SidebarMenuButtonComponent = ComponentType<SidebarMenuButtonProps>;
+type SidebarMenuIconComponent = ComponentType<SidebarMenuIconProps>;
+type SidebarMenuLabelComponent = ComponentType<SidebarMenuLabelProps>;
+interface HeaderProps$1 {
+    className?: string;
+    children?: ReactNode;
+}
+type HeaderComponent = ComponentType<HeaderProps$1>;
+interface UserInfoProps$1 {
+    displayName?: string;
+    email?: string;
+    avatarUrl?: string;
+    loading?: boolean;
+}
+type UserInfoComponent = ComponentType<UserInfoProps$1>;
+interface DropdownMenuProps {
+    children?: ReactNode;
+    dir?: TextDirection;
+}
+interface DropdownMenuTriggerProps {
+    asChild?: boolean;
+    children?: ReactNode;
+}
+interface DropdownMenuContentProps {
+    align?: 'start' | 'center' | 'end';
+    children?: ReactNode;
+}
+interface DropdownMenuItemProps {
+    onClick?: () => void;
+    children?: ReactNode;
+}
+interface DropdownMenuSubProps {
+    children?: ReactNode;
+}
+interface DropdownMenuSubTriggerProps {
+    disabled?: boolean;
+    children?: ReactNode;
+}
+interface DropdownMenuSubContentProps {
+    children?: ReactNode;
+}
+type DropdownMenuComponent = ComponentType<DropdownMenuProps>;
+type DropdownMenuTriggerComponent = ComponentType<DropdownMenuTriggerProps>;
+type DropdownMenuContentComponent = ComponentType<DropdownMenuContentProps>;
+type DropdownMenuItemComponent = ComponentType<DropdownMenuItemProps>;
+type DropdownMenuSubComponent = ComponentType<DropdownMenuSubProps>;
+type DropdownMenuSubTriggerComponent = ComponentType<DropdownMenuSubTriggerProps>;
+type DropdownMenuSubContentComponent = ComponentType<DropdownMenuSubContentProps>;
+/**
+ * UI Kit Component Enum
+ * Defines components that can be registered with the UI Kit registry.
+ */
+declare enum UiKitComponent {
+    Button = "Button",
+    IconButton = "IconButton",
+    DropdownButton = "DropdownButton",
+    Switch = "Switch",
+    Skeleton = "Skeleton",
+    Spinner = "Spinner",
+    Header = "Header",
+    Sidebar = "Sidebar",
+    SidebarContent = "SidebarContent",
+    SidebarHeader = "SidebarHeader",
+    SidebarMenu = "SidebarMenu",
+    SidebarMenuItem = "SidebarMenuItem",
+    SidebarMenuButton = "SidebarMenuButton",
+    SidebarMenuIcon = "SidebarMenuIcon",
+    SidebarMenuLabel = "SidebarMenuLabel",
+    UserInfo = "UserInfo",
+    DropdownMenu = "DropdownMenu",
+    DropdownMenuTrigger = "DropdownMenuTrigger",
+    DropdownMenuContent = "DropdownMenuContent",
+    DropdownMenuItem = "DropdownMenuItem",
+    DropdownMenuSub = "DropdownMenuSub",
+    DropdownMenuSubTrigger = "DropdownMenuSubTrigger",
+    DropdownMenuSubContent = "DropdownMenuSubContent"
+}
+/**
+ * UI Kit Icon Enum
+ * Well-known icons that UI Kit expects from implementations.
+ */
+declare enum UiKitIcon {
+    Close = "close",
+    AppLogo = "app-logo",
+    AppLogoText = "app-logo-text"
+}
+/**
+ * UI Kit Component Map
+ * Maps component enum values to their type implementations.
+ */
+interface UiKitComponentMap {
+    [UiKitComponent.Button]: ButtonComponent;
+    [UiKitComponent.IconButton]: IconButtonComponent;
+    [UiKitComponent.DropdownButton]: DropdownButtonComponent;
+    [UiKitComponent.Switch]: SwitchComponent;
+    [UiKitComponent.Skeleton]: SkeletonComponent;
+    [UiKitComponent.Spinner]: SpinnerComponent;
+    [UiKitComponent.Header]: HeaderComponent;
+    [UiKitComponent.Sidebar]: SidebarComponent;
+    [UiKitComponent.SidebarContent]: SidebarContentComponent;
+    [UiKitComponent.SidebarHeader]: SidebarHeaderComponent;
+    [UiKitComponent.SidebarMenu]: SidebarMenuComponent;
+    [UiKitComponent.SidebarMenuItem]: SidebarMenuItemComponent;
+    [UiKitComponent.SidebarMenuButton]: SidebarMenuButtonComponent;
+    [UiKitComponent.SidebarMenuIcon]: SidebarMenuIconComponent;
+    [UiKitComponent.SidebarMenuLabel]: SidebarMenuLabelComponent;
+    [UiKitComponent.UserInfo]: UserInfoComponent;
+    [UiKitComponent.DropdownMenu]: DropdownMenuComponent;
+    [UiKitComponent.DropdownMenuTrigger]: DropdownMenuTriggerComponent;
+    [UiKitComponent.DropdownMenuContent]: DropdownMenuContentComponent;
+    [UiKitComponent.DropdownMenuItem]: DropdownMenuItemComponent;
+    [UiKitComponent.DropdownMenuSub]: DropdownMenuSubComponent;
+    [UiKitComponent.DropdownMenuSubTrigger]: DropdownMenuSubTriggerComponent;
+    [UiKitComponent.DropdownMenuSubContent]: DropdownMenuSubContentComponent;
+}
+/**
+ * Component Names - for type-safe registration
+ */
+type ComponentName = keyof UiKitComponentMap;
+
 declare const buttonVariants: (props?: ({
     variant?: ButtonVariant | null | undefined;
     size?: ButtonSize | null | undefined;
@@ -74,8 +465,19 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React$1.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
@@ -251,6 +653,50 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
 
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
+type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+interface UseToastOptions {
+    defaultDuration?: number;
+    defaultPosition?: ToastPosition;
+}
+type ToastOptions = ExternalToast;
+interface ToastPromiseOptions<T> {
+    loading: string;
+    success: string | ((data: T) => string);
+    error: string | ((error: Error) => string);
+}
+type PromiseResult<T> = (string | number) & {
+    unwrap: () => Promise<T>;
+};
+interface UseToastReturn {
+    toast: (message: string, options?: ToastOptions) => string | number;
+    success: (message: string, options?: ToastOptions) => string | number;
+    error: (message: string, options?: ToastOptions) => string | number;
+    warning: (message: string, options?: ToastOptions) => string | number;
+    info: (message: string, options?: ToastOptions) => string | number;
+    loading: (message: string, options?: ToastOptions) => string | number;
+    promise: <T>(promise: Promise<T> | (() => Promise<T>), options: ToastPromiseOptions<T>) => PromiseResult<T>;
+    dismiss: (toastId?: string | number) => void;
+}
+/**
+ * Hook for displaying toast notifications using Sonner.
+ * Provides typed methods for common toast variants with optional default configuration.
+ *
+ * @param options - Optional default configuration for all toasts from this hook instance
+ * @returns Object with methods: toast, success, error, warning, info, loading, promise, dismiss
+ *
+ * @example
+ * const { success, error, promise } = useToast();
+ *
+ * success("Saved successfully!");
+ * error("Something went wrong");
+ * promise(saveData(), {
+ *   loading: "Saving...",
+ *   success: "Saved!",
+ *   error: "Failed to save"
+ * });
+ */
+declare function useToast(options?: UseToastOptions): UseToastReturn;
+
 declare const TooltipProvider: {
     ({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
     displayName: string | undefined;
@@ -393,28 +839,52 @@ declare const DialogFooter: {
 declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
-declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
-
-declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
-declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
-declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
-declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
-declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
-declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
+declare const AlertDialog: {
+    ({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: {
+    ({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Drawer: {
+    ({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: {
+    ({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerClose: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<SheetPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
 declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
 declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
@@ -425,8 +895,6 @@ declare function ResizableHandle({ withHandle, className, ...props }: React$1.Co
 declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
 
-declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
-
 declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
 declare const itemVariants: (props?: ({
@@ -571,6 +1039,46 @@ declare function ContextMenuLabel({ className, inset, ...props }: React$1.Compon
 declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
+declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+declare function CommandDialog({ title, description, children, className, ...props }: React$1.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+
+declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+
+declare function Kbd({ className, ...props }: React$1.ComponentProps<'kbd'>): react_jsx_runtime.JSX.Element;
+declare function KbdGroup({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare function TypographyH1({ className, ...props }: React$1.ComponentProps<'h1'>): react_jsx_runtime.JSX.Element;
+declare function TypographyH2({ className, ...props }: React$1.ComponentProps<'h2'>): react_jsx_runtime.JSX.Element;
+declare function TypographyH3({ className, ...props }: React$1.ComponentProps<'h3'>): react_jsx_runtime.JSX.Element;
+declare function TypographyH4({ className, ...props }: React$1.ComponentProps<'h4'>): react_jsx_runtime.JSX.Element;
+declare function TypographyP({ className, ...props }: React$1.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function TypographyBlockquote({ className, ...props }: React$1.ComponentProps<'blockquote'>): react_jsx_runtime.JSX.Element;
+declare function TypographyList({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
+declare function TypographyInlineCode({ className, ...props }: React$1.ComponentProps<'code'>): react_jsx_runtime.JSX.Element;
+declare function TypographyLarge({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function TypographySmall({ className, ...props }: React$1.ComponentProps<'small'>): react_jsx_runtime.JSX.Element;
+declare function TypographyMuted({ className, ...props }: React$1.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+
 /**
  * IconButton component for HAI3 UI-Core
  * Provides a consistent icon-only button across all screens
@@ -595,18 +1103,16 @@ interface DropdownButtonProps extends React__default.ButtonHTMLAttributes<HTMLBu
 }
 declare const DropdownButton: React__default.ForwardRefExoticComponent<DropdownButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare const inputGroupAddonVariants: (props?: ({
+declare const InputGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputGroupAddon: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
     align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
-declare const inputGroupButtonVariants: (props?: ({
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputGroupButton: React$1.ForwardRefExoticComponent<Omit<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "size"> & VariantProps<(props?: ({
     size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
-declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const InputGroupText: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+declare const InputGroupInput: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const InputGroupTextarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 interface DatePickerProps {
     children: React$1.ReactNode;
@@ -840,4 +1346,4 @@ declare const ChevronUpIcon: React__default.FC<React__default.SVGProps<SVGSVGEle
  */
 declare const applyTheme: (theme: Theme, themeName?: string) => void;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CLOSE_ICON_ID, Calendar, CalendarDayButton, CalendarIcon, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegendContent, ChartTooltipContent, ChatInput, type ChatInputProps, type ChatThread, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableViewOptions, type DataTableViewOptionsProps, DatePicker, DatePickerContent, DatePickerInput, DatePickerTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, type HeaderProps, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, MENU_ICON_ID, MenuIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBubble, type MessageBubbleProps, MessageType, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarHeader, type SidebarHeaderProps, SidebarMenu, SidebarMenuButton, SidebarMenuIcon, SidebarMenuItem, SidebarMenuLabel, Skeleton, Slider, SliderRange, SliderThumb, SliderTrack, Spinner, type SpinnerProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadList, type ThreadListProps, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserInfo, type UserInfoProps, alertVariants, applyTheme, badgeVariants, emptyMediaVariants, useFormField };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonComponent, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, type ButtonProps$1 as ButtonPropsContract, ButtonSize, ButtonVariant, CLOSE_ICON_ID, Calendar, CalendarDayButton, CalendarIcon, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegendContent, ChartTooltipContent, ChatInput, type ChatInputProps, type ChatThread, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ComponentName, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableViewOptions, type DataTableViewOptionsProps, DatePicker, DatePickerContent, DatePickerInput, DatePickerTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonComponent, type DropdownButtonProps, type DropdownButtonProps$1 as DropdownButtonPropsContract, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuComponent, DropdownMenuContent, type DropdownMenuContentComponent, type DropdownMenuContentProps as DropdownMenuContentPropsContract, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemComponent, type DropdownMenuItemProps as DropdownMenuItemPropsContract, DropdownMenuLabel, DropdownMenuPortal, type DropdownMenuProps as DropdownMenuPropsContract, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, type DropdownMenuSubComponent, DropdownMenuSubContent, type DropdownMenuSubContentComponent, type DropdownMenuSubContentProps as DropdownMenuSubContentPropsContract, type DropdownMenuSubProps as DropdownMenuSubPropsContract, DropdownMenuSubTrigger, type DropdownMenuSubTriggerComponent, type DropdownMenuSubTriggerProps as DropdownMenuSubTriggerPropsContract, DropdownMenuTrigger, type DropdownMenuTriggerComponent, type DropdownMenuTriggerProps as DropdownMenuTriggerPropsContract, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, type HeaderComponent, type HeaderProps, type HeaderProps$1 as HeaderPropsContract, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonComponent, type IconButtonProps, type IconButtonProps$1 as IconButtonPropsContract, IconButtonSize, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, MENU_ICON_ID, MenuIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBubble, type MessageBubbleProps, MessageType, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarComponent, SidebarContent, type SidebarContentComponent, type SidebarContentProps as SidebarContentPropsContract, SidebarHeader, type SidebarHeaderComponent, type SidebarHeaderProps, type SidebarHeaderProps$1 as SidebarHeaderPropsContract, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonComponent, type SidebarMenuButtonProps as SidebarMenuButtonPropsContract, type SidebarMenuComponent, SidebarMenuIcon, type SidebarMenuIconComponent, type SidebarMenuIconProps as SidebarMenuIconPropsContract, SidebarMenuItem, type SidebarMenuItemComponent, type SidebarMenuItemProps as SidebarMenuItemPropsContract, SidebarMenuLabel, type SidebarMenuLabelComponent, type SidebarMenuLabelProps as SidebarMenuLabelPropsContract, type SidebarMenuProps as SidebarMenuPropsContract, type SidebarProps as SidebarPropsContract, Skeleton, type SkeletonComponent, type SkeletonProps$1 as SkeletonPropsContract, Slider, SliderRange, SliderThumb, SliderTrack, Spinner, type SpinnerComponent, type SpinnerProps, type SpinnerProps$1 as SpinnerPropsContract, Switch, type SwitchComponent, type SwitchProps as SwitchPropsContract, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextDirection, Textarea, type Theme, ThreadList, type ThreadListProps, type ToastOptions, type ToastPromiseOptions, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyInlineCode, TypographyLarge, TypographyList, TypographyMuted, TypographyP, TypographySmall, UiKitComponent, type UiKitComponentMap, UiKitIcon, type UseToastOptions, type UseToastReturn, UserInfo, type UserInfoComponent, type UserInfoProps, type UserInfoProps$1 as UserInfoPropsContract, alertVariants, applyTheme, badgeVariants, buttonGroupVariants, emptyMediaVariants, toggleVariants, useFormField, useToast };