@alepha/ui 0.16.1 → 0.17.0

package/dist/core/index.d.ts

@@ -1,12 +1,12 @@
-import * as alepha1 from "alepha";
+import * as alepha from "alepha";
 import { Alepha, Async, Page, PageMetadata, Static, TObject, TProperties } from "alepha";
 import { BaseInputField, FormModel } from "alepha/react/form";
 import * as alepha_react_head0 from "alepha/react/head";
 import * as alepha_server_cookies0 from "alepha/server/cookies";
-import { AnchorProps, AppShellFooterProps, AppShellHeaderProps, AppShellMainProps, AppShellNavbarProps, AppShellProps, AutocompleteProps, BurgerProps, ButtonProps, ColorInputProps, ColorSchemeScriptProps, ContainerProps, FileInputProps, Flex, FlexProps, MantineBreakpoint, MantineProviderProps, MantineThemeOverride, MenuProps, MenuTargetProps, ModalProps, MultiSelectProps, NumberInputProps, PasswordInputProps, SegmentedControlProps, SelectProps, SliderProps, SwitchProps, TableProps, TableTrProps, TagsInputProps, Text, TextInputProps, TextareaProps, ThemeIconProps, TooltipProps } from "@mantine/core";
+import { AnchorProps, AppShellFooterProps, AppShellHeaderProps, AppShellMainProps, AppShellNavbarProps, AppShellProps, AutocompleteProps, BurgerProps, ButtonProps, ColorInputProps, ColorSchemeScriptProps, ContainerProps, DrawerProps, FileInputProps, Flex, FlexProps, MantineBreakpoint, MantineProviderProps, MantineThemeOverride, MenuProps, MenuTargetProps, ModalProps, MultiSelectProps, NumberInputProps, PasswordInputProps, SegmentedControlProps, SelectProps, SliderProps, SwitchProps, TableProps, TableTrProps, TagsInputProps, Text, TextInputProps, TextareaProps, ThemeIconProps, TooltipProps } from "@mantine/core";
 import { ModalsProviderProps } from "@mantine/modals";
 import { ComponentType, ReactElement, ReactNode } from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _mantine_notifications0 from "@mantine/notifications";
 import { NotificationData, NotificationsProps } from "@mantine/notifications";
 import * as alepha_react_router0 from "alepha/react/router";
@@ -17,56 +17,56 @@ import { DateInputProps, DateTimePickerProps, TimeInputProps } from "@mantine/da
 import { DurationLike } from "alepha/datetime";
 
 //#region ../../src/core/atoms/alephaSidebarAtom.d.ts
-declare const alephaSidebarAtom: alepha1.Atom<alepha1.TObject<{
+declare const alephaSidebarAtom: alepha.Atom<alepha.TObject<{
   /**
    * Whether the sidebar is opened or closed (mobile).
    */
-  opened: alepha1.TBoolean;
+  opened: alepha.TBoolean;
   /**
    * Whether the sidebar is collapsed (narrow) or expanded (wide).
    */
-  collapsed: alepha1.TBoolean;
+  collapsed: alepha.TBoolean;
   /**
    * Current width of the sidebar when expanded (can be changed by resizing).
    * @default 300
    */
-  width: alepha1.TNumber;
+  width: alepha.TNumber;
   /**
    * Default width used when expanding from collapsed state or on hover.
    * @default 300
    */
-  defaultWidth: alepha1.TNumber;
+  defaultWidth: alepha.TNumber;
   /**
    * Width of the sidebar when collapsed.
    * @default 78
    */
-  collapsedWidth: alepha1.TNumber;
+  collapsedWidth: alepha.TNumber;
   /**
    * Maximum width when resizing.
    * @default 500
    */
-  maxWidth: alepha1.TNumber;
+  maxWidth: alepha.TNumber;
   /**
    * Minimum width before auto-collapse triggers.
    * @default 150
    */
-  collapseThreshold: alepha1.TNumber;
+  collapseThreshold: alepha.TNumber;
   /**
    * Delay in ms before sidebar expands on hover when collapsed.
    * @default 300
    */
-  hoverDelay: alepha1.TNumber;
+  hoverDelay: alepha.TNumber;
 }>, "alepha.ui.sidebar">;
 type AlephaSidebarState = Static<typeof alephaSidebarAtom.schema>;
 //#endregion
 //#region ../../src/core/atoms/alephaThemeAtom.d.ts
-declare const alephaThemeAtom: alepha1.Atom<alepha1.TObject<{
-  index: alepha1.TInteger;
+declare const alephaThemeAtom: alepha.Atom<alepha.TObject<{
+  index: alepha.TInteger;
 }>, "alepha.ui.theme">;
 type CurrentAlephaTheme = Static<typeof alephaThemeAtom.schema>;
 //#endregion
 //#region ../../src/core/atoms/alephaThemeListAtom.d.ts
-declare const alephaThemeListAtom: alepha1.Atom<alepha1.TArray<alepha1.TRecord<string, alepha1.TAny>>, "alepha.ui.themeList">;
+declare const alephaThemeListAtom: alepha.Atom<alepha.TArray<alepha.TRecord<string, alepha.TAny>>, "alepha.ui.themeList">;
 type AlephaThemeListAtom = Static<typeof alephaThemeListAtom.schema>;
 //#endregion
 //#region ../../src/core/utils/parseInput.d.ts
@@ -77,6 +77,7 @@ interface GenericControlProps {
   icon?: ReactElement | ((props: {
     size: number;
   }) => ReactNode);
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
 }
 //#endregion
 //#region ../../src/core/components/form/ControlArray.d.ts
@@ -132,6 +133,7 @@ interface ControlArrayProps extends GenericControlProps {
  * - Supports arrays of primitives
  * - Grid layout for object items
  * - Min/max constraints
+ * - Syncs with form state (handles external updates and resets)
  *
  * @example
  * ```tsx
@@ -153,7 +155,7 @@ interface ControlArrayProps extends GenericControlProps {
  * />
  * ```
  */
-declare const ControlArray: (props: ControlArrayProps) => react_jsx_runtime10.JSX.Element | null;
+declare const ControlArray: (props: ControlArrayProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlNumber.d.ts
 interface ControlNumberProps extends GenericControlProps {
@@ -163,7 +165,7 @@ interface ControlNumberProps extends GenericControlProps {
 /**
  *
  */
-declare const ControlNumber: (props: ControlNumberProps) => react_jsx_runtime10.JSX.Element | null;
+declare const ControlNumber: (props: ControlNumberProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlObject.d.ts
 interface ControlObjectProps extends GenericControlProps {
@@ -217,7 +219,7 @@ interface ControlObjectProps extends GenericControlProps {
  * />
  * ```
  */
-declare const ControlObject: (props: ControlObjectProps) => react_jsx_runtime10.JSX.Element | null;
+declare const ControlObject: (props: ControlObjectProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlSelect.d.ts
 type SelectValueLabel = string | {
@@ -246,7 +248,7 @@ interface ControlSelectProps extends GenericControlProps {
  *
  * Automatically detects enum values and array types from schema.
  */
-declare const ControlSelect: (props: ControlSelectProps) => react_jsx_runtime10.JSX.Element | null;
+declare const ControlSelect: (props: ControlSelectProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/Control.d.ts
 interface ControlProps extends GenericControlProps {
@@ -292,7 +294,7 @@ interface ControlProps extends GenericControlProps {
  *
  * Automatically handles labels, descriptions, error messages, required state, and default icons.
  */
-declare const Control: (_props: ControlProps) => react_jsx_runtime10.JSX.Element | null;
+declare const Control: (_props: ControlProps) => react_jsx_runtime0.JSX.Element | null;
 type CustomControlProps = {
   defaultValue: any;
   onChange: (value: any) => void;
@@ -415,7 +417,7 @@ interface ActionCommonProps extends ButtonProps {
   intent?: "primary" | "success" | "danger" | "warning" | "info" | "none";
 }
 type ActionProps = ActionCommonProps & (ActionNavigationButtonProps | ActionClickButtonProps | ActionSubmitButtonProps | ActionHookButtonProps | {});
-declare const ActionButton: (_props: ActionProps) => react_jsx_runtime10.JSX.Element;
+declare const ActionButton: (_props: ActionProps) => react_jsx_runtime0.JSX.Element;
 interface ActionSubmitButtonProps extends ButtonProps {
   form: FormModel<any>;
   type?: "submit" | "reset";
@@ -425,6 +427,7 @@ interface ActionHookButtonProps extends ButtonProps {
 }
 interface ActionClickButtonProps extends ButtonProps {
   onClick: (e: any) => any;
+  preventDefault?: boolean;
 }
 interface ActionNavigationButtonProps extends ButtonProps {
   href: string;
@@ -438,7 +441,7 @@ interface ActionNavigationButtonProps extends ButtonProps {
 //#endregion
 //#region ../../src/core/components/buttons/BurgerButton.d.ts
 interface BurgerButtonProps extends BurgerProps {}
-declare const BurgerButton: (props: BurgerButtonProps) => react_jsx_runtime10.JSX.Element;
+declare const BurgerButton: (props: BurgerButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/ClipboardButton.d.ts
 interface ClipboardButtonProps extends Omit<ActionCommonProps, "onClick" | "icon"> {
@@ -459,7 +462,7 @@ interface ClipboardButtonProps extends Omit<ActionCommonProps, "onClick" | "icon
    */
   copiedLabel?: string;
 }
-declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtime10.JSX.Element;
+declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/DarkModeButton.d.ts
 /**
@@ -469,24 +472,24 @@ declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtim
  * Both icons are rendered, CSS hides the wrong one based on
  * `data-mantine-color-scheme` attribute.
  */
-declare const DarkModeButton: (props: Partial<ActionProps>) => react_jsx_runtime10.JSX.Element;
+declare const DarkModeButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/LanguageButton.d.ts
-declare const LanguageButton: (props: Partial<ActionProps>) => react_jsx_runtime10.JSX.Element;
+declare const LanguageButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/OmnibarButton.d.ts
 interface OmnibarButtonProps {
   actionProps?: ActionProps;
   collapsed?: boolean;
 }
-declare const OmnibarButton: (props: OmnibarButtonProps) => react_jsx_runtime10.JSX.Element;
+declare const OmnibarButton: (props: OmnibarButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/ThemeButton.d.ts
-declare const ThemeButton: (props: Partial<ActionProps>) => react_jsx_runtime10.JSX.Element;
+declare const ThemeButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/ToggleSidebarButton.d.ts
 type Props = ActionProps;
-declare const ToggleSidebarButton: (props: Props) => react_jsx_runtime10.JSX.Element;
+declare const ToggleSidebarButton: (props: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/services/DialogService.d.ts
 interface BaseDialogOptions extends Partial<ModalProps> {
@@ -573,19 +576,19 @@ declare class DialogService {
 declare const AlertDialog: ({
   options,
   onClose
-}: AlertDialogProps) => react_jsx_runtime10.JSX.Element;
+}: AlertDialogProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/dialogs/ConfirmDialog.d.ts
 declare const ConfirmDialog: ({
   options,
   onConfirm
-}: ConfirmDialogProps) => react_jsx_runtime10.JSX.Element;
+}: ConfirmDialogProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/dialogs/PromptDialog.d.ts
 declare const PromptDialog: ({
   options,
   onSubmit
-}: PromptDialogProps) => react_jsx_runtime10.JSX.Element;
+}: PromptDialogProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/form/ControlDate.d.ts
 interface ControlDateProps extends GenericControlProps {
@@ -603,7 +606,7 @@ interface ControlDateProps extends GenericControlProps {
  *
  * Automatically detects date formats from schema and renders appropriate picker.
  */
-declare const ControlDate: (props: ControlDateProps) => react_jsx_runtime10.JSX.Element | null;
+declare const ControlDate: (props: ControlDateProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlQueryBuilder.d.ts
 interface ControlQueryBuilderProps extends Omit<TextInputProps, "value" | "onChange"> {
@@ -622,7 +625,7 @@ declare const ControlQueryBuilder: ({
   onChange,
   placeholder,
   ...textInputProps
-}: ControlQueryBuilderProps) => react_jsx_runtime10.JSX.Element;
+}: ControlQueryBuilderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/form/TypeForm.d.ts
 interface TypeFormProps<T extends TObject> {
@@ -652,6 +655,7 @@ interface TypeFormProps<T extends TObject> {
   resetButtonProps?: Partial<Omit<ActionSubmitButtonProps, "form">>;
   fill?: boolean;
   flexProps?: FlexProps;
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
 }
 /**
  * TypeForm component that automatically renders all form inputs based on schema.
@@ -694,7 +698,27 @@ interface TypeFormProps<T extends TObject> {
  * return <TypeForm form={form} columns={2} />;
  * ```
  */
-declare const TypeForm: <T extends TObject>(props: TypeFormProps<T>) => react_jsx_runtime10.JSX.Element | null;
+declare const TypeForm: <T extends TObject>(props: TypeFormProps<T>) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region ../../src/core/components/layout/Omnibar.d.ts
+interface OmnibarProps {
+  shortcut?: string | string[];
+  searchPlaceholder?: string;
+  nothingFound?: ReactNode;
+}
+declare const Omnibar: (props: OmnibarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/layout/AlephaMantineProvider.d.ts
+interface AlephaMantineProviderProps {
+  children?: ReactNode;
+  mantine?: MantineProviderProps;
+  colorSchemeScript?: ColorSchemeScriptProps;
+  navigationProgress?: NavigationProgressProps;
+  notifications?: NotificationsProps;
+  modals?: ModalsProviderProps;
+  omnibar?: OmnibarProps | false;
+}
+declare const AlephaMantineProvider: (props: AlephaMantineProviderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/layout/AppBar.d.ts
 type AppBarItem = AppBarElement | AppBarBurger | AppBarDark | AppBarSearch | AppBarLang | AppBarSpacer | AppBarDivider | AppBarLogo | AppBarBack;
@@ -801,7 +825,42 @@ interface AppBarProps {
    */
   container?: boolean | ContainerProps;
 }
-declare const AppBar: (props: AppBarProps) => react_jsx_runtime10.JSX.Element;
+declare const AppBar: (props: AppBarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/layout/Breadcrumb.d.ts
+interface BreadcrumbProps extends FlexProps {
+  /**
+   * Label for the home/root crumb. Set to `false` to hide the root crumb.
+   *
+   * @default "Home"
+   */
+  home?: string | false;
+  /**
+   * Custom separator between crumbs.
+   *
+   * @default IconChevronRight
+   */
+  separator?: ReactNode;
+  /**
+   * Size of text and separator icons.
+   *
+   * @default "xs"
+   */
+  size?: string;
+}
+/**
+ * Automatic breadcrumb component that reads the current route hierarchy
+ * from the Alepha router's layer stack.
+ *
+ * Pages should define a `label` in their `$page()` options for best results.
+ * Falls back to the page name converted to Title Case.
+ */
+declare const Breadcrumb: ({
+  home,
+  separator,
+  size,
+  ...groupProps
+}: BreadcrumbProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/layout/Sidebar.d.ts
 interface SidebarProps {
@@ -815,6 +874,11 @@ interface SidebarProps {
   hide?: {
     paths?: string[];
   };
+  /**
+   * Whether the sidebar expands on hover when collapsed.
+   * @default true
+   */
+  expandOnHover?: boolean;
   /**
    * Automatically populate the menu from the router's pages.
    */
@@ -822,7 +886,7 @@ interface SidebarProps {
     startsWith: string;
   };
 }
-declare const Sidebar: (props: SidebarProps) => react_jsx_runtime10.JSX.Element;
+declare const Sidebar: (props: SidebarProps) => react_jsx_runtime0.JSX.Element;
 interface SidebarItemProps {
   item: SidebarMenuItem;
   level: number;
@@ -847,6 +911,7 @@ interface SidebarSpacer extends SidebarAbstractItem {
 }
 interface SidebarDivider extends SidebarAbstractItem {
   type: "divider";
+  fill?: true;
 }
 interface SidebarSearch extends SidebarAbstractItem {
   type: "search";
@@ -858,6 +923,7 @@ interface SidebarSection extends SidebarAbstractItem {
   type: "section";
   label: string;
   icon?: ReactNode | ComponentType;
+  children?: SidebarNode[];
 }
 interface SidebarMenuItem extends SidebarAbstractItem {
   label: string | ReactNode;
@@ -882,8 +948,8 @@ interface SidebarTheme {
   search?: SidebarButtonTheme;
 }
 //#endregion
-//#region ../../src/core/components/layout/AdminShell.d.ts
-interface AdminShellProps {
+//#region ../../src/core/components/layout/DashboardShell.d.ts
+interface DashboardShellProps {
   appShellProps?: Partial<AppShellProps>;
   appShellMainProps?: Partial<AppShellMainProps>;
   appShellHeaderProps?: Partial<AppShellHeaderProps>;
@@ -894,6 +960,30 @@ interface AdminShellProps {
   header?: ReactNode;
   footer?: ReactNode;
   children?: ReactNode;
+  /**
+   * AppShell layout mode.
+   * - "default": header/footer span full width, navbar below header.
+   * - "alt": navbar is full height, header/footer offset by navbar width.
+   */
+  layout?: "default" | "alt";
+  /**
+   * Content rendered above the Sidebar inside the navbar (e.g. logo).
+   */
+  navbarHeader?: ReactNode;
+  /**
+   * Content rendered below the Sidebar inside the navbar (e.g. toggle button).
+   */
+  navbarFooter?: ReactNode;
+  /**
+   * Height of the header bar in pixels.
+   * @default 60
+   */
+  headerHeight?: number;
+  /**
+   * Height of the footer bar in pixels.
+   * @default 24
+   */
+  footerHeight?: number;
   /**
    * Enable drag-to-resize for the sidebar.
    * Width and constraints are configured in alephaSidebarAtom.
@@ -911,29 +1001,12 @@ interface AdminShellProps {
    */
   container?: boolean | ContainerProps;
 }
-declare const AdminShell: (props: AdminShellProps) => react_jsx_runtime10.JSX.Element;
-//#endregion
-//#region ../../src/core/components/layout/Omnibar.d.ts
-interface OmnibarProps {
-  shortcut?: string | string[];
-  searchPlaceholder?: string;
-  nothingFound?: ReactNode;
-}
-declare const Omnibar: (props: OmnibarProps) => react_jsx_runtime10.JSX.Element;
-//#endregion
-//#region ../../src/core/components/layout/AlephaMantineProvider.d.ts
-interface AlephaMantineProviderProps {
-  children?: ReactNode;
-  mantine?: MantineProviderProps;
-  colorSchemeScript?: ColorSchemeScriptProps;
-  navigationProgress?: NavigationProgressProps;
-  notifications?: NotificationsProps;
-  modals?: ModalsProviderProps;
-  omnibar?: OmnibarProps | false;
-}
-declare const AlephaMantineProvider: (props: AlephaMantineProviderProps) => react_jsx_runtime10.JSX.Element;
+declare const DashboardShell: (props: DashboardShellProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/components/table/types.d.ts
+type DataTableRowAction = ActionProps & {
+  visible?: boolean;
+};
 interface ColumnVisibility {
   [key: string]: boolean;
 }
@@ -947,7 +1020,7 @@ interface DataTableColumnContext<Filters extends TObject> {
 }
 interface DataTableColumn<T extends object, Filters extends TObject> {
   label: string;
-  value: (item: T, ctx: DataTableColumnContext<Filters>) => ReactNode;
+  value?: (item: T, ctx: DataTableColumnContext<Filters>) => ReactNode;
   fit?: boolean;
   /**
    * Enable sorting for this column. When true, clicking the header will sort by this column.
@@ -958,6 +1031,16 @@ interface DataTableColumn<T extends object, Filters extends TObject> {
    * Follows Alepha sort convention: 'field' for ASC, '-field' for DESC.
    */
   sortKey?: string;
+  /**
+   * Row-level actions rendered as ActionButtons.
+   * Defaults: variant="subtle", size="xs", preventDefault=true.
+   * Use `visible` on each action to conditionally show/hide.
+   */
+  actions?: (item: T, ctx: DataTableColumnContext<Filters>) => DataTableRowAction[];
+  /**
+   * Hide this column by default. Users can show it via the column picker.
+   */
+  defaultHidden?: boolean;
 }
 type MaybePage<T> = Omit<Page<T>, "page"> & {
   page?: Partial<PageMetadata>;
@@ -997,18 +1080,29 @@ interface DataTableProps<T extends object, Filters extends TObject> {
    * Optional filters to apply to the data.
    */
   filters?: TObject;
-  panel?: (item: T) => ReactNode;
-  canPanel?: (item: T) => boolean;
+  panel?: ((item: T) => ReactNode) | {
+    render: (item: T) => ReactNode;
+    can?: (item: T) => boolean;
+  };
+  drawer?: ((item: T) => ReactNode) | {
+    render: (item: T) => ReactNode;
+    can?: (item: T) => boolean;
+    props?: Omit<DrawerProps, "opened" | "onClose" | "children">;
+  };
   submitOnInit?: boolean;
   submitEvery?: DurationLike;
-  withLineNumbers?: boolean;
+  /**
+   * Enable export button in toolbar (CSV download + clipboard copy).
+   */
+  withExport?: boolean;
   /**
    * Enable row selection with checkboxes. When true, a checkbox column is added as the first column.
    */
   withCheckbox?: boolean;
   /**
-   * Function to get a unique key for each item. Required when withCheckbox is true.
-   * Used to track selected items across pagination.
+   * Function to get a unique key for each item.
+   * Used to track selected items, panel expansion, and drawer identity.
+   * Falls back to item.id then JSON.stringify if not provided.
    */
   getItemKey?: (item: T) => string;
   /**
@@ -1023,25 +1117,9 @@ interface DataTableProps<T extends object, Filters extends TObject> {
    */
   infinityScroll?: boolean;
   /**
-   * Initial column visibility state. By default, first 10 columns are visible.
-   */
-  defaultColumnVisibility?: ColumnVisibility;
-  /**
-   * Maximum number of columns to show by default. Default is 10.
+   * Filter keys to show by default. Default: none (empty array).
    */
-  defaultVisibleColumnCount?: number;
-  /**
-   * Callback when column visibility changes.
-   */
-  onColumnVisibilityChange?: (visibility: ColumnVisibility) => void;
-  /**
-   * Initial filter visibility state. By default, all filters are visible.
-   */
-  defaultFilterVisibility?: FilterVisibility;
-  /**
-   * Callback when filter visibility changes.
-   */
-  onFilterVisibilityChange?: (visibility: FilterVisibility) => void;
+  defaultFilters?: string[];
   /**
    * Props to pass to the Mantine Table component.
    */
@@ -1053,7 +1131,7 @@ interface DataTableProps<T extends object, Filters extends TObject> {
 }
 //#endregion
 //#region ../../src/core/components/table/DataTable.d.ts
-declare const DataTable: <T extends object, Filters extends TObject>(props: DataTableProps<T, Filters>) => react_jsx_runtime10.JSX.Element;
+declare const DataTable: <T extends object, Filters extends TObject>(props: DataTableProps<T, Filters>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region ../../src/core/constants/ui.d.ts
 declare const ui: {
@@ -1126,8 +1204,8 @@ declare const useToast: () => ToastService;
 //#region ../../src/core/providers/ThemeProvider.d.ts
 declare class ThemeProvider {
   protected readonly alepha: Alepha;
-  protected readonly cookie: alepha_server_cookies0.AbstractCookiePrimitive<alepha1.TObject<{
-    index: alepha1.TInteger;
+  protected readonly cookie: alepha_server_cookies0.AbstractCookiePrimitive<alepha.TObject<{
+    index: alepha.TInteger;
   }>>;
   protected readonly head: alepha_react_head0.HeadPrimitive;
   setTheme(index: number): void;
@@ -1185,13 +1263,25 @@ declare const getDefaultIcon: (params: {
  * capitalize("hello") // "Hello"
  */
 declare const capitalize: (str: string) => string;
+/**
+ * Converts camelCase or snake_case to Title Case with spaces.
+ *
+ * @example
+ * toTitleCase("userName") // "User Name"
+ * toTitleCase("first_name") // "First Name"
+ * toTitleCase("email") // "Email"
+ */
+declare const toTitleCase: (str: string) => string;
 /**
  * Converts a path or identifier string into a pretty display name.
- * Removes slashes and capitalizes the first letter.
+ * For paths like "/contacts/0/name", extracts just the field name "Name".
+ * Handles camelCase and snake_case conversion to Title Case.
  *
  * @example
- * prettyName("/userName") // "UserName"
- * prettyName("email") // "Email"
+ * prettyName("/userName") // "User Name"
+ * prettyName("/contacts/0/email") // "Email"
+ * prettyName("/address/streetName") // "Street Name"
+ * prettyName("first_name") // "First Name"
  */
 declare const prettyName: (name: string) => string;
 //#endregion
@@ -1241,7 +1331,7 @@ declare module "alepha/react/router" {
  * - AlertDialog, ConfirmDialog, PromptDialog
  * - Form controls: Control, ControlArray, ControlDate, ControlNumber, ControlObject, ControlSelect, ControlQueryBuilder
  * - TypeForm for automatic form generation from TypeBox schemas
- * - AdminShell layout component
+ * - DashboardShell layout component
  * - AppBar with configurable elements
  * - Sidebar navigation with sections and menu items
  * - Omnibar for command palette / search
@@ -1251,7 +1341,7 @@ declare module "alepha/react/router" {
  *
  * @module alepha.ui
  */
-declare const AlephaUI: alepha1.Service<alepha1.Module>;
+declare const AlephaUI: alepha.Service<alepha.Module>;
 /**
  * Convenience function to configure and inject the UiRouter.
  */
@@ -1259,5 +1349,5 @@ declare const $ui: (options?: {
   themes?: AlephaThemeListAtom;
 }) => UiRouter;
 //#endregion
-export { $ui, ActionButton, type ActionClickButtonProps, type ActionCommonProps, type ActionMenuConfig, type ActionMenuItem, type ActionNavigationButtonProps, type ActionProps, type ActionSubmitButtonProps, AdminShell, type AdminShellProps, AlephaMantineProvider, AlephaSidebarState, AlephaThemeListAtom, AlephaUI, AlertDialog, type AlertDialogOptions, type AlertDialogProps, AppBar, type AppBarBurger, type AppBarDark, type AppBarDivider, type AppBarElement, type AppBarItem, type AppBarLang, type AppBarProps, type AppBarSearch, type AppBarSpacer, type BaseDialogOptions, BurgerButton, type CheckboxAction, type CheckboxActionContext, ClipboardButton, type ClipboardButtonProps, type ColumnVisibility, ConfirmDialog, type ConfirmDialogOptions, type ConfirmDialogProps, Control, ControlArray, ControlDate, ControlNumber, ControlObject, ControlQueryBuilder, ControlSelect, CurrentAlephaTheme, DarkModeButton, DataTable, type DataTableColumn, type DataTableColumnContext, type DataTableProps, type DataTableSubmitContext, DialogService, type FilterVisibility, Flex, IconSize, LanguageButton, type MaybePage, OPERATOR_INFO, Omnibar, OmnibarButton, PromptDialog, type PromptDialogOptions, type PromptDialogProps, SchemaField, Sidebar, type SidebarAbstractItem, type SidebarButtonTheme, type SidebarDivider, type SidebarElement, type SidebarItemProps, type SidebarMenuItem, type SidebarNode, type SidebarProps, type SidebarSearch, type SidebarSection, type SidebarSpacer, type SidebarTheme, Text, ThemeButton, ThemeProvider, ToastService, ToggleSidebarButton, TypeForm, UiRouter, alephaSidebarAtom, alephaThemeAtom, alephaThemeListAtom, capitalize, defaultTheme, extractSchemaFields, getDefaultIcon, getOperatorsForField, midnightTheme, prettyName, ui, useDialog, useToast };
+export { $ui, ActionButton, type ActionClickButtonProps, type ActionCommonProps, type ActionMenuConfig, type ActionMenuItem, type ActionNavigationButtonProps, type ActionProps, type ActionSubmitButtonProps, DashboardShell as AdminShell, DashboardShell, type DashboardShellProps as AdminShellProps, type DashboardShellProps, AlephaMantineProvider, AlephaSidebarState, AlephaThemeListAtom, AlephaUI, AlertDialog, type AlertDialogOptions, type AlertDialogProps, AppBar, type AppBarBurger, type AppBarDark, type AppBarDivider, type AppBarElement, type AppBarItem, type AppBarLang, type AppBarProps, type AppBarSearch, type AppBarSpacer, type BaseDialogOptions, Breadcrumb, type BreadcrumbProps, BurgerButton, type CheckboxAction, type CheckboxActionContext, ClipboardButton, type ClipboardButtonProps, type ColumnVisibility, ConfirmDialog, type ConfirmDialogOptions, type ConfirmDialogProps, Control, ControlArray, ControlDate, ControlNumber, ControlObject, ControlQueryBuilder, ControlSelect, CurrentAlephaTheme, DarkModeButton, DataTable, type DataTableColumn, type DataTableColumnContext, type DataTableProps, type DataTableSubmitContext, DialogService, type FilterVisibility, Flex, IconSize, LanguageButton, type MaybePage, OPERATOR_INFO, Omnibar, OmnibarButton, PromptDialog, type PromptDialogOptions, type PromptDialogProps, SchemaField, Sidebar, type SidebarAbstractItem, type SidebarButtonTheme, type SidebarDivider, type SidebarElement, type SidebarItemProps, type SidebarMenuItem, type SidebarNode, type SidebarProps, type SidebarSearch, type SidebarSection, type SidebarSpacer, type SidebarTheme, Text, ThemeButton, ThemeProvider, ToastService, ToggleSidebarButton, TypeForm, UiRouter, alephaSidebarAtom, alephaThemeAtom, alephaThemeListAtom, capitalize, defaultTheme, extractSchemaFields, getDefaultIcon, getOperatorsForField, midnightTheme, prettyName, toTitleCase, ui, useDialog, useToast };
 //# sourceMappingURL=index.d.ts.map