@reacteditor/core 0.0.11 → 0.0.13

package/dist/index.css

@@ -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%;
 }

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, 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 { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, q as EditorChromeConfig, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, r as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, s as ItemSelector, t as PluginInternal } from './actions-DDpLL_TR.mjs';
+export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, k as DefaultComponents, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-DDpLL_TR.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-Cxbt1UVr.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-DMbFEg8G.mjs';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BTatdZaE.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -153,7 +153,7 @@ type EditorPassthroughProps<UserConfig extends Config = Config, G extends UserGe
     onPublish?: (data: G["UserData"], route?: string) => void;
     onChange?: (data: G["UserData"]) => void;
     onAction?: OnAction<G["UserData"]>;
-    ui?: Partial<UiState>;
+    ui?: Partial<UiState> & Partial<EditorChromeConfig>;
     plugins?: Plugin<UserConfig>[];
     overrides?: Partial<Overrides<UserConfig>>;
     fieldTransforms?: FieldTransforms<UserConfig>;
@@ -288,7 +288,13 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     children?: ReactNode;
     config: UserConfig;
     data: Partial<G["UserData"] | Data>;
-    ui?: Partial<UiState>;
+    /**
+     * Initial runtime UI state plus static chrome flags (`navBar`,
+     * `themeToggle`, `historyControls`, `urlBar`, `deviceToggle`,
+     * `fullScreenToggle`). Chrome flags are read once on mount and cannot be
+     * toggled via `dispatch` — they live on props, not in AppState.
+     */
+    ui?: Partial<UiState> & Partial<EditorChromeConfig>;
     onChange?: (data: G["UserData"]) => void;
     onPublish?: (data: G["UserData"], route?: string) => void;
     onAction?: OnAction<G["UserData"]>;
@@ -551,4 +557,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-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 };
+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, EditorChromeConfig, 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, 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 { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, q as EditorChromeConfig, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, r as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, s as ItemSelector, t as PluginInternal } from './actions-DDpLL_TR.js';
+export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, k as DefaultComponents, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-DDpLL_TR.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-Cnyva5MB.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-DmThy7vE.js';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-zhUFD8aP.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -153,7 +153,7 @@ type EditorPassthroughProps<UserConfig extends Config = Config, G extends UserGe
     onPublish?: (data: G["UserData"], route?: string) => void;
     onChange?: (data: G["UserData"]) => void;
     onAction?: OnAction<G["UserData"]>;
-    ui?: Partial<UiState>;
+    ui?: Partial<UiState> & Partial<EditorChromeConfig>;
     plugins?: Plugin<UserConfig>[];
     overrides?: Partial<Overrides<UserConfig>>;
     fieldTransforms?: FieldTransforms<UserConfig>;
@@ -288,7 +288,13 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     children?: ReactNode;
     config: UserConfig;
     data: Partial<G["UserData"] | Data>;
-    ui?: Partial<UiState>;
+    /**
+     * Initial runtime UI state plus static chrome flags (`navBar`,
+     * `themeToggle`, `historyControls`, `urlBar`, `deviceToggle`,
+     * `fullScreenToggle`). Chrome flags are read once on mount and cannot be
+     * toggled via `dispatch` — they live on props, not in AppState.
+     */
+    ui?: Partial<UiState> & Partial<EditorChromeConfig>;
     onChange?: (data: G["UserData"]) => void;
     onPublish?: (data: G["UserData"], route?: string) => void;
     onAction?: OnAction<G["UserData"]>;
@@ -551,4 +557,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-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 };
+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, EditorChromeConfig, 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.js

@@ -3165,7 +3165,6 @@ var init_default_app_state = __esm({
       ui: {
         leftSideBarVisible: true,
         rightSideBarVisible: true,
-        navBarVisible: true,
         arrayState: {},
         itemSelector: null,
         componentList: {},
@@ -12972,7 +12971,7 @@ init_lib();
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css#css-module
 init_react_import();
-var styles_module_default25 = { "Editor": "_Editor_1ty8s_19", "Editor-portal": "_Editor-portal_1ty8s_32", "EditorLayout": "_EditorLayout_1ty8s_37", "EditorLayout-inner": "_EditorLayout-inner_1ty8s_41", "Editor--hidePlugins": "_Editor--hidePlugins_1ty8s_73", "EditorLayout--mounted": "_EditorLayout--mounted_1ty8s_78", "EditorLayout--mobilePanelHeightToggle": "_EditorLayout--mobilePanelHeightToggle_1ty8s_82", "EditorLayout--leftSideBarVisible": "_EditorLayout--leftSideBarVisible_1ty8s_82", "EditorLayout--mobilePanelCustomHeight": "_EditorLayout--mobilePanelCustomHeight_1ty8s_87", "EditorLayout--mobilePanelHeightMinContent": "_EditorLayout--mobilePanelHeightMinContent_1ty8s_105", "EditorLayout--rightSideBarVisible": "_EditorLayout--rightSideBarVisible_1ty8s_127", "EditorLayout-mounted": "_EditorLayout-mounted_1ty8s_146", "EditorLayout-nav": "_EditorLayout-nav_1ty8s_187", "Editor-fieldSideBarToolbar": "_Editor-fieldSideBarToolbar_1ty8s_203", "Editor-fieldSideBarHistory": "_Editor-fieldSideBarHistory_1ty8s_213", "Editor-fieldSideBarActions": "_Editor-fieldSideBarActions_1ty8s_219", "EditorLayout-mobilePanel": "_EditorLayout-mobilePanel_1ty8s_225", "EditorLayout-mobilePanelContent": "_EditorLayout-mobilePanelContent_1ty8s_245", "EditorLayout-mobileDragHandle": "_EditorLayout-mobileDragHandle_1ty8s_252", "EditorLayout-mobileDragHandlePill": "_EditorLayout-mobileDragHandlePill_1ty8s_266", "EditorPluginTab": "_EditorPluginTab_1ty8s_273", "EditorPluginTab--visible": "_EditorPluginTab--visible_1ty8s_279", "EditorPluginTab-body": "_EditorPluginTab-body_1ty8s_284" };
+var styles_module_default25 = { "Editor": "_Editor_frglt_19", "Editor-portal": "_Editor-portal_frglt_32", "EditorLayout": "_EditorLayout_frglt_37", "EditorLayout-inner": "_EditorLayout-inner_frglt_41", "Editor--hidePlugins": "_Editor--hidePlugins_frglt_73", "EditorLayout--navBarVisible": "_EditorLayout--navBarVisible_frglt_74", "EditorLayout--mounted": "_EditorLayout--mounted_frglt_83", "EditorLayout--mobilePanelHeightToggle": "_EditorLayout--mobilePanelHeightToggle_frglt_87", "EditorLayout--leftSideBarVisible": "_EditorLayout--leftSideBarVisible_frglt_87", "EditorLayout--mobilePanelCustomHeight": "_EditorLayout--mobilePanelCustomHeight_frglt_92", "EditorLayout--mobilePanelHeightMinContent": "_EditorLayout--mobilePanelHeightMinContent_frglt_110", "EditorLayout--rightSideBarVisible": "_EditorLayout--rightSideBarVisible_frglt_132", "EditorLayout-mounted": "_EditorLayout-mounted_frglt_151", "EditorLayout-nav": "_EditorLayout-nav_frglt_192", "Editor-fieldSideBarToolbar": "_Editor-fieldSideBarToolbar_frglt_208", "Editor-fieldSideBarHistory": "_Editor-fieldSideBarHistory_frglt_218", "Editor-fieldSideBarActions": "_Editor-fieldSideBarActions_frglt_224", "EditorLayout-mobilePanel": "_EditorLayout-mobilePanel_frglt_230", "EditorLayout-mobilePanelContent": "_EditorLayout-mobilePanelContent_frglt_250", "EditorLayout-mobileDragHandle": "_EditorLayout-mobileDragHandle_frglt_257", "EditorLayout-mobileDragHandlePill": "_EditorLayout-mobileDragHandlePill_frglt_271", "EditorPluginTab": "_EditorPluginTab_frglt_278", "EditorPluginTab--visible": "_EditorPluginTab--visible_frglt_284", "EditorPluginTab-body": "_EditorPluginTab-body_frglt_289" };
 
 // lib/use-inject-css.ts
 init_react_import();
@@ -13304,6 +13303,7 @@ var BrowserBar = ({
   onViewportChange
 }) => {
   const { routes, currentRoute, onRouteChange } = usePropsContext();
+  const chrome = useChromeConfig();
   const viewports = useAppStore((s) => s.state.ui.viewports);
   const dispatch = useAppStore((s) => s.dispatch);
   const leftSideBarVisible = useAppStore((s) => s.state.ui.leftSideBarVisible);
@@ -13341,8 +13341,11 @@ var BrowserBar = ({
     if (!next || next === currentRoute) return;
     void (onRouteChange == null ? void 0 : onRouteChange(next));
   };
+  if (!chrome.showUrlBar && !chrome.showDeviceToggle && !chrome.showFullScreenToggle) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36(), children: [
-    showRoutePicker ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    chrome.showUrlBar && (showRoutePicker ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       Combobox,
       {
         items: routes,
@@ -13386,9 +13389,9 @@ var BrowserBar = ({
     ) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("urlTrigger"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Globe, { className: getClassName36("urlIcon"), size: 14 }),
       /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: getClassName36("urlText"), children: "/" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("actions"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    ] })),
+    (chrome.showDeviceToggle || chrome.showFullScreenToggle) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("actions"), children: [
+      chrome.showDeviceToggle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         IconButton,
         {
           type: "button",
@@ -13397,7 +13400,7 @@ var BrowserBar = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: getClassName36("deviceIcon"), children: activeDevice === "desktop" ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Monitor, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Smartphone, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      chrome.showFullScreenToggle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         IconButton,
         {
           type: "button",
@@ -14156,6 +14159,7 @@ var getPluginTabClassName = get_class_name_factory_default("EditorPluginTab", st
 var FieldSideBarToolbar = () => {
   const appStore = useAppStoreApi();
   const { onPublish, currentRoute } = usePropsContext();
+  const chrome = useChromeConfig();
   const back = useAppStore((s) => s.history.back);
   const forward = useAppStore((s) => s.history.forward);
   const hasFuture = useAppStore((s) => s.history.hasFuture());
@@ -14164,7 +14168,7 @@ var FieldSideBarToolbar = () => {
     (s) => s.overrides.headerActions || DefaultOverride
   );
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarToolbar"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarHistory"), children: [
+    chrome.showHistoryControls ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarHistory"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         IconButton,
         {
@@ -14185,7 +14189,7 @@ var FieldSideBarToolbar = () => {
           children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Redo2, { size: 18 })
         }
       )
-    ] }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", {}),
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: getClassName43("fieldSideBarActions"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Button,
       {
@@ -14238,7 +14242,8 @@ var Layout = ({ children }) => {
   const rightSideBarVisible = useAppStore(
     (s) => s.state.ui.rightSideBarVisible
   );
-  const navBarVisible = useAppStore((s) => s.state.ui.navBarVisible);
+  const chrome = useChromeConfig();
+  const navBarVisible = chrome.showNavBar;
   const instanceId = useAppStore((s) => s.instanceId);
   const {
     width: leftWidth,
@@ -14464,6 +14469,7 @@ var Layout = ({ children }) => {
               leftSideBarVisible,
               mounted,
               rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
+              navBarVisible,
               mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
               mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content",
               mobilePanelCustomHeight: mobilePanelHeight !== null && leftSideBarVisible
@@ -14479,7 +14485,7 @@ var Layout = ({ children }) => {
                     Nav,
                     {
                       items: pluginItems,
-                      footer: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+                      footer: chrome.showThemeToggle ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                         IconButton,
                         {
                           type: "button",
@@ -14487,7 +14493,7 @@ var Layout = ({ children }) => {
                           onClick: toggleTheme,
                           children: themeIcon
                         }
-                      )
+                      ) : void 0
                     }
                   ) }),
                   /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
@@ -14576,11 +14582,45 @@ var Layout = ({ children }) => {
 
 // components/Editor/index.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
+var CHROME_KEYS = [
+  "showNavBar",
+  "showThemeToggle",
+  "showHistoryControls",
+  "showUrlBar",
+  "showDeviceToggle",
+  "showFullScreenToggle"
+];
+var DEFAULT_CHROME = {
+  showNavBar: true,
+  showThemeToggle: true,
+  showHistoryControls: true,
+  showUrlBar: true,
+  showDeviceToggle: true,
+  showFullScreenToggle: true
+};
+var splitUiConfig = (ui) => {
+  const runtime = {};
+  const chrome = {};
+  if (!ui) return { runtime, chrome };
+  for (const [key, value] of Object.entries(ui)) {
+    if (CHROME_KEYS.includes(key)) {
+      chrome[key] = value;
+    } else {
+      runtime[key] = value;
+    }
+  }
+  return { runtime, chrome };
+};
 var propsContext = (0, import_react95.createContext)({});
 function PropsProvider(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(propsContext.Provider, { value: props, children: props.children });
 }
 var usePropsContext = () => (0, import_react95.useContext)(propsContext);
+var useChromeConfig = () => {
+  const { ui } = usePropsContext();
+  const { chrome } = splitUiConfig(ui);
+  return __spreadValues(__spreadValues({}, DEFAULT_CHROME), chrome);
+};
 function EditorProvider({ children }) {
   const {
     config,
@@ -14608,7 +14648,8 @@ function EditorProvider({ children }) {
   );
   const [generatedAppState] = (0, import_react95.useState)(() => {
     var _a, _b, _c, _d, _e, _f;
-    const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUi);
+    const { runtime: initialUiRuntime } = splitUiConfig(initialUi);
+    const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUiRuntime);
     let clientUiState = {};
     if (Object.keys((initialData == null ? void 0 : initialData.root) || {}).length > 0 && !((_a = initialData == null ? void 0 : initialData.root) == null ? void 0 : _a.props)) {
       console.warn(

package/dist/index.mjs

@@ -25,8 +25,8 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-74TOLW7F.mjs";
-import "./chunk-YBG2RYVF.mjs";
+} from "./chunk-KX5XDJF6.mjs";
+import "./chunk-BZ4BQZJR.mjs";
 import {
   Action,
   ActionBar,
@@ -35,21 +35,21 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-TGVAC3JP.mjs";
-import "./chunk-X4EUZIHA.mjs";
+} from "./chunk-BUR5T7IX.mjs";
+import "./chunk-FT6UFK7G.mjs";
 import {
   getRouteProps,
   migrate,
   resolveAllData,
   resolveRouteFromString,
   transformProps
-} from "./chunk-II42EKFK.mjs";
+} from "./chunk-PUDWMFBH.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-XLVEWZWT.mjs";
-import "./chunk-MJJPWASL.mjs";
-import "./chunk-56I7ST5F.mjs";
+import "./chunk-OIFPBVSF.mjs";
+import "./chunk-AD7BMXAA.mjs";
+import "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree

package/dist/internal.d.mts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-C0LX6bI4.mjs';
-import { A as AppStore } from './index-DMbFEg8G.mjs';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-DDpLL_TR.mjs';
+import { A as AppStore } from './index-BTatdZaE.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/internal.d.ts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-C0LX6bI4.js';
-import { A as AppStore } from './index-DmThy7vE.js';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-DDpLL_TR.js';
+import { A as AppStore } from './index-zhUFD8aP.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/{loaded-BT7NIVEO.mjs → loaded-GLBLMTBL.mjs}

@@ -1,13 +1,13 @@
 import {
   useAlignOptions
-} from "./chunk-XLVEWZWT.mjs";
+} from "./chunk-OIFPBVSF.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{loaded-HVOKDVC3.mjs → loaded-O4QHGE26.mjs}

@@ -1,13 +1,13 @@
 import {
   useListOptions
-} from "./chunk-X4EUZIHA.mjs";
+} from "./chunk-FT6UFK7G.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{loaded-YFYCF5F4.mjs → loaded-R34BR6I5.mjs}

@@ -1,13 +1,13 @@
 import {
   useHeadingOptions
-} from "./chunk-MJJPWASL.mjs";
+} from "./chunk-AD7BMXAA.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {