@optilogic/core 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/index.d.ts

@@ -118,7 +118,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
  * Badge variant styles using class-variance-authority.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "muted" | "success" | "warning" | "accent" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "muted" | "accent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
@@ -509,27 +509,329 @@ declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<Ale
 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>>;
 
-interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+/**
+ * Card variant styles using class-variance-authority.
+ * Provides size, hover effects, and interactive styling options.
+ */
+declare const cardVariants: (props?: ({
+    size?: "sm" | "lg" | "auto" | "md" | "xl" | "full" | null | undefined;
+    hover?: "none" | "scale" | "lift" | "glow" | "border" | "border-success" | "border-warning" | "border-destructive" | "border-muted" | null | undefined;
+    interactive?: boolean | null | undefined;
+    padding?: "sm" | "lg" | "none" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    /**
+     * If true, the card acts as a button and can be clicked.
+     * Adds keyboard accessibility and focus states.
+     */
+    asButton?: boolean;
+    /**
+     * Custom CSS class for hover border color.
+     * Use Tailwind classes like "hover:border-blue-500" or custom CSS variables.
+     * This overrides the hover variant's border color if specified.
+     */
+    hoverBorderClass?: string;
 }
 /**
- * Card - Container component for grouped content
+ * Card - Versatile container component for grouped content
+ *
+ * A flexible card component supporting multiple sizes, hover effects,
+ * and interactive states. Use with CardHeader, CardContent, CardFooter,
+ * and other sub-components.
+ *
+ * @example
+ * <Card size="md" hover="lift">
+ *   <CardHeader>
+ *     <CardTitle>Title</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>Content here</CardContent>
+ * </Card>
+ *
+ * @example
+ * <Card interactive hover="border" onClick={() => navigate('/item')}>
+ *   <CardContent>Clickable card</CardContent>
+ * </Card>
  */
 declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
 interface CardHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * CardHeader - Header section of a card
+ */
 declare const CardHeader: React$1.ForwardRefExoticComponent<CardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
 interface CardTitleProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * CardTitle - Title text for card header
+ */
 declare const CardTitle: React$1.ForwardRefExoticComponent<CardTitleProps & React$1.RefAttributes<HTMLDivElement>>;
 interface CardDescriptionProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * CardDescription - Descriptive text for card header
+ */
 declare const CardDescription: React$1.ForwardRefExoticComponent<CardDescriptionProps & React$1.RefAttributes<HTMLDivElement>>;
 interface CardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * CardContent - Main content area of a card
+ */
 declare const CardContent: React$1.ForwardRefExoticComponent<CardContentProps & React$1.RefAttributes<HTMLDivElement>>;
 interface CardFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * CardFooter - Footer section of a card
+ */
 declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const cardImageVariants: (props?: ({
+    aspectRatio?: "auto" | "video" | "square" | "wide" | "portrait" | null | undefined;
+    position?: "fill" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof cardImageVariants> {
+    /**
+     * Fallback content to display if image fails to load
+     */
+    fallback?: React$1.ReactNode;
+}
+/**
+ * CardImage - Image/media component for cards
+ *
+ * Displays images with configurable aspect ratios and positions.
+ * Handles loading states and fallbacks.
+ *
+ * @example
+ * <Card>
+ *   <CardImage src="/photo.jpg" alt="Photo" aspectRatio="video" />
+ *   <CardContent>Caption</CardContent>
+ * </Card>
+ */
+declare const CardImage: React$1.ForwardRefExoticComponent<CardImageProps & React$1.RefAttributes<HTMLImageElement>>;
+declare const cardActionsVariants: (props?: ({
+    showOn?: "always" | "hover" | null | undefined;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
+    variant?: "ghost" | "floating" | "bar" | "icon-hover" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardActionsProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardActionsVariants> {
+}
+/**
+ * CardActions - Hover-reveal action buttons for cards
+ *
+ * Place action buttons that appear on hover. Position can be customized.
+ * The parent Card automatically gets the 'group' class for hover detection.
+ *
+ * @example
+ * <Card hover="lift">
+ *   <CardActions>
+ *     <IconButton size="sm" variant="ghost"><Edit /></IconButton>
+ *     <IconButton size="sm" variant="ghost"><Trash /></IconButton>
+ *   </CardActions>
+ *   <CardContent>Content</CardContent>
+ * </Card>
+ *
+ * @example
+ * // With floating style (default)
+ * <CardActions variant="floating">...</CardActions>
+ *
+ * @example
+ * // With bar style for image overlays
+ * <CardActions variant="bar" position="bottom-right">...</CardActions>
+ */
+declare const CardActions: React$1.ForwardRefExoticComponent<CardActionsProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectableCardProps extends CardProps {
+    /**
+     * Whether the card is selected (controlled)
+     */
+    selected?: boolean;
+    /**
+     * Default selected state (uncontrolled)
+     */
+    defaultSelected?: boolean;
+    /**
+     * Callback when selection changes
+     */
+    onSelectedChange?: (selected: boolean) => void;
+    /**
+     * Whether to show a visible checkbox
+     */
+    showCheckbox?: boolean;
+    /**
+     * Position of the checkbox
+     */
+    checkboxPosition?: "top-left" | "top-right" | "inline-left";
+    /**
+     * Whether the card is disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * SelectableCard - Card with selection state
+ *
+ * A card that can be selected/deselected. Supports controlled and uncontrolled modes.
+ * Can optionally display a checkbox indicator.
+ *
+ * @example
+ * <SelectableCard
+ *   selected={isSelected}
+ *   onSelectedChange={setIsSelected}
+ *   showCheckbox
+ * >
+ *   <CardContent>Selectable content</CardContent>
+ * </SelectableCard>
+ *
+ * @example
+ * // Multi-select list with inline checkbox
+ * {items.map(item => (
+ *   <SelectableCard
+ *     key={item.id}
+ *     selected={selectedIds.includes(item.id)}
+ *     onSelectedChange={(sel) => toggleSelection(item.id, sel)}
+ *     showCheckbox
+ *     checkboxPosition="inline-left"
+ *   >
+ *     <CardContent>{item.name}</CardContent>
+ *   </SelectableCard>
+ * ))}
+ */
+declare const SelectableCard: React$1.ForwardRefExoticComponent<SelectableCardProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const cardGridVariants: (props?: ({
+    columns?: 1 | "auto" | 2 | 3 | 4 | null | undefined;
+    gap?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardGridProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardGridVariants> {
+}
+/**
+ * CardGrid - Responsive grid layout for cards
+ *
+ * Arranges cards in a responsive grid with configurable columns and gaps.
+ *
+ * @example
+ * <CardGrid columns={3} gap="lg">
+ *   <Card>...</Card>
+ *   <Card>...</Card>
+ *   <Card>...</Card>
+ * </CardGrid>
+ *
+ * @example
+ * // Auto-fill columns based on available space
+ * <CardGrid columns="auto">
+ *   {items.map(item => <Card key={item.id}>...</Card>)}
+ * </CardGrid>
+ */
+declare const CardGrid: React$1.ForwardRefExoticComponent<CardGridProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const cardListVariants: (props?: ({
+    gap?: "sm" | "lg" | "none" | "md" | null | undefined;
+    divided?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardListProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardListVariants> {
+}
+/**
+ * CardList - Vertical list layout for cards
+ *
+ * Arranges cards in a vertical list with optional dividers.
+ *
+ * @example
+ * <CardList gap="sm" divided>
+ *   <Card>...</Card>
+ *   <Card>...</Card>
+ * </CardList>
+ */
+declare const CardList: React$1.ForwardRefExoticComponent<CardListProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Board variant styles using class-variance-authority.
+ * Provides elevation (shadow), border, padding, radius, background, and hover options.
+ */
+declare const boardVariants: (props?: ({
+    elevation?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
+    border?: "default" | "none" | "muted" | null | undefined;
+    padding?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
+    radius?: "sm" | "lg" | "none" | "md" | "xl" | "full" | null | undefined;
+    background?: "default" | "muted" | "transparent" | null | undefined;
+    hover?: "none" | "border" | "border-success" | "border-warning" | "border-destructive" | "elevate" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BoardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof boardVariants> {
+    /**
+     * Custom CSS class for hover border color.
+     * Use Tailwind classes like "hover:border-blue-500" or custom CSS variables.
+     * This overrides the hover variant's border color if specified.
+     */
+    hoverBorderClass?: string;
+}
+/**
+ * Board - General-purpose container component with elevation support
+ *
+ * A flexible container similar to MUI's Paper component. Supports configurable
+ * elevation (shadows), borders, padding, border radius, background colors,
+ * and hover effects. Use with BoardHeader and BoardContent for structured layouts.
+ *
+ * @example
+ * // Simple container
+ * <Board elevation="md" padding="md">
+ *   <p>Content here</p>
+ * </Board>
+ *
+ * @example
+ * // With header and content
+ * <Board elevation="lg" border="default">
+ *   <BoardHeader>
+ *     <span className="font-semibold">Section Title</span>
+ *   </BoardHeader>
+ *   <BoardContent>
+ *     Main content goes here
+ *   </BoardContent>
+ * </Board>
+ *
+ * @example
+ * // Transparent background with hover effect
+ * <Board background="transparent" hover="border" border="muted">
+ *   <BoardContent>Hoverable content</BoardContent>
+ * </Board>
+ */
+declare const Board: React$1.ForwardRefExoticComponent<BoardProps & React$1.RefAttributes<HTMLDivElement>>;
+interface BoardHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * BoardHeader - Header section with bottom separator
+ *
+ * Renders a header area with a bottom border divider. Accepts any children
+ * including text, icons, badges, or custom layouts.
+ *
+ * @example
+ * <Board>
+ *   <BoardHeader>
+ *     <span className="font-semibold">Title</span>
+ *   </BoardHeader>
+ *   <BoardContent>Content</BoardContent>
+ * </Board>
+ *
+ * @example
+ * // With custom layout
+ * <BoardHeader className="flex items-center justify-between">
+ *   <div className="flex items-center gap-2">
+ *     <FileIcon />
+ *     <span>Documents</span>
+ *   </div>
+ *   <Badge>12</Badge>
+ * </BoardHeader>
+ */
+declare const BoardHeader: React$1.ForwardRefExoticComponent<BoardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+interface BoardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * BoardContent - Main content area with consistent padding
+ *
+ * Provides a padded container for the main content. Useful when using
+ * BoardHeader to maintain proper spacing.
+ *
+ * @example
+ * <Board>
+ *   <BoardHeader>Title</BoardHeader>
+ *   <BoardContent>
+ *     Main content goes here
+ *   </BoardContent>
+ * </Board>
+ */
+declare const BoardContent: React$1.ForwardRefExoticComponent<BoardContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
 }
@@ -1523,7 +1825,7 @@ interface UseKeyboardNavigationReturn {
     /** Handler to attach to the grid container */
     handleKeyDown: (event: React.KeyboardEvent) => void;
     /** Ref to attach to the grid container for focus management */
-    containerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
     /** Focus the container (useful after clicking a cell) */
     focusContainer: () => void;
 }
@@ -2292,7 +2594,7 @@ interface UseContextMenuResult<T = unknown> {
     /** Target item that was right-clicked */
     targetItem: T | null;
     /** Ref for the menu element */
-    menuRef: React$1.RefObject<HTMLDivElement>;
+    menuRef: React$1.RefObject<HTMLDivElement | null>;
     /** Open the context menu */
     openMenu: (x: number, y: number, item: T) => void;
     /** Close the context menu */
@@ -2307,4 +2609,4 @@ type SortingConfig = {
     onSort: (field: string) => void;
 };
 
-export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Button, type ButtonProps, CYBERPUNK_THEME, Calendar, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, DARK_ELEGANT_THEME, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, FOREST_THEME, FUTURISTIC_THEME, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, GREEN_THEME, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, Modal, ModalButton, type ModalButtonProps, type ModalProps, NATURE_THEME, type NumberFilterOperator, OCEAN_THEME, OPTILOGIC_LEGACY_THEME, PRESET_THEMES, type PaginationConfig, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, SCIFI_THEME, SUNSET_THEME, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, buttonVariants, cloneTheme, cn, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, labelVariants, loadingSpinnerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
+export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, Button, type ButtonProps, CYBERPUNK_THEME, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, DARK_ELEGANT_THEME, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, FOREST_THEME, FUTURISTIC_THEME, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, GREEN_THEME, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, Modal, ModalButton, type ModalButtonProps, type ModalProps, NATURE_THEME, type NumberFilterOperator, OCEAN_THEME, OPTILOGIC_LEGACY_THEME, PRESET_THEMES, type PaginationConfig, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, SCIFI_THEME, SUNSET_THEME, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, labelVariants, loadingSpinnerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };