@alepha/ui 0.17.2 → 0.18.1

package/dist/core/index.d.ts

@@ -3,10 +3,11 @@ import { Alepha, Async, Page, PageMetadata, Static, TObject, TProperties } from
 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, 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 { AnchorProps, AppShellFooterProps, AppShellHeaderProps, AppShellMainProps, AppShellNavbarProps, AppShellProps, AutocompleteProps, BurgerProps, ButtonProps, ColorInputProps, ColorSchemeScriptProps, ContainerProps as ContainerProps$1, DrawerProps, FileInputProps, FlexProps as FlexProps$1, MantineBreakpoint, MantineProviderProps, MantineSize, MantineThemeOverride, MenuProps, MenuTargetProps, ModalProps, MultiSelectProps, NumberInputProps, PasswordInputProps, SegmentedControlProps, SelectProps, SliderProps, SwitchProps, TableProps, TableTrProps, TagsInputProps, TextInputProps, TextProps as TextProps$1, TextareaProps, ThemeIconProps, TooltipProps } from "@mantine/core";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+import { ComponentType, ReactElement, ReactNode } from "react";
 import * as _mantine_notifications0 from "@mantine/notifications";
 import { NotificationData, NotificationsProps } from "@mantine/notifications";
 import * as alepha_react_router0 from "alepha/react/router";
@@ -19,43 +20,23 @@ import { DurationLike } from "alepha/datetime";
 //#region ../../src/core/atoms/alephaSidebarAtom.d.ts
 declare const alephaSidebarAtom: alepha.Atom<alepha.TObject<{
   /**
-   * Whether the sidebar is opened or closed (mobile).
+   * Whether the sidebar drawer is closed (mobile).
    */
-  opened: alepha.TBoolean;
+  closed: alepha.TBoolean;
   /**
-   * Whether the sidebar is collapsed (narrow) or expanded (wide).
+   * Whether the sidebar is collapsed (desktop icon-only mode).
    */
   collapsed: alepha.TBoolean;
   /**
-   * Current width of the sidebar when expanded (can be changed by resizing).
-   * @default 300
-   */
-  width: alepha.TNumber;
-  /**
-   * Default width used when expanding from collapsed state or on hover.
+   * Width of the sidebar when expanded.
    * @default 300
    */
-  defaultWidth: alepha.TNumber;
+  expandedWidth: alepha.TNumber;
   /**
    * Width of the sidebar when collapsed.
    * @default 78
    */
   collapsedWidth: alepha.TNumber;
-  /**
-   * Maximum width when resizing.
-   * @default 500
-   */
-  maxWidth: alepha.TNumber;
-  /**
-   * Minimum width before auto-collapse triggers.
-   * @default 150
-   */
-  collapseThreshold: alepha.TNumber;
-  /**
-   * Delay in ms before sidebar expands on hover when collapsed.
-   * @default 300
-   */
-  hoverDelay: alepha.TNumber;
 }>, "alepha.ui.sidebar">;
 type AlephaSidebarState = Static<typeof alephaSidebarAtom.schema>;
 //#endregion
@@ -69,528 +50,972 @@ type CurrentAlephaTheme = Static<typeof alephaThemeAtom.schema>;
 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
-interface GenericControlProps {
-  input: BaseInputField;
-  title?: string;
-  description?: string;
-  icon?: ReactElement | ((props: {
-    size: number;
-  }) => ReactNode);
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
+//#region ../../src/core/interfaces/AlephaTheme.d.ts
+type AlephaTheme = MantineThemeOverride & {
+  name: string;
+  description: string;
+  defaultColorScheme?: "light" | "dark";
+};
+//#endregion
+//#region ../../src/core/atoms/themes/default.d.ts
+declare const defaultTheme: AlephaTheme;
+//#endregion
+//#region ../../src/core/atoms/themes/midnight.d.ts
+declare const midnightTheme: AlephaTheme;
+//#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/form/ControlArray.d.ts
-interface ControlArrayProps extends GenericControlProps {
+//#region ../../src/core/components/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/buttons/ActionButton.d.ts
+interface ActionMenuItem {
   /**
-   * Minimum number of items allowed.
-   * @default 0
+   * Menu item type
    */
-  min?: number;
+  type?: "item" | "divider" | "label";
   /**
-   * Maximum number of items allowed.
-   * @default Infinity
+   * Label text for the menu item
    */
-  max?: number;
+  label?: string | ReactNode;
   /**
-   * Label for the add button.
-   * @default "Add item"
+   * Icon element to display before the label
    */
-  addLabel?: string;
+  icon?: ReactNode;
   /**
-   * Number of columns for object item fields.
-   * @default 1
+   * Click handler for menu items
    */
-  columns?: number;
+  onClick?: () => void;
   /**
-   * Variant for the container.
-   * - "fieldset": Uses Mantine Fieldset with legend
-   * - "plain": No container, just renders items
-   * @default "fieldset"
+   * Href for navigation menu items
    */
-  variant?: "fieldset" | "plain";
+  href?: string;
   /**
-   * Per-field control props override for object items.
-   * Keys are field names from the item schema.
+   * Color for the menu item (e.g., "red" for danger actions)
    */
-  controlProps?: Record<string, Partial<Omit<ControlProps, "input">>>;
+  color?: string;
   /**
-   * Control props for primitive items.
+   * Nested submenu items
    */
-  itemControlProps?: Partial<Omit<ControlProps, "input">>;
+  children?: ActionMenuItem[];
   /**
-   * Show drag handle for reordering.
-   * @default false
+   * Whether the menu item is active
    */
-  sortable?: boolean;
+  active?: boolean;
 }
-/**
- * ControlArray component for editing arrays of schema items.
- *
- * Features:
- * - Dynamic add/remove of items
- * - Supports arrays of objects with nested fields
- * - Supports arrays of primitives
- * - Grid layout for object items
- * - Min/max constraints
- * - Syncs with form state (handles external updates and resets)
- *
- * @example
- * ```tsx
- * // For a schema like:
- * // t.object({
- * //   contacts: t.array(t.object({
- * //     name: t.text(),
- * //     email: t.text({ format: "email" }),
- * //   }))
- * // })
- *
- * <ControlArray
- *   input={form.input.contacts}
- *   columns={2}
- *   addLabel="Add contact"
- *   controlProps={{
- *     email: { text: { placeholder: "email@example.com" } }
- *   }}
- * />
- * ```
- */
-declare const ControlArray: (props: ControlArrayProps) => react_jsx_runtime0.JSX.Element | null;
-//#endregion
-//#region ../../src/core/components/form/ControlNumber.d.ts
-interface ControlNumberProps extends GenericControlProps {
-  numberInputProps?: Partial<NumberInputProps>;
-  sliderProps?: Partial<SliderProps>;
+interface ActionMenuConfig {
+  /**
+   * Array of menu items to display
+   */
+  items: ActionMenuItem[];
+  /**
+   * Menu position relative to the button
+   */
+  position?: "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end" | "left" | "right";
+  /**
+   * Menu width
+   */
+  width?: number | string;
+  /**
+   * Menu shadow
+   */
+  shadow?: "xs" | "sm" | "md" | "lg" | "xl";
+  on?: "hover" | "click";
+  targetProps?: MenuTargetProps;
+  menuProps?: MenuProps;
+}
+interface ActionCommonProps extends ButtonProps {
+  children?: ReactNode;
+  textVisibleFrom?: "xs" | "sm" | "md" | "lg" | "xl";
+  /**
+   * Tooltip to display on hover. Can be a string for simple tooltips
+   * or a TooltipProps object for advanced configuration.
+   */
+  tooltip?: string | number | TooltipProps;
+  /**
+   * Menu configuration. When provided, the action will display a dropdown menu.
+   */
+  menu?: ActionMenuConfig;
+  /**
+   * If set, a confirmation dialog will be shown before performing the action.
+   * If `true`, a default title and message will be used.
+   * If a string, it will be used as the message with a default title.
+   * If an object, it can contain `title` and `message` properties to customize the dialog.
+   */
+  confirm?: boolean | string | {
+    title?: string;
+    message: string;
+  };
+  /**
+   * Icon to display on the left side of the button.
+   * If no children are provided, the button will be styled as an icon-only button.
+   */
+  icon?: ReactNode | ComponentType;
+  /**
+   * Additional props to pass to the ThemeIcon wrapping the icon.
+   */
+  themeIconProps?: ThemeIconProps;
+  /**
+   * Visual intent of the action button.
+   */
+  intent?: "primary" | "success" | "danger" | "warning" | "info" | "none";
+}
+type ActionProps = ActionCommonProps & (ActionNavigationButtonProps | ActionClickButtonProps | ActionSubmitButtonProps | ActionHookButtonProps | {});
+declare const ActionButton: (_props: ActionProps) => react_jsx_runtime0.JSX.Element;
+interface ActionSubmitButtonProps extends ButtonProps {
+  form: FormModel<any>;
+  type?: "submit" | "reset";
+}
+interface ActionHookButtonProps extends ButtonProps {
+  action: UseActionReturn<any[], any>;
+}
+interface ActionClickButtonProps extends ButtonProps {
+  onClick: (e: any) => any;
+  preventDefault?: boolean;
+}
+interface ActionNavigationButtonProps extends ButtonProps {
+  href: string;
+  active?: Partial<UseActiveOptions> | false;
+  routerGoOptions?: RouterPushOptions;
+  classNameActive?: string;
+  variantActive?: ButtonProps["variant"];
+  propsActive?: ButtonProps;
+  target?: string;
+  anchorProps?: AnchorProps;
+  anchor?: boolean;
 }
-/**
- *
- */
-declare const ControlNumber: (props: ControlNumberProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
-//#region ../../src/core/components/form/ControlObject.d.ts
-interface ControlObjectProps extends GenericControlProps {
+//#region ../../src/core/components/buttons/BurgerButton.d.ts
+interface BurgerButtonProps extends BurgerProps {}
+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"> {
   /**
-   * Number of columns for the grid layout.
-   * @default 1
+   * The value to copy to the clipboard
    */
-  columns?: number;
+  value: string;
   /**
-   * Variant for the container.
-   * - "fieldset": Uses Mantine Fieldset with legend
-   * - "plain": No container, just renders fields
-   * @default "fieldset"
+   * Timeout in ms to show the "Copied" state (default: 2000)
    */
-  variant?: "fieldset" | "plain";
+  timeout?: number;
   /**
-   * Per-field control props override.
-   * Keys are field names from the schema.
+   * Label to show in tooltip when not copied (default: "Copy")
    */
-  controlProps?: Record<string, Partial<Omit<ControlProps, "input">>>;
+  copyLabel?: string;
+  /**
+   * Label to show in tooltip when copied (default: "Copied")
+   */
+  copiedLabel?: string;
 }
+declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/buttons/DarkModeButton.d.ts
 /**
- * ControlObject component for editing nested object schemas.
- *
- * Features:
- * - Renders all properties of an object schema
- * - Supports grid layout with configurable columns
- * - Per-field customization via controlProps
- * - Recursive support for deeply nested objects
- *
- * The form system provides nested InputFields under the `.items` property.
- * For example: form.input.address.items.street
+ * SSR-safe dark mode toggle button.
  *
- * @example
- * ```tsx
- * // For a schema like:
- * // t.object({
- * //   address: t.object({
- * //     street: t.text(),
- * //     city: t.text(),
- * //     zip: t.text(),
- * //   })
- * // })
- *
- * <ControlObject
- *   input={form.input.address}
- *   columns={2}
- *   controlProps={{
- *     zip: { text: { maxLength: 10 } }
- *   }}
- * />
- * ```
+ * Uses CSS-based icon switching to avoid hydration mismatches.
+ * Both icons are rendered, CSS hides the wrong one based on
+ * `data-mantine-color-scheme` attribute.
  */
-declare const ControlObject: (props: ControlObjectProps) => react_jsx_runtime0.JSX.Element | null;
+declare const DarkModeButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region ../../src/core/components/form/ControlSelect.d.ts
-type SelectValueLabel = string | {
+//#region ../../src/core/components/buttons/LanguageButton.d.ts
+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_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/buttons/ThemeButton.d.ts
+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_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/data/DetailDrawer.d.ts
+interface DetailDrawerTab {
   value: string;
   label: string;
-  icon?: string;
-};
-interface ControlSelectProps extends GenericControlProps {
-  select?: boolean | SelectProps;
-  multi?: boolean | MultiSelectProps;
-  tags?: boolean | TagsInputProps;
-  autocomplete?: boolean | AutocompleteProps;
-  segmented?: boolean | Partial<SegmentedControlProps>;
-  loader?: () => Promise<SelectValueLabel[]>;
+  icon?: ComponentType<{
+    size?: number;
+  }>;
+  content: ReactNode;
 }
-/**
- * ControlSelect component for handling Select, MultiSelect, and TagsInput.
- *
- * Features:
- * - Basic Select with enum support
- * - MultiSelect for array of enums
- * - TagsInput for array of strings (no enum)
- * - Future: Lazy loading
- * - Future: Searchable/filterable options
- * - Future: Custom option rendering
- *
- * Automatically detects enum values and array types from schema.
- */
-declare const ControlSelect: (props: ControlSelectProps) => react_jsx_runtime0.JSX.Element | null;
-//#endregion
-//#region ../../src/core/components/form/Control.d.ts
-interface ControlProps extends GenericControlProps {
-  text?: TextInputProps;
-  area?: boolean | TextareaProps;
-  select?: boolean | Partial<ControlSelectProps>;
-  password?: boolean | PasswordInputProps;
-  switch?: boolean | SwitchProps;
-  number?: boolean | Partial<ControlNumberProps>;
-  file?: boolean | FileInputProps;
-  color?: boolean | ColorInputProps;
-  date?: boolean | DateInputProps;
-  datetime?: boolean | DateTimePickerProps;
-  time?: boolean | TimeInputProps;
-  query?: any;
-  object?: boolean | Partial<Omit<ControlObjectProps, "input">>;
-  array?: boolean | Partial<Omit<ControlArrayProps, "input">>;
-  custom?: ComponentType<CustomControlProps>;
-  slider?: boolean;
-  segmented?: boolean;
+interface DetailDrawerStatus {
+  label: string;
+  active: boolean;
 }
-/**
- * Generic form control that renders the appropriate input based on the schema and props.
- *
- * Supports:
- * - TextInput (with format detection: email, url, tel)
- * - Textarea
- * - NumberInput (for number/integer types)
- * - FileInput
- * - ColorInput (for color format)
- * - Select (for enum types)
- * - Autocomplete
- * - PasswordInput
- * - Switch (for boolean types)
- * - SegmentedControl (for enum types)
- * - DateInput (for date format)
- * - DateTimePicker (for date-time format)
- * - TimeInput (for time format)
- * - QueryBuilder (for building type-safe queries with autocomplete)
- * - ControlObject (for nested object schemas)
- * - ControlArray (for arrays of objects)
- * - Custom component
- *
- * Automatically handles labels, descriptions, error messages, required state, and default icons.
- */
-declare const Control: (_props: ControlProps) => react_jsx_runtime0.JSX.Element | null;
-type CustomControlProps = {
-  defaultValue: any;
-  onChange: (value: any) => void;
-};
+interface DetailDrawerProps {
+  opened: boolean;
+  onClose: () => void;
+  title: ReactNode;
+  subtitle?: ReactNode;
+  status?: DetailDrawerStatus;
+  actions?: ActionMenuItem[];
+  tabs?: DetailDrawerTab[];
+  children?: ReactNode;
+  loading?: boolean;
+  size?: DrawerProps["size"];
+  defaultTab?: string;
+}
+declare const DetailDrawer: ({
+  opened,
+  onClose,
+  title,
+  subtitle,
+  status,
+  actions,
+  tabs,
+  children,
+  loading,
+  size,
+  defaultTab
+}: DetailDrawerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region ../../src/core/UiRouter.d.ts
-/**
- * UI Router defining the root page with AlephaMantineProvider.
- *
- * - Use UiRouter when you need Alepha's Mantine-based UI components and theming.
- * - Prefer to use $ui() for convenience. (Custom Factory of UiRouter)
- */
-declare class UiRouter {
-  readonly root: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+//#region ../../src/core/components/data/DetailList.d.ts
+interface DetailListItem {
+  label: string;
+  value: ReactNode;
+  hidden?: boolean;
+  copyable?: string;
 }
+interface DetailListProps {
+  items: DetailListItem[];
+  columns?: number;
+}
+declare const DetailList: ({
+  items,
+  columns
+}: DetailListProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region ../../src/core/interfaces/AlephaTheme.d.ts
-type AlephaTheme = MantineThemeOverride & {
-  name: string;
-  description: string;
-  defaultColorScheme?: "light" | "dark";
-};
-//#endregion
-//#region ../../src/core/atoms/themes/default.d.ts
-declare const defaultTheme: AlephaTheme;
-//#endregion
-//#region ../../src/core/atoms/themes/midnight.d.ts
-declare const midnightTheme: AlephaTheme;
+//#region ../../src/core/components/data/StatCards.d.ts
+interface StatCardItem {
+  label: string;
+  value: ReactNode;
+  icon?: ReactNode | ComponentType<{
+    size?: number;
+  }>;
+}
+interface StatCardsProps {
+  items: StatCardItem[];
+}
+declare const StatCards: ({
+  items
+}: StatCardsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region ../../src/core/components/buttons/ActionButton.d.ts
-interface ActionMenuItem {
-  /**
-   * Menu item type
-   */
-  type?: "item" | "divider" | "label";
+//#region ../../src/core/services/DialogService.d.ts
+interface BaseDialogOptions extends Partial<ModalProps> {
+  title?: ReactNode;
+  message?: ReactNode;
+  content?: any;
+}
+interface AlertDialogOptions extends BaseDialogOptions {
+  okLabel?: string;
+}
+interface ConfirmDialogOptions extends BaseDialogOptions {
+  confirmLabel?: string;
+  cancelLabel?: string;
+  confirmColor?: string;
+}
+interface PromptDialogOptions extends BaseDialogOptions {
+  placeholder?: string;
+  defaultValue?: string;
+  label?: string;
+  required?: boolean;
+  submitLabel?: string;
+  cancelLabel?: string;
+}
+interface AlertDialogProps {
+  options?: AlertDialogOptions;
+  onClose: () => void;
+}
+interface ConfirmDialogProps {
+  options?: ConfirmDialogOptions;
+  onConfirm: (confirmed: boolean) => void;
+}
+interface PromptDialogProps {
+  options?: PromptDialogOptions;
+  onSubmit: (value: string | null) => void;
+}
+interface DialogServiceOptions {
+  default?: Partial<BaseDialogOptions>;
+}
+declare class DialogService {
+  readonly options: DialogServiceOptions;
   /**
-   * Label text for the menu item
+   * Show an alert dialog with a message
    */
-  label?: string | ReactNode;
+  alert(options?: AlertDialogOptions): Promise<void>;
   /**
-   * Icon element to display before the label
+   * Show a confirmation dialog that returns a promise
    */
-  icon?: ReactNode;
+  confirm(options?: ConfirmDialogOptions): Promise<boolean>;
   /**
-   * Click handler for menu items
+   * Show a prompt dialog to get user input
    */
-  onClick?: () => void;
+  prompt(options?: PromptDialogOptions): Promise<string | null>;
   /**
-   * Href for navigation menu items
+   * Open a custom dialog with provided content
    */
-  href?: string;
+  open(options?: BaseDialogOptions): string;
   /**
-   * Color for the menu item (e.g., "red" for danger actions)
+   * Close the currently open dialog or a specific dialog by ID
    */
-  color?: string;
+  close(modalId?: string): void;
+}
+//#endregion
+//#region ../../src/core/components/dialogs/AlertDialog.d.ts
+declare const AlertDialog: ({
+  options,
+  onClose
+}: AlertDialogProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/dialogs/ConfirmDialog.d.ts
+declare const ConfirmDialog: ({
+  options,
+  onConfirm
+}: ConfirmDialogProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/dialogs/PromptDialog.d.ts
+declare const PromptDialog: ({
+  options,
+  onSubmit
+}: PromptDialogProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/Flex.d.ts
+interface FlexProps extends FlexProps$1 {
   /**
-   * Nested submenu items
+   * flex: 1 — fill available space.
    */
-  children?: ActionMenuItem[];
+  fill?: boolean;
   /**
-   * Whether the menu item is active
+   * Shorthand for align="center" + justify="center".
    */
-  active?: boolean;
-}
-interface ActionMenuConfig {
+  center?: boolean;
   /**
-   * Array of menu items to display
+   * Shorthand for justify="center".
    */
-  items: ActionMenuItem[];
+  centerX?: boolean;
   /**
-   * Menu position relative to the button
+   * Shorthand for align="center".
    */
-  position?: "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end" | "left" | "right";
+  centerY?: boolean;
   /**
-   * Menu width
+   * Shorthand for direction="column".
    */
-  width?: number | string;
+  col?: boolean;
+}
+declare const Flex: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region ../../src/core/interfaces/AlephaIntent.d.ts
+type AlephaIntent = "primary" | "info" | "success" | "warning" | "danger";
+//#endregion
+//#region ../../src/core/components/Heading.d.ts
+type HeadingProps = {
+  title: string | ReactNode;
+  description?: string | ReactNode;
+  icon?: ReactNode;
+  intent?: AlephaIntent;
+  loading?: boolean;
+  ellipsis?: boolean;
+  fill?: boolean;
+  tag?: string | ReactNode;
+};
+declare const Heading: (props: HeadingProps) => 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;
+interface AppBarAbstractItem {
+  position: "left" | "center" | "right";
   /**
-   * Menu shadow
+   * Visibility control: return true to show, false to hide.
    */
-  shadow?: "xs" | "sm" | "md" | "lg" | "xl";
-  on?: "hover" | "click";
-  targetProps?: MenuTargetProps;
-  menuProps?: MenuProps;
+  can?: () => boolean;
 }
-interface ActionCommonProps extends ButtonProps {
-  children?: ReactNode;
-  textVisibleFrom?: "xs" | "sm" | "md" | "lg" | "xl";
-  /**
-   * Tooltip to display on hover. Can be a string for simple tooltips
-   * or a TooltipProps object for advanced configuration.
-   */
-  tooltip?: string | number | TooltipProps;
-  /**
-   * Menu configuration. When provided, the action will display a dropdown menu.
-   */
-  menu?: ActionMenuConfig;
-  /**
-   * If set, a confirmation dialog will be shown before performing the action.
-   * If `true`, a default title and message will be used.
-   * If a string, it will be used as the message with a default title.
-   * If an object, it can contain `title` and `message` properties to customize the dialog.
-   */
-  confirm?: boolean | string | {
-    title?: string;
-    message: string;
-  };
-  /**
-   * Icon to display on the left side of the button.
-   * If no children are provided, the button will be styled as an icon-only button.
-   */
-  icon?: ReactNode | ComponentType;
-  /**
-   * Additional props to pass to the ThemeIcon wrapping the icon.
-   */
-  themeIconProps?: ThemeIconProps;
-  /**
-   * Visual intent of the action button.
-   */
-  intent?: "primary" | "success" | "danger" | "warning" | "info" | "none";
+interface AppBarElement extends AppBarAbstractItem {
+  element: ReactNode;
 }
-type ActionProps = ActionCommonProps & (ActionNavigationButtonProps | ActionClickButtonProps | ActionSubmitButtonProps | ActionHookButtonProps | {});
-declare const ActionButton: (_props: ActionProps) => react_jsx_runtime0.JSX.Element;
-interface ActionSubmitButtonProps extends ButtonProps {
-  form: FormModel<any>;
-  type?: "submit" | "reset";
+interface AppBarBurger extends AppBarAbstractItem {
+  type: "burger";
 }
-interface ActionHookButtonProps extends ButtonProps {
-  action: UseActionReturn<any[], any>;
+interface AppBarDark extends AppBarAbstractItem {
+  type: "dark";
+  props?: Partial<ActionProps>;
 }
-interface ActionClickButtonProps extends ButtonProps {
-  onClick: (e: any) => any;
-  preventDefault?: boolean;
+interface AppBarSearch extends AppBarAbstractItem {
+  type: "search";
+  props?: OmnibarButtonProps;
 }
-interface ActionNavigationButtonProps extends ButtonProps {
-  href: string;
-  active?: Partial<UseActiveOptions> | false;
-  routerGoOptions?: RouterPushOptions;
-  classNameActive?: string;
-  variantActive?: ButtonProps["variant"];
-  target?: string;
-  anchorProps?: AnchorProps;
+interface AppBarLang extends AppBarAbstractItem {
+  type: "lang";
+  props?: Partial<ActionProps>;
 }
-//#endregion
-//#region ../../src/core/components/buttons/BurgerButton.d.ts
-interface BurgerButtonProps extends BurgerProps {}
-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"> {
+interface AppBarSpacer extends AppBarAbstractItem {
+  type: "spacer";
+}
+interface AppBarDivider extends AppBarAbstractItem {
+  type: "divider";
+}
+interface AppBarLogo extends AppBarAbstractItem {
+  type: "logo";
+  props?: {
+    /**
+     * Logo image source URL.
+     */
+    src?: string;
+    /**
+     * Logo text (used if no src provided).
+     */
+    text?: string;
+    /**
+     * Icon component (used if no src or text provided).
+     */
+    icon?: ReactNode | ComponentType;
+    /**
+     * Link href when logo is clicked.
+     */
+    href?: string;
+    /**
+     * Logo image height in pixels.
+     * @default 32
+     */
+    height?: number;
+    /**
+     * Logo image width in pixels.
+     */
+    width?: number;
+    /**
+     * Font weight for text logo.
+     * @default 700
+     */
+    fontWeight?: number;
+    /**
+     * Font size for text logo.
+     * @default "lg"
+     */
+    fontSize?: string;
+  };
+}
+interface AppBarBack extends AppBarAbstractItem {
+  type: "back";
+  props?: {
+    /**
+     * Custom label for back button.
+     * @default "Back"
+     */
+    label?: string;
+    /**
+     * Show only icon without label.
+     * @default true
+     */
+    iconOnly?: boolean;
+    /**
+     * Custom href to navigate to instead of history back.
+     */
+    href?: string;
+    /**
+     * Custom icon component.
+     */
+    icon?: ReactNode | ComponentType;
+  };
+}
+interface AppBarProps {
+  flexProps?: FlexProps$1;
+  items?: AppBarItem[];
   /**
-   * The value to copy to the clipboard
+   * Wrap the AppBar content in a Mantine Container.
+   * Pass `true` for default Container, or ContainerProps to customize.
    */
-  value: string;
+  container?: boolean | ContainerProps$1;
+}
+declare const AppBar: (props: AppBarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/layout/Breadcrumb.d.ts
+interface BreadcrumbProps extends FlexProps$1 {
   /**
-   * Timeout in ms to show the "Copied" state (default: 2000)
+   * Label for the home/root crumb. Set to `false` to hide the root crumb.
+   *
+   * @default "Home"
    */
-  timeout?: number;
+  home?: string | false;
   /**
-   * Label to show in tooltip when not copied (default: "Copy")
+   * Custom separator between crumbs.
+   *
+   * @default IconChevronRight
    */
-  copyLabel?: string;
+  separator?: ReactNode;
   /**
-   * Label to show in tooltip when copied (default: "Copied")
+   * Size of text and separator icons.
+   *
+   * @default "xs"
    */
-  copiedLabel?: string;
+  size?: string;
 }
-declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region ../../src/core/components/buttons/DarkModeButton.d.ts
 /**
- * SSR-safe dark mode toggle button.
+ * Automatic breadcrumb component that reads the current route hierarchy
+ * from the Alepha router's layer stack.
  *
- * Uses CSS-based icon switching to avoid hydration mismatches.
- * Both icons are rendered, CSS hides the wrong one based on
- * `data-mantine-color-scheme` attribute.
+ * Pages should define a `label` in their `$page()` options for best results.
+ * Falls back to the page name converted to Title Case.
  */
-declare const DarkModeButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
+declare const Breadcrumb: ({
+  home,
+  separator,
+  size,
+  ...groupProps
+}: BreadcrumbProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
-//#region ../../src/core/components/buttons/LanguageButton.d.ts
-declare const LanguageButton: (props: Partial<ActionProps>) => react_jsx_runtime0.JSX.Element;
+//#region ../../src/core/components/layout/Container.d.ts
+interface ContainerProps extends ContainerProps$1 {}
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
 //#endregion
-//#region ../../src/core/components/buttons/OmnibarButton.d.ts
-interface OmnibarButtonProps {
-  actionProps?: ActionProps;
+//#region ../../src/core/components/layout/Sidebar.d.ts
+interface SidebarProps {
+  items?: SidebarNode[];
+  onItemClick?: (item: SidebarMenuItem) => void;
+  onSearchClick?: () => void;
+  theme?: SidebarTheme;
+  flexProps?: Partial<FlexProps$1>;
   collapsed?: boolean;
+  gap?: MantineBreakpoint | number;
+  hide?: {
+    paths?: string[];
+  };
+  /**
+   * Automatically populate the menu from the router's pages.
+   */
+  autoPopulateMenu?: boolean | {
+    startsWith: string;
+  };
 }
-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_runtime0.JSX.Element;
-//#endregion
-//#region ../../src/core/components/buttons/ToggleSidebarButton.d.ts
-type Props = ActionProps;
-declare const ToggleSidebarButton: (props: Props) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region ../../src/core/services/DialogService.d.ts
-interface BaseDialogOptions extends Partial<ModalProps> {
-  title?: ReactNode;
-  message?: ReactNode;
-  content?: any;
+declare const Sidebar: (props: SidebarProps) => react_jsx_runtime0.JSX.Element;
+interface SidebarItemProps {
+  item: SidebarMenuItem;
+  level: number;
+  onItemClick?: (item: SidebarMenuItem) => void;
+  theme: SidebarTheme;
 }
-interface AlertDialogOptions extends BaseDialogOptions {
-  okLabel?: string;
+type SidebarNode = SidebarMenuItem | SidebarSpacer | SidebarDivider | SidebarSearch | SidebarElement | SidebarSection | SidebarToggle;
+interface SidebarAbstractItem {
+  position?: "top" | "bottom";
 }
-interface ConfirmDialogOptions extends BaseDialogOptions {
-  confirmLabel?: string;
-  cancelLabel?: string;
-  confirmColor?: string;
+interface SidebarElement extends SidebarAbstractItem {
+  element: ReactNode;
 }
-interface PromptDialogOptions extends BaseDialogOptions {
-  placeholder?: string;
-  defaultValue?: string;
-  label?: string;
-  required?: boolean;
-  submitLabel?: string;
-  cancelLabel?: string;
+interface SidebarSpacer extends SidebarAbstractItem {
+  type: "spacer";
 }
-interface AlertDialogProps {
-  options?: AlertDialogOptions;
-  onClose: () => void;
+interface SidebarDivider extends SidebarAbstractItem {
+  type: "divider";
+  fill?: true;
 }
-interface ConfirmDialogProps {
-  options?: ConfirmDialogOptions;
-  onConfirm: (confirmed: boolean) => void;
+interface SidebarSearch extends SidebarAbstractItem {
+  type: "search";
 }
-interface PromptDialogProps {
-  options?: PromptDialogOptions;
-  onSubmit: (value: string | null) => void;
+interface SidebarToggle extends SidebarAbstractItem {
+  type: "toggle";
 }
-interface DialogServiceOptions {
-  default?: Partial<BaseDialogOptions>;
+interface SidebarSection extends SidebarAbstractItem {
+  type: "section";
+  label: string;
+  icon?: ReactNode | ComponentType;
+  children?: SidebarNode[];
 }
-declare class DialogService {
-  readonly options: DialogServiceOptions;
+interface SidebarMenuItem extends SidebarAbstractItem {
+  label: string | ReactNode;
+  description?: string;
+  icon?: ReactNode | ComponentType;
+  href?: string;
+  target?: "_blank" | "_self" | "_parent" | "_top";
+  activeStartsWith?: boolean;
+  onClick?: () => void;
+  children?: SidebarMenuItem[];
+  rightSection?: ReactNode;
+  theme?: SidebarButtonTheme;
+  actionProps?: ActionProps;
+  can?: () => boolean;
+}
+interface SidebarButtonTheme {
+  radius?: MantineBreakpoint;
+  size?: MantineBreakpoint;
+}
+interface SidebarTheme {
+  button?: SidebarButtonTheme;
+  search?: SidebarButtonTheme;
+}
+//#endregion
+//#region ../../src/core/components/layout/DashboardShell.d.ts
+interface DashboardShellProps {
+  appShellProps?: Partial<AppShellProps>;
+  appShellMainProps?: Partial<AppShellMainProps>;
+  appShellHeaderProps?: Partial<AppShellHeaderProps>;
+  appShellNavbarProps?: Partial<AppShellNavbarProps>;
+  appShellFooterProps?: Partial<AppShellFooterProps>;
+  sidebarProps?: Partial<SidebarProps>;
+  appBarProps?: Partial<AppBarProps>;
+  header?: ReactNode;
+  footer?: ReactNode;
+  children?: ReactNode;
   /**
-   * Show an alert dialog with a message
+   * AppShell layout mode.
+   * - "default": header/footer span full width, navbar below header.
+   * - "alt": navbar is full height, header/footer offset by navbar width.
    */
-  alert(options?: AlertDialogOptions): Promise<void>;
+  layout?: "default" | "alt";
   /**
-   * Show a confirmation dialog that returns a promise
+   * Content rendered above the Sidebar inside the navbar (e.g. logo).
    */
-  confirm(options?: ConfirmDialogOptions): Promise<boolean>;
+  navbarHeader?: ReactNode;
   /**
-   * Show a prompt dialog to get user input
+   * Content rendered below the Sidebar inside the navbar (e.g. toggle button).
    */
-  prompt(options?: PromptDialogOptions): Promise<string | null>;
+  navbarFooter?: ReactNode;
   /**
-   * Open a custom dialog with provided content
+   * Height of the header bar in pixels.
+   * @default 60
    */
-  open(options?: BaseDialogOptions): string;
+  headerHeight?: number;
   /**
-   * Close the currently open dialog or a specific dialog by ID
+   * Height of the footer bar in pixels.
+   * @default 24
    */
-  close(modalId?: string): void;
+  footerHeight?: number;
+  noSidebarWhen?: {
+    /**
+     * Paths where the sidebar should be hidden.
+     */
+    paths?: string[];
+  };
+  /**
+   * Wrap AppBar and main content in a Mantine Container.
+   * Pass `true` for default Container, or ContainerProps to customize.
+   */
+  container?: boolean | ContainerProps$1;
+}
+declare const DashboardShell: (props: DashboardShellProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/components/Text.d.ts
+interface TextProps extends TextProps$1 {
+  children?: ReactNode;
+  /**
+   * Semantic color intent for the text.
+   */
+  intent?: AlephaIntent;
+  /**
+   * Shorthand for fw={700}.
+   */
+  bold?: boolean;
+  /**
+   * Shorthand for fs="italic".
+   */
+  italic?: boolean;
+  /**
+   * Shorthand for fw={300}.
+   */
+  light?: boolean;
   /**
-   * Show an error viewer dialog
+   * Shorthand for c="dimmed".
    */
-  error(error: Error | unknown, options?: BaseDialogOptions & {
-    showStack?: boolean;
-  }): void;
+  muted?: boolean;
   /**
-   * Show a form dialog for structured input
+   * Shorthand for size="sm".
    */
-  form(options?: BaseDialogOptions): Promise<any>;
+  small?: boolean;
   /**
-   * Show a loading/progress dialog with optional progress percentage
+   * Shorthand for tt="uppercase".
    */
-  loading(options?: BaseDialogOptions & {
-    progress?: number;
-  }): void;
+  uppercase?: boolean;
   /**
-   * Show an image viewer/gallery dialog
+   * Shorthand for tt="capitalize".
    */
-  image(src: string | string[], options?: BaseDialogOptions): void;
+  capitalize?: boolean;
+  /**
+   * Shorthand for ta="center".
+   */
+  center?: boolean;
+  /**
+   * Shorthand for ff="monospace".
+   */
+  monospace?: boolean;
+  /**
+   * Text with title styles (larger font size, bolder weight).
+   */
+  title?: boolean;
 }
+declare const Text: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLParagraphElement>>;
 //#endregion
-//#region ../../src/core/components/dialogs/AlertDialog.d.ts
-declare const AlertDialog: ({
-  options,
-  onClose
-}: AlertDialogProps) => react_jsx_runtime0.JSX.Element;
+//#region ../../src/core/constants/ui.d.ts
+declare const ui: {
+  colors: {
+    transparent: string;
+    background: string;
+    surface: string;
+    elevated: string;
+    border: string;
+  };
+  sizes: {
+    icon: {
+      xs: number;
+      sm: number;
+      md: number;
+      lg: number;
+      xl: number;
+    };
+  };
+};
 //#endregion
-//#region ../../src/core/components/dialogs/ConfirmDialog.d.ts
-declare const ConfirmDialog: ({
-  options,
-  onConfirm
-}: ConfirmDialogProps) => react_jsx_runtime0.JSX.Element;
+//#region ../../src/core/form/utils/parseInput.d.ts
+interface GenericControlProps {
+  input: BaseInputField;
+  title?: string;
+  description?: string;
+  icon?: ReactElement | ((props: {
+    size: number;
+  }) => ReactNode);
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
+}
 //#endregion
-//#region ../../src/core/components/dialogs/PromptDialog.d.ts
-declare const PromptDialog: ({
-  options,
-  onSubmit
-}: PromptDialogProps) => react_jsx_runtime0.JSX.Element;
+//#region ../../src/core/form/components/ControlArray.d.ts
+interface ControlArrayProps extends GenericControlProps {
+  /**
+   * Minimum number of items allowed.
+   * @default 0
+   */
+  min?: number;
+  /**
+   * Maximum number of items allowed.
+   * @default Infinity
+   */
+  max?: number;
+  /**
+   * Label for the add button.
+   * @default "Add item"
+   */
+  addLabel?: string;
+  /**
+   * Number of columns for object item fields.
+   * @default 1
+   */
+  columns?: number;
+  /**
+   * Variant for the container.
+   * - "fieldset": Uses Mantine Fieldset with legend
+   * - "plain": No container, just renders items
+   * @default "fieldset"
+   */
+  variant?: "fieldset" | "plain";
+  /**
+   * Per-field control props override for object items.
+   * Keys are field names from the item schema.
+   */
+  controlProps?: Record<string, Partial<Omit<ControlProps, "input">>>;
+  /**
+   * Control props for primitive items.
+   */
+  itemControlProps?: Partial<Omit<ControlProps, "input">>;
+  /**
+   * Show drag handle for reordering.
+   * @default false
+   */
+  sortable?: boolean;
+}
+/**
+ * ControlArray component for editing arrays of schema items.
+ *
+ * Features:
+ * - Dynamic add/remove of items
+ * - Supports arrays of objects with nested fields
+ * - Supports arrays of primitives
+ * - Grid layout for object items
+ * - Min/max constraints
+ * - Syncs with form state (handles external updates and resets)
+ *
+ * @example
+ * ```tsx
+ * // For a schema like:
+ * // t.object({
+ * //   contacts: t.array(t.object({
+ * //     name: t.text(),
+ * //     email: t.text({ format: "email" }),
+ * //   }))
+ * // })
+ *
+ * <ControlArray
+ *   input={form.input.contacts}
+ *   columns={2}
+ *   addLabel="Add contact"
+ *   controlProps={{
+ *     email: { text: { placeholder: "email@example.com" } }
+ *   }}
+ * />
+ * ```
+ */
+declare const ControlArray: (props: ControlArrayProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region ../../src/core/form/components/ControlNumber.d.ts
+interface ControlNumberProps extends GenericControlProps {
+  numberInputProps?: Partial<NumberInputProps>;
+  sliderProps?: Partial<SliderProps>;
+}
+/**
+ *
+ */
+declare const ControlNumber: (props: ControlNumberProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region ../../src/core/form/components/ControlObject.d.ts
+interface ControlObjectProps extends GenericControlProps {
+  /**
+   * Number of columns for the grid layout.
+   * @default 1
+   */
+  columns?: number;
+  /**
+   * Variant for the container.
+   * - "fieldset": Uses Mantine Fieldset with legend
+   * - "plain": No container, just renders fields
+   * @default "fieldset"
+   */
+  variant?: "fieldset" | "plain";
+  /**
+   * Per-field control props override.
+   * Keys are field names from the schema.
+   */
+  controlProps?: Record<string, Partial<Omit<ControlProps, "input">>>;
+}
+/**
+ * ControlObject component for editing nested object schemas.
+ *
+ * Features:
+ * - Renders all properties of an object schema
+ * - Supports grid layout with configurable columns
+ * - Per-field customization via controlProps
+ * - Recursive support for deeply nested objects
+ *
+ * The form system provides nested InputFields under the `.items` property.
+ * For example: form.input.address.items.street
+ *
+ * @example
+ * ```tsx
+ * // For a schema like:
+ * // t.object({
+ * //   address: t.object({
+ * //     street: t.text(),
+ * //     city: t.text(),
+ * //     zip: t.text(),
+ * //   })
+ * // })
+ *
+ * <ControlObject
+ *   input={form.input.address}
+ *   columns={2}
+ *   controlProps={{
+ *     zip: { text: { maxLength: 10 } }
+ *   }}
+ * />
+ * ```
+ */
+declare const ControlObject: (props: ControlObjectProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region ../../src/core/form/components/ControlSelect.d.ts
+type SelectValueLabel = string | {
+  value: string;
+  label: string;
+  icon?: string;
+};
+interface ControlSelectProps extends GenericControlProps {
+  select?: boolean | SelectProps;
+  multi?: boolean | MultiSelectProps;
+  tags?: boolean | TagsInputProps;
+  autocomplete?: boolean | AutocompleteProps;
+  segmented?: boolean | Partial<SegmentedControlProps>;
+  loader?: () => Promise<SelectValueLabel[]>;
+}
+/**
+ * ControlSelect component for handling Select, MultiSelect, and TagsInput.
+ *
+ * Features:
+ * - Basic Select with enum support
+ * - MultiSelect for array of enums
+ * - TagsInput for array of strings (no enum)
+ * - Future: Lazy loading
+ * - Future: Searchable/filterable options
+ * - Future: Custom option rendering
+ *
+ * Automatically detects enum values and array types from schema.
+ */
+declare const ControlSelect: (props: ControlSelectProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region ../../src/core/form/components/Control.d.ts
+interface ControlProps extends GenericControlProps {
+  text?: TextInputProps;
+  area?: boolean | TextareaProps;
+  select?: boolean | Partial<ControlSelectProps>;
+  password?: boolean | PasswordInputProps;
+  switch?: boolean | SwitchProps;
+  number?: boolean | Partial<ControlNumberProps>;
+  file?: boolean | FileInputProps;
+  color?: boolean | ColorInputProps;
+  date?: boolean | DateInputProps;
+  datetime?: boolean | DateTimePickerProps;
+  time?: boolean | TimeInputProps;
+  query?: any;
+  object?: boolean | Partial<Omit<ControlObjectProps, "input">>;
+  array?: boolean | Partial<Omit<ControlArrayProps, "input">>;
+  custom?: ComponentType<CustomControlProps>;
+  slider?: boolean;
+  segmented?: boolean;
+}
+/**
+ * Generic form control that renders the appropriate input based on the schema and props.
+ *
+ * Supports:
+ * - TextInput (with format detection: email, url, tel)
+ * - Textarea
+ * - NumberInput (for number/integer types)
+ * - FileInput
+ * - ColorInput (for color format)
+ * - Select (for enum types)
+ * - Autocomplete
+ * - PasswordInput
+ * - Switch (for boolean types)
+ * - SegmentedControl (for enum types)
+ * - DateInput (for date format)
+ * - DateTimePicker (for date-time format)
+ * - TimeInput (for time format)
+ * - QueryBuilder (for building type-safe queries with autocomplete)
+ * - ControlObject (for nested object schemas)
+ * - ControlArray (for arrays of objects)
+ * - Custom component
+ *
+ * Automatically handles labels, descriptions, error messages, required state, and default icons.
+ */
+declare const Control: (_props: ControlProps) => react_jsx_runtime0.JSX.Element | null;
+type CustomControlProps = {
+  defaultValue: any;
+  onChange: (value: any) => void;
+};
 //#endregion
-//#region ../../src/core/components/form/ControlDate.d.ts
+//#region ../../src/core/form/components/ControlDate.d.ts
 interface ControlDateProps extends GenericControlProps {
   date?: boolean | DateInputProps;
   datetime?: boolean | DateTimePickerProps;
@@ -608,7 +1033,7 @@ interface ControlDateProps extends GenericControlProps {
  */
 declare const ControlDate: (props: ControlDateProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
-//#region ../../src/core/components/form/ControlQueryBuilder.d.ts
+//#region ../../src/core/form/components/ControlQueryBuilder.d.ts
 interface ControlQueryBuilderProps extends Omit<TextInputProps, "value" | "onChange"> {
   schema?: TObject;
   value?: string;
@@ -627,7 +1052,7 @@ declare const ControlQueryBuilder: ({
   ...textInputProps
 }: ControlQueryBuilderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region ../../src/core/components/form/TypeForm.d.ts
+//#region ../../src/core/form/components/TypeForm.d.ts
 interface TypeFormProps<T extends TObject> {
   form: FormModel<T>;
   columns?: number | {
@@ -654,7 +1079,7 @@ interface TypeFormProps<T extends TObject> {
   submitButtonProps?: Partial<Omit<ActionSubmitButtonProps, "form">>;
   resetButtonProps?: Partial<Omit<ActionSubmitButtonProps, "form">>;
   fill?: boolean;
-  flexProps?: FlexProps;
+  flexProps?: FlexProps$1;
   size?: "xs" | "sm" | "md" | "lg" | "xl";
 }
 /**
@@ -677,333 +1102,193 @@ interface TypeFormProps<T extends TObject> {
  * const form = useForm({
  *   schema: t.object({
  *     username: t.text(),
- *     email: t.text(),
- *     age: t.integer(),
- *     subscribe: t.boolean(),
- *     address: t.object({
- *       street: t.text(),
- *       city: t.text(),
- *     }),
- *     tags: t.array(t.text()),
- *     contacts: t.array(t.object({
- *       name: t.text(),
- *       email: t.text(),
- *     })),
- *   }),
- *   handler: (values) => {
- *     console.log(values);
- *   },
- * });
- *
- * return <TypeForm form={form} columns={2} />;
- * ```
- */
-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;
-interface AppBarAbstractItem {
-  position: "left" | "center" | "right";
-  /**
-   * Visibility control: return true to show, false to hide.
-   */
-  can?: () => boolean;
-}
-interface AppBarElement extends AppBarAbstractItem {
-  element: ReactNode;
-}
-interface AppBarBurger extends AppBarAbstractItem {
-  type: "burger";
-}
-interface AppBarDark extends AppBarAbstractItem {
-  type: "dark";
-  props?: Partial<ActionProps>;
-}
-interface AppBarSearch extends AppBarAbstractItem {
-  type: "search";
-  props?: OmnibarButtonProps;
-}
-interface AppBarLang extends AppBarAbstractItem {
-  type: "lang";
-  props?: Partial<ActionProps>;
-}
-interface AppBarSpacer extends AppBarAbstractItem {
-  type: "spacer";
-}
-interface AppBarDivider extends AppBarAbstractItem {
-  type: "divider";
-}
-interface AppBarLogo extends AppBarAbstractItem {
-  type: "logo";
-  props?: {
-    /**
-     * Logo image source URL.
-     */
-    src?: string;
-    /**
-     * Logo text (used if no src provided).
-     */
-    text?: string;
-    /**
-     * Icon component (used if no src or text provided).
-     */
-    icon?: ReactNode | ComponentType;
-    /**
-     * Link href when logo is clicked.
-     */
-    href?: string;
-    /**
-     * Logo image height in pixels.
-     * @default 32
-     */
-    height?: number;
-    /**
-     * Logo image width in pixels.
-     */
-    width?: number;
-    /**
-     * Font weight for text logo.
-     * @default 700
-     */
-    fontWeight?: number;
-    /**
-     * Font size for text logo.
-     * @default "lg"
-     */
-    fontSize?: string;
-  };
-}
-interface AppBarBack extends AppBarAbstractItem {
-  type: "back";
-  props?: {
-    /**
-     * Custom label for back button.
-     * @default "Back"
-     */
-    label?: string;
-    /**
-     * Show only icon without label.
-     * @default true
-     */
-    iconOnly?: boolean;
-    /**
-     * Custom href to navigate to instead of history back.
-     */
-    href?: string;
-    /**
-     * Custom icon component.
-     */
-    icon?: ReactNode | ComponentType;
-  };
-}
-interface AppBarProps {
-  flexProps?: FlexProps;
-  items?: AppBarItem[];
-  /**
-   * Wrap the AppBar content in a Mantine Container.
-   * Pass `true` for default Container, or ContainerProps to customize.
-   */
-  container?: boolean | ContainerProps;
-}
-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 {
-  items?: SidebarNode[];
-  onItemClick?: (item: SidebarMenuItem) => void;
-  onSearchClick?: () => void;
-  theme?: SidebarTheme;
-  flexProps?: Partial<FlexProps>;
-  collapsed?: boolean;
-  gap?: MantineBreakpoint | number;
-  hide?: {
-    paths?: string[];
-  };
-  /**
-   * Whether the sidebar expands on hover when collapsed.
-   * @default true
-   */
-  expandOnHover?: boolean;
-  /**
-   * Automatically populate the menu from the router's pages.
-   */
-  autoPopulateMenu?: boolean | {
-    startsWith: string;
-  };
-}
-declare const Sidebar: (props: SidebarProps) => react_jsx_runtime0.JSX.Element;
-interface SidebarItemProps {
-  item: SidebarMenuItem;
-  level: number;
-  onItemClick?: (item: SidebarMenuItem) => void;
-  theme: SidebarTheme;
-}
-interface SidebarItemProps {
-  item: SidebarMenuItem;
-  level: number;
-  onItemClick?: (item: SidebarMenuItem) => void;
-  theme: SidebarTheme;
-}
-type SidebarNode = SidebarMenuItem | SidebarSpacer | SidebarDivider | SidebarSearch | SidebarElement | SidebarSection | SidebarToggle;
-interface SidebarAbstractItem {
-  position?: "top" | "bottom";
-}
-interface SidebarElement extends SidebarAbstractItem {
-  element: ReactNode;
-}
-interface SidebarSpacer extends SidebarAbstractItem {
-  type: "spacer";
-}
-interface SidebarDivider extends SidebarAbstractItem {
-  type: "divider";
-  fill?: true;
-}
-interface SidebarSearch extends SidebarAbstractItem {
-  type: "search";
-}
-interface SidebarToggle extends SidebarAbstractItem {
-  type: "toggle";
-}
-interface SidebarSection extends SidebarAbstractItem {
-  type: "section";
-  label: string;
-  icon?: ReactNode | ComponentType;
-  children?: SidebarNode[];
-}
-interface SidebarMenuItem extends SidebarAbstractItem {
-  label: string | ReactNode;
-  description?: string;
-  icon?: ReactNode | ComponentType;
-  href?: string;
-  target?: "_blank" | "_self" | "_parent" | "_top";
-  activeStartsWith?: boolean;
-  onClick?: () => void;
-  children?: SidebarMenuItem[];
-  rightSection?: ReactNode;
-  theme?: SidebarButtonTheme;
-  actionProps?: ActionProps;
-  can?: () => boolean;
+ *     email: t.text(),
+ *     age: t.integer(),
+ *     subscribe: t.boolean(),
+ *     address: t.object({
+ *       street: t.text(),
+ *       city: t.text(),
+ *     }),
+ *     tags: t.array(t.text()),
+ *     contacts: t.array(t.object({
+ *       name: t.text(),
+ *       email: t.text(),
+ *     })),
+ *   }),
+ *   handler: (values) => {
+ *     console.log(values);
+ *   },
+ * });
+ *
+ * return <TypeForm form={form} columns={2} />;
+ * ```
+ */
+declare const TypeForm: <T extends TObject>(props: TypeFormProps<T>) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region ../../src/core/form/factories/dialogForm.d.ts
+interface DialogFormOptions<T extends TObject> extends BaseDialogOptions {
+  typeFormProps?: Partial<Omit<TypeFormProps<T>, "form">>;
 }
-interface SidebarButtonTheme {
-  radius?: MantineBreakpoint;
-  size?: MantineBreakpoint;
+/**
+ * Creates dialog options for a form dialog.
+ *
+ * @param form - The form model to render.
+ * @param options - Additional dialog and TypeForm options.
+ */
+declare const dialogForm: <T extends TObject>(form: FormModel<T>, options?: DialogFormOptions<T>) => BaseDialogOptions;
+//#endregion
+//#region ../../src/core/form/index.d.ts
+declare module "typebox" {
+  interface TSchemaOptions {
+    $control?: Omit<ControlProps, "input">;
+  }
+} //# sourceMappingURL=index.d.ts.map
+//#endregion
+//#region ../../src/core/helpers/isComponentType.d.ts
+declare function isComponentType(param: any): param is ComponentType<any>;
+//#endregion
+//#region ../../src/core/helpers/renderIcon.d.ts
+declare const renderIcon: (icon: ReactNode | ComponentType, size?: number) => ReactNode;
+//#endregion
+//#region ../../src/core/hooks/useDialog.d.ts
+/**
+ * Use this hook to access the Dialog Service for showing various dialog types.
+ *
+ * @example
+ * ```tsx
+ * const dialog = useDialog();
+ * await dialog.alert({ title: "Alert", message: "This is an alert message" });
+ * const confirmed = await dialog.confirm({ title: "Confirm", message: "Are you sure?" });
+ * const input = await dialog.prompt({ title: "Input", message: "Enter your name:" });
+ * ```
+ */
+declare const useDialog: () => DialogService;
+//#endregion
+//#region ../../src/core/hooks/useTheme.d.ts
+/**
+ * Hook to get and set the current theme.
+ *
+ * Returns a tuple with the current theme and a function to set the theme.
+ *
+ * ```tsx
+ * const [theme, setTheme] = useTheme();
+ * ```
+ */
+declare const useTheme: () => [AlephaTheme, (theme: CurrentAlephaTheme) => void];
+//#endregion
+//#region ../../src/core/services/ToastService.d.ts
+interface ToastServiceOptions {
+  default?: Partial<NotificationData>;
 }
-interface SidebarTheme {
-  button?: SidebarButtonTheme;
-  search?: SidebarButtonTheme;
+declare class ToastService {
+  protected readonly raw: {
+    readonly show: typeof _mantine_notifications0.showNotification;
+    readonly hide: typeof _mantine_notifications0.hideNotification;
+    readonly update: typeof _mantine_notifications0.updateNotification;
+    readonly clean: typeof _mantine_notifications0.cleanNotifications;
+    readonly cleanQueue: typeof _mantine_notifications0.cleanNotificationsQueue;
+    readonly updateState: typeof _mantine_notifications0.updateNotificationsState;
+  };
+  readonly options: ToastServiceOptions;
+  show(options: NotificationData): void;
+  info(options: Partial<NotificationData> | string): void;
+  success(options: Partial<NotificationData> | string): void;
+  warning(options: Partial<NotificationData> | string): void;
+  danger(options: Partial<NotificationData> | string): void;
 }
 //#endregion
-//#region ../../src/core/components/layout/DashboardShell.d.ts
-interface DashboardShellProps {
-  appShellProps?: Partial<AppShellProps>;
-  appShellMainProps?: Partial<AppShellMainProps>;
-  appShellHeaderProps?: Partial<AppShellHeaderProps>;
-  appShellNavbarProps?: Partial<AppShellNavbarProps>;
-  appShellFooterProps?: Partial<AppShellFooterProps>;
-  sidebarProps?: Partial<SidebarProps>;
-  appBarProps?: Partial<AppBarProps>;
-  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";
+//#region ../../src/core/hooks/useToast.d.ts
+/**
+ * Use this hook to access the Toast Service for showing notifications.
+ *
+ * @example
+ * ```tsx
+ * const toast = useToast();
+ * toast.success({ message: "Operation completed successfully!" });
+ * toast.error({ title: "Error", message: "Something went wrong" });
+ * ```
+ */
+declare const useToast: () => ToastService;
+//#endregion
+//#region ../../src/core/json/components/JsonViewer.d.ts
+interface JsonViewerProps {
+  data: any;
   /**
-   * Content rendered above the Sidebar inside the navbar (e.g. logo).
+   * Depth level to expand by default (0 = collapsed, Infinity = all expanded)
    */
-  navbarHeader?: ReactNode;
+  defaultExpandedDepth?: number;
   /**
-   * Content rendered below the Sidebar inside the navbar (e.g. toggle button).
+   * Maximum nesting depth to render
    */
-  navbarFooter?: ReactNode;
+  maxDepth?: number;
   /**
-   * Height of the header bar in pixels.
-   * @default 60
+   * Size variant
    */
-  headerHeight?: number;
+  size?: MantineSize;
   /**
-   * Height of the footer bar in pixels.
-   * @default 24
+   * Whether to show quotes around keys and strings
    */
-  footerHeight?: number;
+  showQuotes?: boolean;
   /**
-   * Enable drag-to-resize for the sidebar.
-   * Width and constraints are configured in alephaSidebarAtom.
+   * Show copy button on row hover
    */
-  sidebarResizable?: boolean;
-  noSidebarWhen?: {
-    /**
-     * Paths where the sidebar should be hidden.
-     */
-    paths?: string[];
-  };
+  showCopyButton?: boolean;
   /**
-   * Wrap AppBar and main content in a Mantine Container.
-   * Pass `true` for default Container, or ContainerProps to customize.
+   * Custom value formatter. Return formatted string or undefined to use default.
    */
-  container?: boolean | ContainerProps;
+  formatValue?: (key: string | undefined, value: any, path: string[]) => string | number | undefined;
+}
+declare const JsonViewer: ({
+  data,
+  defaultExpandedDepth,
+  maxDepth,
+  size,
+  showQuotes,
+  showCopyButton,
+  formatValue
+}: JsonViewerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region ../../src/core/json/factories/dialogJson.d.ts
+/**
+ * Creates dialog options for a JSON viewer dialog.
+ *
+ * @param data - The JSON data to display.
+ * @param options - Additional dialog options.
+ */
+declare const dialogJson: (data?: any, options?: BaseDialogOptions) => BaseDialogOptions;
+//#endregion
+//#region ../../src/core/UiRouter.d.ts
+/**
+ * UI Router defining the root page with AlephaMantineProvider.
+ *
+ * - Use UiRouter when you need Alepha's Mantine-based UI components and theming.
+ * - Prefer to use $ui() for convenience. (Custom Factory of UiRouter)
+ */
+declare class UiRouter {
+  readonly root: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+}
+//#endregion
+//#region ../../src/core/primitives/$ui.d.ts
+/**
+ * Convenience function to configure and inject the UiRouter.
+ */
+declare const $ui: (options?: {
+  themes?: AlephaThemeListAtom;
+}) => UiRouter;
+//#endregion
+//#region ../../src/core/providers/ThemeProvider.d.ts
+declare class ThemeProvider {
+  protected readonly alepha: Alepha;
+  protected readonly cookie: alepha_server_cookies0.AbstractCookiePrimitive<alepha.TObject<{
+    index: alepha.TInteger;
+  }>>;
+  protected readonly head: alepha_react_head0.HeadPrimitive;
+  setTheme(index: number): void;
+  getTheme(): AlephaTheme;
+  protected getThemeIndex(): number;
 }
-declare const DashboardShell: (props: DashboardShellProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region ../../src/core/components/table/types.d.ts
+//#region ../../src/core/table/interfaces/types.d.ts
 type DataTableRowAction = ActionProps & {
   visible?: boolean;
 };
@@ -1130,89 +1415,9 @@ interface DataTableProps<T extends object, Filters extends TObject> {
   tableTrProps?: (item: T) => TableTrProps;
 }
 //#endregion
-//#region ../../src/core/components/table/DataTable.d.ts
+//#region ../../src/core/table/components/DataTable.d.ts
 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: {
-  colors: {
-    transparent: string;
-    background: string;
-    surface: string;
-    elevated: string;
-    border: string;
-  };
-  sizes: {
-    icon: {
-      xs: number;
-      sm: number;
-      md: number;
-      lg: number;
-      xl: number;
-    };
-  };
-};
-//#endregion
-//#region ../../src/core/hooks/useDialog.d.ts
-/**
- * Use this hook to access the Dialog Service for showing various dialog types.
- *
- * @example
- * ```tsx
- * const dialog = useDialog();
- * await dialog.alert({ title: "Alert", message: "This is an alert message" });
- * const confirmed = await dialog.confirm({ title: "Confirm", message: "Are you sure?" });
- * const input = await dialog.prompt({ title: "Input", message: "Enter your name:" });
- * ```
- */
-declare const useDialog: () => DialogService;
-//#endregion
-//#region ../../src/core/services/ToastService.d.ts
-interface ToastServiceOptions {
-  default?: Partial<NotificationData>;
-}
-declare class ToastService {
-  protected readonly raw: {
-    readonly show: typeof _mantine_notifications0.showNotification;
-    readonly hide: typeof _mantine_notifications0.hideNotification;
-    readonly update: typeof _mantine_notifications0.updateNotification;
-    readonly clean: typeof _mantine_notifications0.cleanNotifications;
-    readonly cleanQueue: typeof _mantine_notifications0.cleanNotificationsQueue;
-    readonly updateState: typeof _mantine_notifications0.updateNotificationsState;
-  };
-  readonly options: ToastServiceOptions;
-  show(options: NotificationData): void;
-  info(options: Partial<NotificationData> | string): void;
-  success(options: Partial<NotificationData> | string): void;
-  warning(options: Partial<NotificationData> | string): void;
-  danger(options: Partial<NotificationData> | string): void;
-}
-//#endregion
-//#region ../../src/core/hooks/useToast.d.ts
-/**
- * Use this hook to access the Toast Service for showing notifications.
- *
- * @example
- * ```tsx
- * const toast = useToast();
- * toast.success({ message: "Operation completed successfully!" });
- * toast.error({ title: "Error", message: "Something went wrong" });
- * ```
- */
-declare const useToast: () => ToastService;
-//#endregion
-//#region ../../src/core/providers/ThemeProvider.d.ts
-declare class ThemeProvider {
-  protected readonly alepha: Alepha;
-  protected readonly cookie: alepha_server_cookies0.AbstractCookiePrimitive<alepha.TObject<{
-    index: alepha.TInteger;
-  }>>;
-  protected readonly head: alepha_react_head0.HeadPrimitive;
-  setTheme(index: number): void;
-  getTheme(): AlephaTheme;
-  protected getThemeIndex(): number;
-}
-//#endregion
 //#region ../../src/core/utils/extractSchemaFields.d.ts
 interface SchemaField {
   name: string;
@@ -1286,11 +1491,6 @@ declare const toTitleCase: (str: string) => string;
 declare const prettyName: (name: string) => string;
 //#endregion
 //#region ../../src/core/index.d.ts
-declare module "typebox" {
-  interface TSchemaOptions {
-    $control?: Omit<ControlProps, "input">;
-  }
-}
 declare module "alepha" {
   interface State {
     [alephaSidebarAtom.key]?: Static<typeof alephaSidebarAtom.schema>;
@@ -1319,10 +1519,6 @@ declare module "alepha/react/router" {
   }
 }
 /**
- * | Stability | Since | Runtime |
- * |-----------|-------|---------|
- * | 2 - beta | 0.12.0 | node, bun, workerd, browser|
- *
  * Core UI components based on Mantine UI v8.
  *
  * **Features:**
@@ -1342,12 +1538,6 @@ declare module "alepha/react/router" {
  * @module alepha.ui
  */
 declare const AlephaUI: alepha.Service<alepha.Module>;
-/**
- * Convenience function to configure and inject the UiRouter.
- */
-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, 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 };
+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, AlephaIntent, AlephaMantineProvider, type AlephaMantineProviderProps, AlephaSidebarState, AlephaThemeListAtom, AlephaUI, AlertDialog, type AlertDialogOptions, type AlertDialogProps, AppBar, type AppBarBack, type AppBarBurger, type AppBarDark, type AppBarDivider, type AppBarElement, type AppBarItem, type AppBarLang, type AppBarLogo, type AppBarProps, type AppBarSearch, type AppBarSpacer, type BaseDialogOptions, type BreadcrumbProps, Breadcrumb as Breadcrumbs, BurgerButton, type CheckboxAction, type CheckboxActionContext, ClipboardButton, type ClipboardButtonProps, type ColumnVisibility, ConfirmDialog, type ConfirmDialogOptions, type ConfirmDialogProps, Container, type ContainerProps, Control, ControlArray, ControlDate, ControlNumber, ControlObject, type ControlProps, ControlQueryBuilder, ControlSelect, CurrentAlephaTheme, DarkModeButton, DataTable, type DataTableColumn, type DataTableColumnContext, type DataTableProps, type DataTableSubmitContext, DetailDrawer, type DetailDrawerProps, type DetailDrawerStatus, type DetailDrawerTab, DetailList, type DetailListItem, type DetailListProps, type DialogFormOptions, DialogService, type FilterVisibility, Flex, type FlexProps, Heading, IconSize, JsonViewer, LanguageButton, type MaybePage, OPERATOR_INFO, Omnibar, OmnibarButton, type OmnibarButtonProps, type OmnibarProps, PromptDialog, type PromptDialogOptions, type PromptDialogProps, SchemaField, Sidebar, type SidebarAbstractItem, type SidebarButtonTheme, ToggleSidebarButton as SidebarCollapseButton, type SidebarDivider, type SidebarElement, type SidebarItemProps, type SidebarMenuItem, type SidebarNode, type SidebarProps, type SidebarSearch, type SidebarSection, type SidebarSpacer, type SidebarTheme, type StatCardItem, StatCards, type StatCardsProps, Text, type TextProps, ThemeButton, ThemeProvider, ToastService, TypeForm, type TypeFormProps, UiRouter, alephaSidebarAtom, alephaThemeAtom, alephaThemeListAtom, capitalize, defaultTheme, dialogForm, dialogJson, extractSchemaFields, getDefaultIcon, getOperatorsForField, isComponentType, midnightTheme, prettyName, renderIcon, toTitleCase, ui, useDialog, useTheme, useToast };
 //# sourceMappingURL=index.d.ts.map