@reacteditor/core 0.0.10 → 0.0.11

package/dist/{chunk-IIRJMJFU.mjs → chunk-ERNSJXVF.mjs}

@@ -116,6 +116,7 @@ var defaultAppState = {
   ui: {
     leftSideBarVisible: true,
     rightSideBarVisible: true,
+    navBarVisible: true,
     arrayState: {},
     itemSelector: null,
     componentList: {},

package/dist/{chunk-PUDWMFBH.mjs → chunk-II42EKFK.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   defaultAppState,
   resolveComponentData
-} from "./chunk-IIRJMJFU.mjs";
+} from "./chunk-ERNSJXVF.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";

package/dist/{chunk-AD7BMXAA.mjs → chunk-MJJPWASL.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-BUR5T7IX.mjs → chunk-TGVAC3JP.mjs}

@@ -1,12 +1,12 @@
 import {
   useListOptions
-} from "./chunk-FT6UFK7G.mjs";
+} from "./chunk-X4EUZIHA.mjs";
 import {
   useAlignOptions
-} from "./chunk-OIFPBVSF.mjs";
+} from "./chunk-XLVEWZWT.mjs";
 import {
   useHeadingOptions
-} from "./chunk-AD7BMXAA.mjs";
+} from "./chunk-MJJPWASL.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-GLBLMTBL.mjs").then((m) => ({
+  () => import("./loaded-BT7NIVEO.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-R34BR6I5.mjs").then((m) => ({
+  () => import("./loaded-YFYCF5F4.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-O4QHGE26.mjs").then((m) => ({
+  () => import("./loaded-HVOKDVC3.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-FT6UFK7G.mjs → chunk-X4EUZIHA.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-OIFPBVSF.mjs → chunk-XLVEWZWT.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-BZ4BQZJR.mjs → chunk-YBG2RYVF.mjs}

@@ -1,13 +1,13 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-BUR5T7IX.mjs";
+} from "./chunk-TGVAC3JP.mjs";
 import {
   styles_module_default
 } from "./chunk-6QJ2HF4O.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-56I7ST5F.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-QT5KXRDP.mjs").then((m) => ({
+  () => import("./full-IUPXFMQP.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{full-QT5KXRDP.mjs → full-IUPXFMQP.mjs}

@@ -1,12 +1,12 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-BUR5T7IX.mjs";
-import "./chunk-FT6UFK7G.mjs";
-import "./chunk-OIFPBVSF.mjs";
-import "./chunk-AD7BMXAA.mjs";
-import "./chunk-LRFRIIKG.mjs";
+} from "./chunk-TGVAC3JP.mjs";
+import "./chunk-X4EUZIHA.mjs";
+import "./chunk-XLVEWZWT.mjs";
+import "./chunk-MJJPWASL.mjs";
+import "./chunk-56I7ST5F.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-ERNSJXVF.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{index-JoD48fK_.d.mts → index-DMbFEg8G.d.mts}

@@ -1,4 +1,4 @@
-import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-B8_EA7vy.mjs';
+import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-C0LX6bI4.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/{index-BrHy0cc_.d.ts → index-DmThy7vE.d.ts}

@@ -1,4 +1,4 @@
-import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-B8_EA7vy.js';
+import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-C0LX6bI4.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/index.css

@@ -1825,21 +1825,21 @@ textarea._Input-input_zwh6e_27 {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Drawer/styles.module.css/#css-module-data */
-._Drawer_146py_1 {
+._Drawer_1h4db_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--editor-font-family);
   gap: 6px;
 }
-._Drawer--tile_146py_8 {
+._Drawer--tile_1h4db_8 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(min(88px, calc(50% - 3px)), 1fr));
   gap: 6px;
 }
-._Drawer-draggable_146py_19 {
+._Drawer-draggable_1h4db_19 {
   position: relative;
 }
-._Drawer-draggableBg_146py_23 {
+._Drawer-draggableBg_1h4db_23 {
   position: absolute;
   top: 0;
   right: 0;
@@ -1848,8 +1848,8 @@ textarea._Input-input_zwh6e_27 {
   pointer-events: none;
   z-index: -1;
 }
-._DrawerItem-draggable_146py_33 {
-  background: var(--editor-surface-panel);
+._DrawerItem-draggable_1h4db_33 {
+  background: var(--editor-surface-raised);
   cursor: grab;
   padding: 8px 10px;
   display: flex;
@@ -1865,43 +1865,43 @@ textarea._Input-input_zwh6e_27 {
     border-color var(--editor-motion-fast) var(--editor-ease),
     box-shadow var(--editor-motion-fast) var(--editor-ease);
 }
-._DrawerItem-icon_146py_50 {
+._DrawerItem-icon_1h4db_50 {
   color: var(--editor-text-tertiary);
   display: flex;
   transition: color var(--editor-motion-fast) var(--editor-ease);
 }
-._DrawerItem--disabled_146py_56 ._DrawerItem-draggable_146py_33 {
+._DrawerItem--disabled_1h4db_56 ._DrawerItem-draggable_1h4db_33 {
   background: var(--editor-surface-sunken);
   color: var(--editor-text-tertiary);
   cursor: not-allowed;
 }
-._DrawerItem_146py_33:focus-visible {
+._DrawerItem_1h4db_33:focus-visible {
   outline: 0;
 }
-._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:focus-visible ._DrawerItem-draggable_146py_33 {
+._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:focus-visible ._DrawerItem-draggable_1h4db_33 {
   border-radius: var(--editor-radius-md);
   outline: none;
   box-shadow: var(--editor-ring);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:not(._DrawerItem--disabled_146py_56) ._DrawerItem-draggable_146py_33:hover {
+  ._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:not(._DrawerItem--disabled_1h4db_56) ._DrawerItem-draggable_1h4db_33:hover {
     background-color: var(--editor-surface-hover);
     border-color: var(--editor-border-default);
     color: var(--editor-text-accent);
     box-shadow: var(--editor-shadow-sm);
     transition: none;
   }
-  ._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:not(._DrawerItem--disabled_146py_56) ._DrawerItem-draggable_146py_33:hover ._DrawerItem-icon_146py_50 {
+  ._Drawer_1h4db_1:not(._Drawer--isDraggingFrom_1h4db_66) ._DrawerItem_1h4db_33:not(._DrawerItem--disabled_1h4db_56) ._DrawerItem-draggable_1h4db_33:hover ._DrawerItem-icon_1h4db_50 {
     color: var(--editor-text-accent);
   }
 }
-._DrawerItem-name_146py_91 {
+._DrawerItem-name_1h4db_91 {
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: 500;
 }
-._Drawer--tile_146py_8 ._DrawerItem-draggable_146py_33 {
+._Drawer--tile_1h4db_8 ._DrawerItem-draggable_1h4db_33 {
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -1910,16 +1910,16 @@ textarea._Input-input_zwh6e_27 {
   padding: 8px;
   gap: 6px;
 }
-._Drawer--tile_146py_8 ._DrawerItem-icon_146py_50 {
+._Drawer--tile_1h4db_8 ._DrawerItem-icon_1h4db_50 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._Drawer--tile_146py_8 ._DrawerItem-icon_146py_50 svg {
+._Drawer--tile_1h4db_8 ._DrawerItem-icon_1h4db_50 svg {
   width: 22px;
   height: 22px;
 }
-._Drawer--tile_146py_8 ._DrawerItem-name_146py_91 {
+._Drawer--tile_1h4db_8 ._DrawerItem-name_1h4db_91 {
   width: 100%;
   font-size: var(--editor-font-size-xxxs);
   line-height: 1.2;
@@ -3192,14 +3192,6 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   display: none;
 }
 
-/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/outline/styles.module.css/#css-module-data */
-._OutlinePlugin_q92j6_1 {
-  padding: 16px;
-  height: 100%;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css/#css-module-data */
 ._FieldsPlugin_262zt_1 {
   background: white;
@@ -3219,3 +3211,11 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
     padding: 16px;
   }
 }
+
+/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/outline/styles.module.css/#css-module-data */
+._OutlinePlugin_q92j6_1 {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}

package/dist/index.d.mts

@@ -1,10 +1,10 @@
-import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, f as UiState, O as OnAction, E as EditorAction, q as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-B8_EA7vy.mjs';
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, k as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-B8_EA7vy.mjs';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-BR2XIZ0W.mjs';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, q as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-C0LX6bI4.mjs';
+export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, k as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-C0LX6bI4.mjs';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-5oDs6qOL.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-JoD48fK_.mjs';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DMbFEg8G.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -147,11 +147,13 @@ type AppProviderProps<UserConfig extends Config = Config, G extends UserGenerics
 };
 declare function AppProvider<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, pages, editorPath, router, currentPath, children, }: AppProviderProps<UserConfig, G>): react_jsx_runtime.JSX.Element;
 
-type AppProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = AppProviderProps<UserConfig, G> & {
+/** Editor pass-through props shared by <App> (default layout) and <App.Editor>. */
+type EditorPassthroughProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
     /** Called when the editor publishes. `route` is the schema route key. */
     onPublish?: (data: G["UserData"], route?: string) => void;
     onChange?: (data: G["UserData"]) => void;
-    /** Pass-through Editor configuration. */
+    onAction?: OnAction<G["UserData"]>;
+    ui?: Partial<UiState>;
     plugins?: Plugin<UserConfig>[];
     overrides?: Partial<Overrides<UserConfig>>;
     fieldTransforms?: FieldTransforms<UserConfig>;
@@ -159,10 +161,53 @@ type AppProps<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     iframe?: IframeConfig;
     viewports?: Viewports;
     permissions?: Partial<Permissions>;
+    renderHeader?: (props: {
+        children: ReactNode;
+        dispatch: (action: EditorAction) => void;
+        state: G["UserAppState"];
+    }) => ReactElement;
+    renderHeaderActions?: (props: {
+        state: G["UserAppState"];
+        dispatch: (action: EditorAction) => void;
+    }) => ReactElement;
+    title?: ReactNode;
+    dnd?: {
+        disableAutoScroll?: boolean;
+    };
+    initialHistory?: InitialHistory;
+    height?: CSSProperties["height"];
+    fullScreenCanvas?: boolean;
+    disableZoomControls?: boolean;
+    _experimentalVirtualization?: boolean;
+};
+type AppProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = AppProviderProps<UserConfig, G> & EditorPassthroughProps<UserConfig, G> & {
     /** Optional custom not-found component — falls back to a built-in. */
     renderNotFound?: () => ReactNode;
 };
+type AppRenderProps = {
+    metadata?: Metadata;
+    renderNotFound?: () => ReactNode;
+};
+/**
+ * Mounts <Render> for the current page when the URL is *not* under editorPath.
+ * Returns null while editing — safe to place anywhere inside <App>.
+ */
+declare function AppRender<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ metadata, renderNotFound }: AppRenderProps): react_jsx_runtime.JSX.Element | null;
+type AppEditorProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = EditorPassthroughProps<UserConfig, G> & {
+    children?: ReactNode;
+    renderNotFound?: () => ReactNode;
+};
+/**
+ * Mounts <Editor> for the current page when the URL is under editorPath.
+ * Returns null otherwise. Children are forwarded to <Editor> for compositional
+ * UI (e.g. <Editor.Preview />, <Editor.Fields />).
+ */
+declare function AppEditor<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: AppEditorProps<UserConfig, G>): react_jsx_runtime.JSX.Element | null;
 declare function App<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: AppProps<UserConfig, G>): react_jsx_runtime.JSX.Element;
+declare namespace App {
+    var Render: typeof AppRender;
+    var Editor: typeof AppEditor;
+}
 
 /**
  * Returns the schema-named params extracted from the current route.
@@ -506,4 +551,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, App, type AppContextValue, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };
+export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, f as UiState, O as OnAction, E as EditorAction, q as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-B8_EA7vy.js';
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, k as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-B8_EA7vy.js';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-DpUJ9kDx.js';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, q as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-C0LX6bI4.js';
+export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, k as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-C0LX6bI4.js';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-B1q6t5Jp.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BrHy0cc_.js';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DmThy7vE.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -147,11 +147,13 @@ type AppProviderProps<UserConfig extends Config = Config, G extends UserGenerics
 };
 declare function AppProvider<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, pages, editorPath, router, currentPath, children, }: AppProviderProps<UserConfig, G>): react_jsx_runtime.JSX.Element;
 
-type AppProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = AppProviderProps<UserConfig, G> & {
+/** Editor pass-through props shared by <App> (default layout) and <App.Editor>. */
+type EditorPassthroughProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
     /** Called when the editor publishes. `route` is the schema route key. */
     onPublish?: (data: G["UserData"], route?: string) => void;
     onChange?: (data: G["UserData"]) => void;
-    /** Pass-through Editor configuration. */
+    onAction?: OnAction<G["UserData"]>;
+    ui?: Partial<UiState>;
     plugins?: Plugin<UserConfig>[];
     overrides?: Partial<Overrides<UserConfig>>;
     fieldTransforms?: FieldTransforms<UserConfig>;
@@ -159,10 +161,53 @@ type AppProps<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     iframe?: IframeConfig;
     viewports?: Viewports;
     permissions?: Partial<Permissions>;
+    renderHeader?: (props: {
+        children: ReactNode;
+        dispatch: (action: EditorAction) => void;
+        state: G["UserAppState"];
+    }) => ReactElement;
+    renderHeaderActions?: (props: {
+        state: G["UserAppState"];
+        dispatch: (action: EditorAction) => void;
+    }) => ReactElement;
+    title?: ReactNode;
+    dnd?: {
+        disableAutoScroll?: boolean;
+    };
+    initialHistory?: InitialHistory;
+    height?: CSSProperties["height"];
+    fullScreenCanvas?: boolean;
+    disableZoomControls?: boolean;
+    _experimentalVirtualization?: boolean;
+};
+type AppProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = AppProviderProps<UserConfig, G> & EditorPassthroughProps<UserConfig, G> & {
     /** Optional custom not-found component — falls back to a built-in. */
     renderNotFound?: () => ReactNode;
 };
+type AppRenderProps = {
+    metadata?: Metadata;
+    renderNotFound?: () => ReactNode;
+};
+/**
+ * Mounts <Render> for the current page when the URL is *not* under editorPath.
+ * Returns null while editing — safe to place anywhere inside <App>.
+ */
+declare function AppRender<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ metadata, renderNotFound }: AppRenderProps): react_jsx_runtime.JSX.Element | null;
+type AppEditorProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = EditorPassthroughProps<UserConfig, G> & {
+    children?: ReactNode;
+    renderNotFound?: () => ReactNode;
+};
+/**
+ * Mounts <Editor> for the current page when the URL is under editorPath.
+ * Returns null otherwise. Children are forwarded to <Editor> for compositional
+ * UI (e.g. <Editor.Preview />, <Editor.Fields />).
+ */
+declare function AppEditor<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: AppEditorProps<UserConfig, G>): react_jsx_runtime.JSX.Element | null;
 declare function App<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: AppProps<UserConfig, G>): react_jsx_runtime.JSX.Element;
+declare namespace App {
+    var Render: typeof AppRender;
+    var Editor: typeof AppEditor;
+}
 
 /**
  * Returns the schema-named params extracted from the current route.
@@ -506,4 +551,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, App, type AppContextValue, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };
+export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };