@reacteditor/core 0.0.10 → 0.0.12

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;
@@ -2344,25 +2344,25 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css/#css-module-data */
-._Editor_1ty8s_19 {
+._Editor_frglt_19 {
   --editor-space-px: 16px;
   color: var(--editor-text-primary);
   font-family: var(--editor-font-family);
   overflow-x: hidden;
 }
 @media (min-width: 766px) {
-  ._Editor_1ty8s_19 {
+  ._Editor_frglt_19 {
     overflow-x: auto;
   }
 }
-._Editor-portal_1ty8s_32 {
+._Editor-portal_frglt_32 {
   position: relative;
   z-index: 2;
 }
-._EditorLayout_1ty8s_37 {
+._EditorLayout_frglt_37 {
   height: 100dvh;
 }
-._EditorLayout-inner_1ty8s_41 {
+._EditorLayout-inner_frglt_41 {
   --editor-frame-width: auto;
   --editor-side-nav-width: min-content;
   --editor-side-bar-width: 0px;
@@ -2380,88 +2380,92 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout-inner_frglt_41 {
     --editor-side-nav-width: 44px;
     grid-template-areas: "sidenav left editor right";
     grid-template-columns: var(--editor-side-nav-width) 0 var(--editor-frame-width) 0;
     grid-template-rows: auto;
   }
-  ._Editor--hidePlugins_1ty8s_73 ._EditorLayout-inner_1ty8s_41 {
+  ._Editor--hidePlugins_frglt_73 ._EditorLayout-inner_frglt_41,
+  ._EditorLayout_frglt_37:not(._EditorLayout--navBarVisible_frglt_74) ._EditorLayout-inner_frglt_41 {
     --editor-side-nav-width: 0;
   }
 }
-._EditorLayout--mounted_1ty8s_78 ._EditorLayout-inner_1ty8s_41 {
+._EditorLayout_frglt_37:not(._EditorLayout--navBarVisible_frglt_74) ._EditorLayout-inner_frglt_41 {
+  --editor-side-nav-width: 0;
+}
+._EditorLayout--mounted_frglt_83 ._EditorLayout-inner_frglt_41 {
   --editor-side-bar-width: 186px;
 }
-._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
+._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
   grid-template-rows: auto 60% 0 0 var(--editor-side-nav-width);
 }
-._EditorLayout--mobilePanelCustomHeight_1ty8s_87._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
+._EditorLayout--mobilePanelCustomHeight_frglt_92._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
   grid-template-rows: auto var(--editor-mobile-panel-height, 60%) 0 0 var(--editor-side-nav-width);
 }
 @media (min-width: 638px) {
-  ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
     grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) 0;
     grid-template-rows: auto;
   }
 }
-._EditorLayout--mobilePanelHeightMinContent_1ty8s_105._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
+._EditorLayout--mobilePanelHeightMinContent_frglt_110._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
   grid-template-rows: auto min-content 0 0 var(--editor-side-nav-width);
 }
 @media (min-width: 638px) {
-  ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41,
-  ._EditorLayout--mobilePanelCustomHeight_1ty8s_87._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41,
-  ._EditorLayout--mobilePanelHeightMinContent_1ty8s_105._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41,
+  ._EditorLayout--mobilePanelCustomHeight_frglt_92._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41,
+  ._EditorLayout--mobilePanelHeightMinContent_frglt_110._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
     grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) 0;
     grid-template-rows: auto;
   }
 }
 @media (min-width: 638px) {
-  ._EditorLayout--rightSideBarVisible_1ty8s_127 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout--rightSideBarVisible_frglt_132 ._EditorLayout-inner_frglt_41 {
     grid-template-columns: var(--editor-side-nav-width) 0 var(--editor-frame-width) var(--editor-right-side-bar-width);
   }
 }
 @media (min-width: 638px) {
-  ._EditorLayout--leftSideBarVisible_1ty8s_82._EditorLayout--rightSideBarVisible_1ty8s_127 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout--leftSideBarVisible_frglt_87._EditorLayout--rightSideBarVisible_frglt_132 ._EditorLayout-inner_frglt_41 {
     grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) var(--editor-right-side-bar-width);
   }
 }
 @media (min-width: 458px) {
-  ._EditorLayout-mounted_1ty8s_146 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout-mounted_frglt_151 ._EditorLayout-inner_frglt_41 {
     --editor-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
     --editor-side-bar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
     --editor-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
     --editor-side-bar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
     --editor-side-bar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
     --editor-side-bar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
+  ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
     --editor-side-bar-width: 320px;
   }
 }
-._EditorLayout-nav_1ty8s_187 {
+._EditorLayout-nav_frglt_192 {
   border-top: 1px solid var(--editor-border-subtle);
   background-color: var(--editor-surface-panel);
   grid-area: sidenav;
@@ -2469,13 +2473,13 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   width: 100%;
 }
 @media (min-width: 638px) {
-  ._EditorLayout-nav_1ty8s_187 {
+  ._EditorLayout-nav_frglt_192 {
     border-top: 0;
     border-right: 1px solid var(--editor-border-subtle);
     box-sizing: border-box;
   }
 }
-._Editor-fieldSideBarToolbar_1ty8s_203 {
+._Editor-fieldSideBarToolbar_frglt_208 {
   align-items: center;
   background: var(--editor-surface-panel);
   border-bottom: 1px solid var(--editor-border-subtle);
@@ -2484,17 +2488,17 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   justify-content: space-between;
   padding: 8px 12px;
 }
-._Editor-fieldSideBarHistory_1ty8s_213 {
+._Editor-fieldSideBarHistory_frglt_218 {
   color: var(--editor-text-tertiary);
   display: flex;
   gap: 2px;
 }
-._Editor-fieldSideBarActions_1ty8s_219 {
+._Editor-fieldSideBarActions_frglt_224 {
   align-items: center;
   display: flex;
   gap: 8px;
 }
-._EditorLayout-mobilePanel_1ty8s_225 {
+._EditorLayout-mobilePanel_frglt_230 {
   grid-area: mobilepanel;
   background: var(--editor-surface-panel);
   border-block-start: 1px solid var(--editor-border-subtle);
@@ -2502,22 +2506,22 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   flex-direction: column;
   overflow: hidden;
 }
-._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-mobilePanel_1ty8s_225 {
+._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-mobilePanel_frglt_230 {
   display: flex;
 }
 @media (min-width: 638px) {
-  ._EditorLayout-mobilePanel_1ty8s_225,
-  ._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-mobilePanel_1ty8s_225 {
+  ._EditorLayout-mobilePanel_frglt_230,
+  ._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-mobilePanel_frglt_230 {
     display: none;
   }
 }
-._EditorLayout-mobilePanelContent_1ty8s_245 {
+._EditorLayout-mobilePanelContent_frglt_250 {
   flex: 1;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
 }
-._EditorLayout-mobileDragHandle_1ty8s_252 {
+._EditorLayout-mobileDragHandle_frglt_257 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2526,25 +2530,25 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   touch-action: none;
   flex-shrink: 0;
 }
-._EditorLayout-mobileDragHandle_1ty8s_252:active {
+._EditorLayout-mobileDragHandle_frglt_257:active {
   cursor: grabbing;
 }
-._EditorLayout-mobileDragHandlePill_1ty8s_266 {
+._EditorLayout-mobileDragHandlePill_frglt_271 {
   width: 36px;
   height: 4px;
   border-radius: 2px;
   background-color: var(--editor-border-subtle);
 }
-._EditorPluginTab_1ty8s_273 {
+._EditorPluginTab_frglt_278 {
   display: none;
   flex-grow: 1;
   max-height: 100%;
 }
-._EditorPluginTab--visible_1ty8s_279 {
+._EditorPluginTab--visible_frglt_284 {
   display: flex;
   flex-direction: column;
 }
-._EditorPluginTab-body_1ty8s_284 {
+._EditorPluginTab-body_frglt_289 {
   flex-grow: 1;
   max-height: 100%;
 }
@@ -3192,14 +3196,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 +3215,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 };