@btst/stack 2.5.6 → 2.6.0

package/dist/plugins/kanban/client/components/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
+import * as React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 import { a as SerializedColumn, b as SerializedTask, c as SerializedBoard } from '../../../../shared/stack.DJaKVY7v.mjs';
 
@@ -29,7 +29,7 @@ interface EmptyStateProps {
 declare function EmptyState({ title, description, action, icon, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 
 interface DefaultErrorProps {
-    error?: Error;
+    error?: unknown;
     reset?: () => void;
 }
 declare function DefaultError({ error, reset }: DefaultErrorProps): react_jsx_runtime.JSX.Element;
@@ -46,7 +46,7 @@ interface KanbanBoardProps {
     onDeleteColumn: (columnId: string) => void;
 }
 declare function KanbanBoardComponent({ columns, kanbanState, onKanbanChange, onAddTask, onEditTask, onEditColumn, onDeleteColumn, }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
-declare const KanbanBoard: react.MemoExoticComponent<typeof KanbanBoardComponent>;
+declare const KanbanBoard: React.MemoExoticComponent<typeof KanbanBoardComponent>;
 
 interface ColumnContentProps {
     column: SerializedColumn & {
@@ -58,14 +58,14 @@ interface ColumnContentProps {
     onDeleteColumn: () => void;
 }
 declare function ColumnContentComponent({ column, onAddTask, onEditTask, onEditColumn, onDeleteColumn, }: ColumnContentProps): react_jsx_runtime.JSX.Element;
-declare const ColumnContent: react.MemoExoticComponent<typeof ColumnContentComponent>;
+declare const ColumnContent: React.MemoExoticComponent<typeof ColumnContentComponent>;
 
 interface TaskCardProps {
     task: SerializedTask;
     onClick: () => void;
 }
 declare function TaskCardComponent({ task, onClick }: TaskCardProps): react_jsx_runtime.JSX.Element;
-declare const TaskCard: react.MemoExoticComponent<typeof TaskCardComponent>;
+declare const TaskCard: React.MemoExoticComponent<typeof TaskCardComponent>;
 
 interface BoardFormProps {
     board?: SerializedBoard;

package/dist/plugins/kanban/client/components/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
+import * as React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 import { a as SerializedColumn, b as SerializedTask, c as SerializedBoard } from '../../../../shared/stack.DJaKVY7v.js';
 
@@ -29,7 +29,7 @@ interface EmptyStateProps {
 declare function EmptyState({ title, description, action, icon, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 
 interface DefaultErrorProps {
-    error?: Error;
+    error?: unknown;
     reset?: () => void;
 }
 declare function DefaultError({ error, reset }: DefaultErrorProps): react_jsx_runtime.JSX.Element;
@@ -46,7 +46,7 @@ interface KanbanBoardProps {
     onDeleteColumn: (columnId: string) => void;
 }
 declare function KanbanBoardComponent({ columns, kanbanState, onKanbanChange, onAddTask, onEditTask, onEditColumn, onDeleteColumn, }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
-declare const KanbanBoard: react.MemoExoticComponent<typeof KanbanBoardComponent>;
+declare const KanbanBoard: React.MemoExoticComponent<typeof KanbanBoardComponent>;
 
 interface ColumnContentProps {
     column: SerializedColumn & {
@@ -58,14 +58,14 @@ interface ColumnContentProps {
     onDeleteColumn: () => void;
 }
 declare function ColumnContentComponent({ column, onAddTask, onEditTask, onEditColumn, onDeleteColumn, }: ColumnContentProps): react_jsx_runtime.JSX.Element;
-declare const ColumnContent: react.MemoExoticComponent<typeof ColumnContentComponent>;
+declare const ColumnContent: React.MemoExoticComponent<typeof ColumnContentComponent>;
 
 interface TaskCardProps {
     task: SerializedTask;
     onClick: () => void;
 }
 declare function TaskCardComponent({ task, onClick }: TaskCardProps): react_jsx_runtime.JSX.Element;
-declare const TaskCard: react.MemoExoticComponent<typeof TaskCardComponent>;
+declare const TaskCard: React.MemoExoticComponent<typeof TaskCardComponent>;
 
 interface BoardFormProps {
     board?: SerializedBoard;

package/dist/plugins/kanban/client/index.d.cts

@@ -1,6 +1,6 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
 import * as _btst_yar from '@btst/yar';
+import { ComponentType } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { S as SerializedBoardWithColumns } from '../../../shared/stack.DJaKVY7v.cjs';
 export { K as KanbanPluginOverrides, a as KanbanUser } from '../../../shared/stack.FeaWkglm.cjs';
@@ -66,6 +66,21 @@ interface KanbanClientConfig {
     hooks?: KanbanClientHooks;
     /** Optional headers for SSR (e.g., forwarding cookies) */
     headers?: Headers;
+    /**
+     * Optional page component overrides.
+     * Replace any plugin page with a custom React component.
+     * The built-in component is used as the fallback when not provided.
+     */
+    pageComponents?: {
+        /** Replaces the boards list page */
+        boards?: ComponentType;
+        /** Replaces the new board page */
+        newBoard?: ComponentType;
+        /** Replaces the board detail page */
+        board?: ComponentType<{
+            boardId: string;
+        }>;
+    };
 }
 /**
  * Hooks for kanban client plugin
@@ -108,9 +123,9 @@ interface KanbanClientHooks {
 declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     boards: {
         (inputCtx_0?: _btst_yar.InputContext<"/kanban", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -136,9 +151,9 @@ declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_pl
     };
     newBoard: {
         (inputCtx_0?: _btst_yar.InputContext<"/kanban/new", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -164,9 +179,9 @@ declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_pl
     };
     board: {
         (inputCtx_0: _btst_yar.InputContext<"/kanban/:boardId", _btst_yar.RouteOptions>): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<unknown> | undefined;
+            LoadingComponent?: ComponentType<unknown> | undefined;
+            ErrorComponent?: ComponentType<unknown> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;

package/dist/plugins/kanban/client/index.d.mts

@@ -1,6 +1,6 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
 import * as _btst_yar from '@btst/yar';
+import { ComponentType } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { S as SerializedBoardWithColumns } from '../../../shared/stack.DJaKVY7v.mjs';
 export { K as KanbanPluginOverrides, a as KanbanUser } from '../../../shared/stack.FeaWkglm.mjs';
@@ -66,6 +66,21 @@ interface KanbanClientConfig {
     hooks?: KanbanClientHooks;
     /** Optional headers for SSR (e.g., forwarding cookies) */
     headers?: Headers;
+    /**
+     * Optional page component overrides.
+     * Replace any plugin page with a custom React component.
+     * The built-in component is used as the fallback when not provided.
+     */
+    pageComponents?: {
+        /** Replaces the boards list page */
+        boards?: ComponentType;
+        /** Replaces the new board page */
+        newBoard?: ComponentType;
+        /** Replaces the board detail page */
+        board?: ComponentType<{
+            boardId: string;
+        }>;
+    };
 }
 /**
  * Hooks for kanban client plugin
@@ -108,9 +123,9 @@ interface KanbanClientHooks {
 declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     boards: {
         (inputCtx_0?: _btst_yar.InputContext<"/kanban", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -136,9 +151,9 @@ declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_pl
     };
     newBoard: {
         (inputCtx_0?: _btst_yar.InputContext<"/kanban/new", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -164,9 +179,9 @@ declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_pl
     };
     board: {
         (inputCtx_0: _btst_yar.InputContext<"/kanban/:boardId", _btst_yar.RouteOptions>): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<unknown> | undefined;
+            LoadingComponent?: ComponentType<unknown> | undefined;
+            ErrorComponent?: ComponentType<unknown> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;

package/dist/plugins/kanban/client/index.d.ts

@@ -1,6 +1,6 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
 import * as _btst_yar from '@btst/yar';
+import { ComponentType } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { S as SerializedBoardWithColumns } from '../../../shared/stack.DJaKVY7v.js';
 export { K as KanbanPluginOverrides, a as KanbanUser } from '../../../shared/stack.FeaWkglm.js';
@@ -66,6 +66,21 @@ interface KanbanClientConfig {
     hooks?: KanbanClientHooks;
     /** Optional headers for SSR (e.g., forwarding cookies) */
     headers?: Headers;
+    /**
+     * Optional page component overrides.
+     * Replace any plugin page with a custom React component.
+     * The built-in component is used as the fallback when not provided.
+     */
+    pageComponents?: {
+        /** Replaces the boards list page */
+        boards?: ComponentType;
+        /** Replaces the new board page */
+        newBoard?: ComponentType;
+        /** Replaces the board detail page */
+        board?: ComponentType<{
+            boardId: string;
+        }>;
+    };
 }
 /**
  * Hooks for kanban client plugin
@@ -108,9 +123,9 @@ interface KanbanClientHooks {
 declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     boards: {
         (inputCtx_0?: _btst_yar.InputContext<"/kanban", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -136,9 +151,9 @@ declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_pl
     };
     newBoard: {
         (inputCtx_0?: _btst_yar.InputContext<"/kanban/new", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -164,9 +179,9 @@ declare const kanbanClientPlugin: (config: KanbanClientConfig) => _btst_stack_pl
     };
     board: {
         (inputCtx_0: _btst_yar.InputContext<"/kanban/:boardId", _btst_yar.RouteOptions>): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<unknown> | undefined;
+            LoadingComponent?: ComponentType<unknown> | undefined;
+            ErrorComponent?: ComponentType<unknown> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;

package/dist/plugins/kanban/query-keys.d.cts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.DSxTDZBQ.cjs';
+import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.CFqqZUes.cjs';
 import { createApiClient } from '@btst/stack/plugins/client';
 import { S as SerializedBoardWithColumns } from '../../shared/stack.DJaKVY7v.cjs';
 import '@btst/stack/plugins/api';

package/dist/plugins/kanban/query-keys.d.mts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.CxNeGV2z.mjs';
+import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.Ba_Ks8qi.mjs';
 import { createApiClient } from '@btst/stack/plugins/client';
 import { S as SerializedBoardWithColumns } from '../../shared/stack.DJaKVY7v.mjs';
 import '@btst/stack/plugins/api';

package/dist/plugins/kanban/query-keys.d.ts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.BFcg0tDz.js';
+import { K as KanbanApiRouter, j as BoardsListDiscriminator } from '../../shared/stack.DMobugrZ.js';
 import { createApiClient } from '@btst/stack/plugins/client';
 import { S as SerializedBoardWithColumns } from '../../shared/stack.DJaKVY7v.js';
 import '@btst/stack/plugins/api';

package/dist/plugins/route-docs/client/index.d.cts

@@ -1,5 +1,5 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
+import * as React from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
 import { a as SitemapEntry, b as ClientStackContext } from '../../../shared/stack.7n9Y_u7N.cjs';
@@ -101,9 +101,9 @@ interface RouteDocsClientConfig {
 declare const routeDocsClientPlugin: (config: RouteDocsClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     docs: {
         (inputCtx_0?: _btst_yar.InputContext<"/route-docs", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: React.ComponentType<unknown> | undefined;
+            LoadingComponent?: React.ComponentType<unknown> | undefined;
+            ErrorComponent?: React.ComponentType<unknown> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;

package/dist/plugins/route-docs/client/index.d.mts

@@ -1,5 +1,5 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
+import * as React from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
 import { a as SitemapEntry, b as ClientStackContext } from '../../../shared/stack.7n9Y_u7N.mjs';
@@ -101,9 +101,9 @@ interface RouteDocsClientConfig {
 declare const routeDocsClientPlugin: (config: RouteDocsClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     docs: {
         (inputCtx_0?: _btst_yar.InputContext<"/route-docs", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: React.ComponentType<unknown> | undefined;
+            LoadingComponent?: React.ComponentType<unknown> | undefined;
+            ErrorComponent?: React.ComponentType<unknown> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;

package/dist/plugins/route-docs/client/index.d.ts

@@ -1,5 +1,5 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
+import * as React from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
 import { a as SitemapEntry, b as ClientStackContext } from '../../../shared/stack.7n9Y_u7N.js';
@@ -101,9 +101,9 @@ interface RouteDocsClientConfig {
 declare const routeDocsClientPlugin: (config: RouteDocsClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     docs: {
         (inputCtx_0?: _btst_yar.InputContext<"/route-docs", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: React.ComponentType<unknown> | undefined;
+            LoadingComponent?: React.ComponentType<unknown> | undefined;
+            ErrorComponent?: React.ComponentType<unknown> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;

package/dist/plugins/ui-builder/client/components/index.d.cts

@@ -18,7 +18,7 @@ interface PageRendererProps {
     LoadingComponent?: ComponentType;
     /** Custom error component */
     ErrorComponent?: ComponentType<{
-        error: Error;
+        error: unknown;
     }>;
     /** Custom not found component */
     NotFoundComponent?: ComponentType;

package/dist/plugins/ui-builder/client/components/index.d.mts

@@ -18,7 +18,7 @@ interface PageRendererProps {
     LoadingComponent?: ComponentType;
     /** Custom error component */
     ErrorComponent?: ComponentType<{
-        error: Error;
+        error: unknown;
     }>;
     /** Custom not found component */
     NotFoundComponent?: ComponentType;

package/dist/plugins/ui-builder/client/components/index.d.ts

@@ -18,7 +18,7 @@ interface PageRendererProps {
     LoadingComponent?: ComponentType;
     /** Custom error component */
     ErrorComponent?: ComponentType<{
-        error: Error;
+        error: unknown;
     }>;
     /** Custom not found component */
     NotFoundComponent?: ComponentType;

package/dist/plugins/ui-builder/client/index.d.cts

@@ -1,7 +1,6 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
-import react__default, { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
+import React__default, { ComponentType } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { c as UIBuilderClientHooks } from '../../../shared/stack.Cl7ok_cY.cjs';
 import { a as ComponentRegistry, b as FieldConfigFunction, C as ComponentLayer, F as FunctionRegistry } from '../../../shared/stack.C5ZSOJGJ.cjs';
@@ -32,6 +31,21 @@ interface UIBuilderClientConfig {
     hooks?: UIBuilderClientHooks;
     /** Component registry to use for the UI Builder */
     componentRegistry?: ComponentRegistry;
+    /**
+     * Optional page component overrides.
+     * Replace any plugin page with a custom React component.
+     * The built-in component is used as the fallback when not provided.
+     */
+    pageComponents?: {
+        /** Replaces the page list page */
+        pageList?: ComponentType;
+        /** Replaces the new page builder page */
+        newPage?: ComponentType;
+        /** Replaces the edit page builder page */
+        editPage?: ComponentType<{
+            id: string;
+        }>;
+    };
 }
 /**
  * UI Builder client plugin
@@ -64,9 +78,9 @@ interface UIBuilderClientConfig {
 declare const uiBuilderClientPlugin: (config: UIBuilderClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     pageList: {
         (inputCtx_0?: _btst_yar.InputContext<"/ui-builder", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -85,9 +99,9 @@ declare const uiBuilderClientPlugin: (config: UIBuilderClientConfig) => _btst_st
     };
     newPage: {
         (inputCtx_0?: _btst_yar.InputContext<"/ui-builder/new", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -106,9 +120,9 @@ declare const uiBuilderClientPlugin: (config: UIBuilderClientConfig) => _btst_st
     };
     editPage: {
         (inputCtx_0: _btst_yar.InputContext<"/ui-builder/:id/edit", _btst_yar.RouteOptions>): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<unknown> | undefined;
+            LoadingComponent?: ComponentType<unknown> | undefined;
+            ErrorComponent?: ComponentType<unknown> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -202,20 +216,20 @@ declare function createComponentRegistry(components: ComponentRegistry): Compone
 declare const classNameFieldOverrides: FieldConfigFunction;
 declare const childrenFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
     renderParent: (({ children }: {
-        children: react__default.ReactNode;
+        children: React__default.ReactNode;
     }) => react_jsx_runtime.JSX.Element) | undefined;
     fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
 };
 declare const iconNameFieldOverrides: FieldConfigFunction;
 declare const childrenAsTextareaFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
     renderParent: (({ children }: {
-        children: react__default.ReactNode;
+        children: React__default.ReactNode;
     }) => react_jsx_runtime.JSX.Element) | undefined;
     fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
 };
 declare const childrenAsTipTapFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
     renderParent: (({ children }: {
-        children: react__default.ReactNode;
+        children: React__default.ReactNode;
     }) => react_jsx_runtime.JSX.Element) | undefined;
     fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
 };
@@ -223,7 +237,7 @@ declare const commonFieldOverrides: (allowBinding?: boolean) => Record<string, (
     className: (layer: ComponentLayer) => FieldConfigItem;
     children: (layer: ComponentLayer) => {
         renderParent: (({ children }: {
-            children: react__default.ReactNode;
+            children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element) | undefined;
         fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
     };

package/dist/plugins/ui-builder/client/index.d.mts

@@ -1,7 +1,6 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
-import react__default, { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
+import React__default, { ComponentType } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { c as UIBuilderClientHooks } from '../../../shared/stack.VMmQdbsJ.mjs';
 import { a as ComponentRegistry, b as FieldConfigFunction, C as ComponentLayer, F as FunctionRegistry } from '../../../shared/stack.Dq4qVr1F.mjs';
@@ -32,6 +31,21 @@ interface UIBuilderClientConfig {
     hooks?: UIBuilderClientHooks;
     /** Component registry to use for the UI Builder */
     componentRegistry?: ComponentRegistry;
+    /**
+     * Optional page component overrides.
+     * Replace any plugin page with a custom React component.
+     * The built-in component is used as the fallback when not provided.
+     */
+    pageComponents?: {
+        /** Replaces the page list page */
+        pageList?: ComponentType;
+        /** Replaces the new page builder page */
+        newPage?: ComponentType;
+        /** Replaces the edit page builder page */
+        editPage?: ComponentType<{
+            id: string;
+        }>;
+    };
 }
 /**
  * UI Builder client plugin
@@ -64,9 +78,9 @@ interface UIBuilderClientConfig {
 declare const uiBuilderClientPlugin: (config: UIBuilderClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     pageList: {
         (inputCtx_0?: _btst_yar.InputContext<"/ui-builder", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -85,9 +99,9 @@ declare const uiBuilderClientPlugin: (config: UIBuilderClientConfig) => _btst_st
     };
     newPage: {
         (inputCtx_0?: _btst_yar.InputContext<"/ui-builder/new", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -106,9 +120,9 @@ declare const uiBuilderClientPlugin: (config: UIBuilderClientConfig) => _btst_st
     };
     editPage: {
         (inputCtx_0: _btst_yar.InputContext<"/ui-builder/:id/edit", _btst_yar.RouteOptions>): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<unknown> | undefined;
+            LoadingComponent?: ComponentType<unknown> | undefined;
+            ErrorComponent?: ComponentType<unknown> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;
@@ -202,20 +216,20 @@ declare function createComponentRegistry(components: ComponentRegistry): Compone
 declare const classNameFieldOverrides: FieldConfigFunction;
 declare const childrenFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
     renderParent: (({ children }: {
-        children: react__default.ReactNode;
+        children: React__default.ReactNode;
     }) => react_jsx_runtime.JSX.Element) | undefined;
     fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
 };
 declare const iconNameFieldOverrides: FieldConfigFunction;
 declare const childrenAsTextareaFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
     renderParent: (({ children }: {
-        children: react__default.ReactNode;
+        children: React__default.ReactNode;
     }) => react_jsx_runtime.JSX.Element) | undefined;
     fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
 };
 declare const childrenAsTipTapFieldOverrides: (layer: ComponentLayer, allowVariableBinding?: boolean) => {
     renderParent: (({ children }: {
-        children: react__default.ReactNode;
+        children: React__default.ReactNode;
     }) => react_jsx_runtime.JSX.Element) | undefined;
     fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
 };
@@ -223,7 +237,7 @@ declare const commonFieldOverrides: (allowBinding?: boolean) => Record<string, (
     className: (layer: ComponentLayer) => FieldConfigItem;
     children: (layer: ComponentLayer) => {
         renderParent: (({ children }: {
-            children: react__default.ReactNode;
+            children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element) | undefined;
         fieldType: ({ label, isRequired, fieldConfigItem, field, fieldProps, }: AutoFormInputComponentProps) => react_jsx_runtime.JSX.Element;
     };