@questpie/admin 3.0.9 → 3.2.0

package/dist/client/preview/preview-field.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-field.d.ts
 
@@ -45,7 +45,7 @@ declare function PreviewProvider({
     fieldType?: "regular" | "block" | "relation";
   }) => void;
   children: React.ReactNode;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime23.JSX.Element;
 /**
  * Hook to access preview context.
  */
@@ -81,7 +81,7 @@ declare function PreviewField({
   as: Component,
   className,
   onClick
-}: PreviewFieldProps): react_jsx_runtime21.JSX.Element;
+}: PreviewFieldProps): react_jsx_runtime23.JSX.Element;
 /**
  * Standalone PreviewField that works without context.
  * Useful when you can't use PreviewProvider.
@@ -102,6 +102,6 @@ declare function StandalonePreviewField({
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };

package/dist/client/views/auth/accept-invite-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/client/views/auth/accept-invite-form.d.ts
 /**
@@ -67,6 +67,6 @@ declare function AcceptInviteForm({
   className,
   error,
   minPasswordLength
-}: AcceptInviteFormProps): react_jsx_runtime2.JSX.Element;
+}: AcceptInviteFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AcceptInviteForm };

package/dist/client/views/auth/auth-layout.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/client/views/auth/auth-layout.d.ts
 
@@ -26,7 +26,7 @@ declare function AuthDefaultLogo({
   brandName
 }: {
   brandName: string;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 /**
  * Minimal split layout for authentication pages (login, register, forgot password, etc.)
  *
@@ -50,6 +50,6 @@ declare function AuthDefaultLogo({
  * </AuthLayout>
  * ```
  */
-declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime0.JSX.Element;
+declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { AuthDefaultLogo, AuthLayout, AuthLayoutProps };

package/dist/client/views/auth/reset-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/client/views/auth/reset-password-form.d.ts
 /**
@@ -60,6 +60,6 @@ declare function ResetPasswordForm({
   minPasswordLength,
   className,
   error
-}: ResetPasswordFormProps): react_jsx_runtime5.JSX.Element;
+}: ResetPasswordFormProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { ResetPasswordForm };

package/dist/client/views/auth/setup-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/client/views/auth/setup-form.d.ts
 /**
@@ -55,6 +55,6 @@ declare function SetupForm({
   className,
   error,
   minPasswordLength
-}: SetupFormProps): react_jsx_runtime6.JSX.Element;
+}: SetupFormProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SetupForm, SetupFormValues };

package/dist/client/views/collection/field-renderer.mjs

@@ -6,12 +6,19 @@ import { Skeleton } from "../../components/ui/skeleton.mjs";
 import { scopeDependencies, trackDependencies } from "../../utils/dependency-tracker.mjs";
 import { buildComponentProps, getFieldContext, getFieldOptions, getFullFieldName } from "./field-context.mjs";
 import { useFieldHooks } from "../../hooks/use-field-hooks.mjs";
+import { useReactiveProps } from "../../hooks/use-reactive-prop.mjs";
 import { c } from "react/compiler-runtime";
-import "react";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 
 //#region src/client/views/collection/field-renderer.tsx
+/**
+* FieldRenderer Component
+*
+* Renders a single form field using FieldDefinition.
+* Shared between AutoFormFields and BlockEditor.
+*/
 function renderConfigError(message) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "border-destructive/40 bg-destructive/5 text-destructive rounded border p-3 text-sm",
@@ -88,23 +95,19 @@ function computeDynamicDependencyPaths({ fieldOptions, form, fieldPrefix }) {
 /**
 * Render field using FieldDefinition.field.component
 *
-* This is the primary rendering method. Field components receive:
-* - Base props (name, value, onChange, label, etc.) from componentProps
-* - Field-specific options from FieldDefinition["~options"]
+* The caller has already merged field-instance options + layout `extraProps`
+* + base props (label/value/onChange/…) into `componentProps` and resolved
+* any `ReactivePropPlaceholder`s via `useReactiveProps`. The component just
+* receives the final flat record.
 */
 function renderDefinitionComponent({ context, componentProps, blocks }) {
 	const Component = context.component;
 	if (!Component) return null;
-	const options = stripFieldUiOptions(getFieldOptions(context.fieldDef));
 	if (context.type === "blocks" && blocks) return /* @__PURE__ */ jsx(Component, {
 		...componentProps,
-		...options,
 		blocks
 	});
-	return /* @__PURE__ */ jsx(Component, {
-		...componentProps,
-		...options
-	});
+	return /* @__PURE__ */ jsx(Component, { ...componentProps });
 }
 /**
 * Render embedded collection field
@@ -115,15 +118,13 @@ function renderDefinitionComponent({ context, componentProps, blocks }) {
 */
 function renderEmbeddedField({ context, registry, allCollectionsConfig, componentProps, renderEmbeddedFields }) {
 	if (context.type !== "embedded") return null;
-	const options = stripFieldUiOptions(getFieldOptions(context.fieldDef));
-	const embeddedCollection = options.collection;
+	const embeddedCollection = componentProps.collection;
 	if (!embeddedCollection) return renderConfigError(`Missing collection for embedded field "${context.fieldName}".`);
 	const embeddedCollectionConfig = allCollectionsConfig?.[embeddedCollection];
 	const EmbeddedComponent = context.component || registry?.fields?.embedded;
 	if (!EmbeddedComponent) return renderConfigError(`No component found for embedded field "${context.fieldName}".`);
 	return /* @__PURE__ */ jsx(EmbeddedComponent, {
 		...componentProps,
-		...options,
 		value: context.fieldValue || [],
 		collection: embeddedCollection,
 		renderFields: (index) => renderEmbeddedFields?.({
@@ -142,90 +143,38 @@ function renderEmbeddedField({ context, registry, allCollectionsConfig, componen
 * 2. FieldDefinition.field.component (registry-first approach)
 * 3. Error message if no component registered
 */
-function FieldRenderer(t0) {
-	const $ = c(31);
-	const { fieldName, fieldDef, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, renderEmbeddedFields, className, entityMeta: entityMetaProp, extraProps } = t0;
-	const mode = t1 === void 0 ? "collection" : t1;
+function FieldRenderer({ fieldName, fieldDef, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, renderEmbeddedFields, className, entityMeta: entityMetaProp, extraProps }) {
 	const form = useFormContext();
 	const { locale } = useScopedLocale();
 	const resolveText = useResolveText();
 	const { data: adminConfig } = useAdminConfig();
-	let t2;
-	if ($[0] !== fieldName || $[1] !== fieldPrefix) {
-		t2 = getFullFieldName(fieldName, fieldPrefix);
-		$[0] = fieldName;
-		$[1] = fieldPrefix;
-		$[2] = t2;
-	} else t2 = $[2];
-	const fullFieldName = t2;
-	let t3;
-	if ($[3] !== fieldDef) {
-		t3 = getFieldOptions(fieldDef);
-		$[3] = fieldDef;
-		$[4] = t3;
-	} else t3 = $[4];
-	const fieldOptions = t3;
-	let t4;
-	if ($[5] !== fieldOptions || $[6] !== fieldPrefix || $[7] !== form) {
-		t4 = computeDynamicDependencyPaths({
-			fieldOptions,
-			form,
-			fieldPrefix
-		});
-		$[5] = fieldOptions;
-		$[6] = fieldPrefix;
-		$[7] = form;
-		$[8] = t4;
-	} else t4 = $[8];
-	const dynamicDependencyPaths = t4;
-	let t5;
-	if ($[9] !== dynamicDependencyPaths || $[10] !== fullFieldName) {
-		t5 = new Set([fullFieldName, ...dynamicDependencyPaths]);
-		$[9] = dynamicDependencyPaths;
-		$[10] = fullFieldName;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== t5) {
-		t6 = [...t5];
-		$[12] = t5;
-		$[13] = t6;
-	} else t6 = $[13];
-	const t7 = t6;
-	let t8;
-	if ($[14] !== form.control || $[15] !== t7) {
-		t8 = {
-			control: form.control,
-			name: t7
-		};
-		$[14] = form.control;
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
-	const watchedDependencyValues = useWatch(t8);
+	const fullFieldName = getFullFieldName(fieldName, fieldPrefix);
+	const fieldOptions = React.useMemo(() => getFieldOptions(fieldDef), [fieldDef]);
+	const dynamicDependencyPaths = React.useMemo(() => computeDynamicDependencyPaths({
+		fieldOptions,
+		form,
+		fieldPrefix
+	}), [
+		fieldOptions,
+		form,
+		fieldPrefix
+	]);
+	const watchNames = React.useMemo(() => {
+		return [...new Set([fullFieldName, ...dynamicDependencyPaths])];
+	}, [fullFieldName, dynamicDependencyPaths]);
+	const watchedDependencyValues = useWatch({
+		control: form.control,
+		name: watchNames
+	});
 	const watchedFieldValue = Array.isArray(watchedDependencyValues) ? watchedDependencyValues[0] : watchedDependencyValues;
-	let t9;
-	bb0: {
-		if (!fieldPrefix) {
-			let t10$2;
-			if ($[17] !== form) {
-				t10$2 = form.getValues() ?? {};
-				$[17] = form;
-				$[18] = t10$2;
-			} else t10$2 = $[18];
-			t9 = t10$2;
-			break bb0;
-		}
-		let t10$1;
-		if ($[19] !== fieldPrefix || $[20] !== form) {
-			t10$1 = form.getValues(fieldPrefix) ?? {};
-			$[19] = fieldPrefix;
-			$[20] = form;
-			$[21] = t10$1;
-		} else t10$1 = $[21];
-		t9 = t10$1;
-	}
-	const formValues = t9;
+	const formValues = React.useMemo(() => {
+		if (!fieldPrefix) return form.getValues() ?? {};
+		return form.getValues(fieldPrefix) ?? {};
+	}, [
+		form,
+		fieldPrefix,
+		watchedDependencyValues
+	]);
 	const context = getFieldContext({
 		fieldName,
 		fieldDef,
@@ -249,21 +198,22 @@ function FieldRenderer(t0) {
 		staticOptions: context.options
 	});
 	if (context.isHidden) return null;
-	if (!fieldDef) {
-		const t10$1 = `Field "${fieldName}" not found in ${mode === "global" ? "global" : "collection"} "${collection}" config.`;
-		let t11;
-		if ($[22] !== t10$1) {
-			t11 = renderConfigError(t10$1);
-			$[22] = t10$1;
-			$[23] = t11;
-		} else t11 = $[23];
-		return t11;
-	}
+	if (!fieldDef) return renderConfigError(`Field "${fieldName}" not found in ${mode === "global" ? "global" : "collection"} "${collection}" config.`);
 	const resolvedOptions = hookOptions ?? context.options;
 	const rawComponentProps = buildComponentProps(context);
+	const { props: resolvedFieldProps } = useReactiveProps({
+		entity: collection,
+		entityType: mode,
+		field: fullFieldName,
+		props: React.useMemo(() => ({
+			...stripFieldUiOptions(getFieldOptions(fieldDef)),
+			...extraProps ?? {}
+		}), [fieldDef, extraProps])
+	});
 	const fieldValue = isComputed ? computedValue : watchedFieldValue === void 0 ? rawComponentProps.value : watchedFieldValue;
 	const componentProps = {
 		...rawComponentProps,
+		...resolvedFieldProps,
 		value: fieldValue,
 		onChange: handleChange,
 		options: resolvedOptions,
@@ -271,8 +221,7 @@ function FieldRenderer(t0) {
 		readOnly: rawComponentProps.readOnly || isComputed,
 		label: resolveText(rawComponentProps.label, "", formValues),
 		description: resolveText(rawComponentProps.description, "", formValues),
-		placeholder: resolveText(rawComponentProps.placeholder, "", formValues),
-		...extraProps ?? {}
+		placeholder: resolveText(rawComponentProps.placeholder, "", formValues)
 	};
 	let content = null;
 	if (context.type === "embedded") content = renderEmbeddedField({
@@ -294,36 +243,12 @@ function FieldRenderer(t0) {
 		componentProps,
 		blocks: adminConfig?.blocks
 	});
-	if (!content) {
-		const t10$1 = `No component registered for field type "${context.type}" (field: "${context.fieldName}").`;
-		let t11;
-		if ($[24] !== t10$1) {
-			t11 = renderConfigError(t10$1);
-			$[24] = t10$1;
-			$[25] = t11;
-		} else t11 = $[25];
-		content = t11;
-	}
-	if (className) {
-		let t10$1;
-		if ($[26] !== className || $[27] !== content) {
-			t10$1 = /* @__PURE__ */ jsx("div", {
-				className,
-				children: content
-			});
-			$[26] = className;
-			$[27] = content;
-			$[28] = t10$1;
-		} else t10$1 = $[28];
-		return t10$1;
-	}
-	let t10;
-	if ($[29] !== content) {
-		t10 = /* @__PURE__ */ jsx(Fragment, { children: content });
-		$[29] = content;
-		$[30] = t10;
-	} else t10 = $[30];
-	return t10;
+	if (!content) content = renderConfigError(`No component registered for field type "${context.type}" (field: "${context.fieldName}").`);
+	if (className) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children: content });
 }
 
 //#endregion

package/dist/client/views/pages/forgot-password-page.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/client/views/pages/forgot-password-page.d.ts
 
@@ -51,6 +51,6 @@ declare function ForgotPasswordPage({
   logo,
   loginPath,
   resetPasswordRedirectUrl
-}: ForgotPasswordPageProps): react_jsx_runtime10.JSX.Element;
+}: ForgotPasswordPageProps): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { ForgotPasswordPage };

package/dist/client/views/pages/invite-page.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/client/views/pages/invite-page.d.ts
 
@@ -65,6 +65,6 @@ declare function InvitePage({
   defaultRole,
   showMessage,
   onSuccess
-}: InvitePageProps): react_jsx_runtime9.JSX.Element;
+}: InvitePageProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { InvitePage };

package/dist/client/views/pages/login-page.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/client/views/pages/login-page.d.ts
 
@@ -64,6 +64,6 @@ declare function LoginPage({
   signUpPath,
   showForgotPassword,
   showSignUp
-}: LoginPageProps): react_jsx_runtime12.JSX.Element;
+}: LoginPageProps): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { LoginPage };

package/dist/client/views/pages/reset-password-page.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/client/views/pages/reset-password-page.d.ts
 
@@ -58,6 +58,6 @@ declare function ResetPasswordPage({
   loginPath,
   minPasswordLength,
   getToken
-}: ResetPasswordPageProps): react_jsx_runtime11.JSX.Element;
+}: ResetPasswordPageProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { ResetPasswordPage };

package/dist/client/views/pages/setup-page.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/client/views/pages/setup-page.d.ts
 
@@ -56,6 +56,6 @@ declare function SetupPage({
   redirectTo,
   loginPath,
   showLoginLink
-}: SetupPageProps): react_jsx_runtime13.JSX.Element;
+}: SetupPageProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { SetupPage, SetupPageProps };

package/dist/client.d.mts

@@ -2,6 +2,7 @@ import { BaseWidgetAdminMeta, WidgetTypeRegistry } from "./augmentation.mjs";
 import { I18nContext, I18nText } from "./client/i18n/types.mjs";
 import { BaseFieldProps, IconComponent, MaybeLazyComponent } from "./client/builder/types/common.mjs";
 import { FieldDefinition, FieldInstance, configureField, field } from "./client/builder/field/field.mjs";
+import { PageDefinition, page } from "./client/builder/page/page.mjs";
 import { AnyWidgetConfig, BaseWidgetConfig, ChartWidgetConfig, CustomWidgetConfig, ProgressWidgetConfig, QuickActionsWidgetConfig, RecentItemsWidgetConfig, StatsWidgetConfig, TableWidgetConfig, TimelineWidgetConfig, ValueWidgetConfig, WidgetComponentProps, WidgetConfig } from "./client/builder/types/widget-types.mjs";
 import { FormViewDefinition, ListViewDefinition, ViewDefinition, ViewKind, view } from "./client/builder/view/view.mjs";
 import { WidgetDefinition, widget } from "./client/builder/widget/widget.mjs";
@@ -104,4 +105,4 @@ type CollectionFieldKeys<TApp extends QuestpieApp, TCollectionName extends strin
   select: infer TSelect;
 } ? keyof TSelect : never : never : never;
 //#endregion
-export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, type AdminProviderProps, AdminRouter, type AdminRouterProps, type AdminSidebarBrandProps, type AdminSidebarNavItemProps, type AdminState, type AdminStore, type AdminToPreviewMessage, AnyQuestpieClient, type AnyWidgetConfig, type AppAdmin, AuthDefaultLogo, AuthGuard, AuthLayout, type AuthLayoutProps, AuthLoading, Badge, type BadgeProps, type BaseFieldProps, type BaseWidgetAdminMeta, type BaseWidgetConfig, type BlockCategory, type BlockClickedMessage, type BlockContent, type BlockNode, BlockRenderer, type BlockRendererProps as BlockRendererComponentProps, type BlockRendererProps$1 as BlockRendererProps, type BlockScopeContextValue, BlockScopeProvider, type BlockScopeProviderProps, type BrandLogoConfig, BrandLogoMark, type BrandLogoMarkProps, type BrandSnapshot, type BrandingConfig, type ChartWidgetConfig, CollectionFieldKeys, type CollectionFormViewProps, CollectionItem, type CollectionListViewProps, CollectionNames, type ComponentRegistry, ComponentRenderer, type ComponentRendererProps, type ComponentRendererRegistry, type CustomWidgetConfig, DashboardPage, EMPTY_BLOCK_CONTENT, type FieldClickedMessage, type FieldComponentProps, type FieldDefinition, type FieldInstance, type FlagConfig, type FocusContextValue, type FocusFieldMessage, FocusProvider, type FocusProviderProps, type FocusState, ForgotPasswordForm, ForgotPasswordPage, type FormViewConfig, type FormViewDefinition, type GlobalFormViewProps, GlobalNames, type I18nContext, type I18nText, type IconComponent, IconifyIcon, type IconifyIconProps, type InferAdminCMS, InvitePage, type ListViewDefinition, LoginForm, LoginPage, type MaybeLazyComponent, type OptionItem, PreviewBanner, type PreviewBannerProps, type PreviewConfig, PreviewField, type PreviewFieldProps, PreviewProvider, type PreviewReadyMessage, type PreviewRefreshMessage, type PreviewToAdminMessage, type ProgressWidgetConfig, type QuickActionsWidgetConfig, type ReactiveFieldResult, type ReactiveFieldState, type RecentItemsWidgetConfig, type RefreshCompleteMessage, ResetPasswordForm, ResetPasswordPage, RichTextEditor, type RichTextEditorProps, RichTextRenderer, type RichTextStyles, type ScopeContextValue, type ScopeOption, ScopePicker, type ScopePickerProps, ScopeProvider, type ScopeProviderProps, type SelectBlockMessage, SetupForm, type SetupFormValues, SetupPage, type SetupPageProps, type SetupStatus, StandalonePreviewField, type StatsWidgetConfig, type TableWidgetConfig, type TimelineWidgetConfig, type TipTapDoc, type TipTapNode, type TypedHooks, type UseCollectionPreviewOptions, type UseCollectionPreviewResult, type UseFieldOptionsOptions, type UseFieldOptionsResult, type UseReactiveFieldsOptions, type UseReactiveFieldsResult, type ValueWidgetConfig, type ViewDefinition, type ViewKind, type WidgetComponentProps, type WidgetConfig, type WidgetDefinition, type WidgetTypeRegistry, buildValidationSchema, buildZodFromIntrospection, configureField, createAdminAuthClient, createAdminClient, createFormSchema, createIconRenderer, createScopedFetch, createTypedHooks, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, parsePreviewFieldPath, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useBrand, useBrandSnapshotRef, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionRestore, useCollectionRevertVersion, useCollectionUpdate, useCollectionVersions, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useSearchParamToggle, useServerWidgetData, useSetupStatus, useShallow, useSidebarSearchParam, view, widget };
+export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, type AdminProviderProps, AdminRouter, type AdminRouterProps, type AdminSidebarBrandProps, type AdminSidebarNavItemProps, type AdminState, type AdminStore, type AdminToPreviewMessage, AnyQuestpieClient, type AnyWidgetConfig, type AppAdmin, AuthDefaultLogo, AuthGuard, AuthLayout, type AuthLayoutProps, AuthLoading, Badge, type BadgeProps, type BaseFieldProps, type BaseWidgetAdminMeta, type BaseWidgetConfig, type BlockCategory, type BlockClickedMessage, type BlockContent, type BlockNode, BlockRenderer, type BlockRendererProps as BlockRendererComponentProps, type BlockRendererProps$1 as BlockRendererProps, type BlockScopeContextValue, BlockScopeProvider, type BlockScopeProviderProps, type BrandLogoConfig, BrandLogoMark, type BrandLogoMarkProps, type BrandSnapshot, type BrandingConfig, type ChartWidgetConfig, CollectionFieldKeys, type CollectionFormViewProps, CollectionItem, type CollectionListViewProps, CollectionNames, type ComponentRegistry, ComponentRenderer, type ComponentRendererProps, type ComponentRendererRegistry, type CustomWidgetConfig, DashboardPage, EMPTY_BLOCK_CONTENT, type FieldClickedMessage, type FieldComponentProps, type FieldDefinition, type FieldInstance, type FlagConfig, type FocusContextValue, type FocusFieldMessage, FocusProvider, type FocusProviderProps, type FocusState, ForgotPasswordForm, ForgotPasswordPage, type FormViewConfig, type FormViewDefinition, type GlobalFormViewProps, GlobalNames, type I18nContext, type I18nText, type IconComponent, IconifyIcon, type IconifyIconProps, type InferAdminCMS, InvitePage, type ListViewDefinition, LoginForm, LoginPage, type MaybeLazyComponent, type OptionItem, type PageDefinition, PreviewBanner, type PreviewBannerProps, type PreviewConfig, PreviewField, type PreviewFieldProps, PreviewProvider, type PreviewReadyMessage, type PreviewRefreshMessage, type PreviewToAdminMessage, type ProgressWidgetConfig, type QuickActionsWidgetConfig, type ReactiveFieldResult, type ReactiveFieldState, type RecentItemsWidgetConfig, type RefreshCompleteMessage, ResetPasswordForm, ResetPasswordPage, RichTextEditor, type RichTextEditorProps, RichTextRenderer, type RichTextStyles, type ScopeContextValue, type ScopeOption, ScopePicker, type ScopePickerProps, ScopeProvider, type ScopeProviderProps, type SelectBlockMessage, SetupForm, type SetupFormValues, SetupPage, type SetupPageProps, type SetupStatus, StandalonePreviewField, type StatsWidgetConfig, type TableWidgetConfig, type TimelineWidgetConfig, type TipTapDoc, type TipTapNode, type TypedHooks, type UseCollectionPreviewOptions, type UseCollectionPreviewResult, type UseFieldOptionsOptions, type UseFieldOptionsResult, type UseReactiveFieldsOptions, type UseReactiveFieldsResult, type ValueWidgetConfig, type ViewDefinition, type ViewKind, type WidgetComponentProps, type WidgetConfig, type WidgetDefinition, type WidgetTypeRegistry, buildValidationSchema, buildZodFromIntrospection, configureField, createAdminAuthClient, createAdminClient, createFormSchema, createIconRenderer, createScopedFetch, createTypedHooks, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, page, parsePreviewFieldPath, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useBrand, useBrandSnapshotRef, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionRestore, useCollectionRevertVersion, useCollectionUpdate, useCollectionVersions, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useSearchParamToggle, useServerWidgetData, useSetupStatus, useShallow, useSidebarSearchParam, view, widget };

package/dist/client.mjs

@@ -18,6 +18,7 @@ import { createAdminAuthClient, useAuthClient } from "./client/hooks/use-auth.mj
 import { useCurrentUser } from "./client/hooks/use-current-user.mjs";
 import { useReactiveFields } from "./client/hooks/use-reactive-fields.mjs";
 import { AdminLink } from "./client/components/admin-link.mjs";
+import { page } from "./client/builder/page/page.mjs";
 import { widget } from "./client/builder/widget/widget.mjs";
 import { createAdminClient } from "./client/create-admin-client.mjs";
 import { createTypedHooks } from "./client/hooks/typed-hooks.mjs";
@@ -54,4 +55,4 @@ import { useServerWidgetData } from "./client/hooks/use-server-widget-data.mjs";
 import { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch } from "./client/scope/provider.mjs";
 import { ScopePicker } from "./client/scope/picker.mjs";
 
-export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, AdminRouter, AuthDefaultLogo, AuthGuard, AuthLayout, AuthLoading, Badge, BlockRenderer, BlockScopeProvider, BrandLogoMark, ComponentRenderer, DashboardPage, EMPTY_BLOCK_CONTENT, FocusProvider, ForgotPasswordForm, ForgotPasswordPage, IconifyIcon, InvitePage, LoginForm, LoginPage, PreviewBanner, PreviewField, PreviewProvider, ResetPasswordForm, ResetPasswordPage, RichTextEditor, RichTextRenderer, ScopePicker, ScopeProvider, SetupForm, SetupPage, StandalonePreviewField, buildValidationSchema, buildZodFromIntrospection, configureField, createAdminAuthClient, createAdminClient, createFormSchema, createIconRenderer, createScopedFetch, createTypedHooks, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, parsePreviewFieldPath, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useBrand, useBrandSnapshotRef, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionRestore, useCollectionRevertVersion, useCollectionUpdate, useCollectionVersions, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useSearchParamToggle, useServerWidgetData, useSetupStatus, useShallow, useSidebarSearchParam, view, widget };
+export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, AdminRouter, AuthDefaultLogo, AuthGuard, AuthLayout, AuthLoading, Badge, BlockRenderer, BlockScopeProvider, BrandLogoMark, ComponentRenderer, DashboardPage, EMPTY_BLOCK_CONTENT, FocusProvider, ForgotPasswordForm, ForgotPasswordPage, IconifyIcon, InvitePage, LoginForm, LoginPage, PreviewBanner, PreviewField, PreviewProvider, ResetPasswordForm, ResetPasswordPage, RichTextEditor, RichTextRenderer, ScopePicker, ScopeProvider, SetupForm, SetupPage, StandalonePreviewField, buildValidationSchema, buildZodFromIntrospection, configureField, createAdminAuthClient, createAdminClient, createFormSchema, createIconRenderer, createScopedFetch, createTypedHooks, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, page, parsePreviewFieldPath, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useBrand, useBrandSnapshotRef, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionRestore, useCollectionRevertVersion, useCollectionUpdate, useCollectionVersions, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useSearchParamToggle, useServerWidgetData, useSetupStatus, useShallow, useSidebarSearchParam, view, widget };

package/dist/components/rich-text/rich-text-renderer.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/rich-text/rich-text-renderer.d.ts
 /**
@@ -98,6 +98,6 @@ declare function RichTextRenderer({
   content,
   styles: customStyles,
   className
-}: RichTextRendererProps): react_jsx_runtime25.JSX.Element | null;
+}: RichTextRendererProps): react_jsx_runtime20.JSX.Element | null;
 //#endregion
 export { RichTextRenderer, RichTextStyles, TipTapDoc, TipTapNode };

package/dist/index.d.mts

@@ -2,6 +2,7 @@ import { AnyAdminMeta, ArrayFieldAdminMeta, BaseAdminMeta, BaseWidgetAdminMeta,
 import { I18nContext, I18nText } from "./client/i18n/types.mjs";
 import { BaseFieldProps, IconComponent, MaybeLazyComponent } from "./client/builder/types/common.mjs";
 import { FieldDefinition, FieldInstance, configureField, field } from "./client/builder/field/field.mjs";
+import { PageDefinition, page } from "./client/builder/page/page.mjs";
 import { AnyWidgetConfig, BaseWidgetConfig, ChartWidgetConfig, CustomWidgetConfig, ProgressWidgetConfig, QuickActionsWidgetConfig, RecentItemsWidgetConfig, StatsWidgetConfig, TableWidgetConfig, TimelineWidgetConfig, ValueWidgetConfig, WidgetComponentProps, WidgetConfig } from "./client/builder/types/widget-types.mjs";
 import { FormViewDefinition, ListViewDefinition, ViewDefinition, ViewKind, view } from "./client/builder/view/view.mjs";
 import { WidgetDefinition, widget } from "./client/builder/widget/widget.mjs";
@@ -64,4 +65,4 @@ import { ScopeContextValue, ScopeOption, ScopePickerProps, ScopeProviderProps }
 import { ScopePicker } from "./client/scope/picker.mjs";
 import { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch } from "./client/scope/provider.mjs";
 import { AnyQuestpieClient, CollectionFieldKeys, CollectionItem, CollectionNames, GlobalNames } from "./client.mjs";
-export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, AdminProviderProps, AdminRouter, AdminRouterProps, AdminSidebarBrandProps, AdminSidebarNavItemProps, AdminState, AdminStore, AdminToPreviewMessage, type AnyAdminMeta, AnyQuestpieClient, AnyWidgetConfig, AppAdmin, type ArrayFieldAdminMeta, AuthDefaultLogo, AuthGuard, AuthLayout, AuthLayoutProps, AuthLoading, Badge, BadgeProps, type BaseAdminMeta, BaseFieldProps, BaseWidgetAdminMeta, BaseWidgetConfig, BlockCategory, BlockClickedMessage, BlockContent, BlockNode, BlockRenderer, BlockRendererProps as BlockRendererComponentProps, BlockRendererProps$1 as BlockRendererProps, BlockScopeContextValue, BlockScopeProvider, BlockScopeProviderProps, type BooleanFieldAdminMeta, BrandLogoConfig, BrandLogoMark, BrandLogoMarkProps, BrandSnapshot, BrandingConfig, ChartWidgetConfig, CollectionFieldKeys, CollectionFormViewProps, CollectionItem, CollectionListViewProps, CollectionNames, ComponentRegistry, ComponentRenderer, ComponentRendererProps, ComponentRendererRegistry, CustomWidgetConfig, DashboardPage, type DateFieldAdminMeta, EMPTY_BLOCK_CONTENT, FieldClickedMessage, FieldComponentProps, FieldDefinition, FieldInstance, FlagConfig, FocusContextValue, FocusFieldMessage, FocusProvider, FocusProviderProps, FocusState, ForgotPasswordForm, ForgotPasswordPage, FormViewConfig, FormViewDefinition, GlobalFormViewProps, GlobalNames, I18nContext, I18nText, IconComponent, IconifyIcon, IconifyIconProps, InferAdminCMS, InvitePage, type JsonFieldAdminMeta, ListViewDefinition, LoginForm, LoginPage, MaybeLazyComponent, type NumberFieldAdminMeta, type ObjectFieldAdminMeta, OptionItem, PreviewBanner, PreviewBannerProps, PreviewConfig, PreviewField, PreviewFieldProps, PreviewProvider, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, ProgressWidgetConfig, QuickActionsWidgetConfig, ReactiveFieldResult, ReactiveFieldState, RecentItemsWidgetConfig, RefreshCompleteMessage, type RelationFieldAdminMeta, ResetPasswordForm, ResetPasswordPage, RichTextEditor, RichTextEditorProps, RichTextRenderer, RichTextStyles, ScopeContextValue, ScopeOption, ScopePicker, ScopePickerProps, ScopeProvider, ScopeProviderProps, SelectBlockMessage, type SelectFieldAdminMeta, SetupForm, SetupFormValues, SetupPage, SetupPageProps, SetupStatus, StandalonePreviewField, StatsWidgetConfig, TableWidgetConfig, type TextFieldAdminMeta, type TextareaFieldAdminMeta, type TimeFieldAdminMeta, TimelineWidgetConfig, TipTapDoc, TipTapNode, TypedHooks, type UploadFieldAdminMeta, UseCollectionPreviewOptions, UseCollectionPreviewResult, UseFieldOptionsOptions, UseFieldOptionsResult, UseReactiveFieldsOptions, UseReactiveFieldsResult, ValueWidgetConfig, ViewDefinition, ViewKind, WidgetComponentProps, WidgetConfig, WidgetDefinition, WidgetTypeRegistry, buildValidationSchema, buildZodFromIntrospection, configureField, createAdminAuthClient, createAdminClient, createFormSchema, createIconRenderer, createScopedFetch, createTypedHooks, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, parsePreviewFieldPath, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useBrand, useBrandSnapshotRef, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionRestore, useCollectionRevertVersion, useCollectionUpdate, useCollectionVersions, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useSearchParamToggle, useServerWidgetData, useSetupStatus, useShallow, useSidebarSearchParam, view, widget };
+export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, AdminProviderProps, AdminRouter, AdminRouterProps, AdminSidebarBrandProps, AdminSidebarNavItemProps, AdminState, AdminStore, AdminToPreviewMessage, type AnyAdminMeta, AnyQuestpieClient, AnyWidgetConfig, AppAdmin, type ArrayFieldAdminMeta, AuthDefaultLogo, AuthGuard, AuthLayout, AuthLayoutProps, AuthLoading, Badge, BadgeProps, type BaseAdminMeta, BaseFieldProps, BaseWidgetAdminMeta, BaseWidgetConfig, BlockCategory, BlockClickedMessage, BlockContent, BlockNode, BlockRenderer, BlockRendererProps as BlockRendererComponentProps, BlockRendererProps$1 as BlockRendererProps, BlockScopeContextValue, BlockScopeProvider, BlockScopeProviderProps, type BooleanFieldAdminMeta, BrandLogoConfig, BrandLogoMark, BrandLogoMarkProps, BrandSnapshot, BrandingConfig, ChartWidgetConfig, CollectionFieldKeys, CollectionFormViewProps, CollectionItem, CollectionListViewProps, CollectionNames, ComponentRegistry, ComponentRenderer, ComponentRendererProps, ComponentRendererRegistry, CustomWidgetConfig, DashboardPage, type DateFieldAdminMeta, EMPTY_BLOCK_CONTENT, FieldClickedMessage, FieldComponentProps, FieldDefinition, FieldInstance, FlagConfig, FocusContextValue, FocusFieldMessage, FocusProvider, FocusProviderProps, FocusState, ForgotPasswordForm, ForgotPasswordPage, FormViewConfig, FormViewDefinition, GlobalFormViewProps, GlobalNames, I18nContext, I18nText, IconComponent, IconifyIcon, IconifyIconProps, InferAdminCMS, InvitePage, type JsonFieldAdminMeta, ListViewDefinition, LoginForm, LoginPage, MaybeLazyComponent, type NumberFieldAdminMeta, type ObjectFieldAdminMeta, OptionItem, PageDefinition, PreviewBanner, PreviewBannerProps, PreviewConfig, PreviewField, PreviewFieldProps, PreviewProvider, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, ProgressWidgetConfig, QuickActionsWidgetConfig, ReactiveFieldResult, ReactiveFieldState, RecentItemsWidgetConfig, RefreshCompleteMessage, type RelationFieldAdminMeta, ResetPasswordForm, ResetPasswordPage, RichTextEditor, RichTextEditorProps, RichTextRenderer, RichTextStyles, ScopeContextValue, ScopeOption, ScopePicker, ScopePickerProps, ScopeProvider, ScopeProviderProps, SelectBlockMessage, type SelectFieldAdminMeta, SetupForm, SetupFormValues, SetupPage, SetupPageProps, SetupStatus, StandalonePreviewField, StatsWidgetConfig, TableWidgetConfig, type TextFieldAdminMeta, type TextareaFieldAdminMeta, type TimeFieldAdminMeta, TimelineWidgetConfig, TipTapDoc, TipTapNode, TypedHooks, type UploadFieldAdminMeta, UseCollectionPreviewOptions, UseCollectionPreviewResult, UseFieldOptionsOptions, UseFieldOptionsResult, UseReactiveFieldsOptions, UseReactiveFieldsResult, ValueWidgetConfig, ViewDefinition, ViewKind, WidgetComponentProps, WidgetConfig, WidgetDefinition, WidgetTypeRegistry, buildValidationSchema, buildZodFromIntrospection, configureField, createAdminAuthClient, createAdminClient, createFormSchema, createIconRenderer, createScopedFetch, createTypedHooks, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, page, parsePreviewFieldPath, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useBrand, useBrandSnapshotRef, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionRestore, useCollectionRevertVersion, useCollectionUpdate, useCollectionVersions, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useSearchParamToggle, useServerWidgetData, useSetupStatus, useShallow, useSidebarSearchParam, view, widget };

package/dist/index.mjs

@@ -18,6 +18,7 @@ import { createAdminAuthClient, useAuthClient } from "./client/hooks/use-auth.mj
 import { useCurrentUser } from "./client/hooks/use-current-user.mjs";
 import { useReactiveFields } from "./client/hooks/use-reactive-fields.mjs";
 import { AdminLink } from "./client/components/admin-link.mjs";
+import { page } from "./client/builder/page/page.mjs";
 import { widget } from "./client/builder/widget/widget.mjs";
 import { createAdminClient } from "./client/create-admin-client.mjs";
 import { createTypedHooks } from "./client/hooks/typed-hooks.mjs";
@@ -54,4 +55,4 @@ import { useServerWidgetData } from "./client/hooks/use-server-widget-data.mjs";
 import { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch } from "./client/scope/provider.mjs";
 import { ScopePicker } from "./client/scope/picker.mjs";
 
-export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, AdminRouter, AuthDefaultLogo, AuthGuard, AuthLayout, AuthLoading, Badge, BlockRenderer, BlockScopeProvider, BrandLogoMark, ComponentRenderer, DashboardPage, EMPTY_BLOCK_CONTENT, FocusProvider, ForgotPasswordForm, ForgotPasswordPage, IconifyIcon, InvitePage, LoginForm, LoginPage, PreviewBanner, PreviewField, PreviewProvider, ResetPasswordForm, ResetPasswordPage, RichTextEditor, RichTextRenderer, ScopePicker, ScopeProvider, SetupForm, SetupPage, StandalonePreviewField, buildValidationSchema, buildZodFromIntrospection, configureField, createAdminAuthClient, createAdminClient, createFormSchema, createIconRenderer, createScopedFetch, createTypedHooks, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, parsePreviewFieldPath, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useBrand, useBrandSnapshotRef, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionRestore, useCollectionRevertVersion, useCollectionUpdate, useCollectionVersions, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useSearchParamToggle, useServerWidgetData, useSetupStatus, useShallow, useSidebarSearchParam, view, widget };
+export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, AdminRouter, AuthDefaultLogo, AuthGuard, AuthLayout, AuthLoading, Badge, BlockRenderer, BlockScopeProvider, BrandLogoMark, ComponentRenderer, DashboardPage, EMPTY_BLOCK_CONTENT, FocusProvider, ForgotPasswordForm, ForgotPasswordPage, IconifyIcon, InvitePage, LoginForm, LoginPage, PreviewBanner, PreviewField, PreviewProvider, ResetPasswordForm, ResetPasswordPage, RichTextEditor, RichTextRenderer, ScopePicker, ScopeProvider, SetupForm, SetupPage, StandalonePreviewField, buildValidationSchema, buildZodFromIntrospection, configureField, createAdminAuthClient, createAdminClient, createFormSchema, createIconRenderer, createScopedFetch, createTypedHooks, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, page, parsePreviewFieldPath, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useBrand, useBrandSnapshotRef, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionRestore, useCollectionRevertVersion, useCollectionUpdate, useCollectionVersions, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useSearchParamToggle, useServerWidgetData, useSetupStatus, useShallow, useSidebarSearchParam, view, widget };

package/dist/server/augmentation/form-layout.d.mts

@@ -219,6 +219,20 @@ interface FormTabsLayout {
   type: "tabs";
   tabs: FormTabConfig[];
 }
+/**
+ * Per-prop value type for `FormFieldLayoutItem.props` — accepts JSON, a
+ * handler function, or a `{ handler, deps?, debounce? }` config.
+ *
+ * Functions / config objects are resolved server-side via the
+ * `/admin/reactive` `prop` endpoint; static JSON is shipped through
+ * introspection unchanged. See `FormFieldLayoutItem.props` for the
+ * full description.
+ */
+type FormReactivePropValue<TData = any> = unknown | ((ctx: FormReactiveContext<TData>) => unknown | Promise<unknown>) | {
+  handler: (ctx: FormReactiveContext<TData>) => unknown | Promise<unknown>;
+  deps?: string[] | ((ctx: FormReactiveContext<TData>) => any[]);
+  debounce?: number;
+};
 /**
  * Field entry with optional reactive form behavior.
  */
@@ -233,12 +247,42 @@ interface FormFieldLayoutItem<TData = any> {
    * Extra props forwarded to the field component (escape hatch for
    * component-specific config like relation `filter`).
    *
-   * @example
+   * Each prop value can be:
+   * - **Static JSON** (string, number, boolean, array, object) — passed
+   *   through introspection unchanged and given to the field component
+   *   as-is. Use this when the value doesn't depend on form state.
+   * - **A function** `(ctx) => T` — stays on the server. Introspection
+   *   emits a `ReactivePropPlaceholder` in its place; the client resolves
+   *   the value via `/admin/reactive` (type `"prop"`) whenever the
+   *   tracked dependencies change.
+   * - **A `{ handler, deps?, debounce? }` config** — same as a function
+   *   but with explicit dependency control + debouncing.
+   *
+   * @example Static
+   * ```ts
+   * { field: f.counselorId, props: { filter: { role: "admin" } } }
+   * ```
+   *
+   * @example Reactive (deps inferred from handler)
+   * ```ts
+   * { field: f.author, props: { filter: ({ data }) => ({ team: data.team }) } }
+   * ```
+   *
+   * @example Reactive with explicit deps + debounce
    * ```ts
-   * { field: f.counselorId, props: { filter: () => ({ role: "admin" }) } }
+   * {
+   *   field: f.author,
+   *   props: {
+   *     filter: {
+   *       handler: ({ data }) => ({ team: data.team }),
+   *       deps: ["team"],
+   *       debounce: 200,
+   *     },
+   *   },
+   * }
    * ```
    */
-  props?: Record<string, any>;
+  props?: Record<string, FormReactivePropValue<TData>>;
 }
 /**
  * Field layout item - union of field reference or layout container.
@@ -331,4 +375,4 @@ interface AdminGlobalConfig {
   audit?: boolean;
 }
 //#endregion
-export { AdminBlockConfig, AdminCollectionConfig, AdminGlobalConfig, BlockCategoryConfig, FieldLayoutItem, FormFieldLayoutItem, FormReactiveConfig, FormReactiveContext, FormSectionLayout, FormSidebarConfig, FormTabConfig, FormTabsLayout, FormViewConfig, ListViewConfig, PreviewConfig };
+export { AdminBlockConfig, AdminCollectionConfig, AdminGlobalConfig, BlockCategoryConfig, FieldLayoutItem, FormFieldLayoutItem, FormReactiveConfig, FormReactiveContext, FormReactivePropValue, FormSectionLayout, FormSidebarConfig, FormTabConfig, FormTabsLayout, FormViewConfig, ListViewConfig, PreviewConfig };