@nar-bus/lena-ui-shared 1.3.0 → 1.3.2

package/dist/index.d.ts

@@ -124,7 +124,13 @@ export declare interface ApiResponse<T> {
     meta: MetaInfo;
 }
 
-export declare function AppHeader({ breadcrumbs, theme, onThemeChange, locale, onLocaleChange, user, isAuthenticated, onLogout, onLogin, homeHref, centerSlot, className, }: AppHeaderProps): JSX.Element;
+export declare function AppHeader({ breadcrumbs, theme, onThemeChange, locale, onLocaleChange, user, isAuthenticated, onLogout, onLogin, homeHref, centerSlot, className, logo, sidebarCollapsed, onToggleSidebarCollapse, }: AppHeaderProps): JSX.Element;
+
+export declare interface AppHeaderLogo {
+    imageSrc?: string;
+    title?: string;
+    href?: string;
+}
 
 export declare interface AppHeaderProps {
     breadcrumbs: BreadcrumbItem[];
@@ -139,6 +145,12 @@ export declare interface AppHeaderProps {
     homeHref?: string;
     centerSlot?: ReactNode;
     className?: string;
+    /** Optional logo displayed at the left side of the header */
+    logo?: AppHeaderLogo;
+    /** Whether the sidebar is collapsed — aligns logo area width with sidebar */
+    sidebarCollapsed?: boolean;
+    /** Callback to toggle sidebar collapse. When provided, a toggle button appears in the logo area. */
+    onToggleSidebarCollapse?: () => void;
 }
 
 export declare interface AppHeaderUser {
@@ -147,18 +159,23 @@ export declare interface AppHeaderUser {
     email?: string;
 }
 
-export declare function AppSidebar({ items, collapsed, onToggleCollapse, logo, version, }: AppSidebarProps): JSX.Element;
+export declare function AppSidebar({ items, collapsed, onToggleCollapse, logo, version, groups, }: AppSidebarProps): JSX.Element;
 
 export declare interface AppSidebarProps {
     items: SidebarNavItem[];
     collapsed: boolean;
     onToggleCollapse: () => void;
+    /**
+     * @deprecated Logo has been moved to AppHeader. This prop is ignored.
+     */
     logo?: {
         title: string;
         letter?: string;
         imageSrc?: string;
     };
     version?: string;
+    /** Nav groups with optional section labels. When provided, `items` is ignored. */
+    groups?: SidebarNavGroup[];
 }
 
 /**
@@ -230,8 +247,8 @@ declare interface BooleanCellProps {
 }
 
 export declare const booleanColors: {
-    readonly true: "bg-status-success/10 text-status-success-foreground border-status-success/30";
-    readonly false: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30";
+    readonly true: "bg-status-success/10 text-status-success-foreground border-status-success/30 ring-status-success/30";
+    readonly false: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30 ring-status-neutral/30";
 };
 
 export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
@@ -269,6 +286,10 @@ export declare interface BulkAction<TData> {
     };
 }
 
+/**
+ * @deprecated Use `DataTableBulkActions` instead. This component will be removed in the next major version.
+ * @see DataTableBulkActions
+ */
 export declare function BulkActionBar({ selectedCount, onClearSelection, actions, moreActions, itemLabel, cancelLabel, cancelHint, className, }: BulkActionBarProps): JSX.Element | null;
 
 export declare interface BulkActionBarProps {
@@ -320,6 +341,12 @@ export declare function CardHeader({ className, ...props }: React_2.ComponentPro
 
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
+/**
+ * Shared null/empty state for all cell components.
+ * Displays a muted dash when data is null, undefined, or empty.
+ */
+export declare function CellNullState(): JSX.Element;
+
 export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
 
 export declare function CheckboxField<TFieldValues extends FieldValues>({ name, control, label, description, disabled, className, cols, }: CheckboxFieldProps<TFieldValues>): JSX.Element;
@@ -379,7 +406,7 @@ declare interface CollapsibleSectionProps {
 
 export declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): JSX.Element;
 
-export declare function ComboboxField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder, searchPlaceholder, emptyText, options, disabled, className, cols, errorHint, }: ComboboxFieldProps<TFieldValues>): JSX.Element;
+export declare function ComboboxField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder: placeholderProp, searchPlaceholder: searchPlaceholderProp, emptyText: emptyTextProp, options, disabled, className, cols, errorHint, }: ComboboxFieldProps<TFieldValues>): JSX.Element;
 
 declare interface ComboboxFieldProps<TFieldValues extends FieldValues> {
     name: FieldPath<TFieldValues>;
@@ -441,6 +468,8 @@ export declare interface CommonLabels {
     inactive: string;
     enabled: string;
     disabled: string;
+    detail: string;
+    addNew: string;
 }
 
 export declare function ContextMenu({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element;
@@ -512,7 +541,7 @@ declare interface CopyButtonProps {
     value: string;
 }
 
-export declare function CreatableComboboxField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder, disabled, className, cols, errorHint, options, loading, emptyText, createLabel, }: CreatableComboboxFieldProps<TFieldValues>): JSX.Element;
+export declare function CreatableComboboxField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder: placeholderProp, disabled, className, cols, errorHint, options, loading, emptyText: emptyTextProp, createLabel, }: CreatableComboboxFieldProps<TFieldValues>): JSX.Element;
 
 declare interface CreatableComboboxFieldProps<TFieldValues extends FieldValues> {
     name: FieldPath<TFieldValues>;
@@ -639,7 +668,7 @@ export declare function createEmptyFilter(field: string, operator?: FilterState[
 
 export declare function CRUDTabContent<T extends {
     id: number;
-}>({ isActive, columns, fieldConfig, defaultSortBy, getRowId, allQueryKey, detailKey, listKey, fetchDetail, fetchList, useSearchHook, deleteItem, isDeleting, detailPath, searchPlaceholder, emptyTitle, emptyDescription, entityType, getEntityName, viewLabel, deleteLabel, refreshLabel, createLabel, CreateSheetComponent, hideToolbar, externalCreateSheetOpen, onExternalCreateSheetOpenChange, }: CRUDTabContentProps<T>): JSX.Element;
+}>({ isActive, columns, fieldConfig, defaultSortBy, getRowId, allQueryKey, detailKey, listKey, fetchDetail, fetchList, useSearchHook, deleteItem, isDeleting, detailPath, searchPlaceholder, emptyTitle, emptyDescription, entityType, getEntityName, viewLabel: viewLabelProp, deleteLabel: deleteLabelProp, refreshLabel: refreshLabelProp, createLabel: createLabelProp, CreateSheetComponent, hideToolbar, externalCreateSheetOpen, onExternalCreateSheetOpenChange, }: CRUDTabContentProps<T>): JSX.Element;
 
 export declare interface CRUDTabContentProps<T extends {
     id: number;
@@ -721,7 +750,7 @@ export declare interface DataRowProps {
     size?: 'sm' | 'md';
 }
 
-export declare function DataTable<TData>({ columns, getRowId, data, isLoading, error, pagination, onPageChange, onPageSizeChange, onPrefetchPage, pageSizeOptions, sortBy, sortDirection, onSortChange, searchValue, onSearchChange, searchPlaceholder, searchDebounceMs, fieldConfig, filters, onFiltersChange, enableRowSelection, rowSelection, onRowSelectionChange, bulkActions, rowActions, toolbarStart, toolbarEnd, className, emptyIcon, emptyTitle, emptyDescription, onRowClick, onRowHover, rowClassName, meta, headerColor, }: DataTableComponentProps<TData>): JSX.Element;
+export declare function DataTable<TData>({ columns, getRowId, data, isLoading, error, pagination, onPageChange, onPageSizeChange, onPrefetchPage, pageSizeOptions, sortBy, sortDirection, onSortChange, searchValue, onSearchChange, searchPlaceholder, searchDebounceMs, fieldConfig, filters, onFiltersChange, enableRowSelection, rowSelection, onRowSelectionChange, bulkActions, rowActions, toolbarStart, toolbarEnd, className, toolbarVariant, emptyIcon, emptyTitle, emptyDescription, onRowClick, onRowHover, rowClassName, meta, headerColor, }: DataTableComponentProps<TData>): JSX.Element;
 
 declare interface DataTableActions {
     setGeneralSearch: (value: string) => void;
@@ -790,6 +819,8 @@ declare interface DataTableComponentProps<TData> {
     toolbarStart?: React.ReactNode;
     toolbarEnd?: React.ReactNode;
     className?: string;
+    /** Toolbar color variant — applies themed background, text, and border colors */
+    toolbarVariant?: ToolbarVariant;
     emptyIcon?: React.ReactNode;
     emptyTitle?: string;
     emptyDescription?: string;
@@ -804,6 +835,8 @@ declare interface DataTableComponentProps<TData> {
 /** Customization props */
 export declare interface DataTableCustomizationProps<TData> {
     className?: string;
+    /** Toolbar color variant — applies themed background, text, and border colors */
+    toolbarVariant?: ToolbarVariant;
     emptyIcon?: ReactNode;
     emptyTitle?: string;
     emptyDescription?: string;
@@ -843,6 +876,28 @@ export declare interface DataTableLabels {
     clear: string;
     apply: string;
     operators: Record<string, string>;
+    columnHeader: {
+        sortAsc: string;
+        sortDesc: string;
+        clear: string;
+        hide: string;
+    };
+    simpleTable: {
+        searchPlaceholder: string;
+        emptyTitle: string;
+        errorTitle: string;
+        noResults: string;
+        noResultsHint: string;
+        resultCount: string;
+    };
+    filterBuilder: {
+        fieldPlaceholder: string;
+        operatorPlaceholder: string;
+        valuePlaceholder: string;
+        selectPlaceholder: string;
+        booleanYes: string;
+        booleanNo: string;
+    };
 }
 
 /** Pagination props */
@@ -1041,15 +1096,15 @@ declare interface DetailPageMetadataFooterProps {
 }
 
 export declare const deviceStatusColors: {
-    readonly ACTIVE: "bg-status-success/10 text-status-success-foreground border-status-success/30";
-    readonly INACTIVE: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30";
-    readonly MAINTENANCE: "bg-status-warning/10 text-status-warning border-status-warning/30";
-    readonly FAULTY: "bg-status-error/10 text-status-error border-status-error/30";
-    readonly ONLINE: "bg-status-success/10 text-status-success-foreground border-status-success/30";
-    readonly OFFLINE: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30";
-    readonly PENDING: "bg-status-warning/10 text-status-warning border-status-warning/30";
-    readonly CONNECTED: "bg-status-success/10 text-status-success-foreground border-status-success/30";
-    readonly DISCONNECTED: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30";
+    readonly ACTIVE: "bg-status-success/10 text-status-success-foreground border-status-success/30 ring-status-success/30";
+    readonly INACTIVE: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30 ring-status-neutral/30";
+    readonly MAINTENANCE: "bg-status-warning/10 text-status-warning border-status-warning/30 ring-status-warning/30";
+    readonly FAULTY: "bg-status-error/10 text-status-error border-status-error/30 ring-status-error/30";
+    readonly ONLINE: "bg-status-success/10 text-status-success-foreground border-status-success/30 ring-status-success/30";
+    readonly OFFLINE: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30 ring-status-neutral/30";
+    readonly PENDING: "bg-status-warning/10 text-status-warning border-status-warning/30 ring-status-warning/30";
+    readonly CONNECTED: "bg-status-success/10 text-status-success-foreground border-status-success/30 ring-status-success/30";
+    readonly DISCONNECTED: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30 ring-status-neutral/30";
 };
 
 export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
@@ -1227,6 +1282,8 @@ declare interface FileFieldProps<TFieldValues extends FieldValues> {
     errorHint?: string;
 }
 
+export declare const FILTER_CONTAINER_CLASSES = "flex flex-wrap items-center gap-2";
+
 export declare function FilterableListLayout({ fieldConfig, filters, onFiltersChange, filterPanelOpen, onFilterPanelToggle, searchValue, onSearchChange, searchPlaceholder, onRefresh, isRefreshing, activeFilterCount, toolbarStart, addButton, filterLabel, refreshLabel, children, className, }: FilterableListLayoutProps): JSX.Element;
 
 export declare interface FilterableListLayoutProps {
@@ -1275,12 +1332,13 @@ export declare interface FilterFieldRowProps {
 
 export declare type FilterOperator = 'EQUALS' | 'NOT_EQUALS' | 'CONTAINS' | 'STARTS_WITH' | 'ENDS_WITH' | 'GREATER_THAN' | 'GREATER_THAN_OR_EQUALS' | 'LESS_THAN' | 'LESS_THAN_OR_EQUALS' | 'IN' | 'NOT_IN' | 'BETWEEN' | 'IS_NULL' | 'IS_NOT_NULL';
 
-declare interface FilterPanelLabels {
+export declare interface FilterPanelLabels {
     title: string;
     apply: string;
     clearAll: string;
     clearChip: string;
     activeFilter: string;
+    quickFilters: string;
     empty: string;
     notEmpty: string;
     select: string;
@@ -1455,7 +1513,7 @@ export declare function getFilterDisplayValue(filter: FilterState): string;
 /**
  * Get status color classes for a given value from a color map
  */
-export declare function getStatusColor<T extends string>(value: T | null | undefined, colorMap: Record<T, string>, fallback?: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30"): string;
+export declare function getStatusColor<T extends string>(value: T | null | undefined, colorMap: Record<T, string>, fallback?: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30 ring-status-neutral/30"): string;
 
 /**
  * getTabDirection — Calculates slide direction based on tab index positions.
@@ -1573,6 +1631,24 @@ export declare interface JsonEditorLabels {
     formatSuccess: string;
     validJson: string;
     invalidJson: string;
+    noData: string;
+    createObject: string;
+    createArray: string;
+    expandAll: string;
+    collapseAll: string;
+    keys: string;
+    items: string;
+    rename: string;
+    changeType: string;
+    keyPlaceholder: string;
+    typeLabels: {
+        string: string;
+        number: string;
+        boolean: string;
+        object: string;
+        array: string;
+        null: string;
+    };
 }
 
 export declare function JsonEditorSection({ title, value, onChange, onSave, isSaving, editable, disabled, disabledReason, rows, maxViewHeight, placeholder, defaultOpen, }: JsonEditorSectionProps): JSX.Element;
@@ -1667,6 +1743,7 @@ export declare interface LenaUILabels {
     common: CommonLabels;
     deleteDialog: DeleteDialogLabels;
     filterPanel: FilterPanelLabels;
+    sidebar: SidebarLabels;
 }
 
 /**
@@ -1739,7 +1816,7 @@ export declare interface MetaInfo {
 
 export declare type MountStrategy = 'eager' | 'lazy-persist' | 'lazy-remount';
 
-export declare function MultiSelectField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder, searchPlaceholder, emptyText, options, maxItems, disabled, className, cols, errorHint, }: MultiSelectFieldProps<TFieldValues>): JSX.Element;
+export declare function MultiSelectField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder: placeholderProp, searchPlaceholder: searchPlaceholderProp, emptyText: emptyTextProp, options, maxItems, disabled, className, cols, errorHint, }: MultiSelectFieldProps<TFieldValues>): JSX.Element;
 
 declare interface MultiSelectFieldProps<TFieldValues extends FieldValues> {
     name: FieldPath<TFieldValues>;
@@ -1783,7 +1860,8 @@ declare interface NumberFieldProps<TFieldValues extends FieldValues> {
 }
 
 /**
- * Human-readable labels for filter operators
+ * Human-readable labels for filter operators.
+ * @deprecated Use `useLenaLabels('dataTable').operators` or `useLenaLabels('filterPanel').operators` instead.
  */
 export declare const OPERATOR_LABELS: Record<FilterOperator, string>;
 
@@ -1846,9 +1924,6 @@ export declare interface PagedResponse<T> {
     meta: MetaInfo;
 }
 
-/**
- * Page-level Error Boundary with full-page fallback
- */
 export declare function PageErrorBoundary({ children }: {
     children: ReactNode;
 }): JSX.Element;
@@ -1929,11 +2004,11 @@ export declare function PopoverContent({ className, align, sideOffset, ...props
 export declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
 
 export declare const priorityColors: {
-    readonly HIGH: "bg-status-error/10 text-status-error border-status-error/30";
-    readonly MEDIUM: "bg-status-warning/10 text-status-warning border-status-warning/30";
-    readonly LOW: "bg-status-info/10 text-status-info-foreground border-status-info/30";
-    readonly CRITICAL: "bg-status-error/10 text-status-error border-status-error/30";
-    readonly NORMAL: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30";
+    readonly HIGH: "bg-status-error/10 text-status-error border-status-error/30 ring-status-error/30";
+    readonly MEDIUM: "bg-status-warning/10 text-status-warning border-status-warning/30 ring-status-warning/30";
+    readonly LOW: "bg-status-info/10 text-status-info-foreground border-status-info/30 ring-status-info/30";
+    readonly CRITICAL: "bg-status-error/10 text-status-error border-status-error/30 ring-status-error/30";
+    readonly NORMAL: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30 ring-status-neutral/30";
 };
 
 export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
@@ -1955,10 +2030,10 @@ declare interface PropertyRowProps {
 }
 
 export declare const protocolTypeColors: {
-    readonly DLMS: "bg-status-info/10 text-status-info-foreground border-status-info/30";
-    readonly MODBUS: "bg-status-purple/10 text-status-purple-foreground border-status-purple/30";
-    readonly IEC_62056_21: "bg-accent-cyan/10 text-accent-cyan border-accent-cyan/30";
-    readonly ANSI_C12_18: "bg-status-warning/10 text-status-warning border-status-warning/30";
+    readonly DLMS: "bg-status-info/10 text-status-info-foreground border-status-info/30 ring-status-info/30";
+    readonly MODBUS: "bg-status-purple/10 text-status-purple-foreground border-status-purple/30 ring-status-purple/30";
+    readonly IEC_62056_21: "bg-accent-cyan/10 text-accent-cyan border-accent-cyan/30 ring-accent-cyan/30";
+    readonly ANSI_C12_18: "bg-status-warning/10 text-status-warning border-status-warning/30 ring-status-warning/30";
 };
 
 export declare function QuickActionTile({ title, description, icon, href, onClick, variant, badge, className, animationDelay, }: QuickActionTileProps): JSX.Element;
@@ -2031,9 +2106,9 @@ export declare function ResizablePanel({ ...props }: React.ComponentProps<typeof
 
 export declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof Group>): JSX.Element;
 
-export declare function resolveIcon(icon: IconProp): React.ComponentType<{
+export declare function resolveIcon(icon?: IconProp): React.ComponentType<{
     className?: string;
-}>;
+}> | null;
 
 /**
  * Common route param schemas
@@ -2107,9 +2182,6 @@ export declare interface SearchRequest {
     sortDirection: 'ASC' | 'DESC';
 }
 
-/**
- * Section-level Error Boundary with compact fallback
- */
 export declare function SectionErrorBoundary({ children, title, }: {
     children: ReactNode;
     title?: string;
@@ -2150,7 +2222,7 @@ export declare const selectActiveFilterCount: (state: DataTableStore) => number;
 
 export declare function SelectContent({ className, children, position, align, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
 
-export declare function SelectField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder, searchPlaceholder, emptyText, options, disabled, className, cols, errorHint, }: SelectFieldProps<TFieldValues>): JSX.Element;
+export declare function SelectField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder: placeholderProp, searchPlaceholder: searchPlaceholderProp, emptyText: emptyTextProp, options, disabled, className, cols, errorHint, }: SelectFieldProps<TFieldValues>): JSX.Element;
 
 declare interface SelectFieldProps<TFieldValues extends FieldValues> {
     name: FieldPath<TFieldValues>;
@@ -2274,14 +2346,28 @@ export declare function SheetTitle({ className, ...props }: React_2.ComponentPro
 
 export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
 
+declare interface SidebarLabels {
+    expand: string;
+    collapse: string;
+    expandAriaLabel: string;
+    collapseAriaLabel: string;
+}
+
+export declare interface SidebarNavGroup {
+    /** Optional section label (e.g. "INVENTORY", "COMMUNICATION") */
+    label?: string;
+    items: SidebarNavItem[];
+}
+
 export declare interface SidebarNavItem {
     title: string;
     href: string;
-    icon: IconProp;
+    /** Icon for the nav item. Shown for both top-level and child items. */
+    icon?: IconProp;
     children?: SidebarNavItem[];
 }
 
-export declare function SimpleDataTable<TData>({ columns, data, getRowId, isLoading, error, meta, enableSearch, searchPlaceholder, searchColumn, emptyIcon, emptyTitle, emptyDescription, onRowClick, rowClassName, className, loadingRows, headerColor, }: SimpleDataTableProps<TData>): JSX.Element;
+export declare function SimpleDataTable<TData>({ columns, data, getRowId, isLoading, error, meta, enableSearch, searchPlaceholder: searchPlaceholderProp, searchColumn, emptyIcon, emptyTitle: emptyTitleProp, emptyDescription, onRowClick, rowClassName, className, loadingRows, headerColor, }: SimpleDataTableProps<TData>): JSX.Element;
 
 declare interface SimpleDataTableProps<TData> {
     /** Column definitions */
@@ -2398,15 +2484,19 @@ export declare type StatusColor = keyof typeof statusColors;
  * Semantic colors with consistent light/dark mode support.
  */
 export declare const statusColors: {
-    readonly success: "bg-status-success/10 text-status-success-foreground border-status-success/30";
-    readonly warning: "bg-status-warning/10 text-status-warning border-status-warning/30";
-    readonly error: "bg-status-error/10 text-status-error border-status-error/30";
-    readonly info: "bg-status-info/10 text-status-info-foreground border-status-info/30";
-    readonly neutral: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30";
-    readonly accent: "bg-accent-cyan/10 text-accent-cyan border-accent-cyan/30";
-    readonly purple: "bg-status-purple/10 text-status-purple-foreground border-status-purple/30";
+    readonly success: "bg-status-success/10 text-status-success-foreground border-status-success/30 ring-status-success/30";
+    readonly warning: "bg-status-warning/10 text-status-warning border-status-warning/30 ring-status-warning/30";
+    readonly error: "bg-status-error/10 text-status-error border-status-error/30 ring-status-error/30";
+    readonly info: "bg-status-info/10 text-status-info-foreground border-status-info/30 ring-status-info/30";
+    readonly neutral: "bg-status-neutral/10 text-status-neutral-foreground border-status-neutral/30 ring-status-neutral/30";
+    readonly accent: "bg-accent-cyan/10 text-accent-cyan border-accent-cyan/30 ring-accent-cyan/30";
+    readonly purple: "bg-status-purple/10 text-status-purple-foreground border-status-purple/30 ring-status-purple/30";
 };
 
+export declare const STICKY_CELL_CLASSES = "sticky right-0 z-[1] bg-card group-hover:bg-muted border-l border-border/60";
+
+export declare const STICKY_HEADER_CLASSES = "sticky right-0 z-20 border-l border-border/60";
+
 /**
  * Submit button that automatically shows loading state during form submission.
  *
@@ -2542,6 +2632,14 @@ export declare interface TabConfig {
 
 export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
 
+export declare const TABLE_CELL_CLASSES = "px-2.5 py-1.5 text-xs";
+
+export declare const TABLE_CONTAINER_CLASSES = "isolate rounded-lg border border-border/80 bg-card overflow-clip shadow-sm";
+
+export declare const TABLE_HEADER_CLASSES = "px-2 py-0.5 text-xs font-semibold uppercase tracking-wider transition-colors";
+
+export declare const TABLE_HEADER_ROW_CLASSES = "hover:bg-transparent border-b border-border/80";
+
 export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
 
 export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
@@ -2707,6 +2805,9 @@ export declare interface ToolbarEntityLabelProps {
     className?: string;
 }
 
+/** Available toolbar color variants */
+declare type ToolbarVariant = 'dark' | 'cherry' | 'emerald' | 'amber';
+
 export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
 
 export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
@@ -2740,14 +2841,12 @@ declare interface TreeNodeOperation {
 
 export declare const trLabels: LenaUILabels;
 
-export declare function UnderConstructionPage({ title, description, goBackLabel, homeLabel, onGoBack, onGoHome, }: UnderConstructionPageProps): JSX.Element;
+export declare function UnderConstructionPage({ title, description, homeLabel, onGoHome, }: UnderConstructionPageProps): JSX.Element;
 
 export declare interface UnderConstructionPageProps {
     title?: string;
     description?: string;
-    goBackLabel?: string;
     homeLabel?: string;
-    onGoBack?: () => void;
     onGoHome?: () => void;
 }
 
@@ -3092,7 +3191,7 @@ export declare function usePrefetch<TData>({ detailKey, listKey, fetchDetail, fe
 
 declare interface UsePrefetchOptions<TData> {
     /** Query key factory for detail queries */
-    detailKey: (id: number) => QueryKey;
+    detailKey?: (id: number) => QueryKey;
     /** Query key factory for list queries */
     listKey: (params: SearchRequest) => QueryKey;
     /** Function to fetch detail data */
@@ -3203,5 +3302,7 @@ declare module '@tanstack/react-table' {
         sortField?: string;
         /** Sticky column positioning */
         sticky?: 'right' | 'left';
+        /** Column content alignment — automatically applied to header and cell */
+        align?: 'left' | 'center' | 'right';
     }
 }