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

package/dist/index.d.cts

@@ -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> {
 }
@@ -515,7 +515,7 @@ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDia
  */
 declare const cardVariants: (props?: ({
     size?: "sm" | "lg" | "auto" | "md" | "xl" | "full" | null | undefined;
-    hover?: "none" | "scale" | "border" | "lift" | "glow" | "border-success" | "border-warning" | "border-destructive" | "border-muted" | 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;
@@ -584,7 +584,7 @@ interface CardFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const cardImageVariants: (props?: ({
-    aspectRatio?: "video" | "auto" | "square" | "wide" | "portrait" | null | undefined;
+    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> {
@@ -694,7 +694,7 @@ interface SelectableCardProps extends CardProps {
  */
 declare const SelectableCard: React$1.ForwardRefExoticComponent<SelectableCardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const cardGridVariants: (props?: ({
-    columns?: 1 | 2 | 3 | 4 | "auto" | null | undefined;
+    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> {
@@ -737,6 +737,102 @@ interface CardListProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantP
  */
 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> {
 }
 declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
@@ -1729,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;
 }
@@ -2498,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 */
@@ -2513,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, 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, 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 };
+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 };

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> {
 }
@@ -515,7 +515,7 @@ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDia
  */
 declare const cardVariants: (props?: ({
     size?: "sm" | "lg" | "auto" | "md" | "xl" | "full" | null | undefined;
-    hover?: "none" | "scale" | "border" | "lift" | "glow" | "border-success" | "border-warning" | "border-destructive" | "border-muted" | 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;
@@ -584,7 +584,7 @@ interface CardFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const cardImageVariants: (props?: ({
-    aspectRatio?: "video" | "auto" | "square" | "wide" | "portrait" | null | undefined;
+    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> {
@@ -694,7 +694,7 @@ interface SelectableCardProps extends CardProps {
  */
 declare const SelectableCard: React$1.ForwardRefExoticComponent<SelectableCardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const cardGridVariants: (props?: ({
-    columns?: 1 | 2 | 3 | 4 | "auto" | null | undefined;
+    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> {
@@ -737,6 +737,102 @@ interface CardListProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantP
  */
 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> {
 }
 declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
@@ -1729,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;
 }
@@ -2498,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 */
@@ -2513,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, 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, 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 };
+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 };