@reacteditor/core 0.0.12 → 0.0.14

package/dist/{Editor-GK6JTUPD.mjs → Editor-J7XDD77B.mjs}

@@ -4,18 +4,18 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-YBG2RYVF.mjs";
-import "./chunk-TGVAC3JP.mjs";
-import "./chunk-X4EUZIHA.mjs";
+} from "./chunk-5QKQ3LQJ.mjs";
+import "./chunk-Q667J2EG.mjs";
+import "./chunk-RQZQMS6E.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-XLVEWZWT.mjs";
-import "./chunk-MJJPWASL.mjs";
+import "./chunk-RGC274VM.mjs";
+import "./chunk-TG2KTWSB.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{actions-C0LX6bI4.d.mts → actions-BxLinRKD.d.mts}

@@ -559,12 +559,32 @@ type ArrayState = {
     items: ItemWithId[];
     openId: string;
 };
+/**
+ * Static UI chrome flags. Mount-once: read when <Editor>/<App> mounts and
+ * never re-evaluated. They decide whether a chrome element exists at all.
+ * Distinct from runtime `*Visible` keys in `UiState`, which the user toggles
+ * via the UI (sidebars, fullscreen). All default to `true`. If all three
+ * BrowserBar flags (`showUrlBar`, `showDeviceToggle`, `showFullScreenToggle`)
+ * are `false`, the browser bar collapses entirely.
+ */
+type EditorChromeConfig = {
+    showNavBar: boolean;
+    showThemeToggle: boolean;
+    showHistoryControls: boolean;
+    showUrlBar: boolean;
+    showDeviceToggle: boolean;
+    showFullScreenToggle: boolean;
+};
 type UiState = {
     leftSideBarVisible: boolean;
     rightSideBarVisible: boolean;
-    navBarVisible: boolean;
     leftSideBarWidth?: number | null;
     rightSideBarWidth?: number | null;
+    /** Runtime: when true, the canvas overlays the entire editor area
+     *  (sidebars stay mounted underneath). Toggled by the BrowserBar fullscreen
+     *  button. Distinct from the static `fullScreenCanvas` Editor prop, which
+     *  removes canvas padding for a chromeless render. */
+    canvasFullScreen?: boolean;
     mobilePanelExpanded?: boolean;
     itemSelector: ItemSelector | null;
     arrayState: Record<string, ArrayState | undefined>;
@@ -857,4 +877,4 @@ type EditorAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type EditorComponent as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootDataWithProps as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type Permissions as a, type EditorContext as a0, type EditorMetadata as a1, type ExternalField as a2, type ExternalFieldWithAdaptor as a3, type ExtractConfigParams as a4, type ExtractField as a5, type FieldMetadata as a6, type FieldRenderFunctions as a7, type FieldTransformFn as a8, type FieldTransformFnParams as a9, type ItemWithId as aa, type MappedItem as ab, type NumberField as ac, type ObjectField as ad, type OverrideKey as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithEditorProps as ar, type WithSlotProps as as, overrideKeys as at, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type InitialHistory as q, type ItemSelector as r, type PluginInternal as s, type Adaptor as t, type ArrayField as u, type ArrayState as v, type AsFieldProps as w, type BaseField as x, type CacheOpts as y, type ColorField as z };
+export { type DragAxis as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ColorField as G, type History as H, type IframeConfig as I, type ComponentConfigExtensions as J, type ComponentConfigParams as K, type ComponentDataMap as L, type Metadata as M, type ComponentDataOptionalId as N, type OnAction as O, type PrivateAppState as P, type ComponentMetadata as Q, type RootDataWithProps as R, type ConfigParams as S, type CustomField as T, type UserGenerics as U, type Viewports as V, type WithId as W, type CustomFieldRender as X, type DefaultRootProps as Y, type DefaultRootRenderProps as Z, type Direction as _, type Permissions as a, type EditorComponent as a0, type EditorContext as a1, type EditorMetadata as a2, type ExternalField as a3, type ExternalFieldWithAdaptor as a4, type ExtractConfigParams as a5, type ExtractField as a6, type FieldMetadata as a7, type FieldRenderFunctions as a8, type FieldTransformFn as a9, type FieldTransformFnParams as aa, type ItemWithId as ab, type MappedItem as ac, type NumberField as ad, type ObjectField as ae, type OverrideKey as af, type RadioField as ag, type RichText as ah, type RootConfig as ai, type RootDataWithoutProps as aj, type SelectField as ak, type Slot as al, type SlotComponent as am, type SlotField as an, type TextField as ao, type TextareaField as ap, type Viewport as aq, type WithChildren as ar, type WithEditorProps as as, type WithSlotProps as at, overrideKeys as au, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type EditorChromeConfig as q, type InitialHistory as r, type ItemSelector as s, type PluginInternal as t, type Adaptor as u, type ArrayField as v, type ArrayState as w, type AsFieldProps as x, type BaseField as y, type CacheOpts as z };

package/dist/{actions-C0LX6bI4.d.ts → actions-BxLinRKD.d.ts}

@@ -559,12 +559,32 @@ type ArrayState = {
     items: ItemWithId[];
     openId: string;
 };
+/**
+ * Static UI chrome flags. Mount-once: read when <Editor>/<App> mounts and
+ * never re-evaluated. They decide whether a chrome element exists at all.
+ * Distinct from runtime `*Visible` keys in `UiState`, which the user toggles
+ * via the UI (sidebars, fullscreen). All default to `true`. If all three
+ * BrowserBar flags (`showUrlBar`, `showDeviceToggle`, `showFullScreenToggle`)
+ * are `false`, the browser bar collapses entirely.
+ */
+type EditorChromeConfig = {
+    showNavBar: boolean;
+    showThemeToggle: boolean;
+    showHistoryControls: boolean;
+    showUrlBar: boolean;
+    showDeviceToggle: boolean;
+    showFullScreenToggle: boolean;
+};
 type UiState = {
     leftSideBarVisible: boolean;
     rightSideBarVisible: boolean;
-    navBarVisible: boolean;
     leftSideBarWidth?: number | null;
     rightSideBarWidth?: number | null;
+    /** Runtime: when true, the canvas overlays the entire editor area
+     *  (sidebars stay mounted underneath). Toggled by the BrowserBar fullscreen
+     *  button. Distinct from the static `fullScreenCanvas` Editor prop, which
+     *  removes canvas padding for a chromeless render. */
+    canvasFullScreen?: boolean;
     mobilePanelExpanded?: boolean;
     itemSelector: ItemSelector | null;
     arrayState: Record<string, ArrayState | undefined>;
@@ -857,4 +877,4 @@ type EditorAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type EditorComponent as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootDataWithProps as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type Permissions as a, type EditorContext as a0, type EditorMetadata as a1, type ExternalField as a2, type ExternalFieldWithAdaptor as a3, type ExtractConfigParams as a4, type ExtractField as a5, type FieldMetadata as a6, type FieldRenderFunctions as a7, type FieldTransformFn as a8, type FieldTransformFnParams as a9, type ItemWithId as aa, type MappedItem as ab, type NumberField as ac, type ObjectField as ad, type OverrideKey as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithEditorProps as ar, type WithSlotProps as as, overrideKeys as at, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type InitialHistory as q, type ItemSelector as r, type PluginInternal as s, type Adaptor as t, type ArrayField as u, type ArrayState as v, type AsFieldProps as w, type BaseField as x, type CacheOpts as y, type ColorField as z };
+export { type DragAxis as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ColorField as G, type History as H, type IframeConfig as I, type ComponentConfigExtensions as J, type ComponentConfigParams as K, type ComponentDataMap as L, type Metadata as M, type ComponentDataOptionalId as N, type OnAction as O, type PrivateAppState as P, type ComponentMetadata as Q, type RootDataWithProps as R, type ConfigParams as S, type CustomField as T, type UserGenerics as U, type Viewports as V, type WithId as W, type CustomFieldRender as X, type DefaultRootProps as Y, type DefaultRootRenderProps as Z, type Direction as _, type Permissions as a, type EditorComponent as a0, type EditorContext as a1, type EditorMetadata as a2, type ExternalField as a3, type ExternalFieldWithAdaptor as a4, type ExtractConfigParams as a5, type ExtractField as a6, type FieldMetadata as a7, type FieldRenderFunctions as a8, type FieldTransformFn as a9, type FieldTransformFnParams as aa, type ItemWithId as ab, type MappedItem as ac, type NumberField as ad, type ObjectField as ae, type OverrideKey as af, type RadioField as ag, type RichText as ah, type RootConfig as ai, type RootDataWithoutProps as aj, type SelectField as ak, type Slot as al, type SlotComponent as am, type SlotField as an, type TextField as ao, type TextareaField as ap, type Viewport as aq, type WithChildren as ar, type WithEditorProps as as, type WithSlotProps as at, overrideKeys as au, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type EditorChromeConfig as q, type InitialHistory as r, type ItemSelector as s, type PluginInternal as t, type Adaptor as u, type ArrayField as v, type ArrayState as w, type AsFieldProps as x, type BaseField as y, type CacheOpts as z };

package/dist/{chunk-II42EKFK.mjs → chunk-4L7H4JV4.mjs}

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

package/dist/{chunk-YBG2RYVF.mjs → chunk-5QKQ3LQJ.mjs}

@@ -1,13 +1,13 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-TGVAC3JP.mjs";
+} from "./chunk-Q667J2EG.mjs";
 import {
   styles_module_default
 } from "./chunk-6QJ2HF4O.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-JHURG5NN.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-IUPXFMQP.mjs").then((m) => ({
+  () => import("./full-T5SGODJ2.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

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

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

package/dist/{chunk-OKTANBAI.mjs → chunk-IFFNAAXW.mjs}

@@ -1,13 +1,13 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-YBG2RYVF.mjs";
+} from "./chunk-5QKQ3LQJ.mjs";
 import {
   ActionBar,
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-TGVAC3JP.mjs";
+} from "./chunk-Q667J2EG.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -16,7 +16,7 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-II42EKFK.mjs";
+} from "./chunk-4L7H4JV4.mjs";
 import {
   Check,
   ChevronDown,
@@ -60,7 +60,7 @@ import {
   useRegisterFieldsSlice,
   useRegisterHistorySlice,
   useRegisterPermissionsSlice
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-JHURG5NN.mjs";
 import {
   getItem,
   insert,
@@ -71,7 +71,7 @@ import {
 import {
   defaultAppState,
   defaultViewports
-} from "./chunk-ERNSJXVF.mjs";
+} from "./chunk-FTVOCMGV.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -2146,7 +2146,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment3, jsx as jsx20 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-GK6JTUPD.mjs").then((m) => ({
+  () => import("./Editor-J7XDD77B.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -4698,7 +4698,7 @@ import {
 } from "react";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-GK6JTUPD.mjs").then((m) => ({
+  () => import("./Editor-J7XDD77B.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -7619,7 +7619,7 @@ function ComboboxEmpty(_a) {
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/BrowserBar/styles.module.css#css-module
 init_react_import();
-var styles_module_default25 = { "BrowserBar": "_BrowserBar_x10eb_1", "BrowserBar-urlTrigger": "_BrowserBar-urlTrigger_x10eb_16", "BrowserBar-urlIcon": "_BrowserBar-urlIcon_x10eb_46", "BrowserBar-urlText": "_BrowserBar-urlText_x10eb_51", "BrowserBar-urlInput": "_BrowserBar-urlInput_x10eb_63", "BrowserBar-itemPath": "_BrowserBar-itemPath_x10eb_69", "BrowserBar-itemTitle": "_BrowserBar-itemTitle_x10eb_74", "BrowserBar-actions": "_BrowserBar-actions_x10eb_82", "BrowserBar-deviceIcon": "_BrowserBar-deviceIcon_x10eb_89" };
+var styles_module_default25 = { "BrowserBar": "_BrowserBar_coofe_1", "BrowserBar-urlTrigger": "_BrowserBar-urlTrigger_coofe_16", "BrowserBar-urlIcon": "_BrowserBar-urlIcon_coofe_46", "BrowserBar-urlText": "_BrowserBar-urlText_coofe_51", "BrowserBar-urlInput": "_BrowserBar-urlInput_coofe_63", "BrowserBar-itemPath": "_BrowserBar-itemPath_coofe_69", "BrowserBar-itemTitle": "_BrowserBar-itemTitle_coofe_74", "BrowserBar-actions": "_BrowserBar-actions_coofe_82", "BrowserBar-deviceIcon": "_BrowserBar-deviceIcon_coofe_92" };
 
 // components/BrowserBar/index.tsx
 import { jsx as jsx48, jsxs as jsxs20 } from "react/jsx-runtime";
@@ -7637,21 +7637,19 @@ 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);
-  const rightSideBarVisible = useAppStore(
-    (s) => s.state.ui.rightSideBarVisible
+  const isFullScreen = useAppStore(
+    (s) => {
+      var _a;
+      return (_a = s.state.ui.canvasFullScreen) != null ? _a : false;
+    }
   );
-  const isFullScreen = !leftSideBarVisible && !rightSideBarVisible;
   const toggleFullScreen = () => {
-    const next = !isFullScreen;
     dispatch({
       type: "setUi",
-      ui: {
-        leftSideBarVisible: !next,
-        rightSideBarVisible: !next
-      }
+      ui: { canvasFullScreen: !isFullScreen }
     });
   };
   const activeDevice = useMemo20(() => {
@@ -7674,8 +7672,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__ */ jsxs20("div", { className: getClassName29(), children: [
-    showRoutePicker ? /* @__PURE__ */ jsxs20(
+    chrome.showUrlBar && (showRoutePicker ? /* @__PURE__ */ jsxs20(
       Combobox,
       {
         items: routes,
@@ -7719,9 +7720,9 @@ var BrowserBar = ({
     ) : /* @__PURE__ */ jsxs20("div", { className: getClassName29("urlTrigger"), children: [
       /* @__PURE__ */ jsx48(Globe, { className: getClassName29("urlIcon"), size: 14 }),
       /* @__PURE__ */ jsx48("span", { className: getClassName29("urlText"), children: "/" })
-    ] }),
-    /* @__PURE__ */ jsxs20("div", { className: getClassName29("actions"), children: [
-      /* @__PURE__ */ jsx48(
+    ] })),
+    (chrome.showDeviceToggle || chrome.showFullScreenToggle) && /* @__PURE__ */ jsxs20("div", { className: getClassName29("actions"), children: [
+      chrome.showDeviceToggle && /* @__PURE__ */ jsx48(
         IconButton,
         {
           type: "button",
@@ -7730,7 +7731,7 @@ var BrowserBar = ({
           children: /* @__PURE__ */ jsx48("span", { className: getClassName29("deviceIcon"), children: activeDevice === "desktop" ? /* @__PURE__ */ jsx48(Monitor, { size: 16 }) : /* @__PURE__ */ jsx48(Smartphone, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ jsx48(
+      chrome.showFullScreenToggle && /* @__PURE__ */ jsx48(
         IconButton,
         {
           type: "button",
@@ -7745,7 +7746,7 @@ var BrowserBar = ({
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Canvas/styles.module.css#css-module
 init_react_import();
-var styles_module_default26 = { "EditorCanvas": "_EditorCanvas_es8bv_1", "EditorCanvas-controls": "_EditorCanvas-controls_es8bv_17", "EditorCanvas--fullScreen": "_EditorCanvas--fullScreen_es8bv_22", "EditorCanvas-inner": "_EditorCanvas-inner_es8bv_33", "EditorCanvas-rootColumn": "_EditorCanvas-rootColumn_es8bv_46", "EditorCanvas-root": "_EditorCanvas-root_es8bv_46", "EditorCanvas--ready": "_EditorCanvas--ready_es8bv_83", "EditorCanvas-loader": "_EditorCanvas-loader_es8bv_88", "EditorCanvas--showLoader": "_EditorCanvas--showLoader_es8bv_100", "EditorCanvas-browserBar": "_EditorCanvas-browserBar_es8bv_109", "EditorCanvas-zoomControls": "_EditorCanvas-zoomControls_es8bv_114" };
+var styles_module_default26 = { "EditorCanvas": "_EditorCanvas_1aq14_1", "EditorCanvas-controls": "_EditorCanvas-controls_1aq14_17", "EditorCanvas--fullScreen": "_EditorCanvas--fullScreen_1aq14_22", "EditorCanvas--canvasFullScreen": "_EditorCanvas--canvasFullScreen_1aq14_42", "EditorCanvas-inner": "_EditorCanvas-inner_1aq14_49", "EditorCanvas-rootColumn": "_EditorCanvas-rootColumn_1aq14_62", "EditorCanvas-root": "_EditorCanvas-root_1aq14_62", "EditorCanvas--ready": "_EditorCanvas--ready_1aq14_99", "EditorCanvas-loader": "_EditorCanvas-loader_1aq14_104", "EditorCanvas--showLoader": "_EditorCanvas--showLoader_1aq14_116", "EditorCanvas-browserBar": "_EditorCanvas-browserBar_1aq14_125", "EditorCanvas-zoomControls": "_EditorCanvas-zoomControls_1aq14_130" };
 
 // components/Editor/components/Canvas/index.tsx
 import { useShallow as useShallow9 } from "zustand/react/shallow";
@@ -7817,6 +7818,12 @@ var Canvas = () => {
     }))
   );
   const viewports = useAppStore((s) => s.state.ui.viewports);
+  const canvasFullScreen = useAppStore(
+    (s) => {
+      var _a2;
+      return (_a2 = s.state.ui.canvasFullScreen) != null ? _a2 : false;
+    }
+  );
   const [canvasZoom, setCanvasZoom] = useState21(1);
   const zoomIn = () => setCanvasZoom((z) => Math.min(z + ZOOM_STEP, MAX_ZOOM));
   const zoomOut = () => setCanvasZoom((z) => Math.max(z - ZOOM_STEP, MIN_ZOOM));
@@ -7952,7 +7959,8 @@ var Canvas = () => {
       className: getClassName30({
         ready: status === "READY" || !iframe.enabled || !iframe.waitForStyles,
         showLoader,
-        fullScreen: fullScreenCanvas
+        fullScreen: fullScreenCanvas,
+        canvasFullScreen
       }),
       onClick: (e) => {
         const el = e.target;
@@ -8425,6 +8433,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());
@@ -8433,7 +8442,7 @@ var FieldSideBarToolbar = () => {
     (s) => s.overrides.headerActions || DefaultOverride
   );
   return /* @__PURE__ */ jsxs24("div", { className: getClassName34("fieldSideBarToolbar"), children: [
-    /* @__PURE__ */ jsxs24("div", { className: getClassName34("fieldSideBarHistory"), children: [
+    chrome.showHistoryControls ? /* @__PURE__ */ jsxs24("div", { className: getClassName34("fieldSideBarHistory"), children: [
       /* @__PURE__ */ jsx54(
         IconButton,
         {
@@ -8454,7 +8463,7 @@ var FieldSideBarToolbar = () => {
           children: /* @__PURE__ */ jsx54(Redo2, { size: 18 })
         }
       )
-    ] }),
+    ] }) : /* @__PURE__ */ jsx54("div", {}),
     /* @__PURE__ */ jsx54("div", { className: getClassName34("fieldSideBarActions"), children: /* @__PURE__ */ jsx54(CustomHeaderActions, { children: /* @__PURE__ */ jsx54(
       Button,
       {
@@ -8507,7 +8516,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,
@@ -8749,7 +8759,7 @@ var Layout = ({ children }) => {
                     Nav,
                     {
                       items: pluginItems,
-                      footer: /* @__PURE__ */ jsx54(
+                      footer: chrome.showThemeToggle ? /* @__PURE__ */ jsx54(
                         IconButton,
                         {
                           type: "button",
@@ -8757,7 +8767,7 @@ var Layout = ({ children }) => {
                           onClick: toggleTheme,
                           children: themeIcon
                         }
-                      )
+                      ) : void 0
                     }
                   ) }),
                   /* @__PURE__ */ jsxs24(
@@ -8846,11 +8856,45 @@ var Layout = ({ children }) => {
 
 // components/Editor/index.tsx
 import { jsx as jsx55 } from "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 = createContext8({});
 function PropsProvider(props) {
   return /* @__PURE__ */ jsx55(propsContext.Provider, { value: props, children: props.children });
 }
 var usePropsContext = () => useContext15(propsContext);
+var useChromeConfig = () => {
+  const { ui } = usePropsContext();
+  const { chrome } = splitUiConfig(ui);
+  return __spreadValues(__spreadValues({}, DEFAULT_CHROME), chrome);
+};
 function EditorProvider({ children }) {
   const {
     config,
@@ -8878,7 +8922,8 @@ function EditorProvider({ children }) {
   );
   const [generatedAppState] = useState24(() => {
     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/{chunk-56I7ST5F.mjs → chunk-JHURG5NN.mjs}

@@ -8,7 +8,7 @@ import {
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-ERNSJXVF.mjs";
+} from "./chunk-FTVOCMGV.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";

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

@@ -1,12 +1,12 @@
 import {
   useListOptions
-} from "./chunk-X4EUZIHA.mjs";
+} from "./chunk-RQZQMS6E.mjs";
 import {
   useAlignOptions
-} from "./chunk-XLVEWZWT.mjs";
+} from "./chunk-RGC274VM.mjs";
 import {
   useHeadingOptions
-} from "./chunk-MJJPWASL.mjs";
+} from "./chunk-TG2KTWSB.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-JHURG5NN.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-BT7NIVEO.mjs").then((m) => ({
+  () => import("./loaded-ZQCRSG65.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-YFYCF5F4.mjs").then((m) => ({
+  () => import("./loaded-6YKSFCCD.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-HVOKDVC3.mjs").then((m) => ({
+  () => import("./loaded-DUBT6SP5.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

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

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

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

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

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

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

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

@@ -1,12 +1,12 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-TGVAC3JP.mjs";
-import "./chunk-X4EUZIHA.mjs";
-import "./chunk-XLVEWZWT.mjs";
-import "./chunk-MJJPWASL.mjs";
-import "./chunk-56I7ST5F.mjs";
+} from "./chunk-Q667J2EG.mjs";
+import "./chunk-RQZQMS6E.mjs";
+import "./chunk-RGC274VM.mjs";
+import "./chunk-TG2KTWSB.mjs";
+import "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{index-DMbFEg8G.d.mts → index-BZRpxcwy.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-C0LX6bI4.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-BxLinRKD.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/{index-DmThy7vE.d.ts → index-B_21fGrq.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-C0LX6bI4.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-BxLinRKD.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {