@reacteditor/core 0.0.11 → 0.0.12

package/dist/{chunk-74TOLW7F.mjs → chunk-OKTANBAI.mjs}

@@ -7403,7 +7403,7 @@ import {
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css#css-module
 init_react_import();
-var styles_module_default22 = { "Editor": "_Editor_1ty8s_19", "Editor-portal": "_Editor-portal_1ty8s_32", "EditorLayout": "_EditorLayout_1ty8s_37", "EditorLayout-inner": "_EditorLayout-inner_1ty8s_41", "Editor--hidePlugins": "_Editor--hidePlugins_1ty8s_73", "EditorLayout--mounted": "_EditorLayout--mounted_1ty8s_78", "EditorLayout--mobilePanelHeightToggle": "_EditorLayout--mobilePanelHeightToggle_1ty8s_82", "EditorLayout--leftSideBarVisible": "_EditorLayout--leftSideBarVisible_1ty8s_82", "EditorLayout--mobilePanelCustomHeight": "_EditorLayout--mobilePanelCustomHeight_1ty8s_87", "EditorLayout--mobilePanelHeightMinContent": "_EditorLayout--mobilePanelHeightMinContent_1ty8s_105", "EditorLayout--rightSideBarVisible": "_EditorLayout--rightSideBarVisible_1ty8s_127", "EditorLayout-mounted": "_EditorLayout-mounted_1ty8s_146", "EditorLayout-nav": "_EditorLayout-nav_1ty8s_187", "Editor-fieldSideBarToolbar": "_Editor-fieldSideBarToolbar_1ty8s_203", "Editor-fieldSideBarHistory": "_Editor-fieldSideBarHistory_1ty8s_213", "Editor-fieldSideBarActions": "_Editor-fieldSideBarActions_1ty8s_219", "EditorLayout-mobilePanel": "_EditorLayout-mobilePanel_1ty8s_225", "EditorLayout-mobilePanelContent": "_EditorLayout-mobilePanelContent_1ty8s_245", "EditorLayout-mobileDragHandle": "_EditorLayout-mobileDragHandle_1ty8s_252", "EditorLayout-mobileDragHandlePill": "_EditorLayout-mobileDragHandlePill_1ty8s_266", "EditorPluginTab": "_EditorPluginTab_1ty8s_273", "EditorPluginTab--visible": "_EditorPluginTab--visible_1ty8s_279", "EditorPluginTab-body": "_EditorPluginTab-body_1ty8s_284" };
+var styles_module_default22 = { "Editor": "_Editor_frglt_19", "Editor-portal": "_Editor-portal_frglt_32", "EditorLayout": "_EditorLayout_frglt_37", "EditorLayout-inner": "_EditorLayout-inner_frglt_41", "Editor--hidePlugins": "_Editor--hidePlugins_frglt_73", "EditorLayout--navBarVisible": "_EditorLayout--navBarVisible_frglt_74", "EditorLayout--mounted": "_EditorLayout--mounted_frglt_83", "EditorLayout--mobilePanelHeightToggle": "_EditorLayout--mobilePanelHeightToggle_frglt_87", "EditorLayout--leftSideBarVisible": "_EditorLayout--leftSideBarVisible_frglt_87", "EditorLayout--mobilePanelCustomHeight": "_EditorLayout--mobilePanelCustomHeight_frglt_92", "EditorLayout--mobilePanelHeightMinContent": "_EditorLayout--mobilePanelHeightMinContent_frglt_110", "EditorLayout--rightSideBarVisible": "_EditorLayout--rightSideBarVisible_frglt_132", "EditorLayout-mounted": "_EditorLayout-mounted_frglt_151", "EditorLayout-nav": "_EditorLayout-nav_frglt_192", "Editor-fieldSideBarToolbar": "_Editor-fieldSideBarToolbar_frglt_208", "Editor-fieldSideBarHistory": "_Editor-fieldSideBarHistory_frglt_218", "Editor-fieldSideBarActions": "_Editor-fieldSideBarActions_frglt_224", "EditorLayout-mobilePanel": "_EditorLayout-mobilePanel_frglt_230", "EditorLayout-mobilePanelContent": "_EditorLayout-mobilePanelContent_frglt_250", "EditorLayout-mobileDragHandle": "_EditorLayout-mobileDragHandle_frglt_257", "EditorLayout-mobileDragHandlePill": "_EditorLayout-mobileDragHandlePill_frglt_271", "EditorPluginTab": "_EditorPluginTab_frglt_278", "EditorPluginTab--visible": "_EditorPluginTab--visible_frglt_284", "EditorPluginTab-body": "_EditorPluginTab-body_frglt_289" };
 
 // lib/use-inject-css.ts
 init_react_import();
@@ -8733,6 +8733,7 @@ var Layout = ({ children }) => {
               leftSideBarVisible,
               mounted,
               rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
+              navBarVisible,
               mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
               mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content",
               mobilePanelCustomHeight: mobilePanelHeight !== null && leftSideBarVisible

package/dist/index.css

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

package/dist/index.js

@@ -12972,7 +12972,7 @@ init_lib();
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css#css-module
 init_react_import();
-var styles_module_default25 = { "Editor": "_Editor_1ty8s_19", "Editor-portal": "_Editor-portal_1ty8s_32", "EditorLayout": "_EditorLayout_1ty8s_37", "EditorLayout-inner": "_EditorLayout-inner_1ty8s_41", "Editor--hidePlugins": "_Editor--hidePlugins_1ty8s_73", "EditorLayout--mounted": "_EditorLayout--mounted_1ty8s_78", "EditorLayout--mobilePanelHeightToggle": "_EditorLayout--mobilePanelHeightToggle_1ty8s_82", "EditorLayout--leftSideBarVisible": "_EditorLayout--leftSideBarVisible_1ty8s_82", "EditorLayout--mobilePanelCustomHeight": "_EditorLayout--mobilePanelCustomHeight_1ty8s_87", "EditorLayout--mobilePanelHeightMinContent": "_EditorLayout--mobilePanelHeightMinContent_1ty8s_105", "EditorLayout--rightSideBarVisible": "_EditorLayout--rightSideBarVisible_1ty8s_127", "EditorLayout-mounted": "_EditorLayout-mounted_1ty8s_146", "EditorLayout-nav": "_EditorLayout-nav_1ty8s_187", "Editor-fieldSideBarToolbar": "_Editor-fieldSideBarToolbar_1ty8s_203", "Editor-fieldSideBarHistory": "_Editor-fieldSideBarHistory_1ty8s_213", "Editor-fieldSideBarActions": "_Editor-fieldSideBarActions_1ty8s_219", "EditorLayout-mobilePanel": "_EditorLayout-mobilePanel_1ty8s_225", "EditorLayout-mobilePanelContent": "_EditorLayout-mobilePanelContent_1ty8s_245", "EditorLayout-mobileDragHandle": "_EditorLayout-mobileDragHandle_1ty8s_252", "EditorLayout-mobileDragHandlePill": "_EditorLayout-mobileDragHandlePill_1ty8s_266", "EditorPluginTab": "_EditorPluginTab_1ty8s_273", "EditorPluginTab--visible": "_EditorPluginTab--visible_1ty8s_279", "EditorPluginTab-body": "_EditorPluginTab-body_1ty8s_284" };
+var styles_module_default25 = { "Editor": "_Editor_frglt_19", "Editor-portal": "_Editor-portal_frglt_32", "EditorLayout": "_EditorLayout_frglt_37", "EditorLayout-inner": "_EditorLayout-inner_frglt_41", "Editor--hidePlugins": "_Editor--hidePlugins_frglt_73", "EditorLayout--navBarVisible": "_EditorLayout--navBarVisible_frglt_74", "EditorLayout--mounted": "_EditorLayout--mounted_frglt_83", "EditorLayout--mobilePanelHeightToggle": "_EditorLayout--mobilePanelHeightToggle_frglt_87", "EditorLayout--leftSideBarVisible": "_EditorLayout--leftSideBarVisible_frglt_87", "EditorLayout--mobilePanelCustomHeight": "_EditorLayout--mobilePanelCustomHeight_frglt_92", "EditorLayout--mobilePanelHeightMinContent": "_EditorLayout--mobilePanelHeightMinContent_frglt_110", "EditorLayout--rightSideBarVisible": "_EditorLayout--rightSideBarVisible_frglt_132", "EditorLayout-mounted": "_EditorLayout-mounted_frglt_151", "EditorLayout-nav": "_EditorLayout-nav_frglt_192", "Editor-fieldSideBarToolbar": "_Editor-fieldSideBarToolbar_frglt_208", "Editor-fieldSideBarHistory": "_Editor-fieldSideBarHistory_frglt_218", "Editor-fieldSideBarActions": "_Editor-fieldSideBarActions_frglt_224", "EditorLayout-mobilePanel": "_EditorLayout-mobilePanel_frglt_230", "EditorLayout-mobilePanelContent": "_EditorLayout-mobilePanelContent_frglt_250", "EditorLayout-mobileDragHandle": "_EditorLayout-mobileDragHandle_frglt_257", "EditorLayout-mobileDragHandlePill": "_EditorLayout-mobileDragHandlePill_frglt_271", "EditorPluginTab": "_EditorPluginTab_frglt_278", "EditorPluginTab--visible": "_EditorPluginTab--visible_frglt_284", "EditorPluginTab-body": "_EditorPluginTab-body_frglt_289" };
 
 // lib/use-inject-css.ts
 init_react_import();
@@ -14464,6 +14464,7 @@ var Layout = ({ children }) => {
               leftSideBarVisible,
               mounted,
               rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
+              navBarVisible,
               mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
               mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content",
               mobilePanelCustomHeight: mobilePanelHeight !== null && leftSideBarVisible

package/dist/index.mjs

@@ -25,7 +25,7 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-74TOLW7F.mjs";
+} from "./chunk-OKTANBAI.mjs";
 import "./chunk-YBG2RYVF.mjs";
 import {
   Action,

package/dist/no-external.css

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

package/dist/no-external.js

@@ -12972,7 +12972,7 @@ init_lib();
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css#css-module
 init_react_import();
-var styles_module_default25 = { "Editor": "_Editor_1ty8s_19", "Editor-portal": "_Editor-portal_1ty8s_32", "EditorLayout": "_EditorLayout_1ty8s_37", "EditorLayout-inner": "_EditorLayout-inner_1ty8s_41", "Editor--hidePlugins": "_Editor--hidePlugins_1ty8s_73", "EditorLayout--mounted": "_EditorLayout--mounted_1ty8s_78", "EditorLayout--mobilePanelHeightToggle": "_EditorLayout--mobilePanelHeightToggle_1ty8s_82", "EditorLayout--leftSideBarVisible": "_EditorLayout--leftSideBarVisible_1ty8s_82", "EditorLayout--mobilePanelCustomHeight": "_EditorLayout--mobilePanelCustomHeight_1ty8s_87", "EditorLayout--mobilePanelHeightMinContent": "_EditorLayout--mobilePanelHeightMinContent_1ty8s_105", "EditorLayout--rightSideBarVisible": "_EditorLayout--rightSideBarVisible_1ty8s_127", "EditorLayout-mounted": "_EditorLayout-mounted_1ty8s_146", "EditorLayout-nav": "_EditorLayout-nav_1ty8s_187", "Editor-fieldSideBarToolbar": "_Editor-fieldSideBarToolbar_1ty8s_203", "Editor-fieldSideBarHistory": "_Editor-fieldSideBarHistory_1ty8s_213", "Editor-fieldSideBarActions": "_Editor-fieldSideBarActions_1ty8s_219", "EditorLayout-mobilePanel": "_EditorLayout-mobilePanel_1ty8s_225", "EditorLayout-mobilePanelContent": "_EditorLayout-mobilePanelContent_1ty8s_245", "EditorLayout-mobileDragHandle": "_EditorLayout-mobileDragHandle_1ty8s_252", "EditorLayout-mobileDragHandlePill": "_EditorLayout-mobileDragHandlePill_1ty8s_266", "EditorPluginTab": "_EditorPluginTab_1ty8s_273", "EditorPluginTab--visible": "_EditorPluginTab--visible_1ty8s_279", "EditorPluginTab-body": "_EditorPluginTab-body_1ty8s_284" };
+var styles_module_default25 = { "Editor": "_Editor_frglt_19", "Editor-portal": "_Editor-portal_frglt_32", "EditorLayout": "_EditorLayout_frglt_37", "EditorLayout-inner": "_EditorLayout-inner_frglt_41", "Editor--hidePlugins": "_Editor--hidePlugins_frglt_73", "EditorLayout--navBarVisible": "_EditorLayout--navBarVisible_frglt_74", "EditorLayout--mounted": "_EditorLayout--mounted_frglt_83", "EditorLayout--mobilePanelHeightToggle": "_EditorLayout--mobilePanelHeightToggle_frglt_87", "EditorLayout--leftSideBarVisible": "_EditorLayout--leftSideBarVisible_frglt_87", "EditorLayout--mobilePanelCustomHeight": "_EditorLayout--mobilePanelCustomHeight_frglt_92", "EditorLayout--mobilePanelHeightMinContent": "_EditorLayout--mobilePanelHeightMinContent_frglt_110", "EditorLayout--rightSideBarVisible": "_EditorLayout--rightSideBarVisible_frglt_132", "EditorLayout-mounted": "_EditorLayout-mounted_frglt_151", "EditorLayout-nav": "_EditorLayout-nav_frglt_192", "Editor-fieldSideBarToolbar": "_Editor-fieldSideBarToolbar_frglt_208", "Editor-fieldSideBarHistory": "_Editor-fieldSideBarHistory_frglt_218", "Editor-fieldSideBarActions": "_Editor-fieldSideBarActions_frglt_224", "EditorLayout-mobilePanel": "_EditorLayout-mobilePanel_frglt_230", "EditorLayout-mobilePanelContent": "_EditorLayout-mobilePanelContent_frglt_250", "EditorLayout-mobileDragHandle": "_EditorLayout-mobileDragHandle_frglt_257", "EditorLayout-mobileDragHandlePill": "_EditorLayout-mobileDragHandlePill_frglt_271", "EditorPluginTab": "_EditorPluginTab_frglt_278", "EditorPluginTab--visible": "_EditorPluginTab--visible_frglt_284", "EditorPluginTab-body": "_EditorPluginTab-body_frglt_289" };
 
 // lib/use-inject-css.ts
 init_react_import();
@@ -14464,6 +14464,7 @@ var Layout = ({ children }) => {
               leftSideBarVisible,
               mounted,
               rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
+              navBarVisible,
               mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
               mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content",
               mobilePanelCustomHeight: mobilePanelHeight !== null && leftSideBarVisible

package/dist/no-external.mjs

@@ -25,7 +25,7 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-74TOLW7F.mjs";
+} from "./chunk-OKTANBAI.mjs";
 import "./chunk-YBG2RYVF.mjs";
 import {
   Action,

package/package.json

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