@alepha/ui 0.13.5 → 0.13.7

package/dist/core/index.d.ts

@@ -1,11 +1,11 @@
-import * as alepha99 from "alepha";
+import * as alepha1 from "alepha";
 import { Alepha, AlephaError, Async, FileLike, InstantiableClass, LogLevel, LoggerInterface, Page, PageMetadata, Primitive, Static, StreamLike, TArray, TFile, TObject, TProperties, TRecord, TSchema, TStream, TString, TVoid, TypeBoxError } from "alepha";
 import { AnchorProps, AppShellFooterProps, AppShellHeaderProps, AppShellMainProps, AppShellNavbarProps, AppShellProps, AutocompleteProps, BurgerProps, ButtonProps, ColorInputProps, ColorSchemeScriptProps, FileInputProps, Flex, FlexProps, MantineBreakpoint, MantineProviderProps, MantineSize, 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 * as _mantine_notifications0 from "@mantine/notifications";
 import { NotificationData, NotificationsProps } from "@mantine/notifications";
 import { NavigationProgressProps } from "@mantine/nprogress";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { ComponentType, FC, InputHTMLAttributes, ReactElement, ReactNode } from "react";
 import { DateInputProps, DateTimePickerProps, TimeInputProps } from "@mantine/dates";
 import "dayjs/plugin/relativeTime.js";
@@ -20,16 +20,22 @@ import { IncomingMessage, Server, ServerResponse } from "node:http";
 import { Readable } from "node:stream";
 import { ReadableStream } from "node:stream/web";
 
+//#region ../../src/core/atoms/alephaThemeAtom.d.ts
+declare const alephaThemeAtom: alepha1.Atom<alepha1.TObject<{
+  index: alepha1.TInteger;
+}>, "alepha.ui.theme">;
+type CurrentAlephaTheme = Static<typeof alephaThemeAtom.schema>;
+//#endregion
 //#region ../../../alepha/src/logger/schemas/logEntrySchema.d.ts
-declare const logEntrySchema: alepha99.TObject<{
-  level: alepha99.TUnsafe<"SILENT" | "TRACE" | "DEBUG" | "INFO" | "WARN" | "ERROR">;
-  message: alepha99.TString;
-  service: alepha99.TString;
-  module: alepha99.TString;
-  context: alepha99.TOptional<alepha99.TString>;
-  app: alepha99.TOptional<alepha99.TString>;
-  data: alepha99.TOptional<alepha99.TAny>;
-  timestamp: alepha99.TNumber;
+declare const logEntrySchema: alepha1.TObject<{
+  level: alepha1.TUnsafe<"SILENT" | "TRACE" | "DEBUG" | "INFO" | "WARN" | "ERROR">;
+  message: alepha1.TString;
+  service: alepha1.TString;
+  module: alepha1.TString;
+  context: alepha1.TOptional<alepha1.TString>;
+  app: alepha1.TOptional<alepha1.TString>;
+  data: alepha1.TOptional<alepha1.TAny>;
+  timestamp: alepha1.TNumber;
 }>;
 type LogEntry = Static<typeof logEntrySchema>;
 //#endregion
@@ -44,8 +50,8 @@ declare class DateTimeProvider {
   protected readonly timeouts: Timeout[];
   protected readonly intervals: Interval[];
   constructor();
-  protected readonly onStart: alepha99.HookPrimitive<"start">;
-  protected readonly onStop: alepha99.HookPrimitive<"stop">;
+  protected readonly onStart: alepha1.HookPrimitive<"start">;
+  protected readonly onStop: alepha1.HookPrimitive<"stop">;
   setLocale(locale: string): void;
   isDateTime(value: unknown): value is DateTime;
   /**
@@ -177,7 +183,7 @@ declare class Logger implements LoggerInterface {
 }
 //#endregion
 //#region ../../../alepha/src/logger/index.d.ts
-declare const envSchema$6: alepha99.TObject<{
+declare const envSchema$6: alepha1.TObject<{
   /**
    * Default log level for the application.
    *
@@ -194,14 +200,14 @@ declare const envSchema$6: alepha99.TObject<{
    * LOG_LEVEL=my.module.name:debug,info # Set debug level for my.module.name and info for all other modules
    * LOG_LEVEL=alepha:trace, info # Set trace level for all alepha modules and info for all other modules
    */
-  LOG_LEVEL: alepha99.TOptional<alepha99.TString>;
+  LOG_LEVEL: alepha1.TOptional<alepha1.TString>;
   /**
    * Built-in log formats.
    * - "json" - JSON format, useful for structured logging and log aggregation. {@link JsonFormatterProvider}
-   * - "pretty" - Simple text format, human-readable, with colors. {@link SimpleFormatterProvider}
+   * - "pretty" - Simple text format, human-readable, with colors. {@link PrettyFormatterProvider}
    * - "raw" - Raw format, no formatting, just the message.  {@link RawFormatterProvider}
    */
-  LOG_FORMAT: alepha99.TOptional<alepha99.TUnsafe<"json" | "pretty" | "raw">>;
+  LOG_FORMAT: alepha1.TOptional<alepha1.TUnsafe<"json" | "pretty" | "raw">>;
 }>;
 declare module "alepha" {
   interface Env extends Partial<Static<typeof envSchema$6>> {}
@@ -265,7 +271,7 @@ declare class FormModel<T$1 extends TObject> {
   protected createInputFromSchema<T$1 extends TObject>(name: keyof Static<T$1> & string, options: FormCtrlOptions<T$1>, schema: TObject, required: boolean, context: {
     parent: string;
     store: Record<string, any>;
-  }): InputField;
+  }): BaseInputField;
   /**
    * Convert an input value to the correct type based on the schema.
    * Handles raw DOM values (strings, booleans from checkboxes, Files, etc.)
@@ -273,18 +279,26 @@ declare class FormModel<T$1 extends TObject> {
   protected getValueFromInput(input: any, schema: TSchema): any;
   protected valueToInputEntry(value: any): string | number | boolean;
 }
-type SchemaToInput<T$1 extends TObject> = { [K in keyof T$1["properties"]]: T$1["properties"][K] extends TObject ? SchemaToInput<T$1["properties"][K]> : InputField };
+type SchemaToInput<T$1 extends TObject> = { [K in keyof T$1["properties"]]: InputField<T$1["properties"][K]> };
 interface FormEventLike {
   preventDefault?: () => void;
   stopPropagation?: () => void;
 }
-interface InputField {
+type InputField<T$1 extends TSchema> = T$1 extends TObject ? ObjectInputField<T$1> : T$1 extends TArray<infer U> ? ArrayInputField<U> : BaseInputField;
+interface BaseInputField {
   path: string;
   required: boolean;
   props: InputHTMLAttributesLike;
   schema: TSchema;
   set: (value: any) => void;
   form: FormModel<any>;
+  items?: any;
+}
+interface ObjectInputField<T$1 extends TObject> extends BaseInputField {
+  items: SchemaToInput<T$1>;
+}
+interface ArrayInputField<T$1 extends TSchema> extends BaseInputField {
+  items: Array<InputField<T$1>>;
 }
 type InputHTMLAttributesLike = Pick<InputHTMLAttributes<unknown>, "id" | "name" | "type" | "value" | "defaultValue" | "required" | "maxLength" | "minLength" | "aria-label" | "autoComplete"> & {
   value?: any;
@@ -371,7 +385,7 @@ declare module "alepha" {
 //#endregion
 //#region ../../src/core/utils/parseInput.d.ts
 interface GenericControlProps {
-  input: InputField;
+  input: BaseInputField;
   title?: string;
   description?: string;
   icon?: ReactElement | ((props: {
@@ -379,11 +393,145 @@ interface GenericControlProps {
   }) => ReactNode);
 }
 //#endregion
+//#region ../../src/core/components/form/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
+ *
+ * @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_runtime11.JSX.Element | null;
+//#endregion
 //#region ../../src/core/components/form/ControlNumber.d.ts
 interface ControlNumberProps extends GenericControlProps {
   numberInputProps?: Partial<NumberInputProps>;
   sliderProps?: Partial<SliderProps>;
 }
+/**
+ *
+ */
+declare const ControlNumber: (props: ControlNumberProps) => react_jsx_runtime11.JSX.Element | null;
+//#endregion
+//#region ../../src/core/components/form/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_runtime11.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlSelect.d.ts
 type SelectValueLabel = string | {
@@ -412,7 +560,7 @@ interface ControlSelectProps extends GenericControlProps {
  *
  * Automatically detects enum values and array types from schema.
  */
-declare const ControlSelect: (props: ControlSelectProps) => react_jsx_runtime14.JSX.Element | null;
+declare const ControlSelect: (props: ControlSelectProps) => react_jsx_runtime11.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/Control.d.ts
 interface ControlProps extends GenericControlProps {
@@ -428,6 +576,8 @@ interface ControlProps extends GenericControlProps {
   datetime?: boolean | DateTimePickerProps;
   time?: boolean | TimeInputProps;
   query?: any;
+  object?: boolean | Partial<Omit<ControlObjectProps, "input">>;
+  array?: boolean | Partial<Omit<ControlArrayProps, "input">>;
   custom?: ComponentType<CustomControlProps>;
 }
 /**
@@ -448,26 +598,44 @@ interface ControlProps extends GenericControlProps {
  * - 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_runtime14.JSX.Element | null;
+declare const Control: (_props: ControlProps) => react_jsx_runtime11.JSX.Element | null;
 type CustomControlProps = {
   defaultValue: any;
   onChange: (value: any) => void;
 };
 //#endregion
+//#region ../../src/core/atoms/alephaThemeListAtom.d.ts
+declare const alephaThemeListAtom: alepha1.Atom<alepha1.TArray<alepha1.TRecord<string, alepha1.TAny>>, "alepha.ui.themeList">;
+//#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;
+//#endregion
 //#region ../../../alepha/src/server/schemas/errorSchema.d.ts
-declare const errorSchema: alepha99.TObject<{
-  error: alepha99.TString;
-  status: alepha99.TInteger;
-  message: alepha99.TString;
-  details: alepha99.TOptional<alepha99.TString>;
-  requestId: alepha99.TOptional<alepha99.TString>;
-  cause: alepha99.TOptional<alepha99.TObject<{
-    name: alepha99.TString;
-    message: alepha99.TString;
+declare const errorSchema: alepha1.TObject<{
+  error: alepha1.TString;
+  status: alepha1.TInteger;
+  message: alepha1.TString;
+  details: alepha1.TOptional<alepha1.TString>;
+  requestId: alepha1.TOptional<alepha1.TString>;
+  cause: alepha1.TOptional<alepha1.TObject<{
+    name: alepha1.TString;
+    message: alepha1.TString;
   }>>;
 }>;
 type ErrorSchema = Static<typeof errorSchema>;
@@ -724,8 +892,8 @@ declare class ServerTimingProvider {
     prefix: string;
     disabled: boolean;
   };
-  readonly onRequest: alepha99.HookPrimitive<"server:onRequest">;
-  readonly onResponse: alepha99.HookPrimitive<"server:onResponse">;
+  readonly onRequest: alepha1.HookPrimitive<"server:onRequest">;
+  readonly onResponse: alepha1.HookPrimitive<"server:onResponse">;
   protected get handlerName(): string;
   beginTiming(name: string): void;
   endTiming(name: string): void;
@@ -789,11 +957,11 @@ declare class ServerProvider {
   /**
    * When a Node.js HTTP request is received from outside. (Vercel, AWS Lambda, etc.)
    */
-  protected readonly onNodeRequest: alepha99.HookPrimitive<"node:request">;
+  protected readonly onNodeRequest: alepha1.HookPrimitive<"node:request">;
   /**
    * When a Web (Fetch API) request is received from outside. (Netlify, Cloudflare Workers, etc.)
    */
-  protected readonly onWebRequest: alepha99.HookPrimitive<"web:request">;
+  protected readonly onWebRequest: alepha1.HookPrimitive<"web:request">;
   /**
    * Handle Node.js HTTP request event.
    *
@@ -1128,18 +1296,18 @@ type ServerActionHandler<TConfig extends RequestConfigSchema = RequestConfigSche
 interface ServerActionRequest<TConfig extends RequestConfigSchema> extends ServerRequest<TConfig> {}
 //#endregion
 //#region ../../../alepha/src/server/providers/BunHttpServerProvider.d.ts
-declare const envSchema$5: alepha99.TObject<{
-  SERVER_PORT: alepha99.TInteger;
-  SERVER_HOST: alepha99.TString;
+declare const envSchema$5: alepha1.TObject<{
+  SERVER_PORT: alepha1.TInteger;
+  SERVER_HOST: alepha1.TString;
 }>;
 declare module "alepha" {
   interface Env extends Partial<Static<typeof envSchema$5>> {}
 }
 //#endregion
 //#region ../../../alepha/src/server/providers/NodeHttpServerProvider.d.ts
-declare const envSchema$4: alepha99.TObject<{
-  SERVER_PORT: alepha99.TInteger;
-  SERVER_HOST: alepha99.TString;
+declare const envSchema$4: alepha1.TObject<{
+  SERVER_PORT: alepha1.TInteger;
+  SERVER_HOST: alepha1.TString;
 }>;
 declare module "alepha" {
   interface Env extends Partial<Static<typeof envSchema$4>> {}
@@ -1316,8 +1484,8 @@ declare class Redirection extends Error {
 }
 //#endregion
 //#region ../../../react/src/core/providers/ReactPageProvider.d.ts
-declare const envSchema$3: alepha99.TObject<{
-  REACT_STRICT_MODE: alepha99.TBoolean;
+declare const envSchema$3: alepha1.TObject<{
+  REACT_STRICT_MODE: alepha1.TBoolean;
 }>;
 declare module "alepha" {
   interface Env extends Partial<Static<typeof envSchema$3>> {}
@@ -1414,10 +1582,10 @@ interface PagePrimitiveOptions<TConfig extends PageConfigSchema = PageConfigSche
    * Load data before rendering the page.
    *
    * This function receives
-   * - the request context and
+   * - the request context (params, query, etc.)
    * - the parent props (if page has a parent)
    *
-   * In SSR, the returned data will be serialized and sent to the client, then reused during the client-side hydration.
+   * > In SSR, the returned data will be serialized and sent to the client, then reused during the client-side hydration.
    *
    * Resolve can be stopped by throwing an error, which will be handled by the `errorHandler` function.
    * It's common to throw a `NotFoundError` to display a 404 page.
@@ -1425,6 +1593,12 @@ interface PagePrimitiveOptions<TConfig extends PageConfigSchema = PageConfigSche
    * RedirectError can be thrown to redirect the user to another page.
    */
   resolve?: (context: PageResolve<TConfig, TPropsParent>) => Async<TProps>;
+  /**
+   * Default props to pass to the component when rendering the page.
+   *
+   * Resolved props from the `resolve` function will override these default props.
+   */
+  props?: () => Partial<TProps>;
   /**
    * The component to render when the page is loaded.
    *
@@ -1450,6 +1624,12 @@ interface PagePrimitiveOptions<TConfig extends PageConfigSchema = PageConfigSche
    * Define a parent page for nested routing.
    */
   parent?: PagePrimitive<PageConfigSchema, TPropsParent, any>;
+  /**
+   * Function to determine if the page can be accessed.
+   *
+   * If it returns false, the page will not be accessible and a 403 Forbidden error will be returned.
+   * This function can be used to implement permission-based access control.
+   */
   can?: () => boolean;
   /**
    * Catch any error from the `resolve` function or during `rendering`.
@@ -1618,15 +1798,15 @@ type CssAnimation = {
 };
 //#endregion
 //#region ../../../alepha/src/security/schemas/userAccountInfoSchema.d.ts
-declare const userAccountInfoSchema: alepha99.TObject<{
-  id: alepha99.TString;
-  name: alepha99.TOptional<alepha99.TString>;
-  email: alepha99.TOptional<alepha99.TString>;
-  username: alepha99.TOptional<alepha99.TString>;
-  picture: alepha99.TOptional<alepha99.TString>;
-  sessionId: alepha99.TOptional<alepha99.TString>;
-  organizations: alepha99.TOptional<alepha99.TArray<alepha99.TString>>;
-  roles: alepha99.TOptional<alepha99.TArray<alepha99.TString>>;
+declare const userAccountInfoSchema: alepha1.TObject<{
+  id: alepha1.TString;
+  name: alepha1.TOptional<alepha1.TString>;
+  email: alepha1.TOptional<alepha1.TString>;
+  username: alepha1.TOptional<alepha1.TString>;
+  picture: alepha1.TOptional<alepha1.TString>;
+  sessionId: alepha1.TOptional<alepha1.TString>;
+  organizations: alepha1.TOptional<alepha1.TArray<alepha1.TString>>;
+  roles: alepha1.TOptional<alepha1.TArray<alepha1.TString>>;
 }>;
 type UserAccount = Static<typeof userAccountInfoSchema>;
 //#endregion
@@ -1652,8 +1832,8 @@ interface UserAccountToken extends UserAccount {
 }
 //#endregion
 //#region ../../../alepha/src/security/providers/SecurityProvider.d.ts
-declare const envSchema$2: alepha99.TObject<{
-  APP_SECRET: alepha99.TString;
+declare const envSchema$2: alepha1.TObject<{
+  APP_SECRET: alepha1.TString;
 }>;
 declare module "alepha" {
   interface Env extends Partial<Static<typeof envSchema$2>> {}
@@ -1746,15 +1926,15 @@ declare module "alepha/server" {
  */
 //#endregion
 //#region ../../../alepha/src/server-links/schemas/apiLinksResponseSchema.d.ts
-declare const apiLinksResponseSchema: alepha99.TObject<{
-  prefix: alepha99.TOptional<alepha99.TString>;
-  links: alepha99.TArray<alepha99.TObject<{
-    name: alepha99.TString;
-    group: alepha99.TOptional<alepha99.TString>;
-    path: alepha99.TString;
-    method: alepha99.TOptional<alepha99.TString>;
-    requestBodyType: alepha99.TOptional<alepha99.TString>;
-    service: alepha99.TOptional<alepha99.TString>;
+declare const apiLinksResponseSchema: alepha1.TObject<{
+  prefix: alepha1.TOptional<alepha1.TString>;
+  links: alepha1.TArray<alepha1.TObject<{
+    name: alepha1.TString;
+    group: alepha1.TOptional<alepha1.TString>;
+    path: alepha1.TString;
+    method: alepha1.TOptional<alepha1.TString>;
+    requestBodyType: alepha1.TOptional<alepha1.TString>;
+    service: alepha1.TOptional<alepha1.TString>;
   }>>;
 }>;
 type ApiLinksResponse = Static<typeof apiLinksResponseSchema>;
@@ -1784,8 +1964,8 @@ declare module "alepha" {
  */
 //#endregion
 //#region ../../../react/src/core/providers/ReactBrowserProvider.d.ts
-declare const envSchema$1: alepha99.TObject<{
-  REACT_ROOT_ID: alepha99.TString;
+declare const envSchema$1: alepha1.TObject<{
+  REACT_ROOT_ID: alepha1.TString;
 }>;
 declare module "alepha" {
   interface Env extends Partial<Static<typeof envSchema$1>> {}
@@ -1793,8 +1973,8 @@ declare module "alepha" {
 /**
  * React browser renderer configuration atom
  */
-declare const reactBrowserOptions: alepha99.Atom<alepha99.TObject<{
-  scrollRestoration: alepha99.TUnsafe<"top" | "manual">;
+declare const reactBrowserOptions: alepha1.Atom<alepha1.TObject<{
+  scrollRestoration: alepha1.TUnsafe<"top" | "manual">;
 }>, "alepha.react.browser.options">;
 type ReactBrowserRendererOptions = Static<typeof reactBrowserOptions.schema>;
 declare module "alepha" {
@@ -1936,25 +2116,25 @@ declare module "@alepha/react" {
  */
 //#endregion
 //#region ../../../react/src/core/providers/ReactServerProvider.d.ts
-declare const envSchema: alepha99.TObject<{
-  REACT_SSR_ENABLED: alepha99.TOptional<alepha99.TBoolean>;
-  REACT_ROOT_ID: alepha99.TString;
-  REACT_SERVER_TEMPLATE: alepha99.TOptional<alepha99.TString>;
+declare const envSchema: alepha1.TObject<{
+  REACT_SSR_ENABLED: alepha1.TOptional<alepha1.TBoolean>;
+  REACT_ROOT_ID: alepha1.TString;
 }>;
 declare module "alepha" {
   interface Env extends Partial<Static<typeof envSchema>> {}
   interface State {
     "alepha.react.server.ssr"?: boolean;
+    "alepha.react.server.template"?: string;
   }
 }
 /**
  * React server provider configuration atom
  */
-declare const reactServerOptions: alepha99.Atom<alepha99.TObject<{
-  publicDir: alepha99.TString;
-  staticServer: alepha99.TObject<{
-    disabled: alepha99.TBoolean;
-    path: alepha99.TString;
+declare const reactServerOptions: alepha1.Atom<alepha1.TObject<{
+  publicDir: alepha1.TString;
+  staticServer: alepha1.TObject<{
+    disabled: alepha1.TBoolean;
+    path: alepha1.TString;
   }>;
 }>, "alepha.react.server.options">;
 type ReactServerProviderOptions = Static<typeof reactServerOptions.schema>;
@@ -2130,7 +2310,7 @@ interface ActionCommonProps extends ButtonProps {
    * Tooltip to display on hover. Can be a string for simple tooltips
    * or a TooltipProps object for advanced configuration.
    */
-  tooltip?: string | TooltipProps;
+  tooltip?: string | number | TooltipProps;
   /**
    * Menu configuration. When provided, the action will display a dropdown menu.
    */
@@ -2157,10 +2337,10 @@ interface ActionCommonProps extends ButtonProps {
   /**
    * Visual intent of the action button.
    */
-  intent?: "primary" | "success" | "danger" | "warning" | "info";
+  intent?: "primary" | "success" | "danger" | "warning" | "info" | "none";
 }
 type ActionProps = ActionCommonProps & (ActionNavigationButtonProps | ActionClickButtonProps | ActionSubmitButtonProps | ActionHookButtonProps | {});
-declare const ActionButton: (_props: ActionProps) => react_jsx_runtime14.JSX.Element;
+declare const ActionButton: (_props: ActionProps) => react_jsx_runtime11.JSX.Element;
 interface ActionSubmitButtonProps extends ButtonProps {
   form: FormModel<any>;
   type?: "submit" | "reset";
@@ -2183,7 +2363,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_runtime14.JSX.Element;
+declare const BurgerButton: (props: BurgerButtonProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/ClipboardButton.d.ts
 interface ClipboardButtonProps extends Omit<ActionCommonProps, "onClick" | "icon"> {
@@ -2204,7 +2384,7 @@ interface ClipboardButtonProps extends Omit<ActionCommonProps, "onClick" | "icon
    */
   copiedLabel?: string;
 }
-declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtime14.JSX.Element;
+declare const ClipboardButton: (props: ClipboardButtonProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/DarkModeButton.d.ts
 interface DarkModeButtonProps {
@@ -2215,27 +2395,27 @@ interface DarkModeButtonProps {
   segmentedProps?: Partial<SegmentedControlProps>;
   actionProps?: Partial<ActionProps>;
 }
-declare const DarkModeButton: (props: DarkModeButtonProps) => react_jsx_runtime14.JSX.Element;
+declare const DarkModeButton: (props: DarkModeButtonProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/LanguageButton.d.ts
 interface LanguageButtonProps {
   languages?: string[];
   actionProps?: ActionProps;
 }
-declare const LanguageButton: (props: LanguageButtonProps) => react_jsx_runtime14.JSX.Element;
+declare const LanguageButton: (props: LanguageButtonProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/OmnibarButton.d.ts
 interface OmnibarButtonProps {
   actionProps?: ActionProps;
   collapsed?: boolean;
 }
-declare const OmnibarButton: (props: OmnibarButtonProps) => react_jsx_runtime14.JSX.Element;
+declare const OmnibarButton: (props: OmnibarButtonProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/buttons/ThemeButton.d.ts
 interface ThemeButtonProps {
   actionProps?: Partial<ActionProps>;
 }
-declare const ThemeButton: (props: ThemeButtonProps) => react_jsx_runtime14.JSX.Element;
+declare const ThemeButton: (props: ThemeButtonProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/data/JsonViewer.d.ts
 interface JsonViewerProps {
@@ -2251,7 +2431,7 @@ declare const JsonViewer: ({
   maxDepth,
   copyable,
   size
-}: JsonViewerProps) => react_jsx_runtime14.JSX.Element;
+}: JsonViewerProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/services/DialogService.d.ts
 interface BaseDialogOptions extends Partial<ModalProps> {
@@ -2316,6 +2496,12 @@ declare class DialogService {
    * Show a JSON editor/viewer dialog
    */
   json(data?: any, options?: BaseDialogOptions): void;
+  /**
+   * Show an error viewer dialog
+   */
+  error(error: Error | unknown, options?: BaseDialogOptions & {
+    showStack?: boolean;
+  }): void;
   /**
    * Show a form dialog for structured input
    */
@@ -2336,19 +2522,19 @@ declare class DialogService {
 declare const AlertDialog: ({
   options,
   onClose
-}: AlertDialogProps) => react_jsx_runtime14.JSX.Element;
+}: AlertDialogProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/dialogs/ConfirmDialog.d.ts
 declare const ConfirmDialog: ({
   options,
   onConfirm
-}: ConfirmDialogProps) => react_jsx_runtime14.JSX.Element;
+}: ConfirmDialogProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/dialogs/PromptDialog.d.ts
 declare const PromptDialog: ({
   options,
   onSubmit
-}: PromptDialogProps) => react_jsx_runtime14.JSX.Element;
+}: PromptDialogProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/form/ControlDate.d.ts
 interface ControlDateProps extends GenericControlProps {
@@ -2366,7 +2552,7 @@ interface ControlDateProps extends GenericControlProps {
  *
  * Automatically detects date formats from schema and renders appropriate picker.
  */
-declare const ControlDate: (props: ControlDateProps) => react_jsx_runtime14.JSX.Element | null;
+declare const ControlDate: (props: ControlDateProps) => react_jsx_runtime11.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/form/ControlQueryBuilder.d.ts
 interface ControlQueryBuilderProps extends Omit<TextInputProps, "value" | "onChange"> {
@@ -2385,7 +2571,7 @@ declare const ControlQueryBuilder: ({
   onChange,
   placeholder,
   ...textInputProps
-}: ControlQueryBuilderProps) => react_jsx_runtime14.JSX.Element;
+}: ControlQueryBuilderProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/form/TypeForm.d.ts
 interface TypeFormProps<T$1 extends TObject> {
@@ -2400,16 +2586,33 @@ interface TypeFormProps<T$1 extends TObject> {
   };
   schema?: TObject;
   children?: (input: FormModel<T$1>["input"]) => ReactNode;
+  /**
+   * Control props applied to all fields.
+   */
   controlProps?: Partial<Omit<ControlProps, "input">>;
+  /**
+   * Per-field control props override.
+   * Keys are field names from the schema.
+   */
+  fieldControlProps?: Record<string, Partial<Omit<ControlProps, "input">>>;
   skipFormElement?: boolean;
   skipSubmitButton?: boolean;
   submitButtonProps?: Partial<Omit<ActionSubmitButtonProps, "form">>;
   resetButtonProps?: Partial<Omit<ActionSubmitButtonProps, "form">>;
+  fill?: boolean;
+  flexProps?: FlexProps;
 }
 /**
  * TypeForm component that automatically renders all form inputs based on schema.
  * Uses the Control component to render individual fields and Mantine Grid for responsive layout.
  *
+ * Supports all field types including:
+ * - Primitive types (string, number, boolean, etc.)
+ * - Enum types (rendered as Select)
+ * - Arrays of primitives (rendered as MultiSelect/TagsInput)
+ * - Arrays of objects (rendered as ControlArray)
+ * - Nested objects (rendered as ControlObject)
+ *
  * @example
  * ```tsx
  * import { t } from "alepha";
@@ -2422,6 +2625,15 @@ interface TypeFormProps<T$1 extends TObject> {
  *     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);
@@ -2431,7 +2643,7 @@ interface TypeFormProps<T$1 extends TObject> {
  * return <TypeForm form={form} columns={2} />;
  * ```
  */
-declare const TypeForm: <T$1 extends TObject>(props: TypeFormProps<T$1>) => react_jsx_runtime14.JSX.Element | null;
+declare const TypeForm: <T$1 extends TObject>(props: TypeFormProps<T$1>) => react_jsx_runtime11.JSX.Element | null;
 //#endregion
 //#region ../../src/core/components/layout/AppBar.d.ts
 type AppBarItem = AppBarElement | AppBarBurger | AppBarDark | AppBarSearch | AppBarLang | AppBarSpacer | AppBarDivider;
@@ -2470,7 +2682,7 @@ interface AppBarProps {
   flexProps?: FlexProps;
   items?: AppBarItem[];
 }
-declare const AppBar: (props: AppBarProps) => react_jsx_runtime14.JSX.Element;
+declare const AppBar: (props: AppBarProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/layout/Sidebar.d.ts
 interface SidebarProps {
@@ -2486,8 +2698,14 @@ interface SidebarProps {
   hide?: {
     paths?: string[];
   };
+  /**
+   * Automatically populate the menu from the router's pages.
+   */
+  autoPopulateMenu?: boolean | {
+    startsWith: string;
+  };
 }
-declare const Sidebar: (props: SidebarProps) => react_jsx_runtime14.JSX.Element;
+declare const Sidebar: (props: SidebarProps) => react_jsx_runtime11.JSX.Element;
 interface SidebarItemProps {
   item: SidebarMenuItem;
   level: number;
@@ -2500,7 +2718,7 @@ interface SidebarItemProps {
   onItemClick?: (item: SidebarMenuItem) => void;
   theme: SidebarTheme;
 }
-type SidebarNode = SidebarMenuItem | SidebarSpacer | SidebarDivider | SidebarSearch | SidebarElement | SidebarSection;
+type SidebarNode = SidebarMenuItem | SidebarSpacer | SidebarDivider | SidebarSearch | SidebarElement | SidebarSection | SidebarToggle;
 interface SidebarAbstractItem {
   position?: "top" | "bottom";
 }
@@ -2516,6 +2734,9 @@ interface SidebarDivider extends SidebarAbstractItem {
 interface SidebarSearch extends SidebarAbstractItem {
   type: "search";
 }
+interface SidebarToggle extends SidebarAbstractItem {
+  type: "toggle";
+}
 interface SidebarSection extends SidebarAbstractItem {
   type: "section";
   label: string;
@@ -2575,7 +2796,7 @@ declare module "alepha" {
     "alepha.ui.sidebar.collapsed"?: boolean;
   }
 }
-declare const AdminShell: (props: AdminShellProps) => react_jsx_runtime14.JSX.Element;
+declare const AdminShell: (props: AdminShellProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/layout/Omnibar.d.ts
 interface OmnibarProps {
@@ -2583,7 +2804,7 @@ interface OmnibarProps {
   searchPlaceholder?: string;
   nothingFound?: ReactNode;
 }
-declare const Omnibar: (props: OmnibarProps) => react_jsx_runtime14.JSX.Element;
+declare const Omnibar: (props: OmnibarProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/components/layout/AlephaMantineProvider.d.ts
 interface AlephaMantineProviderProps {
@@ -2593,11 +2814,17 @@ interface AlephaMantineProviderProps {
   navigationProgress?: NavigationProgressProps;
   notifications?: NotificationsProps;
   modals?: ModalsProviderProps;
-  omnibar?: OmnibarProps;
+  omnibar?: OmnibarProps | false;
 }
-declare const AlephaMantineProvider: (props: AlephaMantineProviderProps) => react_jsx_runtime14.JSX.Element;
+declare const AlephaMantineProvider: (props: AlephaMantineProviderProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
-//#region ../../src/core/components/table/DataTable.d.ts
+//#region ../../src/core/components/table/types.d.ts
+interface ColumnVisibility {
+  [key: string]: boolean;
+}
+interface FilterVisibility {
+  [key: string]: boolean;
+}
 interface DataTableColumnContext<Filters extends TObject> {
   index: number;
   form: FormModel<Filters>;
@@ -2607,6 +2834,15 @@ interface DataTableColumn<T$1 extends object, Filters extends TObject> {
   label: string;
   value: (item: T$1, ctx: DataTableColumnContext<Filters>) => ReactNode;
   fit?: boolean;
+  /**
+   * Enable sorting for this column. When true, clicking the header will sort by this column.
+   */
+  sortable?: boolean;
+  /**
+   * The field name to use for sorting. If not provided, the column key is used.
+   * Follows Alepha sort convention: 'field' for ASC, '-field' for DESC.
+   */
+  sortKey?: string;
 }
 type MaybePage<T$1> = Omit<Page<T$1>, "page"> & {
   page?: Partial<PageMetadata>;
@@ -2614,6 +2850,16 @@ type MaybePage<T$1> = Omit<Page<T$1>, "page"> & {
 interface DataTableSubmitContext<T$1 extends object> {
   items: T$1[];
 }
+interface CheckboxActionContext<T$1 extends object> {
+  selectedItems: T$1[];
+  clearSelection: () => void;
+}
+interface CheckboxAction<T$1 extends object> {
+  label: ReactNode;
+  icon?: ReactNode;
+  intent?: "primary" | "success" | "danger" | "warning" | "info" | "none";
+  onClick: (ctx: CheckboxActionContext<T$1>) => void | Promise<void>;
+}
 interface DataTableProps<T$1 extends object, Filters extends TObject> {
   /**
    * The items to display in the table. Can be a static page of items or a function that returns a promise resolving to a page of items.
@@ -2641,13 +2887,46 @@ interface DataTableProps<T$1 extends object, Filters extends TObject> {
   submitOnInit?: boolean;
   submitEvery?: DurationLike;
   withLineNumbers?: boolean;
+  /**
+   * Enable row selection with checkboxes. When true, a checkbox column is added as the first column.
+   */
   withCheckbox?: boolean;
-  checkboxActions?: any[];
-  actions?: any[];
+  /**
+   * Function to get a unique key for each item. Required when withCheckbox is true.
+   * Used to track selected items across pagination.
+   */
+  getItemKey?: (item: T$1) => string;
+  /**
+   * Actions to display when items are selected. Each action receives the selected items.
+   */
+  checkboxActions?: Array<CheckboxAction<T$1>>;
+  actions?: Array<ActionProps & {
+    label?: ReactNode;
+  }>;
   /**
    * Enable infinity scroll mode. When true, pagination controls are hidden and new items are loaded automatically when scrolling to the bottom.
    */
   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.
+   */
+  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;
   /**
    * Props to pass to the Mantine Table component.
    */
@@ -2657,7 +2936,9 @@ interface DataTableProps<T$1 extends object, Filters extends TObject> {
    */
   tableTrProps?: (item: T$1) => TableTrProps;
 }
-declare const DataTable: <T$1 extends object, Filters extends TObject>(props: DataTableProps<T$1, Filters>) => react_jsx_runtime14.JSX.Element;
+//#endregion
+//#region ../../src/core/components/table/DataTable.d.ts
+declare const DataTable: <T$1 extends object, Filters extends TObject>(props: DataTableProps<T$1, Filters>) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region ../../src/core/constants/ui.d.ts
 declare const ui: {
@@ -2798,31 +3079,15 @@ declare module "alepha/server" {
  */
 //#endregion
 //#region ../../src/core/providers/ThemeProvider.d.ts
-declare const mantineThemeAtom: alepha99.Atom<alepha99.TObject<{
-  id: alepha99.TString;
-}>, "alepha.ui.theme">;
-type Theme = Static<typeof mantineThemeAtom.schema>;
-declare module "alepha" {
-  interface State {
-    [mantineThemeAtom.key]?: Theme;
-  }
-}
-type AlephaTheme = MantineThemeOverride & {
-  id: string;
-  label: string;
-  description: string;
-};
 declare class ThemeProvider {
   protected readonly alepha: Alepha;
-  protected themeCookie: AbstractCookiePrimitive<alepha99.TObject<{
-    id: alepha99.TString;
+  protected readonly cookie: AbstractCookiePrimitive<alepha1.TObject<{
+    index: alepha1.TInteger;
   }>>;
-  themes: AlephaTheme[];
-  protected themeHead: HeadPrimitive;
-  setTheme(theme: Theme): void;
-  getTheme(): {
-    id: string;
-  };
+  protected readonly head: HeadPrimitive;
+  setTheme(index: number): void;
+  getTheme(): AlephaTheme;
+  protected getThemeIndex(): number;
 }
 //#endregion
 //#region ../../src/core/RootRouter.d.ts
@@ -2896,6 +3161,11 @@ declare module "typebox" {
     $control?: Omit<ControlProps, "input">;
   }
 }
+declare module "alepha" {
+  interface State {
+    [alephaThemeAtom.key]?: Static<typeof alephaThemeAtom.schema>;
+  }
+}
 declare module "@alepha/react" {
   interface PagePrimitiveOptions {
     /**
@@ -2922,7 +3192,7 @@ declare module "@alepha/react" {
  *
  * @module alepha.ui
  */
-declare const AlephaUI: alepha99.Service<alepha99.Module>;
+declare const AlephaUI: alepha1.Service<alepha1.Module>;
 //#endregion
-export { ActionButton, type ActionClickButtonProps, type ActionCommonProps, type ActionMenuConfig, type ActionMenuItem, type ActionNavigationButtonProps, type ActionProps, type ActionSubmitButtonProps, AdminShell, type AdminShellProps, AlephaMantineProvider, AlephaTheme, 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, ClipboardButton, type ClipboardButtonProps, ConfirmDialog, type ConfirmDialogOptions, type ConfirmDialogProps, Control, ControlDate, ControlQueryBuilder, ControlSelect, DarkModeButton, DataTable, type DataTableColumn, type DataTableProps, DialogService, Flex, IconSize, JsonViewer, LanguageButton, OPERATOR_INFO, Omnibar, OmnibarButton, PromptDialog, type PromptDialogOptions, type PromptDialogProps, RootRouter, 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, Theme, ThemeButton, type ThemeButtonProps, ThemeProvider, ToastService, TypeForm, capitalize, extractSchemaFields, getDefaultIcon, getOperatorsForField, mantineThemeAtom, prettyName, ui, useDialog, useToast };
+export { ActionButton, type ActionClickButtonProps, type ActionCommonProps, type ActionMenuConfig, type ActionMenuItem, type ActionNavigationButtonProps, type ActionProps, type ActionSubmitButtonProps, AdminShell, type AdminShellProps, AlephaMantineProvider, 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, JsonViewer, LanguageButton, type MaybePage, OPERATOR_INFO, Omnibar, OmnibarButton, PromptDialog, type PromptDialogOptions, type PromptDialogProps, RootRouter, 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, type ThemeButtonProps, ThemeProvider, ToastService, TypeForm, alephaThemeAtom, alephaThemeListAtom, capitalize, defaultTheme, extractSchemaFields, getDefaultIcon, getOperatorsForField, midnightTheme, prettyName, ui, useDialog, useToast };
 //# sourceMappingURL=index.d.ts.map