@reacteditor/core 0.0.11 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/{chunk-74TOLW7F.mjs → chunk-OKTANBAI.mjs} +2 -1
  2. package/dist/index.css +44 -40
  3. package/dist/index.js +2 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/no-external.css +44 -40
  6. package/dist/no-external.js +2 -1
  7. package/dist/no-external.mjs +1 -1
  8. package/package.json +1 -1
package/dist/{chunk-74TOLW7F.mjs → chunk-OKTANBAI.mjs} RENAMED
@@ -7403,7 +7403,7 @@ import {
7403
7403
 
7404
7404
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css#css-module
7405
7405
  init_react_import();
7406
- 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" };
7406
+ 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" };
7407
7407
 
7408
7408
  // lib/use-inject-css.ts
7409
7409
  init_react_import();
@@ -8733,6 +8733,7 @@ var Layout = ({ children }) => {
8733
8733
  leftSideBarVisible,
8734
8734
  mounted,
8735
8735
  rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
8736
+ navBarVisible,
8736
8737
  mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
8737
8738
  mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content",
8738
8739
  mobilePanelCustomHeight: mobilePanelHeight !== null && leftSideBarVisible
package/dist/index.css CHANGED
@@ -2344,25 +2344,25 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2344
2344
  }
2345
2345
 
2346
2346
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css/#css-module-data */
2347
- ._Editor_1ty8s_19 {
2347
+ ._Editor_frglt_19 {
2348
2348
  --editor-space-px: 16px;
2349
2349
  color: var(--editor-text-primary);
2350
2350
  font-family: var(--editor-font-family);
2351
2351
  overflow-x: hidden;
2352
2352
  }
2353
2353
  @media (min-width: 766px) {
2354
- ._Editor_1ty8s_19 {
2354
+ ._Editor_frglt_19 {
2355
2355
  overflow-x: auto;
2356
2356
  }
2357
2357
  }
2358
- ._Editor-portal_1ty8s_32 {
2358
+ ._Editor-portal_frglt_32 {
2359
2359
  position: relative;
2360
2360
  z-index: 2;
2361
2361
  }
2362
- ._EditorLayout_1ty8s_37 {
2362
+ ._EditorLayout_frglt_37 {
2363
2363
  height: 100dvh;
2364
2364
  }
2365
- ._EditorLayout-inner_1ty8s_41 {
2365
+ ._EditorLayout-inner_frglt_41 {
2366
2366
  --editor-frame-width: auto;
2367
2367
  --editor-side-nav-width: min-content;
2368
2368
  --editor-side-bar-width: 0px;
@@ -2380,88 +2380,92 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2380
2380
  overflow: hidden;
2381
2381
  }
2382
2382
  @media (min-width: 638px) {
2383
- ._EditorLayout-inner_1ty8s_41 {
2383
+ ._EditorLayout-inner_frglt_41 {
2384
2384
  --editor-side-nav-width: 44px;
2385
2385
  grid-template-areas: "sidenav left editor right";
2386
2386
  grid-template-columns: var(--editor-side-nav-width) 0 var(--editor-frame-width) 0;
2387
2387
  grid-template-rows: auto;
2388
2388
  }
2389
- ._Editor--hidePlugins_1ty8s_73 ._EditorLayout-inner_1ty8s_41 {
2389
+ ._Editor--hidePlugins_frglt_73 ._EditorLayout-inner_frglt_41,
2390
+ ._EditorLayout_frglt_37:not(._EditorLayout--navBarVisible_frglt_74) ._EditorLayout-inner_frglt_41 {
2390
2391
  --editor-side-nav-width: 0;
2391
2392
  }
2392
2393
  }
2393
- ._EditorLayout--mounted_1ty8s_78 ._EditorLayout-inner_1ty8s_41 {
2394
+ ._EditorLayout_frglt_37:not(._EditorLayout--navBarVisible_frglt_74) ._EditorLayout-inner_frglt_41 {
2395
+ --editor-side-nav-width: 0;
2396
+ }
2397
+ ._EditorLayout--mounted_frglt_83 ._EditorLayout-inner_frglt_41 {
2394
2398
  --editor-side-bar-width: 186px;
2395
2399
  }
2396
- ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2400
+ ._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2397
2401
  grid-template-rows: auto 60% 0 0 var(--editor-side-nav-width);
2398
2402
  }
2399
- ._EditorLayout--mobilePanelCustomHeight_1ty8s_87._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2403
+ ._EditorLayout--mobilePanelCustomHeight_frglt_92._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2400
2404
  grid-template-rows: auto var(--editor-mobile-panel-height, 60%) 0 0 var(--editor-side-nav-width);
2401
2405
  }
2402
2406
  @media (min-width: 638px) {
2403
- ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2407
+ ._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2404
2408
  grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) 0;
2405
2409
  grid-template-rows: auto;
2406
2410
  }
2407
2411
  }
2408
- ._EditorLayout--mobilePanelHeightMinContent_1ty8s_105._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2412
+ ._EditorLayout--mobilePanelHeightMinContent_frglt_110._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2409
2413
  grid-template-rows: auto min-content 0 0 var(--editor-side-nav-width);
2410
2414
  }
2411
2415
  @media (min-width: 638px) {
2412
- ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41,
2413
- ._EditorLayout--mobilePanelCustomHeight_1ty8s_87._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41,
2414
- ._EditorLayout--mobilePanelHeightMinContent_1ty8s_105._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2416
+ ._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41,
2417
+ ._EditorLayout--mobilePanelCustomHeight_frglt_92._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41,
2418
+ ._EditorLayout--mobilePanelHeightMinContent_frglt_110._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2415
2419
  grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) 0;
2416
2420
  grid-template-rows: auto;
2417
2421
  }
2418
2422
  }
2419
2423
  @media (min-width: 638px) {
2420
- ._EditorLayout--rightSideBarVisible_1ty8s_127 ._EditorLayout-inner_1ty8s_41 {
2424
+ ._EditorLayout--rightSideBarVisible_frglt_132 ._EditorLayout-inner_frglt_41 {
2421
2425
  grid-template-columns: var(--editor-side-nav-width) 0 var(--editor-frame-width) var(--editor-right-side-bar-width);
2422
2426
  }
2423
2427
  }
2424
2428
  @media (min-width: 638px) {
2425
- ._EditorLayout--leftSideBarVisible_1ty8s_82._EditorLayout--rightSideBarVisible_1ty8s_127 ._EditorLayout-inner_1ty8s_41 {
2429
+ ._EditorLayout--leftSideBarVisible_frglt_87._EditorLayout--rightSideBarVisible_frglt_132 ._EditorLayout-inner_frglt_41 {
2426
2430
  grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) var(--editor-right-side-bar-width);
2427
2431
  }
2428
2432
  }
2429
2433
  @media (min-width: 458px) {
2430
- ._EditorLayout-mounted_1ty8s_146 ._EditorLayout-inner_1ty8s_41 {
2434
+ ._EditorLayout-mounted_frglt_151 ._EditorLayout-inner_frglt_41 {
2431
2435
  --editor-frame-width: minmax(266px, auto);
2432
2436
  }
2433
2437
  }
2434
2438
  @media (min-width: 638px) {
2435
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2439
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2436
2440
  --editor-side-bar-width: minmax(186px, 250px);
2437
2441
  }
2438
2442
  }
2439
2443
  @media (min-width: 766px) {
2440
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2444
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2441
2445
  --editor-frame-width: auto;
2442
2446
  }
2443
2447
  }
2444
2448
  @media (min-width: 990px) {
2445
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2449
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2446
2450
  --editor-side-bar-width: 256px;
2447
2451
  }
2448
2452
  }
2449
2453
  @media (min-width: 1198px) {
2450
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2454
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2451
2455
  --editor-side-bar-width: 274px;
2452
2456
  }
2453
2457
  }
2454
2458
  @media (min-width: 1398px) {
2455
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2459
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2456
2460
  --editor-side-bar-width: 290px;
2457
2461
  }
2458
2462
  }
2459
2463
  @media (min-width: 1598px) {
2460
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2464
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2461
2465
  --editor-side-bar-width: 320px;
2462
2466
  }
2463
2467
  }
2464
- ._EditorLayout-nav_1ty8s_187 {
2468
+ ._EditorLayout-nav_frglt_192 {
2465
2469
  border-top: 1px solid var(--editor-border-subtle);
2466
2470
  background-color: var(--editor-surface-panel);
2467
2471
  grid-area: sidenav;
@@ -2469,13 +2473,13 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2469
2473
  width: 100%;
2470
2474
  }
2471
2475
  @media (min-width: 638px) {
2472
- ._EditorLayout-nav_1ty8s_187 {
2476
+ ._EditorLayout-nav_frglt_192 {
2473
2477
  border-top: 0;
2474
2478
  border-right: 1px solid var(--editor-border-subtle);
2475
2479
  box-sizing: border-box;
2476
2480
  }
2477
2481
  }
2478
- ._Editor-fieldSideBarToolbar_1ty8s_203 {
2482
+ ._Editor-fieldSideBarToolbar_frglt_208 {
2479
2483
  align-items: center;
2480
2484
  background: var(--editor-surface-panel);
2481
2485
  border-bottom: 1px solid var(--editor-border-subtle);
@@ -2484,17 +2488,17 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2484
2488
  justify-content: space-between;
2485
2489
  padding: 8px 12px;
2486
2490
  }
2487
- ._Editor-fieldSideBarHistory_1ty8s_213 {
2491
+ ._Editor-fieldSideBarHistory_frglt_218 {
2488
2492
  color: var(--editor-text-tertiary);
2489
2493
  display: flex;
2490
2494
  gap: 2px;
2491
2495
  }
2492
- ._Editor-fieldSideBarActions_1ty8s_219 {
2496
+ ._Editor-fieldSideBarActions_frglt_224 {
2493
2497
  align-items: center;
2494
2498
  display: flex;
2495
2499
  gap: 8px;
2496
2500
  }
2497
- ._EditorLayout-mobilePanel_1ty8s_225 {
2501
+ ._EditorLayout-mobilePanel_frglt_230 {
2498
2502
  grid-area: mobilepanel;
2499
2503
  background: var(--editor-surface-panel);
2500
2504
  border-block-start: 1px solid var(--editor-border-subtle);
@@ -2502,22 +2506,22 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2502
2506
  flex-direction: column;
2503
2507
  overflow: hidden;
2504
2508
  }
2505
- ._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-mobilePanel_1ty8s_225 {
2509
+ ._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-mobilePanel_frglt_230 {
2506
2510
  display: flex;
2507
2511
  }
2508
2512
  @media (min-width: 638px) {
2509
- ._EditorLayout-mobilePanel_1ty8s_225,
2510
- ._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-mobilePanel_1ty8s_225 {
2513
+ ._EditorLayout-mobilePanel_frglt_230,
2514
+ ._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-mobilePanel_frglt_230 {
2511
2515
  display: none;
2512
2516
  }
2513
2517
  }
2514
- ._EditorLayout-mobilePanelContent_1ty8s_245 {
2518
+ ._EditorLayout-mobilePanelContent_frglt_250 {
2515
2519
  flex: 1;
2516
2520
  overflow-y: auto;
2517
2521
  display: flex;
2518
2522
  flex-direction: column;
2519
2523
  }
2520
- ._EditorLayout-mobileDragHandle_1ty8s_252 {
2524
+ ._EditorLayout-mobileDragHandle_frglt_257 {
2521
2525
  display: flex;
2522
2526
  align-items: center;
2523
2527
  justify-content: center;
@@ -2526,25 +2530,25 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2526
2530
  touch-action: none;
2527
2531
  flex-shrink: 0;
2528
2532
  }
2529
- ._EditorLayout-mobileDragHandle_1ty8s_252:active {
2533
+ ._EditorLayout-mobileDragHandle_frglt_257:active {
2530
2534
  cursor: grabbing;
2531
2535
  }
2532
- ._EditorLayout-mobileDragHandlePill_1ty8s_266 {
2536
+ ._EditorLayout-mobileDragHandlePill_frglt_271 {
2533
2537
  width: 36px;
2534
2538
  height: 4px;
2535
2539
  border-radius: 2px;
2536
2540
  background-color: var(--editor-border-subtle);
2537
2541
  }
2538
- ._EditorPluginTab_1ty8s_273 {
2542
+ ._EditorPluginTab_frglt_278 {
2539
2543
  display: none;
2540
2544
  flex-grow: 1;
2541
2545
  max-height: 100%;
2542
2546
  }
2543
- ._EditorPluginTab--visible_1ty8s_279 {
2547
+ ._EditorPluginTab--visible_frglt_284 {
2544
2548
  display: flex;
2545
2549
  flex-direction: column;
2546
2550
  }
2547
- ._EditorPluginTab-body_1ty8s_284 {
2551
+ ._EditorPluginTab-body_frglt_289 {
2548
2552
  flex-grow: 1;
2549
2553
  max-height: 100%;
2550
2554
  }
package/dist/index.js CHANGED
@@ -12972,7 +12972,7 @@ init_lib();
12972
12972
 
12973
12973
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css#css-module
12974
12974
  init_react_import();
12975
- 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" };
12975
+ 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" };
12976
12976
 
12977
12977
  // lib/use-inject-css.ts
12978
12978
  init_react_import();
@@ -14464,6 +14464,7 @@ var Layout = ({ children }) => {
14464
14464
  leftSideBarVisible,
14465
14465
  mounted,
14466
14466
  rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
14467
+ navBarVisible,
14467
14468
  mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
14468
14469
  mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content",
14469
14470
  mobilePanelCustomHeight: mobilePanelHeight !== null && leftSideBarVisible
package/dist/index.mjs CHANGED
@@ -25,7 +25,7 @@ import {
25
25
  usePropsContext,
26
26
  useRouteParams,
27
27
  useStableValue
28
- } from "./chunk-74TOLW7F.mjs";
28
+ } from "./chunk-OKTANBAI.mjs";
29
29
  import "./chunk-YBG2RYVF.mjs";
30
30
  import {
31
31
  Action,
package/dist/no-external.css CHANGED
@@ -2342,25 +2342,25 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2342
2342
  }
2343
2343
 
2344
2344
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css/#css-module-data */
2345
- ._Editor_1ty8s_19 {
2345
+ ._Editor_frglt_19 {
2346
2346
  --editor-space-px: 16px;
2347
2347
  color: var(--editor-text-primary);
2348
2348
  font-family: var(--editor-font-family);
2349
2349
  overflow-x: hidden;
2350
2350
  }
2351
2351
  @media (min-width: 766px) {
2352
- ._Editor_1ty8s_19 {
2352
+ ._Editor_frglt_19 {
2353
2353
  overflow-x: auto;
2354
2354
  }
2355
2355
  }
2356
- ._Editor-portal_1ty8s_32 {
2356
+ ._Editor-portal_frglt_32 {
2357
2357
  position: relative;
2358
2358
  z-index: 2;
2359
2359
  }
2360
- ._EditorLayout_1ty8s_37 {
2360
+ ._EditorLayout_frglt_37 {
2361
2361
  height: 100dvh;
2362
2362
  }
2363
- ._EditorLayout-inner_1ty8s_41 {
2363
+ ._EditorLayout-inner_frglt_41 {
2364
2364
  --editor-frame-width: auto;
2365
2365
  --editor-side-nav-width: min-content;
2366
2366
  --editor-side-bar-width: 0px;
@@ -2378,88 +2378,92 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2378
2378
  overflow: hidden;
2379
2379
  }
2380
2380
  @media (min-width: 638px) {
2381
- ._EditorLayout-inner_1ty8s_41 {
2381
+ ._EditorLayout-inner_frglt_41 {
2382
2382
  --editor-side-nav-width: 44px;
2383
2383
  grid-template-areas: "sidenav left editor right";
2384
2384
  grid-template-columns: var(--editor-side-nav-width) 0 var(--editor-frame-width) 0;
2385
2385
  grid-template-rows: auto;
2386
2386
  }
2387
- ._Editor--hidePlugins_1ty8s_73 ._EditorLayout-inner_1ty8s_41 {
2387
+ ._Editor--hidePlugins_frglt_73 ._EditorLayout-inner_frglt_41,
2388
+ ._EditorLayout_frglt_37:not(._EditorLayout--navBarVisible_frglt_74) ._EditorLayout-inner_frglt_41 {
2388
2389
  --editor-side-nav-width: 0;
2389
2390
  }
2390
2391
  }
2391
- ._EditorLayout--mounted_1ty8s_78 ._EditorLayout-inner_1ty8s_41 {
2392
+ ._EditorLayout_frglt_37:not(._EditorLayout--navBarVisible_frglt_74) ._EditorLayout-inner_frglt_41 {
2393
+ --editor-side-nav-width: 0;
2394
+ }
2395
+ ._EditorLayout--mounted_frglt_83 ._EditorLayout-inner_frglt_41 {
2392
2396
  --editor-side-bar-width: 186px;
2393
2397
  }
2394
- ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2398
+ ._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2395
2399
  grid-template-rows: auto 60% 0 0 var(--editor-side-nav-width);
2396
2400
  }
2397
- ._EditorLayout--mobilePanelCustomHeight_1ty8s_87._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2401
+ ._EditorLayout--mobilePanelCustomHeight_frglt_92._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2398
2402
  grid-template-rows: auto var(--editor-mobile-panel-height, 60%) 0 0 var(--editor-side-nav-width);
2399
2403
  }
2400
2404
  @media (min-width: 638px) {
2401
- ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2405
+ ._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2402
2406
  grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) 0;
2403
2407
  grid-template-rows: auto;
2404
2408
  }
2405
2409
  }
2406
- ._EditorLayout--mobilePanelHeightMinContent_1ty8s_105._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2410
+ ._EditorLayout--mobilePanelHeightMinContent_frglt_110._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2407
2411
  grid-template-rows: auto min-content 0 0 var(--editor-side-nav-width);
2408
2412
  }
2409
2413
  @media (min-width: 638px) {
2410
- ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41,
2411
- ._EditorLayout--mobilePanelCustomHeight_1ty8s_87._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41,
2412
- ._EditorLayout--mobilePanelHeightMinContent_1ty8s_105._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
2414
+ ._EditorLayout--mobilePanelHeightToggle_frglt_87._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41,
2415
+ ._EditorLayout--mobilePanelCustomHeight_frglt_92._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41,
2416
+ ._EditorLayout--mobilePanelHeightMinContent_frglt_110._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-inner_frglt_41 {
2413
2417
  grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) 0;
2414
2418
  grid-template-rows: auto;
2415
2419
  }
2416
2420
  }
2417
2421
  @media (min-width: 638px) {
2418
- ._EditorLayout--rightSideBarVisible_1ty8s_127 ._EditorLayout-inner_1ty8s_41 {
2422
+ ._EditorLayout--rightSideBarVisible_frglt_132 ._EditorLayout-inner_frglt_41 {
2419
2423
  grid-template-columns: var(--editor-side-nav-width) 0 var(--editor-frame-width) var(--editor-right-side-bar-width);
2420
2424
  }
2421
2425
  }
2422
2426
  @media (min-width: 638px) {
2423
- ._EditorLayout--leftSideBarVisible_1ty8s_82._EditorLayout--rightSideBarVisible_1ty8s_127 ._EditorLayout-inner_1ty8s_41 {
2427
+ ._EditorLayout--leftSideBarVisible_frglt_87._EditorLayout--rightSideBarVisible_frglt_132 ._EditorLayout-inner_frglt_41 {
2424
2428
  grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) var(--editor-right-side-bar-width);
2425
2429
  }
2426
2430
  }
2427
2431
  @media (min-width: 458px) {
2428
- ._EditorLayout-mounted_1ty8s_146 ._EditorLayout-inner_1ty8s_41 {
2432
+ ._EditorLayout-mounted_frglt_151 ._EditorLayout-inner_frglt_41 {
2429
2433
  --editor-frame-width: minmax(266px, auto);
2430
2434
  }
2431
2435
  }
2432
2436
  @media (min-width: 638px) {
2433
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2437
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2434
2438
  --editor-side-bar-width: minmax(186px, 250px);
2435
2439
  }
2436
2440
  }
2437
2441
  @media (min-width: 766px) {
2438
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2442
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2439
2443
  --editor-frame-width: auto;
2440
2444
  }
2441
2445
  }
2442
2446
  @media (min-width: 990px) {
2443
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2447
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2444
2448
  --editor-side-bar-width: 256px;
2445
2449
  }
2446
2450
  }
2447
2451
  @media (min-width: 1198px) {
2448
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2452
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2449
2453
  --editor-side-bar-width: 274px;
2450
2454
  }
2451
2455
  }
2452
2456
  @media (min-width: 1398px) {
2453
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2457
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2454
2458
  --editor-side-bar-width: 290px;
2455
2459
  }
2456
2460
  }
2457
2461
  @media (min-width: 1598px) {
2458
- ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
2462
+ ._EditorLayout_frglt_37 ._EditorLayout-inner_frglt_41 {
2459
2463
  --editor-side-bar-width: 320px;
2460
2464
  }
2461
2465
  }
2462
- ._EditorLayout-nav_1ty8s_187 {
2466
+ ._EditorLayout-nav_frglt_192 {
2463
2467
  border-top: 1px solid var(--editor-border-subtle);
2464
2468
  background-color: var(--editor-surface-panel);
2465
2469
  grid-area: sidenav;
@@ -2467,13 +2471,13 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2467
2471
  width: 100%;
2468
2472
  }
2469
2473
  @media (min-width: 638px) {
2470
- ._EditorLayout-nav_1ty8s_187 {
2474
+ ._EditorLayout-nav_frglt_192 {
2471
2475
  border-top: 0;
2472
2476
  border-right: 1px solid var(--editor-border-subtle);
2473
2477
  box-sizing: border-box;
2474
2478
  }
2475
2479
  }
2476
- ._Editor-fieldSideBarToolbar_1ty8s_203 {
2480
+ ._Editor-fieldSideBarToolbar_frglt_208 {
2477
2481
  align-items: center;
2478
2482
  background: var(--editor-surface-panel);
2479
2483
  border-bottom: 1px solid var(--editor-border-subtle);
@@ -2482,17 +2486,17 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2482
2486
  justify-content: space-between;
2483
2487
  padding: 8px 12px;
2484
2488
  }
2485
- ._Editor-fieldSideBarHistory_1ty8s_213 {
2489
+ ._Editor-fieldSideBarHistory_frglt_218 {
2486
2490
  color: var(--editor-text-tertiary);
2487
2491
  display: flex;
2488
2492
  gap: 2px;
2489
2493
  }
2490
- ._Editor-fieldSideBarActions_1ty8s_219 {
2494
+ ._Editor-fieldSideBarActions_frglt_224 {
2491
2495
  align-items: center;
2492
2496
  display: flex;
2493
2497
  gap: 8px;
2494
2498
  }
2495
- ._EditorLayout-mobilePanel_1ty8s_225 {
2499
+ ._EditorLayout-mobilePanel_frglt_230 {
2496
2500
  grid-area: mobilepanel;
2497
2501
  background: var(--editor-surface-panel);
2498
2502
  border-block-start: 1px solid var(--editor-border-subtle);
@@ -2500,22 +2504,22 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2500
2504
  flex-direction: column;
2501
2505
  overflow: hidden;
2502
2506
  }
2503
- ._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-mobilePanel_1ty8s_225 {
2507
+ ._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-mobilePanel_frglt_230 {
2504
2508
  display: flex;
2505
2509
  }
2506
2510
  @media (min-width: 638px) {
2507
- ._EditorLayout-mobilePanel_1ty8s_225,
2508
- ._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-mobilePanel_1ty8s_225 {
2511
+ ._EditorLayout-mobilePanel_frglt_230,
2512
+ ._EditorLayout--leftSideBarVisible_frglt_87 ._EditorLayout-mobilePanel_frglt_230 {
2509
2513
  display: none;
2510
2514
  }
2511
2515
  }
2512
- ._EditorLayout-mobilePanelContent_1ty8s_245 {
2516
+ ._EditorLayout-mobilePanelContent_frglt_250 {
2513
2517
  flex: 1;
2514
2518
  overflow-y: auto;
2515
2519
  display: flex;
2516
2520
  flex-direction: column;
2517
2521
  }
2518
- ._EditorLayout-mobileDragHandle_1ty8s_252 {
2522
+ ._EditorLayout-mobileDragHandle_frglt_257 {
2519
2523
  display: flex;
2520
2524
  align-items: center;
2521
2525
  justify-content: center;
@@ -2524,25 +2528,25 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
2524
2528
  touch-action: none;
2525
2529
  flex-shrink: 0;
2526
2530
  }
2527
- ._EditorLayout-mobileDragHandle_1ty8s_252:active {
2531
+ ._EditorLayout-mobileDragHandle_frglt_257:active {
2528
2532
  cursor: grabbing;
2529
2533
  }
2530
- ._EditorLayout-mobileDragHandlePill_1ty8s_266 {
2534
+ ._EditorLayout-mobileDragHandlePill_frglt_271 {
2531
2535
  width: 36px;
2532
2536
  height: 4px;
2533
2537
  border-radius: 2px;
2534
2538
  background-color: var(--editor-border-subtle);
2535
2539
  }
2536
- ._EditorPluginTab_1ty8s_273 {
2540
+ ._EditorPluginTab_frglt_278 {
2537
2541
  display: none;
2538
2542
  flex-grow: 1;
2539
2543
  max-height: 100%;
2540
2544
  }
2541
- ._EditorPluginTab--visible_1ty8s_279 {
2545
+ ._EditorPluginTab--visible_frglt_284 {
2542
2546
  display: flex;
2543
2547
  flex-direction: column;
2544
2548
  }
2545
- ._EditorPluginTab-body_1ty8s_284 {
2549
+ ._EditorPluginTab-body_frglt_289 {
2546
2550
  flex-grow: 1;
2547
2551
  max-height: 100%;
2548
2552
  }
package/dist/no-external.js CHANGED
@@ -12972,7 +12972,7 @@ init_lib();
12972
12972
 
12973
12973
  // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css#css-module
12974
12974
  init_react_import();
12975
- 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" };
12975
+ 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" };
12976
12976
 
12977
12977
  // lib/use-inject-css.ts
12978
12978
  init_react_import();
@@ -14464,6 +14464,7 @@ var Layout = ({ children }) => {
14464
14464
  leftSideBarVisible,
14465
14465
  mounted,
14466
14466
  rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
14467
+ navBarVisible,
14467
14468
  mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
14468
14469
  mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content",
14469
14470
  mobilePanelCustomHeight: mobilePanelHeight !== null && leftSideBarVisible
package/dist/no-external.mjs CHANGED
@@ -25,7 +25,7 @@ import {
25
25
  usePropsContext,
26
26
  useRouteParams,
27
27
  useStableValue
28
- } from "./chunk-74TOLW7F.mjs";
28
+ } from "./chunk-OKTANBAI.mjs";
29
29
  import "./chunk-YBG2RYVF.mjs";
30
30
  import {
31
31
  Action,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reacteditor/core",
3
- "version": "0.0.11",
3
+ "version": "0.0.12",
4
4
  "description": "The open-source visual editor for React",
5
5
  "author": "Rami Bitar <rami@frontend.co>",
6
6
  "repository": "reacteditor/editor",