alepha 0.23.0 → 0.24.0

package/dist/react/router/index.d.ts

@@ -1,4 +1,4 @@
-import { Alepha, AlephaError, Async, KIND, Middleware, Primitive, Static, TObject, TSchema } from "alepha";
+import { Alepha, AlephaError, Async, KIND, Middleware, Primitive, SchemaValidator, Static, TObject, TSchema } from "alepha";
 import { DateTimeProvider } from "alepha/datetime";
 import { BrowserHeadProvider, Head, ServerHeadProvider, SimpleHead } from "alepha/react/head";
 import { ServerHandler, ServerRequest, ServerRouterProvider } from "alepha/server";
@@ -7,7 +7,6 @@ import { AnchorHTMLAttributes, CSSProperties, FC, ReactNode } from "react";
 import { ServerStaticProvider } from "alepha/server/static";
 import { FileSystemProvider } from "alepha/system";
 import { Route, RouterProvider } from "alepha/router";
-
 //#region ../../src/react/router/constants/PAGE_PRELOAD_KEY.d.ts
 /**
  * Symbol key for SSR module preloading path.
@@ -127,22 +126,10 @@ declare class RouterLocaleProvider {
 }
 //#endregion
 //#region ../../src/react/router/providers/ReactPageProvider.d.ts
-declare const reactPageOptions: import("alepha").Atom<import("typebox").TObject<{
-  /**
-   * Enable React StrictMode wrapper.
-   */
-  strictMode: import("typebox").TBoolean;
-  /**
-   * RegExp pattern (as string) to detect file-like URLs (e.g. /hello.txt, /wp-login.php).
-   * When a request hits the catch-all wildcard route and matches this pattern,
-   * SSR is skipped and a plain 404 response is returned instead.
-   *
-   * Set to empty string to disable this behavior.
-   *
-   * @default "\\.[a-zA-Z0-9]{1,10}$"
-   */
-  staticFilePattern: import("typebox").TString;
-}>, "alepha.react.page.options">;
+declare const reactPageOptions: import("alepha").Atom<import("zod").ZodObject<{
+  strictMode: import("zod").ZodDefault<import("zod").ZodBoolean>;
+  staticFilePattern: import("zod").ZodString;
+}, import("zod/v4/core").$strip>, "alepha.react.page.options">;
 /**
  * Handle page routes for React applications. (Browser and Server)
  */
@@ -357,8 +344,8 @@ declare abstract class ReactPageService {
  * const userProfile = $page({
  *   path: "/users/:id",
  *   schema: {
- *     params: t.object({ id: t.integer() }),
- *     query: t.object({ tab: t.optional(t.text()) })
+ *     params: z.object({ id: z.integer() }),
+ *     query: z.object({ tab: z.text().optional() })
  *   },
  *   loader: async ({ params }) => {
  *     const user = await userApi.getUser(params.id);
@@ -858,13 +845,219 @@ type CssAnimation = {
   timing?: string;
 };
 //#endregion
+//#region ../../src/react/router/services/ReactRouter.d.ts
+interface RouterPushOptions {
+  replace?: boolean;
+  params?: Record<string, string>;
+  query?: Record<string, string>;
+  meta?: Record<string, any>;
+  /**
+   * Recreate the whole page, ignoring the current state.
+   */
+  force?: boolean;
+}
+/**
+ * Friendly browser router API.
+ *
+ * Can be safely used server-side, but most methods will be no-op.
+ */
+declare class ReactRouter<T extends object> {
+  protected readonly alepha: Alepha;
+  protected readonly pageApi: ReactPageProvider;
+  get state(): ReactRouterState;
+  get pages(): import("alepha/react/router").PageRoute[];
+  get concretePages(): import("alepha/react/router").ConcretePageRoute[];
+  get browser(): ReactBrowserProvider | undefined;
+  isActive(href: string, options?: {
+    startWith?: boolean;
+  }): boolean;
+  node(name: keyof VirtualRouter<T> | string, config?: {
+    params?: Record<string, any>;
+    query?: Record<string, any>;
+  }): any;
+  path(name: keyof VirtualRouter<T> | string, config?: {
+    params?: Record<string, any>;
+    query?: Record<string, any>;
+  }): string;
+  /**
+   * Reload the current page.
+   * This is equivalent to calling `go()` with the current pathname and search.
+   */
+  reload(): Promise<void>;
+  getURL(): URL;
+  get location(): Location;
+  get current(): ReactRouterState;
+  get pathname(): string;
+  get query(): Record<string, string>;
+  back(): Promise<void>;
+  forward(): Promise<void>;
+  invalidate(props?: Record<string, any>): Promise<void>;
+  push(path: string, options?: RouterPushOptions): Promise<void>;
+  push(path: keyof VirtualRouter<T>, options?: RouterPushOptions): Promise<void>;
+  anchor(path: string, options?: RouterPushOptions): AnchorProps;
+  anchor(path: keyof VirtualRouter<T>, options?: RouterPushOptions): AnchorProps;
+  /**
+   * Prepend the base URL to the given path.
+   */
+  base(path: string): string;
+  /**
+   * Set query params.
+   *
+   * @param record
+   * @param options
+   */
+  setQueryParams(record: Record<string, any> | ((queryParams: Record<string, any>) => Record<string, any>), options?: {
+    /**
+     * If true, this will add a new entry to the history stack.
+     */
+    push?: boolean;
+  }): void;
+}
+type VirtualRouter<T> = { [K in keyof T as T[K] extends PagePrimitive ? K : never]: T[K]; };
+//#endregion
+//#region ../../src/react/router/providers/ReactBrowserRouterProvider.d.ts
+interface BrowserRoute extends Route {
+  page: PageRoute;
+}
+/**
+ * Implementation of AlephaRouter for React in browser environment.
+ */
+declare class ReactBrowserRouterProvider extends RouterProvider<BrowserRoute> {
+  protected readonly log: import("alepha/logger").Logger;
+  protected readonly alepha: Alepha;
+  protected readonly pageApi: ReactPageProvider;
+  protected readonly browserHeadProvider: BrowserHeadProvider;
+  protected readonly localeProvider: RouterLocaleProvider;
+  add(entry: PageRouteEntry): void;
+  protected readonly configure: import("alepha").HookPrimitive<"configure">;
+  transition(url: URL, previous?: PreviousLayerData[], meta?: {}, isStale?: () => boolean): Promise<string | undefined>;
+  root(state: ReactRouterState): ReactNode;
+}
+//#endregion
+//#region ../../src/react/router/providers/ReactBrowserProvider.d.ts
+/**
+ * React browser renderer configuration atom
+ */
+declare const reactBrowserOptions: import("alepha").Atom<import("zod").ZodObject<{
+  scrollRestoration: import("zod").ZodEnum<{
+    manual: "manual";
+    top: "top";
+  }>;
+  interceptAnchorClicks: import("zod").ZodDefault<import("zod").ZodBoolean>;
+}, import("zod/v4/core").$strip>, "alepha.react.browser.options">;
+type ReactBrowserRendererOptions = Static<typeof reactBrowserOptions.schema>;
+declare module "alepha" {
+  interface State {
+    [reactBrowserOptions.key]: ReactBrowserRendererOptions;
+  }
+}
+declare class ReactBrowserProvider {
+  protected readonly log: import("alepha/logger").Logger;
+  protected readonly client: LinkProvider;
+  protected readonly alepha: Alepha;
+  protected readonly router: ReactBrowserRouterProvider;
+  protected readonly dateTimeProvider: DateTimeProvider;
+  protected readonly browserHeadProvider: BrowserHeadProvider;
+  protected readonly validator: SchemaValidator;
+  protected readonly options: Readonly<{
+    scrollRestoration: "manual" | "top";
+    interceptAnchorClicks: boolean;
+  }>;
+  get rootId(): string;
+  protected getRootElement(): HTMLElement;
+  transitioning?: {
+    to: string;
+    from?: string;
+  };
+  /**
+   * Monotonic counter used to detect stale (superseded) transitions.
+   *
+   * Each call to `render()` captures `++this.transitionId` and any
+   * subsequent `render()` invalidates older in-flight transitions.
+   * This prevents a slow page from racing past a newer navigation
+   * (e.g. user clicks /pageA which has a 2s loader, then clicks /pageB
+   * — pageB must remain the committed page).
+   */
+  protected transitionId: number;
+  get state(): ReactRouterState;
+  /**
+   * Accessor for Document DOM API.
+   */
+  get document(): Document;
+  /**
+   * Accessor for History DOM API.
+   */
+  get history(): History;
+  /**
+   * Accessor for Location DOM API.
+   */
+  get location(): Location;
+  get base(): string;
+  get url(): string;
+  pushState(path: string, replace?: boolean): void;
+  invalidate(props?: Record<string, any>): Promise<void>;
+  push(url: string, options?: RouterPushOptions): Promise<void>;
+  protected render(options?: RouterRenderOptions): Promise<void>;
+  /**
+   * Get embedded layers from the server.
+   */
+  protected getHydrationState(): ReactHydrationState | undefined;
+  /**
+   * Apply the SSR hydration payload (the `#__ssr` script tag) to the atom
+   * store.
+   *
+   * Every key except `alepha.react.router.layers` is treated as an atom
+   * value. A registered atom's value is explicitly schema-validated: an
+   * invalid value is dropped (warn + keep the atom's default) instead of
+   * being trusted, so a tampered payload can't smuggle bad data into a
+   * validated atom. Atoms not registered yet fall through to
+   * `Alepha.set()`, which lets `StateManager.register()` decode them
+   * against the schema the moment they first get used.
+   *
+   * `alepha.react.router.layers` is deliberately skipped by this loop: it
+   * carries render instructions (`part`, `name`, `config`, `props`,
+   * `error`), not atom values. Those are NOT hardened here and are trusted
+   * as-is from the SSR payload — a tampered payload can still influence
+   * rendering through this key. Validating router layers is separate,
+   * future work; this method only guarantees atom values.
+   */
+  protected applyHydration(hydration: ReactHydrationState): void;
+  protected readonly onTransitionEnd: import("alepha").HookPrimitive<"react:transition:end">;
+  readonly ready: import("alepha").HookPrimitive<"ready">;
+  /**
+   * Attach a delegated click listener that routes plain `<a href="/...">`
+   * clicks through the SPA router. Returns a detach function (used in tests).
+   *
+   * Bails out on modifier keys, non-primary mouse buttons, `target`, `download`,
+   * `data-no-router`, hash-only/external/non-http hrefs, and already-prevented
+   * events. Honors the runtime `interceptAnchorClicks` flag.
+   */
+  protected attachAnchorInterceptor(): () => void;
+  protected stripBase(path: string): string;
+}
+type ReactHydrationState = {
+  "alepha.react.router.layers"?: Array<PreviousLayerData>;
+} & {
+  [key: string]: any;
+};
+interface RouterRenderOptions {
+  url?: string;
+  previous?: PreviousLayerData[];
+  meta?: Record<string, any>;
+  /**
+   * Transition id used to detect supersession by a newer navigation.
+   * When omitted, render() allocates a fresh id internally.
+   */
+  transitionId?: number;
+}
+//#endregion
 //#region ../../src/react/router/components/ErrorViewer.d.ts
 interface ErrorViewerProps {
   error: Error;
   alepha: Alepha;
   onRetry?: () => void;
 }
-declare const ErrorViewer: (props: ErrorViewerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ErrorViewer: (props: ErrorViewerProps) => import("react").JSX.Element;
 //#endregion
 //#region ../../src/react/router/components/Link.d.ts
 interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
@@ -876,123 +1069,6 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
  * It's a simple wrapper around an anchor (`<a>`) element using the `useRouter` hook.
  */
 declare const Link: (props: LinkProps) => import("react").DetailedReactHTMLElement<{
-  href: string;
-  onClick: (ev?: any) => any;
-  download?: any;
-  hrefLang?: string | undefined;
-  media?: string | undefined;
-  ping?: string | undefined;
-  target?: import("react").HTMLAttributeAnchorTarget | undefined;
-  type?: string | undefined;
-  referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
-  defaultChecked?: boolean | undefined;
-  defaultValue?: string | number | readonly string[] | undefined;
-  suppressContentEditableWarning?: boolean | undefined;
-  suppressHydrationWarning?: boolean | undefined;
-  accessKey?: string | undefined;
-  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-  autoFocus?: boolean | undefined;
-  className?: string | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-  contextMenu?: string | undefined;
-  dir?: string | undefined;
-  draggable?: (boolean | "true" | "false") | undefined;
-  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-  hidden?: boolean | undefined;
-  id?: string | undefined;
-  lang?: string | undefined;
-  nonce?: string | undefined;
-  slot?: string | undefined;
-  spellCheck?: (boolean | "true" | "false") | undefined;
-  style?: import("react").CSSProperties | undefined;
-  tabIndex?: number | undefined;
-  title?: string | undefined;
-  translate?: "yes" | "no" | undefined;
-  radioGroup?: string | undefined;
-  role?: import("react").AriaRole | undefined;
-  about?: string | undefined;
-  content?: string | undefined;
-  datatype?: string | undefined;
-  inlist?: any;
-  prefix?: string | undefined;
-  property?: string | undefined;
-  rel?: string | undefined;
-  resource?: string | undefined;
-  rev?: string | undefined;
-  typeof?: string | undefined;
-  vocab?: string | undefined;
-  autoCorrect?: string | undefined;
-  autoSave?: string | undefined;
-  color?: string | undefined;
-  itemProp?: string | undefined;
-  itemScope?: boolean | undefined;
-  itemType?: string | undefined;
-  itemID?: string | undefined;
-  itemRef?: string | undefined;
-  results?: number | undefined;
-  security?: string | undefined;
-  unselectable?: "on" | "off" | undefined;
-  popover?: "" | "auto" | "manual" | "hint" | undefined;
-  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-  popoverTarget?: string | undefined;
-  inert?: boolean | undefined;
-  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-  is?: string | undefined;
-  exportparts?: string | undefined;
-  part?: string | undefined;
-  "aria-activedescendant"?: string | undefined;
-  "aria-atomic"?: (boolean | "true" | "false") | undefined;
-  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-  "aria-braillelabel"?: string | undefined;
-  "aria-brailleroledescription"?: string | undefined;
-  "aria-busy"?: (boolean | "true" | "false") | undefined;
-  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-  "aria-colcount"?: number | undefined;
-  "aria-colindex"?: number | undefined;
-  "aria-colindextext"?: string | undefined;
-  "aria-colspan"?: number | undefined;
-  "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-  "aria-describedby"?: string | undefined;
-  "aria-description"?: string | undefined;
-  "aria-details"?: string | undefined;
-  "aria-disabled"?: (boolean | "true" | "false") | undefined;
-  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-  "aria-errormessage"?: string | undefined;
-  "aria-expanded"?: (boolean | "true" | "false") | undefined;
-  "aria-flowto"?: string | undefined;
-  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-  "aria-hidden"?: (boolean | "true" | "false") | undefined;
-  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-  "aria-keyshortcuts"?: string | undefined;
-  "aria-label"?: string | undefined;
-  "aria-labelledby"?: string | undefined;
-  "aria-level"?: number | undefined;
-  "aria-live"?: "off" | "assertive" | "polite" | undefined;
-  "aria-modal"?: (boolean | "true" | "false") | undefined;
-  "aria-multiline"?: (boolean | "true" | "false") | undefined;
-  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-  "aria-orientation"?: "horizontal" | "vertical" | undefined;
-  "aria-owns"?: string | undefined;
-  "aria-placeholder"?: string | undefined;
-  "aria-posinset"?: number | undefined;
-  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-  "aria-readonly"?: (boolean | "true" | "false") | undefined;
-  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-  "aria-required"?: (boolean | "true" | "false") | undefined;
-  "aria-roledescription"?: string | undefined;
-  "aria-rowcount"?: number | undefined;
-  "aria-rowindex"?: number | undefined;
-  "aria-rowindextext"?: string | undefined;
-  "aria-rowspan"?: number | undefined;
-  "aria-selected"?: (boolean | "true" | "false") | undefined;
-  "aria-setsize"?: number | undefined;
-  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-  "aria-valuemax"?: number | undefined;
-  "aria-valuemin"?: number | undefined;
-  "aria-valuenow"?: number | undefined;
-  "aria-valuetext"?: string | undefined;
   children?: import("react").ReactNode | undefined;
   dangerouslySetInnerHTML?: {
     __html: string | TrustedHTML;
@@ -1164,6 +1240,123 @@ declare const Link: (props: LinkProps) => import("react").DetailedReactHTMLEleme
   onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
   onTransitionStart?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
   onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
+  "aria-activedescendant"?: string | undefined;
+  "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+  "aria-braillelabel"?: string | undefined;
+  "aria-brailleroledescription"?: string | undefined;
+  "aria-busy"?: ("false" | "true" | boolean) | undefined;
+  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+  "aria-colcount"?: number | undefined;
+  "aria-colindex"?: number | undefined;
+  "aria-colindextext"?: string | undefined;
+  "aria-colspan"?: number | undefined;
+  "aria-controls"?: string | undefined;
+  "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+  "aria-describedby"?: string | undefined;
+  "aria-description"?: string | undefined;
+  "aria-details"?: string | undefined;
+  "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+  "aria-errormessage"?: string | undefined;
+  "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+  "aria-flowto"?: string | undefined;
+  "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+  "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+  "aria-keyshortcuts"?: string | undefined;
+  "aria-label"?: string | undefined;
+  "aria-labelledby"?: string | undefined;
+  "aria-level"?: number | undefined;
+  "aria-live"?: "off" | "assertive" | "polite" | undefined;
+  "aria-modal"?: ("false" | "true" | boolean) | undefined;
+  "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+  "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+  "aria-orientation"?: "horizontal" | "vertical" | undefined;
+  "aria-owns"?: string | undefined;
+  "aria-placeholder"?: string | undefined;
+  "aria-posinset"?: number | undefined;
+  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+  "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+  "aria-required"?: ("false" | "true" | boolean) | undefined;
+  "aria-roledescription"?: string | undefined;
+  "aria-rowcount"?: number | undefined;
+  "aria-rowindex"?: number | undefined;
+  "aria-rowindextext"?: string | undefined;
+  "aria-rowspan"?: number | undefined;
+  "aria-selected"?: ("false" | "true" | boolean) | undefined;
+  "aria-setsize"?: number | undefined;
+  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+  "aria-valuemax"?: number | undefined;
+  "aria-valuemin"?: number | undefined;
+  "aria-valuenow"?: number | undefined;
+  "aria-valuetext"?: string | undefined;
+  defaultChecked?: boolean | undefined;
+  defaultValue?: string | number | readonly string[] | undefined;
+  suppressContentEditableWarning?: boolean | undefined;
+  suppressHydrationWarning?: boolean | undefined;
+  accessKey?: string | undefined;
+  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+  autoFocus?: boolean | undefined;
+  className?: string | undefined;
+  contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+  contextMenu?: string | undefined;
+  dir?: string | undefined;
+  draggable?: ("false" | "true" | boolean) | undefined;
+  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+  hidden?: boolean | undefined;
+  id?: string | undefined;
+  lang?: string | undefined;
+  nonce?: string | undefined;
+  slot?: string | undefined;
+  spellCheck?: ("false" | "true" | boolean) | undefined;
+  style?: import("react").CSSProperties | undefined;
+  tabIndex?: number | undefined;
+  title?: string | undefined;
+  translate?: "yes" | "no" | undefined;
+  radioGroup?: string | undefined;
+  role?: import("react").AriaRole | undefined;
+  about?: string | undefined;
+  content?: string | undefined;
+  datatype?: string | undefined;
+  inlist?: any;
+  prefix?: string | undefined;
+  property?: string | undefined;
+  rel?: string | undefined;
+  resource?: string | undefined;
+  rev?: string | undefined;
+  typeof?: string | undefined;
+  vocab?: string | undefined;
+  autoCorrect?: string | undefined;
+  autoSave?: string | undefined;
+  color?: string | undefined;
+  itemProp?: string | undefined;
+  itemScope?: boolean | undefined;
+  itemType?: string | undefined;
+  itemID?: string | undefined;
+  itemRef?: string | undefined;
+  results?: number | undefined;
+  security?: string | undefined;
+  unselectable?: "on" | "off" | undefined;
+  popover?: "" | "auto" | "manual" | "hint" | undefined;
+  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+  popoverTarget?: string | undefined;
+  inert?: boolean | undefined;
+  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+  is?: string | undefined;
+  exportparts?: string | undefined;
+  part?: string | undefined;
+  download?: any;
+  hrefLang?: string | undefined;
+  media?: string | undefined;
+  ping?: string | undefined;
+  target?: import("react").HTMLAttributeAnchorTarget | undefined;
+  type?: string | undefined;
+  referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
+  href: string;
+  onClick: (ev?: any) => any;
 }, HTMLElement>;
 //#endregion
 //#region ../../src/react/router/components/NestedView.d.ts
@@ -1171,7 +1364,29 @@ interface NestedViewProps {
   children?: ReactNode;
   errorBoundary?: false | ((error: Error, reset: () => void) => ReactNode);
 }
-declare const _default: import("react").MemoExoticComponent<(props: NestedViewProps) => import("react/jsx-runtime").JSX.Element>;
+/**
+ * A component that renders the current view of the nested router layer.
+ *
+ * To be simple, it renders the `element` of the current child page of a parent page.
+ *
+ * @example
+ * ```tsx
+ * import { NestedView } from "alepha/react";
+ *
+ * class App {
+ *   parent = $page({
+ *     component: () => <NestedView />,
+ *   });
+ *
+ *   child = $page({
+ *     parent: this.root,
+ *     component: () => <div>Child Page</div>,
+ *   });
+ * }
+ * ```
+ */
+declare const NestedView: (props: NestedViewProps) => import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof NestedView>;
 //#endregion
 //#region ../../src/react/router/components/NotFound.d.ts
 /**
@@ -1179,7 +1394,7 @@ declare const _default: import("react").MemoExoticComponent<(props: NestedViewPr
  */
 declare const NotFound: (props: {
   style?: CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 //#endregion
 //#region ../../src/react/router/contexts/RouterLayerContext.d.ts
 interface RouterLayerContextValue {
@@ -1221,7 +1436,7 @@ interface UseActiveHook {
  *
  * @example
  * const [params, setParams] = useQueryParams(
- *   t.object({ tab: t.optional(t.string()) }),
+ *   z.object({ tab: z.string().optional() }),
  *   { format: "querystring" },
  * );
  * // params.tab reads from `?tab=…`; setParams({ tab: "security" }) writes it.
@@ -1268,236 +1483,22 @@ declare const useRouter: <T extends object = any>() => ReactRouter<T>;
 //#region ../../src/react/router/hooks/useRouterState.d.ts
 declare const useRouterState: () => ReactRouterState;
 //#endregion
-//#region ../../src/react/router/services/ReactRouter.d.ts
-interface RouterPushOptions {
-  replace?: boolean;
-  params?: Record<string, string>;
-  query?: Record<string, string>;
-  meta?: Record<string, any>;
-  /**
-   * Recreate the whole page, ignoring the current state.
-   */
-  force?: boolean;
-}
-/**
- * Friendly browser router API.
- *
- * Can be safely used server-side, but most methods will be no-op.
- */
-declare class ReactRouter<T extends object> {
-  protected readonly alepha: Alepha;
-  protected readonly pageApi: ReactPageProvider;
-  get state(): ReactRouterState;
-  get pages(): PageRoute[];
-  get concretePages(): ConcretePageRoute[];
-  get browser(): ReactBrowserProvider | undefined;
-  isActive(href: string, options?: {
-    startWith?: boolean;
-  }): boolean;
-  node(name: keyof VirtualRouter<T> | string, config?: {
-    params?: Record<string, any>;
-    query?: Record<string, any>;
-  }): any;
-  path(name: keyof VirtualRouter<T> | string, config?: {
-    params?: Record<string, any>;
-    query?: Record<string, any>;
-  }): string;
-  /**
-   * Reload the current page.
-   * This is equivalent to calling `go()` with the current pathname and search.
-   */
-  reload(): Promise<void>;
-  getURL(): URL;
-  get location(): Location;
-  get current(): ReactRouterState;
-  get pathname(): string;
-  get query(): Record<string, string>;
-  back(): Promise<void>;
-  forward(): Promise<void>;
-  invalidate(props?: Record<string, any>): Promise<void>;
-  push(path: string, options?: RouterPushOptions): Promise<void>;
-  push(path: keyof VirtualRouter<T>, options?: RouterPushOptions): Promise<void>;
-  anchor(path: string, options?: RouterPushOptions): AnchorProps;
-  anchor(path: keyof VirtualRouter<T>, options?: RouterPushOptions): AnchorProps;
-  /**
-   * Prepend the base URL to the given path.
-   */
-  base(path: string): string;
-  /**
-   * Set query params.
-   *
-   * @param record
-   * @param options
-   */
-  setQueryParams(record: Record<string, any> | ((queryParams: Record<string, any>) => Record<string, any>), options?: {
-    /**
-     * If true, this will add a new entry to the history stack.
-     */
-    push?: boolean;
-  }): void;
-}
-type VirtualRouter<T> = { [K in keyof T as T[K] extends PagePrimitive ? K : never]: T[K] };
-//#endregion
-//#region ../../src/react/router/providers/ReactBrowserRouterProvider.d.ts
-interface BrowserRoute extends Route {
-  page: PageRoute;
-}
-/**
- * Implementation of AlephaRouter for React in browser environment.
- */
-declare class ReactBrowserRouterProvider extends RouterProvider<BrowserRoute> {
-  protected readonly log: import("alepha/logger").Logger;
-  protected readonly alepha: Alepha;
-  protected readonly pageApi: ReactPageProvider;
-  protected readonly browserHeadProvider: BrowserHeadProvider;
-  protected readonly localeProvider: RouterLocaleProvider;
-  add(entry: PageRouteEntry): void;
-  protected readonly configure: import("alepha").HookPrimitive<"configure">;
-  transition(url: URL, previous?: PreviousLayerData[], meta?: {}, isStale?: () => boolean): Promise<string | undefined>;
-  root(state: ReactRouterState): ReactNode;
-}
-//#endregion
-//#region ../../src/react/router/providers/ReactBrowserProvider.d.ts
-/**
- * React browser renderer configuration atom
- */
-declare const reactBrowserOptions: import("alepha").Atom<import("typebox").TObject<{
-  scrollRestoration: import("typebox").TUnsafe<"top" | "manual">;
-  /**
-   * Intercept clicks on plain `<a href="/...">` anchors and route them
-   * through the SPA router, so authors don't need `<Link>` everywhere
-   * (notably for SSR/Markdown HTML rendered as raw markup).
-   *
-   * Skips: modifier keys, non-primary mouse buttons, `target` other than
-   * `_self`, `download`, `data-no-router`, non-http(s) schemes, hash-only
-   * hrefs, external origins, and clicks already `defaultPrevented`.
-   */
-  interceptAnchorClicks: import("typebox").TBoolean;
-}>, "alepha.react.browser.options">;
-type ReactBrowserRendererOptions = Static<typeof reactBrowserOptions.schema>;
-declare module "alepha" {
-  interface State {
-    [reactBrowserOptions.key]: ReactBrowserRendererOptions;
-  }
-}
-declare class ReactBrowserProvider {
-  protected readonly log: import("alepha/logger").Logger;
-  protected readonly client: LinkProvider;
-  protected readonly alepha: Alepha;
-  protected readonly router: ReactBrowserRouterProvider;
-  protected readonly dateTimeProvider: DateTimeProvider;
-  protected readonly browserHeadProvider: BrowserHeadProvider;
-  protected readonly options: Readonly<{
-    scrollRestoration: "top" | "manual";
-    interceptAnchorClicks: boolean;
-  }>;
-  get rootId(): string;
-  protected getRootElement(): HTMLElement;
-  transitioning?: {
-    to: string;
-    from?: string;
-  };
-  /**
-   * Monotonic counter used to detect stale (superseded) transitions.
-   *
-   * Each call to `render()` captures `++this.transitionId` and any
-   * subsequent `render()` invalidates older in-flight transitions.
-   * This prevents a slow page from racing past a newer navigation
-   * (e.g. user clicks /pageA which has a 2s loader, then clicks /pageB
-   * — pageB must remain the committed page).
-   */
-  protected transitionId: number;
-  get state(): ReactRouterState;
-  /**
-   * Accessor for Document DOM API.
-   */
-  get document(): Document;
-  /**
-   * Accessor for History DOM API.
-   */
-  get history(): History;
-  /**
-   * Accessor for Location DOM API.
-   */
-  get location(): Location;
-  get base(): string;
-  get url(): string;
-  pushState(path: string, replace?: boolean): void;
-  invalidate(props?: Record<string, any>): Promise<void>;
-  push(url: string, options?: RouterPushOptions): Promise<void>;
-  protected render(options?: RouterRenderOptions): Promise<void>;
-  /**
-   * Get embedded layers from the server.
-   */
-  protected getHydrationState(): ReactHydrationState | undefined;
-  protected readonly onTransitionEnd: import("alepha").HookPrimitive<"react:transition:end">;
-  readonly ready: import("alepha").HookPrimitive<"ready">;
-  /**
-   * Attach a delegated click listener that routes plain `<a href="/...">`
-   * clicks through the SPA router. Returns a detach function (used in tests).
-   *
-   * Bails out on modifier keys, non-primary mouse buttons, `target`, `download`,
-   * `data-no-router`, hash-only/external/non-http hrefs, and already-prevented
-   * events. Honors the runtime `interceptAnchorClicks` flag.
-   */
-  protected attachAnchorInterceptor(): () => void;
-  protected stripBase(path: string): string;
-}
-type ReactHydrationState = {
-  "alepha.react.router.layers"?: Array<PreviousLayerData>;
-} & {
-  [key: string]: any;
-};
-interface RouterRenderOptions {
-  url?: string;
-  previous?: PreviousLayerData[];
-  meta?: Record<string, any>;
-  /**
-   * Transition id used to detect supersession by a newer navigation.
-   * When omitted, render() allocates a fresh id internally.
-   */
-  transitionId?: number;
-}
-//#endregion
 //#region ../../src/react/router/atoms/ssrManifestAtom.d.ts
 /**
  * Schema for the SSR manifest atom.
  */
-declare const ssrManifestAtomSchema: import("typebox").TObject<{
-  /**
-   * Base path for assets (from Vite's base config).
-   * Used to prefix asset URLs when serving from a subpath.
-   * @example "/devtools" or "/"
-   */
-  base: import("typebox").TOptional<import("typebox").TString>;
-  /**
-   * Preload manifest mapping short keys to source paths.
-   * Generated by viteAlephaSsrPreload plugin at build time.
-   */
-  preload: import("typebox").TOptional<import("typebox").TRecord<"^.*$", import("typebox").TString>>;
-  /**
-   * Client manifest mapping source files to their output information.
-   * Only includes fields actually used for preloading.
-   */
-  client: import("typebox").TOptional<import("typebox").TRecord<"^.*$", import("typebox").TObject<{
-    file: import("typebox").TString;
-    isEntry: import("typebox").TOptional<import("typebox").TBoolean>;
-    imports: import("typebox").TOptional<import("typebox").TArray<import("typebox").TString>>;
-    css: import("typebox").TOptional<import("typebox").TArray<import("typebox").TString>>;
-  }>>>;
-  /**
-   * Dev mode head content.
-   * Contains pre-transformed scripts injected by Vite and plugins (React, etc.).
-   * Only set in dev mode via ViteDevServerProvider.
-   */
-  devHead: import("typebox").TOptional<import("typebox").TString>;
-  /**
-   * Auto-detected favicon path and MIME type.
-   * Format: "type:path" (e.g., "image/svg+xml:/favicon.svg").
-   * Set at build/dev time by scanning the public directory.
-   */
-  favicon: import("typebox").TOptional<import("typebox").TString>;
-}>;
+declare const ssrManifestAtomSchema: import("zod").ZodObject<{
+  base: import("zod").ZodOptional<import("zod").ZodString>;
+  preload: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodString>>;
+  client: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodObject<{
+    file: import("zod").ZodString;
+    isEntry: import("zod").ZodOptional<import("zod").ZodBoolean>;
+    imports: import("zod").ZodOptional<import("zod").ZodArray<import("zod").ZodString>>;
+    css: import("zod").ZodOptional<import("zod").ZodArray<import("zod").ZodString>>;
+  }, import("zod/v4/core").$strip>>>;
+  devHead: import("zod").ZodOptional<import("zod").ZodString>;
+  favicon: import("zod").ZodOptional<import("zod").ZodString>;
+}, import("zod/v4/core").$strip>;
 /**
  * Type for the SSR manifest schema.
  */
@@ -1959,9 +1960,9 @@ declare class ReactServerProvider {
    */
   protected streamToString(stream: ReadableStream<Uint8Array>): Promise<string>;
 }
-declare const envSchema: import("alepha").TObject<{
-  REACT_SSR_ENABLED: import("alepha").TOptional<import("alepha").TBoolean>;
-}>;
+declare const envSchema: import("zod").ZodObject<{
+  REACT_SSR_ENABLED: import("zod").ZodOptional<import("zod").ZodBoolean>;
+}, import("zod/v4/core").$strip>;
 declare module "alepha" {
   interface Env extends Partial<Static<typeof envSchema>> {}
   interface State {
@@ -1976,13 +1977,13 @@ declare module "alepha" {
  * Matches paths whose last segment contains a dot followed by 1-10 alphanumeric characters.
  */
 declare const DEFAULT_STATIC_FILE_PATTERN = "\\.[a-zA-Z0-9]{1,10}$";
-declare const reactServerOptions: import("alepha").Atom<import("alepha").TObject<{
-  publicDir: import("typebox").TString;
-  staticServer: import("alepha").TObject<{
-    disabled: import("alepha").TBoolean;
-    path: import("typebox").TString;
-  }>;
-}>, "alepha.react.server.options">;
+declare const reactServerOptions: import("alepha").Atom<import("zod").ZodObject<{
+  publicDir: import("zod").ZodString;
+  staticServer: import("zod").ZodObject<{
+    disabled: import("zod").ZodBoolean;
+    path: import("zod").ZodString;
+  }, import("zod/v4/core").$strip>;
+}, import("zod/v4/core").$strip>, "alepha.react.server.options">;
 type ReactServerProviderOptions = Static<typeof reactServerOptions.schema>;
 declare module "alepha" {
   interface State {