@reacteditor/core 0.0.13 → 0.0.14

package/dist/{Editor-3COFH5WN.mjs → Editor-J7XDD77B.mjs}

@@ -4,18 +4,18 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-BZ4BQZJR.mjs";
-import "./chunk-BUR5T7IX.mjs";
-import "./chunk-FT6UFK7G.mjs";
+} from "./chunk-5QKQ3LQJ.mjs";
+import "./chunk-Q667J2EG.mjs";
+import "./chunk-RQZQMS6E.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-OIFPBVSF.mjs";
-import "./chunk-AD7BMXAA.mjs";
+import "./chunk-RGC274VM.mjs";
+import "./chunk-TG2KTWSB.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

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

@@ -580,6 +580,11 @@ type UiState = {
     rightSideBarVisible: 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>;

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

@@ -580,6 +580,11 @@ type UiState = {
     rightSideBarVisible: 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>;

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-BZ4BQZJR.mjs";
+} from "./chunk-5QKQ3LQJ.mjs";
 import {
   ActionBar,
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-BUR5T7IX.mjs";
+} from "./chunk-Q667J2EG.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -16,7 +16,7 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-PUDWMFBH.mjs";
+} from "./chunk-4L7H4JV4.mjs";
 import {
   Check,
   ChevronDown,
@@ -60,7 +60,7 @@ import {
   useRegisterFieldsSlice,
   useRegisterHistorySlice,
   useRegisterPermissionsSlice
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-JHURG5NN.mjs";
 import {
   getItem,
   insert,
@@ -71,7 +71,7 @@ import {
 import {
   defaultAppState,
   defaultViewports
-} from "./chunk-IIRJMJFU.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-3COFH5WN.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-3COFH5WN.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";
@@ -7640,19 +7640,16 @@ var BrowserBar = ({
   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(() => {
@@ -7749,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";
@@ -7821,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));
@@ -7956,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;

package/dist/{chunk-LRFRIIKG.mjs → chunk-JHURG5NN.mjs}

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

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

@@ -1,12 +1,12 @@
 import {
   useListOptions
-} from "./chunk-FT6UFK7G.mjs";
+} from "./chunk-RQZQMS6E.mjs";
 import {
   useAlignOptions
-} from "./chunk-OIFPBVSF.mjs";
+} from "./chunk-RGC274VM.mjs";
 import {
   useHeadingOptions
-} from "./chunk-AD7BMXAA.mjs";
+} from "./chunk-TG2KTWSB.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-LRFRIIKG.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-GLBLMTBL.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-R34BR6I5.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-O4QHGE26.mjs").then((m) => ({
+  () => import("./loaded-DUBT6SP5.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

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

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

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

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

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

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

package/dist/{full-QT5KXRDP.mjs → full-T5SGODJ2.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-Q667J2EG.mjs";
+import "./chunk-RQZQMS6E.mjs";
+import "./chunk-RGC274VM.mjs";
+import "./chunk-TG2KTWSB.mjs";
+import "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{index-BTatdZaE.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-DDpLL_TR.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-zhUFD8aP.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-DDpLL_TR.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> = {

package/dist/index.css

@@ -2789,7 +2789,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/BrowserBar/styles.module.css/#css-module-data */
-._BrowserBar_x10eb_1 {
+._BrowserBar_coofe_1 {
   align-items: center;
   background: var(--editor-surface-panel);
   border: 1px solid var(--editor-border-subtle);
@@ -2800,7 +2800,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   padding: 8px 10px;
   width: 100%;
 }
-._BrowserBar-urlTrigger_x10eb_16 {
+._BrowserBar-urlTrigger_coofe_16 {
   align-items: center;
   background: var(--editor-surface-sunken);
   border: 1px solid var(--editor-border-subtle);
@@ -2817,21 +2817,21 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   width: 100%;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._BrowserBar-urlTrigger_x10eb_16:hover {
+  ._BrowserBar-urlTrigger_coofe_16:hover {
     background: var(--editor-surface-hover);
     border-color: var(--editor-border-default);
   }
 }
-._BrowserBar-urlTrigger_x10eb_16:focus-within {
+._BrowserBar-urlTrigger_coofe_16:focus-within {
   border-color: var(--editor-border-default);
   box-shadow: var(--editor-ring);
   outline: none;
 }
-._BrowserBar-urlIcon_x10eb_46 {
+._BrowserBar-urlIcon_coofe_46 {
   color: var(--editor-text-tertiary);
   flex-shrink: 0;
 }
-._BrowserBar-urlText_x10eb_51 {
+._BrowserBar-urlText_coofe_51 {
   color: var(--editor-text-primary);
   display: inline-flex;
   flex: 1;
@@ -2842,35 +2842,36 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._BrowserBar-urlInput_x10eb_63 {
+._BrowserBar-urlInput_coofe_63 {
   color: var(--editor-text-primary);
   flex: 1;
   min-width: 0;
 }
-._BrowserBar-itemPath_x10eb_69 {
+._BrowserBar-itemPath_coofe_69 {
   color: var(--editor-text-primary);
   flex-shrink: 0;
 }
-._BrowserBar-itemTitle_x10eb_74 {
+._BrowserBar-itemTitle_coofe_74 {
   color: var(--editor-text-tertiary);
   margin-left: auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._BrowserBar-actions_x10eb_82 {
+._BrowserBar-actions_coofe_82 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: 2px;
+  margin-left: auto;
 }
-._BrowserBar-deviceIcon_x10eb_89 {
+._BrowserBar-deviceIcon_coofe_92 {
   color: var(--editor-text-primary);
   display: inline-flex;
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Canvas/styles.module.css/#css-module-data */
-._EditorCanvas_es8bv_1 {
+._EditorCanvas_1aq14_1 {
   background: var(--editor-surface-sunken);
   display: flex;
   grid-area: editor;
@@ -2880,24 +2881,30 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   overflow: hidden;
 }
 @media (min-width: 1198px) {
-  ._EditorCanvas_es8bv_1 {
+  ._EditorCanvas_1aq14_1 {
     padding: calc(var(--editor-space-px) * 0.75);
     padding-top: calc(var(--editor-space-px) * 0.25);
   }
-  ._EditorCanvas_es8bv_1:not(._EditorCanvas_es8bv_1:has(._EditorCanvas-controls_es8bv_17)) {
+  ._EditorCanvas_1aq14_1:not(._EditorCanvas_1aq14_1:has(._EditorCanvas-controls_1aq14_17)) {
     padding-top: calc(var(--editor-space-px) * 0.75);
   }
 }
-._EditorCanvas--fullScreen_es8bv_22 {
+._EditorCanvas--fullScreen_1aq14_22 {
   padding: 0;
   overflow: hidden;
 }
 @media (min-width: 1198px) {
-  ._EditorCanvas--fullScreen_es8bv_22 {
+  ._EditorCanvas--fullScreen_1aq14_22 {
     padding: 0;
   }
 }
-._EditorCanvas-inner_es8bv_33 {
+._EditorCanvas--canvasFullScreen_1aq14_42 {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  padding: 0 !important;
+}
+._EditorCanvas-inner_1aq14_49 {
   display: flex;
   height: 100%;
   justify-content: center;
@@ -2905,7 +2912,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   position: relative;
   width: 100%;
 }
-._EditorCanvas-rootColumn_es8bv_46 {
+._EditorCanvas-rootColumn_1aq14_62 {
   box-sizing: content-box;
   display: flex;
   flex-direction: column;
@@ -2914,16 +2921,16 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   transform-origin: top;
 }
 @media (min-width: 1198px) {
-  ._EditorCanvas-rootColumn_es8bv_46 {
+  ._EditorCanvas-rootColumn_1aq14_62 {
     min-width: unset;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._EditorCanvas-rootColumn_es8bv_46 {
+  ._EditorCanvas-rootColumn_1aq14_62 {
     transition: none !important;
   }
 }
-._EditorCanvas-root_es8bv_46 {
+._EditorCanvas-root_1aq14_62 {
   background: var(--editor-surface-panel);
   outline: 1px solid var(--editor-border-subtle);
   box-shadow: var(--editor-shadow-lg);
@@ -2933,15 +2940,15 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   opacity: 0;
 }
 @media (prefers-reduced-motion: reduce) {
-  ._EditorCanvas-root_es8bv_46 {
+  ._EditorCanvas-root_1aq14_62 {
     transition: none !important;
   }
 }
-._EditorCanvas--ready_es8bv_83 ._EditorCanvas-root_es8bv_46 {
+._EditorCanvas--ready_1aq14_99 ._EditorCanvas-root_1aq14_62 {
   pointer-events: unset;
   opacity: 1;
 }
-._EditorCanvas-loader_es8bv_88 {
+._EditorCanvas-loader_1aq14_104 {
   align-items: center;
   color: var(--editor-text-tertiary);
   display: flex;
@@ -2952,18 +2959,18 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   transition: opacity 250ms ease-out;
   opacity: 0;
 }
-._EditorCanvas--showLoader_es8bv_100 ._EditorCanvas-loader_es8bv_88 {
+._EditorCanvas--showLoader_1aq14_116 ._EditorCanvas-loader_1aq14_104 {
   opacity: 1;
 }
-._EditorCanvas--showLoader_es8bv_100._EditorCanvas--ready_es8bv_83 ._EditorCanvas-loader_es8bv_88 {
+._EditorCanvas--showLoader_1aq14_116._EditorCanvas--ready_1aq14_99 ._EditorCanvas-loader_1aq14_104 {
   opacity: 0;
   transition: none;
 }
-._EditorCanvas-browserBar_es8bv_109 {
+._EditorCanvas-browserBar_1aq14_125 {
   flex-shrink: 0;
   width: 100%;
 }
-._EditorCanvas-zoomControls_es8bv_114 {
+._EditorCanvas-zoomControls_1aq14_130 {
   align-items: center;
   background: var(--editor-surface-panel);
   border: 1px solid var(--editor-border-subtle);

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, 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 { 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-BxLinRKD.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-BxLinRKD.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-BvYigWFL.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-BTatdZaE.mjs';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BZRpxcwy.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

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, 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 { 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-BxLinRKD.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-BxLinRKD.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-Clklc1Ql.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-zhUFD8aP.js';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-B_21fGrq.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/index.js

@@ -3165,6 +3165,7 @@ var init_default_app_state = __esm({
       ui: {
         leftSideBarVisible: true,
         rightSideBarVisible: true,
+        canvasFullScreen: false,
         arrayState: {},
         itemSelector: null,
         componentList: {},
@@ -13285,7 +13286,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_default29 = { "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_default29 = { "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
 var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -13306,19 +13307,16 @@ var BrowserBar = ({
   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 = (0, import_react87.useMemo)(() => {
@@ -13415,7 +13413,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_default30 = { "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_default30 = { "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
 init_lib();
@@ -13486,6 +13484,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] = (0, import_react89.useState)(1);
   const zoomIn = () => setCanvasZoom((z) => Math.min(z + ZOOM_STEP, MAX_ZOOM));
   const zoomOut = () => setCanvasZoom((z) => Math.max(z - ZOOM_STEP, MIN_ZOOM));
@@ -13621,7 +13625,8 @@ var Canvas = () => {
       className: getClassName37({
         ready: status === "READY" || !iframe.enabled || !iframe.waitForStyles,
         showLoader,
-        fullScreen: fullScreenCanvas
+        fullScreen: fullScreenCanvas,
+        canvasFullScreen
       }),
       onClick: (e) => {
         const el = e.target;

package/dist/index.mjs

@@ -25,8 +25,8 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-KX5XDJF6.mjs";
-import "./chunk-BZ4BQZJR.mjs";
+} from "./chunk-IFFNAAXW.mjs";
+import "./chunk-5QKQ3LQJ.mjs";
 import {
   Action,
   ActionBar,
@@ -35,21 +35,21 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-BUR5T7IX.mjs";
-import "./chunk-FT6UFK7G.mjs";
+} from "./chunk-Q667J2EG.mjs";
+import "./chunk-RQZQMS6E.mjs";
 import {
   getRouteProps,
   migrate,
   resolveAllData,
   resolveRouteFromString,
   transformProps
-} from "./chunk-PUDWMFBH.mjs";
+} from "./chunk-4L7H4JV4.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-OIFPBVSF.mjs";
-import "./chunk-AD7BMXAA.mjs";
-import "./chunk-LRFRIIKG.mjs";
+import "./chunk-RGC274VM.mjs";
+import "./chunk-TG2KTWSB.mjs";
+import "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-FTVOCMGV.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-DDpLL_TR.mjs';
-import { A as AppStore } from './index-BTatdZaE.mjs';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BxLinRKD.mjs';
+import { A as AppStore } from './index-BZRpxcwy.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-DDpLL_TR.js';
-import { A as AppStore } from './index-zhUFD8aP.js';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BxLinRKD.js';
+import { A as AppStore } from './index-B_21fGrq.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/{loaded-R34BR6I5.mjs → loaded-6YKSFCCD.mjs}

@@ -1,13 +1,13 @@
 import {
   useHeadingOptions
-} from "./chunk-AD7BMXAA.mjs";
+} from "./chunk-TG2KTWSB.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

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

@@ -1,13 +1,13 @@
 import {
   useListOptions
-} from "./chunk-FT6UFK7G.mjs";
+} from "./chunk-RQZQMS6E.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

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

@@ -1,13 +1,13 @@
 import {
   useAlignOptions
-} from "./chunk-OIFPBVSF.mjs";
+} from "./chunk-RGC274VM.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-LRFRIIKG.mjs";
+} from "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/no-external.css

@@ -2787,7 +2787,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/BrowserBar/styles.module.css/#css-module-data */
-._BrowserBar_x10eb_1 {
+._BrowserBar_coofe_1 {
   align-items: center;
   background: var(--editor-surface-panel);
   border: 1px solid var(--editor-border-subtle);
@@ -2798,7 +2798,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   padding: 8px 10px;
   width: 100%;
 }
-._BrowserBar-urlTrigger_x10eb_16 {
+._BrowserBar-urlTrigger_coofe_16 {
   align-items: center;
   background: var(--editor-surface-sunken);
   border: 1px solid var(--editor-border-subtle);
@@ -2815,21 +2815,21 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   width: 100%;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._BrowserBar-urlTrigger_x10eb_16:hover {
+  ._BrowserBar-urlTrigger_coofe_16:hover {
     background: var(--editor-surface-hover);
     border-color: var(--editor-border-default);
   }
 }
-._BrowserBar-urlTrigger_x10eb_16:focus-within {
+._BrowserBar-urlTrigger_coofe_16:focus-within {
   border-color: var(--editor-border-default);
   box-shadow: var(--editor-ring);
   outline: none;
 }
-._BrowserBar-urlIcon_x10eb_46 {
+._BrowserBar-urlIcon_coofe_46 {
   color: var(--editor-text-tertiary);
   flex-shrink: 0;
 }
-._BrowserBar-urlText_x10eb_51 {
+._BrowserBar-urlText_coofe_51 {
   color: var(--editor-text-primary);
   display: inline-flex;
   flex: 1;
@@ -2840,35 +2840,36 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._BrowserBar-urlInput_x10eb_63 {
+._BrowserBar-urlInput_coofe_63 {
   color: var(--editor-text-primary);
   flex: 1;
   min-width: 0;
 }
-._BrowserBar-itemPath_x10eb_69 {
+._BrowserBar-itemPath_coofe_69 {
   color: var(--editor-text-primary);
   flex-shrink: 0;
 }
-._BrowserBar-itemTitle_x10eb_74 {
+._BrowserBar-itemTitle_coofe_74 {
   color: var(--editor-text-tertiary);
   margin-left: auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._BrowserBar-actions_x10eb_82 {
+._BrowserBar-actions_coofe_82 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: 2px;
+  margin-left: auto;
 }
-._BrowserBar-deviceIcon_x10eb_89 {
+._BrowserBar-deviceIcon_coofe_92 {
   color: var(--editor-text-primary);
   display: inline-flex;
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Canvas/styles.module.css/#css-module-data */
-._EditorCanvas_es8bv_1 {
+._EditorCanvas_1aq14_1 {
   background: var(--editor-surface-sunken);
   display: flex;
   grid-area: editor;
@@ -2878,24 +2879,30 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   overflow: hidden;
 }
 @media (min-width: 1198px) {
-  ._EditorCanvas_es8bv_1 {
+  ._EditorCanvas_1aq14_1 {
     padding: calc(var(--editor-space-px) * 0.75);
     padding-top: calc(var(--editor-space-px) * 0.25);
   }
-  ._EditorCanvas_es8bv_1:not(._EditorCanvas_es8bv_1:has(._EditorCanvas-controls_es8bv_17)) {
+  ._EditorCanvas_1aq14_1:not(._EditorCanvas_1aq14_1:has(._EditorCanvas-controls_1aq14_17)) {
     padding-top: calc(var(--editor-space-px) * 0.75);
   }
 }
-._EditorCanvas--fullScreen_es8bv_22 {
+._EditorCanvas--fullScreen_1aq14_22 {
   padding: 0;
   overflow: hidden;
 }
 @media (min-width: 1198px) {
-  ._EditorCanvas--fullScreen_es8bv_22 {
+  ._EditorCanvas--fullScreen_1aq14_22 {
     padding: 0;
   }
 }
-._EditorCanvas-inner_es8bv_33 {
+._EditorCanvas--canvasFullScreen_1aq14_42 {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  padding: 0 !important;
+}
+._EditorCanvas-inner_1aq14_49 {
   display: flex;
   height: 100%;
   justify-content: center;
@@ -2903,7 +2910,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   position: relative;
   width: 100%;
 }
-._EditorCanvas-rootColumn_es8bv_46 {
+._EditorCanvas-rootColumn_1aq14_62 {
   box-sizing: content-box;
   display: flex;
   flex-direction: column;
@@ -2912,16 +2919,16 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   transform-origin: top;
 }
 @media (min-width: 1198px) {
-  ._EditorCanvas-rootColumn_es8bv_46 {
+  ._EditorCanvas-rootColumn_1aq14_62 {
     min-width: unset;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._EditorCanvas-rootColumn_es8bv_46 {
+  ._EditorCanvas-rootColumn_1aq14_62 {
     transition: none !important;
   }
 }
-._EditorCanvas-root_es8bv_46 {
+._EditorCanvas-root_1aq14_62 {
   background: var(--editor-surface-panel);
   outline: 1px solid var(--editor-border-subtle);
   box-shadow: var(--editor-shadow-lg);
@@ -2931,15 +2938,15 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   opacity: 0;
 }
 @media (prefers-reduced-motion: reduce) {
-  ._EditorCanvas-root_es8bv_46 {
+  ._EditorCanvas-root_1aq14_62 {
     transition: none !important;
   }
 }
-._EditorCanvas--ready_es8bv_83 ._EditorCanvas-root_es8bv_46 {
+._EditorCanvas--ready_1aq14_99 ._EditorCanvas-root_1aq14_62 {
   pointer-events: unset;
   opacity: 1;
 }
-._EditorCanvas-loader_es8bv_88 {
+._EditorCanvas-loader_1aq14_104 {
   align-items: center;
   color: var(--editor-text-tertiary);
   display: flex;
@@ -2950,18 +2957,18 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   transition: opacity 250ms ease-out;
   opacity: 0;
 }
-._EditorCanvas--showLoader_es8bv_100 ._EditorCanvas-loader_es8bv_88 {
+._EditorCanvas--showLoader_1aq14_116 ._EditorCanvas-loader_1aq14_104 {
   opacity: 1;
 }
-._EditorCanvas--showLoader_es8bv_100._EditorCanvas--ready_es8bv_83 ._EditorCanvas-loader_es8bv_88 {
+._EditorCanvas--showLoader_1aq14_116._EditorCanvas--ready_1aq14_99 ._EditorCanvas-loader_1aq14_104 {
   opacity: 0;
   transition: none;
 }
-._EditorCanvas-browserBar_es8bv_109 {
+._EditorCanvas-browserBar_1aq14_125 {
   flex-shrink: 0;
   width: 100%;
 }
-._EditorCanvas-zoomControls_es8bv_114 {
+._EditorCanvas-zoomControls_1aq14_130 {
   align-items: center;
   background: var(--editor-surface-panel);
   border: 1px solid var(--editor-border-subtle);

package/dist/no-external.d.mts

@@ -1,6 +1,6 @@
-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, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, 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, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } 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, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, 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, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxLinRKD.mjs';
 export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppMatched, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GlobalsMap, Group, IconButton, InsertComponentArgs, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, RouteKey, Separator, UseEditorData, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue } from './index.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';
+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-BvYigWFL.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
@@ -18,4 +18,4 @@ import '@tiptap/extension-strike';
 import '@tiptap/extension-text-align';
 import '@tiptap/extension-underline';
 import 'react/jsx-runtime';
-import './index-BTatdZaE.mjs';
+import './index-BZRpxcwy.mjs';

package/dist/no-external.d.ts

@@ -1,6 +1,6 @@
-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, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, 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, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } 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, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, 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, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-BxLinRKD.js';
 export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppMatched, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GlobalsMap, Group, IconButton, InsertComponentArgs, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, RouteKey, Separator, UseEditorData, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue } from './index.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';
+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-Clklc1Ql.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
@@ -18,4 +18,4 @@ import '@tiptap/extension-strike';
 import '@tiptap/extension-text-align';
 import '@tiptap/extension-underline';
 import 'react/jsx-runtime';
-import './index-zhUFD8aP.js';
+import './index-B_21fGrq.js';

package/dist/no-external.js

@@ -3165,6 +3165,7 @@ var init_default_app_state = __esm({
       ui: {
         leftSideBarVisible: true,
         rightSideBarVisible: true,
+        canvasFullScreen: false,
         arrayState: {},
         itemSelector: null,
         componentList: {},
@@ -13285,7 +13286,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_default29 = { "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_default29 = { "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
 var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -13306,19 +13307,16 @@ var BrowserBar = ({
   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 = (0, import_react87.useMemo)(() => {
@@ -13415,7 +13413,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_default30 = { "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_default30 = { "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
 init_lib();
@@ -13486,6 +13484,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] = (0, import_react89.useState)(1);
   const zoomIn = () => setCanvasZoom((z) => Math.min(z + ZOOM_STEP, MAX_ZOOM));
   const zoomOut = () => setCanvasZoom((z) => Math.max(z - ZOOM_STEP, MIN_ZOOM));
@@ -13621,7 +13625,8 @@ var Canvas = () => {
       className: getClassName37({
         ready: status === "READY" || !iframe.enabled || !iframe.waitForStyles,
         showLoader,
-        fullScreen: fullScreenCanvas
+        fullScreen: fullScreenCanvas,
+        canvasFullScreen
       }),
       onClick: (e) => {
         const el = e.target;

package/dist/no-external.mjs

@@ -25,8 +25,8 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-KX5XDJF6.mjs";
-import "./chunk-BZ4BQZJR.mjs";
+} from "./chunk-IFFNAAXW.mjs";
+import "./chunk-5QKQ3LQJ.mjs";
 import {
   Action,
   ActionBar,
@@ -35,21 +35,21 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-BUR5T7IX.mjs";
-import "./chunk-FT6UFK7G.mjs";
+} from "./chunk-Q667J2EG.mjs";
+import "./chunk-RQZQMS6E.mjs";
 import {
   getRouteProps,
   migrate,
   resolveAllData,
   resolveRouteFromString,
   transformProps
-} from "./chunk-PUDWMFBH.mjs";
+} from "./chunk-4L7H4JV4.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-OIFPBVSF.mjs";
-import "./chunk-AD7BMXAA.mjs";
-import "./chunk-LRFRIIKG.mjs";
+import "./chunk-RGC274VM.mjs";
+import "./chunk-TG2KTWSB.mjs";
+import "./chunk-JHURG5NN.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree

package/dist/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } 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 { C as Config, U as UserGenerics, M as Metadata } from './actions-BxLinRKD.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-BvYigWFL.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } 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 { C as Config, U as UserGenerics, M as Metadata } from './actions-BxLinRKD.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-Clklc1Ql.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.js

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

package/dist/rsc.mjs

@@ -7,9 +7,9 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-PUDWMFBH.mjs";
+} from "./chunk-4L7H4JV4.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-IIRJMJFU.mjs";
+import "./chunk-FTVOCMGV.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   rootAreaId,

package/dist/{walk-tree-Cxbt1UVr.d.mts → walk-tree-BvYigWFL.d.mts}

@@ -1,4 +1,4 @@
-import { C as Config, D as Data, W as WithId, U as UserGenerics, j as Content, b as ComponentData, k as DefaultComponents, l as DefaultComponentProps, m as DefaultRootFieldProps, M as Metadata, n as RootData } from './actions-DDpLL_TR.mjs';
+import { C as Config, D as Data, W as WithId, U as UserGenerics, j as Content, b as ComponentData, k as DefaultComponents, l as DefaultComponentProps, m as DefaultRootFieldProps, M as Metadata, n as RootData } from './actions-BxLinRKD.mjs';
 
 type GetRoutePropsOptions = {
     /** Defaults to "/editor". Pass null to skip editor-prefix handling. */

package/dist/{walk-tree-Cnyva5MB.d.ts → walk-tree-Clklc1Ql.d.ts}

@@ -1,4 +1,4 @@
-import { C as Config, D as Data, W as WithId, U as UserGenerics, j as Content, b as ComponentData, k as DefaultComponents, l as DefaultComponentProps, m as DefaultRootFieldProps, M as Metadata, n as RootData } from './actions-DDpLL_TR.js';
+import { C as Config, D as Data, W as WithId, U as UserGenerics, j as Content, b as ComponentData, k as DefaultComponents, l as DefaultComponentProps, m as DefaultRootFieldProps, M as Metadata, n as RootData } from './actions-BxLinRKD.js';
 
 type GetRoutePropsOptions = {
     /** Defaults to "/editor". Pass null to skip editor-prefix handling. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reacteditor/core",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "The open-source visual editor for React",
   "author": "Rami Bitar <rami@frontend.co>",
   "repository": "reacteditor/editor",