@reacteditor/core 0.0.22 → 0.0.24

package/dist/{actions-D_rLbpVe.d.mts → actions-BxpNoF2q.d.mts}

@@ -510,7 +510,7 @@ type RootDataWithProps<Props extends DefaultComponentProps = DefaultRootFieldPro
     props: Props;
     /**
      * Opt this page's root into the shared root entry in `data.globals` (key
-     * `__root`). Defaults to `true` when `config.root.global !== false`. Set
+     * `root`). Defaults to `true` when `config.root.global !== false`. Set
      * `false` to make the root page-local while leaving other pages synced.
      */
     synced?: boolean;

package/dist/{actions-D_rLbpVe.d.ts → actions-BxpNoF2q.d.ts}

@@ -510,7 +510,7 @@ type RootDataWithProps<Props extends DefaultComponentProps = DefaultRootFieldPro
     props: Props;
     /**
      * Opt this page's root into the shared root entry in `data.globals` (key
-     * `__root`). Defaults to `true` when `config.root.global !== false`. Set
+     * `root`). Defaults to `true` when `config.root.global !== false`. Set
      * `false` to make the root page-local while leaving other pages synced.
      */
     synced?: boolean;

package/dist/{chunk-UOKINS3M.mjs → chunk-KX5236PM.mjs}

@@ -113,7 +113,8 @@ var overrideKeys = [
 
 // types/Globals.ts
 init_react_import();
-var GLOBAL_ROOT_KEY = "__root";
+var GLOBAL_ROOT_KEY = "root";
+var LEGACY_GLOBAL_ROOT_KEY = "__root";
 
 // lib/data/set-deep.ts
 init_react_import();
@@ -2475,7 +2476,7 @@ import {
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css#css-module
 init_react_import();
-var styles_module_default10 = { "DraggableComponent": "_DraggableComponent_ie0on_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_ie0on_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_ie0on_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_ie0on_36", "DraggableComponent--hover": "_DraggableComponent--hover_ie0on_53", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_ie0on_60", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_ie0on_69", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_ie0on_105", "DraggableComponent-actions": "_DraggableComponent-actions_ie0on_105" };
+var styles_module_default10 = { "DraggableComponent": "_DraggableComponent_1tskp_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_1tskp_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_1tskp_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1tskp_34", "DraggableComponent--hover": "_DraggableComponent--hover_1tskp_51", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1tskp_58", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_1tskp_66", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1tskp_102", "DraggableComponent-actions": "_DraggableComponent-actions_1tskp_102" };
 
 // components/DraggableComponent/index.tsx
 import { createPortal as createPortal2 } from "react-dom";
@@ -5581,18 +5582,18 @@ function resolveItem(item, globals, config, visitedTypes) {
   return __spreadProps(__spreadValues({}, item), { props: mergedProps });
 }
 function resolveGlobals(data, config) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const globals = data.globals;
   if (!globals || Object.keys(globals).length === 0) return data;
   const visited = /* @__PURE__ */ new Set();
   const content = ((_a = data.content) != null ? _a : []).map(
     (item) => resolveItem(item, globals, config, visited)
   );
-  const rootGlobal = globals[GLOBAL_ROOT_KEY];
-  const rootSynced = ((_b = data.root) == null ? void 0 : _b.synced) !== false;
+  const rootGlobal = (_b = globals[GLOBAL_ROOT_KEY]) != null ? _b : globals[LEGACY_GLOBAL_ROOT_KEY];
+  const rootSynced = ((_c = data.root) == null ? void 0 : _c.synced) !== false;
   let nextRoot = data.root;
   if (isRootGlobal(config) && rootSynced && rootGlobal) {
-    const currentProps = (_d = (_c = data.root) == null ? void 0 : _c.props) != null ? _d : {};
+    const currentProps = (_e = (_d = data.root) == null ? void 0 : _d.props) != null ? _e : {};
     nextRoot = __spreadProps(__spreadValues({}, data.root), {
       props: __spreadValues(__spreadValues(__spreadValues({}, rootGlobal.props), currentProps.children !== void 0 ? { children: currentProps.children } : {}), currentProps.id !== void 0 ? { id: currentProps.id } : {})
     });
@@ -6459,7 +6460,7 @@ var Fields = memo8(FieldsInternal);
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css#css-module
 init_react_import();
-var styles_module_default19 = { "FieldsPlugin": "_FieldsPlugin_262zt_1", "FieldsPlugin-header": "_FieldsPlugin-header_262zt_7" };
+var styles_module_default19 = { "FieldsPlugin": "_FieldsPlugin_11j3y_1", "FieldsPlugin-header": "_FieldsPlugin-header_11j3y_7" };
 
 // plugins/fields/index.tsx
 import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -7405,6 +7406,9 @@ var isRootGlobal2 = (config) => {
 function splitGlobals(data, config) {
   var _a, _b, _c, _d;
   const extracted = __spreadValues({}, (_a = data.globals) != null ? _a : {});
+  if (LEGACY_GLOBAL_ROOT_KEY in extracted) {
+    delete extracted[LEGACY_GLOBAL_ROOT_KEY];
+  }
   function visit(node) {
     var _a2, _b2;
     const type = node.type;
@@ -9250,6 +9254,11 @@ import {
 import { jsx as jsx55 } from "react/jsx-runtime";
 var EDITOR_PATH = "/editor";
 var isServer = typeof window === "undefined";
+var normalizeEditorPath = (path) => {
+  if (!path || path === "/") return EDITOR_PATH;
+  const withLeading = path.startsWith("/") ? path : `/${path}`;
+  return withLeading.length > 1 && withLeading.endsWith("/") ? withLeading.slice(0, -1) : withLeading;
+};
 var seedGlobalsFromPages = (pages) => {
   const merged = {};
   for (const page of Object.values(pages)) {
@@ -9271,6 +9280,11 @@ function AppProvider({
   currentPath,
   children
 }) {
+  if (!pages || typeof pages !== "object") {
+    throw new Error(
+      "<App> requires a `pages` prop (a map of route \u2192 data). For a single-page setup with no routing, use <Editor> directly instead."
+    );
+  }
   const stablePages = useStableValue(pages);
   const [globals, setGlobals] = useState25(
     () => seedGlobalsFromPages(stablePages)
@@ -9278,7 +9292,7 @@ function AppProvider({
   const updateGlobals = useCallback26((next) => {
     setGlobals(next);
   }, []);
-  const resolvedEditorPath = editorPath === null ? null : editorPath || EDITOR_PATH;
+  const resolvedEditorPath = editorPath === null ? null : normalizeEditorPath(editorPath != null ? editorPath : EDITOR_PATH);
   const ctxValue = useMemo26(
     () => ({
       config,
@@ -9611,6 +9625,7 @@ init_react_import();
 export {
   overrideKeys,
   GLOBAL_ROOT_KEY,
+  LEGACY_GLOBAL_ROOT_KEY,
   setDeep,
   Button,
   FieldLabel,

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

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

package/dist/index.css

@@ -743,7 +743,7 @@ textarea._Input-input_zwh6e_27 {
   opacity: 0 !important;
 }
 [data-dnd-placeholder] {
-  background: var(--editor-color-azure-09) !important;
+  background: var(--editor-color-azure-09, #cfdff0) !important;
   border: none !important;
   color: #00000000 !important;
   opacity: 0.3 !important;
@@ -1920,12 +1920,12 @@ textarea._Input-input_zwh6e_27 {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_ie0on_1 {
+._DraggableComponent_1tskp_1 {
   position: absolute;
   pointer-events: none;
-  --overlay-background: color-mix( in srgb, var(--editor-color-azure-05) 14%, transparent );
+  --overlay-background: color-mix( in srgb, var(--editor-color-azure-08) 30%, transparent );
 }
-._DraggableComponent-overlayWrapper_ie0on_12 {
+._DraggableComponent-overlayWrapper_1tskp_12 {
   height: 100%;
   width: 100%;
   top: 0;
@@ -1934,18 +1934,17 @@ textarea._Input-input_zwh6e_27 {
   box-sizing: border-box;
   z-index: 1;
 }
-._DraggableComponent-overlay_ie0on_12 {
+._DraggableComponent-overlay_1tskp_12 {
   cursor: pointer;
   height: 100%;
-  outline: 1.5px var(--editor-accent) solid;
-  outline-offset: -1.5px;
+  outline: 2px var(--editor-color-azure-09) solid;
+  outline-offset: -2px;
   width: 100%;
-  transition: outline-color var(--editor-motion-fast) var(--editor-ease), background-color var(--editor-motion-fast) var(--editor-ease);
 }
-._DraggableComponent_ie0on_1:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
-  outline: 1px solid var(--editor-accent);
+._DraggableComponent_1tskp_1:focus-visible > ._DraggableComponent-overlayWrapper_1tskp_12 {
+  outline: 1px solid var(--editor-color-azure-05);
 }
-._DraggableComponent-loadingOverlay_ie0on_36 {
+._DraggableComponent-loadingOverlay_1tskp_34 {
   background: var(--editor-surface-panel);
   color: var(--editor-text-primary);
   border-radius: var(--editor-radius-md);
@@ -1961,41 +1960,40 @@ textarea._Input-input_zwh6e_27 {
   opacity: 0.85;
   z-index: 1;
 }
-._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
+._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
   background: var(--overlay-background);
-  outline: 1.5px var(--editor-accent) solid;
+  outline: 2px var(--editor-color-azure-09) solid;
 }
-._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
-  outline-color: var(--editor-accent-strong);
-  outline-width: 2px;
+._DraggableComponent--isSelected_1tskp_58 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
+  outline-color: var(--editor-color-azure-07);
 }
-._DraggableComponent--isGlobal_ie0on_69 {
+._DraggableComponent--isGlobal_1tskp_66 {
   --overlay-background: color-mix( in srgb, var(--editor-color-global) 14%, transparent );
 }
-._DraggableComponent--isGlobal_ie0on_69 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12,
-._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
+._DraggableComponent--isGlobal_1tskp_66 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12,
+._DraggableComponent--isGlobal_1tskp_66._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
   outline-color: var(--editor-color-global);
 }
-._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
+._DraggableComponent--isGlobal_1tskp_66._DraggableComponent--isSelected_1tskp_58 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
   outline-color: var(--editor-color-global-strong);
 }
-._DraggableComponent--isGlobal_ie0on_69:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
+._DraggableComponent--isGlobal_1tskp_66:focus-visible > ._DraggableComponent-overlayWrapper_1tskp_12 {
   outline-color: var(--editor-color-global);
 }
-._DraggableComponent_ie0on_1:has(._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12) > ._DraggableComponent-overlayWrapper_ie0on_12 {
+._DraggableComponent_1tskp_1:has(._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12) > ._DraggableComponent-overlayWrapper_1tskp_12 {
   display: none;
 }
-._DraggableComponent-actionsOverlay_ie0on_105 {
+._DraggableComponent-actionsOverlay_1tskp_102 {
   position: sticky;
   opacity: 0;
   pointer-events: none;
   z-index: 2;
 }
-._DraggableComponent--isSelected_ie0on_60 ._DraggableComponent-actionsOverlay_ie0on_105 {
+._DraggableComponent--isSelected_1tskp_58 ._DraggableComponent-actionsOverlay_1tskp_102 {
   opacity: 1;
   pointer-events: auto;
 }
-._DraggableComponent-actions_ie0on_105 {
+._DraggableComponent-actions_1tskp_102 {
   position: absolute;
   width: auto;
   cursor: grab;
@@ -2024,7 +2022,7 @@ textarea._Input-input_zwh6e_27 {
   cursor: pointer;
 }
 [data-dnd-placeholder] {
-  background: var(--editor-color-azure-06) !important;
+  background: var(--editor-color-azure-06, #6499cf) !important;
   border: none !important;
   color: #00000000 !important;
   opacity: 0.3 !important;
@@ -2038,9 +2036,15 @@ textarea._Input-input_zwh6e_27 {
 }
 [data-dnd-dragging][data-editor-component] {
   pointer-events: none !important;
-  outline: 2px var(--editor-color-azure-09) solid !important;
+  outline: 2px var(--editor-color-azure-09, #cfdff0) solid !important;
   outline-offset: -2px !important;
 }
+[data-dnd-dragging][data-editor-component] > :first-child {
+  margin-top: 0 !important;
+}
+[data-dnd-dragging][data-editor-component] > :last-child {
+  margin-bottom: 0 !important;
+}
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css/#css-module-data */
 ._DropZone_1h108_1 {
@@ -3144,13 +3148,14 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css/#css-module-data */
-._FieldsPlugin_262zt_1 {
-  background: white;
+._FieldsPlugin_11j3y_1 {
+  background: var(--editor-surface-panel);
   height: 100%;
   overflow-y: auto;
 }
-._FieldsPlugin-header_262zt_7 {
-  border-bottom: 1px solid var(--editor-color-grey-09);
+._FieldsPlugin-header_11j3y_7 {
+  border-bottom: 1px solid var(--editor-border-subtle);
+  color: var(--editor-text-primary);
   font-weight: 600;
   padding-bottom: 8px;
   padding-left: 16px;
@@ -3158,7 +3163,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   padding-top: 8px;
 }
 @media (min-width: 638px) {
-  ._FieldsPlugin-header_262zt_7 {
+  ._FieldsPlugin-header_11j3y_7 {
     padding: 16px;
   }
 }

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-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-D_rLbpVe.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-D_rLbpVe.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-Dq_FpsiR.mjs';
-import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-ByKXq8j5.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-BxpNoF2q.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-BxpNoF2q.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-uv_FsXcr.mjs';
+import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-YjPj7lv4.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
@@ -27,17 +27,25 @@ import '@tiptap/extension-underline';
  * via `synced: true`; synced instances render from this map (children + id
  * stay extrinsic).
  *
- * The reserved key `__root` (see {@link GLOBAL_ROOT_KEY}) holds shared props
+ * The reserved key `root` (see {@link GLOBAL_ROOT_KEY}) holds shared props
  * for the page root when `config.root.global !== false` and the page's
- * `data.root.synced` is not `false`.
+ * `data.root.synced` is not `false`. Matches `data.root` at the top level
+ * — same concept, same name.
  */
 type GlobalsMap = NonNullable<Data["globals"]>;
 /**
- * Reserved key inside `data.globals` that stores shared root props. Chosen
- * with a double underscore so it cannot collide with a user-defined component
- * type name.
+ * Reserved key inside `data.globals` that stores shared root props. Mirrors
+ * the top-level `data.root` field name so the concept is identifiable in
+ * both spots. Component types in this codebase are PascalCase by convention,
+ * so collision with a lowercase `root` component type is not a real concern.
  */
-declare const GLOBAL_ROOT_KEY: "__root";
+declare const GLOBAL_ROOT_KEY: "root";
+/**
+ * Legacy key — `data.globals` rows written by core 0.0.22 used this. The
+ * resolver / splitter reads from it as a fallback so stored data keeps
+ * resolving until callers re-publish. Safe to remove in a future major.
+ */
+declare const LEGACY_GLOBAL_ROOT_KEY: "__root";
 
 /**
  * A route key — the literal string used as a `pages` key in `<App>` and
@@ -597,4 +605,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRoute, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, EditorRoute, Field, FieldLabel, FieldProps, FieldTransforms, GLOBAL_ROOT_KEY, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, OnPublish, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };
+export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRoute, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, EditorRoute, Field, FieldLabel, FieldProps, FieldTransforms, GLOBAL_ROOT_KEY, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, LEGACY_GLOBAL_ROOT_KEY, Label, Metadata, type MoveDestination, OnAction, OnPublish, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-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-D_rLbpVe.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-D_rLbpVe.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-CklAwhBX.js';
-import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-jLN0kzKZ.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-BxpNoF2q.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-BxpNoF2q.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-BfVJmXEX.js';
+import { O as OnPublish, E as EditorRoute, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-XnBvIAmy.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
@@ -27,17 +27,25 @@ import '@tiptap/extension-underline';
  * via `synced: true`; synced instances render from this map (children + id
  * stay extrinsic).
  *
- * The reserved key `__root` (see {@link GLOBAL_ROOT_KEY}) holds shared props
+ * The reserved key `root` (see {@link GLOBAL_ROOT_KEY}) holds shared props
  * for the page root when `config.root.global !== false` and the page's
- * `data.root.synced` is not `false`.
+ * `data.root.synced` is not `false`. Matches `data.root` at the top level
+ * — same concept, same name.
  */
 type GlobalsMap = NonNullable<Data["globals"]>;
 /**
- * Reserved key inside `data.globals` that stores shared root props. Chosen
- * with a double underscore so it cannot collide with a user-defined component
- * type name.
+ * Reserved key inside `data.globals` that stores shared root props. Mirrors
+ * the top-level `data.root` field name so the concept is identifiable in
+ * both spots. Component types in this codebase are PascalCase by convention,
+ * so collision with a lowercase `root` component type is not a real concern.
  */
-declare const GLOBAL_ROOT_KEY: "__root";
+declare const GLOBAL_ROOT_KEY: "root";
+/**
+ * Legacy key — `data.globals` rows written by core 0.0.22 used this. The
+ * resolver / splitter reads from it as a fallback so stored data keeps
+ * resolving until callers re-publish. Safe to remove in a future major.
+ */
+declare const LEGACY_GLOBAL_ROOT_KEY: "__root";
 
 /**
  * A route key — the literal string used as a `pages` key in `<App>` and
@@ -597,4 +605,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRoute, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, EditorRoute, Field, FieldLabel, FieldProps, FieldTransforms, GLOBAL_ROOT_KEY, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, OnPublish, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };
+export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRoute, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, EditorRoute, Field, FieldLabel, FieldProps, FieldTransforms, GLOBAL_ROOT_KEY, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, LEGACY_GLOBAL_ROOT_KEY, Label, Metadata, type MoveDestination, OnAction, OnPublish, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };

package/dist/index.js

@@ -5588,6 +5588,7 @@ __export(index_exports, {
   GLOBAL_ROOT_KEY: () => GLOBAL_ROOT_KEY,
   Group: () => Group,
   IconButton: () => IconButton,
+  LEGACY_GLOBAL_ROOT_KEY: () => LEGACY_GLOBAL_ROOT_KEY,
   Label: () => Label,
   Render: () => Render,
   RichTextMenu: () => RichTextMenu,
@@ -5666,7 +5667,8 @@ init_react_import();
 
 // types/Globals.ts
 init_react_import();
-var GLOBAL_ROOT_KEY = "__root";
+var GLOBAL_ROOT_KEY = "root";
+var LEGACY_GLOBAL_ROOT_KEY = "__root";
 
 // types/Props.tsx
 init_react_import();
@@ -8337,7 +8339,7 @@ var import_react53 = require("react");
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css#css-module
 init_react_import();
-var styles_module_default19 = { "DraggableComponent": "_DraggableComponent_ie0on_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_ie0on_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_ie0on_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_ie0on_36", "DraggableComponent--hover": "_DraggableComponent--hover_ie0on_53", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_ie0on_60", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_ie0on_69", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_ie0on_105", "DraggableComponent-actions": "_DraggableComponent-actions_ie0on_105" };
+var styles_module_default19 = { "DraggableComponent": "_DraggableComponent_1tskp_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_1tskp_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_1tskp_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1tskp_34", "DraggableComponent--hover": "_DraggableComponent--hover_1tskp_51", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1tskp_58", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_1tskp_66", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1tskp_102", "DraggableComponent-actions": "_DraggableComponent-actions_1tskp_102" };
 
 // components/DraggableComponent/index.tsx
 init_get_class_name_factory();
@@ -9568,18 +9570,18 @@ function resolveItem(item, globals, config, visitedTypes) {
   return __spreadProps(__spreadValues({}, item), { props: mergedProps });
 }
 function resolveGlobals(data, config) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const globals = data.globals;
   if (!globals || Object.keys(globals).length === 0) return data;
   const visited = /* @__PURE__ */ new Set();
   const content = ((_a = data.content) != null ? _a : []).map(
     (item) => resolveItem(item, globals, config, visited)
   );
-  const rootGlobal = globals[GLOBAL_ROOT_KEY];
-  const rootSynced = ((_b = data.root) == null ? void 0 : _b.synced) !== false;
+  const rootGlobal = (_b = globals[GLOBAL_ROOT_KEY]) != null ? _b : globals[LEGACY_GLOBAL_ROOT_KEY];
+  const rootSynced = ((_c = data.root) == null ? void 0 : _c.synced) !== false;
   let nextRoot = data.root;
   if (isRootGlobal(config) && rootSynced && rootGlobal) {
-    const currentProps = (_d = (_c = data.root) == null ? void 0 : _c.props) != null ? _d : {};
+    const currentProps = (_e = (_d = data.root) == null ? void 0 : _d.props) != null ? _e : {};
     nextRoot = __spreadProps(__spreadValues({}, data.root), {
       props: __spreadValues(__spreadValues(__spreadValues({}, rootGlobal.props), currentProps.children !== void 0 ? { children: currentProps.children } : {}), currentProps.id !== void 0 ? { id: currentProps.id } : {})
     });
@@ -13102,6 +13104,9 @@ var isRootGlobal2 = (config) => {
 function splitGlobals(data, config) {
   var _a, _b, _c, _d;
   const extracted = __spreadValues({}, (_a = data.globals) != null ? _a : {});
+  if (LEGACY_GLOBAL_ROOT_KEY in extracted) {
+    delete extracted[LEGACY_GLOBAL_ROOT_KEY];
+  }
   function visit(node) {
     var _a2, _b2;
     const type = node.type;
@@ -14313,7 +14318,7 @@ init_store();
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css#css-module
 init_react_import();
-var styles_module_default34 = { "FieldsPlugin": "_FieldsPlugin_262zt_1", "FieldsPlugin-header": "_FieldsPlugin-header_262zt_7" };
+var styles_module_default34 = { "FieldsPlugin": "_FieldsPlugin_11j3y_1", "FieldsPlugin-header": "_FieldsPlugin-header_11j3y_7" };
 
 // plugins/fields/index.tsx
 init_lib();
@@ -15103,6 +15108,11 @@ var useApp = () => {
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var EDITOR_PATH = "/editor";
 var isServer = typeof window === "undefined";
+var normalizeEditorPath = (path) => {
+  if (!path || path === "/") return EDITOR_PATH;
+  const withLeading = path.startsWith("/") ? path : `/${path}`;
+  return withLeading.length > 1 && withLeading.endsWith("/") ? withLeading.slice(0, -1) : withLeading;
+};
 var seedGlobalsFromPages = (pages) => {
   const merged = {};
   for (const page of Object.values(pages)) {
@@ -15124,6 +15134,11 @@ function AppProvider({
   currentPath,
   children
 }) {
+  if (!pages || typeof pages !== "object") {
+    throw new Error(
+      "<App> requires a `pages` prop (a map of route \u2192 data). For a single-page setup with no routing, use <Editor> directly instead."
+    );
+  }
   const stablePages = useStableValue(pages);
   const [globals, setGlobals] = (0, import_react98.useState)(
     () => seedGlobalsFromPages(stablePages)
@@ -15131,7 +15146,7 @@ function AppProvider({
   const updateGlobals = (0, import_react98.useCallback)((next) => {
     setGlobals(next);
   }, []);
-  const resolvedEditorPath = editorPath === null ? null : editorPath || EDITOR_PATH;
+  const resolvedEditorPath = editorPath === null ? null : normalizeEditorPath(editorPath != null ? editorPath : EDITOR_PATH);
   const ctxValue = (0, import_react98.useMemo)(
     () => ({
       config,
@@ -15730,6 +15745,7 @@ var legacySideBarPlugin = () => ({
   GLOBAL_ROOT_KEY,
   Group,
   IconButton,
+  LEGACY_GLOBAL_ROOT_KEY,
   Label,
   Render,
   RichTextMenu,

package/dist/index.mjs

@@ -8,6 +8,7 @@ import {
   Editor,
   FieldLabel,
   GLOBAL_ROOT_KEY,
+  LEGACY_GLOBAL_ROOT_KEY,
   Render,
   appConfigContext,
   blocksPlugin,
@@ -26,7 +27,7 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-UOKINS3M.mjs";
+} from "./chunk-KX5236PM.mjs";
 import "./chunk-UEPLVAME.mjs";
 import {
   Action,
@@ -75,6 +76,7 @@ export {
   GLOBAL_ROOT_KEY,
   Group,
   IconButton,
+  LEGACY_GLOBAL_ROOT_KEY,
   Label,
   Render,
   RichTextMenu,

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-D_rLbpVe.mjs';
-import { A as AppStore } from './index-ByKXq8j5.mjs';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BxpNoF2q.mjs';
+import { A as AppStore } from './index-YjPj7lv4.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-D_rLbpVe.js';
-import { A as AppStore } from './index-jLN0kzKZ.js';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-BxpNoF2q.js';
+import { A as AppStore } from './index-XnBvIAmy.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/no-external.css

@@ -741,7 +741,7 @@ textarea._Input-input_zwh6e_27 {
   opacity: 0 !important;
 }
 [data-dnd-placeholder] {
-  background: var(--editor-color-azure-09) !important;
+  background: var(--editor-color-azure-09, #cfdff0) !important;
   border: none !important;
   color: #00000000 !important;
   opacity: 0.3 !important;
@@ -1918,12 +1918,12 @@ textarea._Input-input_zwh6e_27 {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_ie0on_1 {
+._DraggableComponent_1tskp_1 {
   position: absolute;
   pointer-events: none;
-  --overlay-background: color-mix( in srgb, var(--editor-color-azure-05) 14%, transparent );
+  --overlay-background: color-mix( in srgb, var(--editor-color-azure-08) 30%, transparent );
 }
-._DraggableComponent-overlayWrapper_ie0on_12 {
+._DraggableComponent-overlayWrapper_1tskp_12 {
   height: 100%;
   width: 100%;
   top: 0;
@@ -1932,18 +1932,17 @@ textarea._Input-input_zwh6e_27 {
   box-sizing: border-box;
   z-index: 1;
 }
-._DraggableComponent-overlay_ie0on_12 {
+._DraggableComponent-overlay_1tskp_12 {
   cursor: pointer;
   height: 100%;
-  outline: 1.5px var(--editor-accent) solid;
-  outline-offset: -1.5px;
+  outline: 2px var(--editor-color-azure-09) solid;
+  outline-offset: -2px;
   width: 100%;
-  transition: outline-color var(--editor-motion-fast) var(--editor-ease), background-color var(--editor-motion-fast) var(--editor-ease);
 }
-._DraggableComponent_ie0on_1:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
-  outline: 1px solid var(--editor-accent);
+._DraggableComponent_1tskp_1:focus-visible > ._DraggableComponent-overlayWrapper_1tskp_12 {
+  outline: 1px solid var(--editor-color-azure-05);
 }
-._DraggableComponent-loadingOverlay_ie0on_36 {
+._DraggableComponent-loadingOverlay_1tskp_34 {
   background: var(--editor-surface-panel);
   color: var(--editor-text-primary);
   border-radius: var(--editor-radius-md);
@@ -1959,41 +1958,40 @@ textarea._Input-input_zwh6e_27 {
   opacity: 0.85;
   z-index: 1;
 }
-._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
+._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
   background: var(--overlay-background);
-  outline: 1.5px var(--editor-accent) solid;
+  outline: 2px var(--editor-color-azure-09) solid;
 }
-._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
-  outline-color: var(--editor-accent-strong);
-  outline-width: 2px;
+._DraggableComponent--isSelected_1tskp_58 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
+  outline-color: var(--editor-color-azure-07);
 }
-._DraggableComponent--isGlobal_ie0on_69 {
+._DraggableComponent--isGlobal_1tskp_66 {
   --overlay-background: color-mix( in srgb, var(--editor-color-global) 14%, transparent );
 }
-._DraggableComponent--isGlobal_ie0on_69 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12,
-._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
+._DraggableComponent--isGlobal_1tskp_66 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12,
+._DraggableComponent--isGlobal_1tskp_66._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
   outline-color: var(--editor-color-global);
 }
-._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
+._DraggableComponent--isGlobal_1tskp_66._DraggableComponent--isSelected_1tskp_58 > ._DraggableComponent-overlayWrapper_1tskp_12 > ._DraggableComponent-overlay_1tskp_12 {
   outline-color: var(--editor-color-global-strong);
 }
-._DraggableComponent--isGlobal_ie0on_69:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
+._DraggableComponent--isGlobal_1tskp_66:focus-visible > ._DraggableComponent-overlayWrapper_1tskp_12 {
   outline-color: var(--editor-color-global);
 }
-._DraggableComponent_ie0on_1:has(._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12) > ._DraggableComponent-overlayWrapper_ie0on_12 {
+._DraggableComponent_1tskp_1:has(._DraggableComponent--hover_1tskp_51 > ._DraggableComponent-overlayWrapper_1tskp_12) > ._DraggableComponent-overlayWrapper_1tskp_12 {
   display: none;
 }
-._DraggableComponent-actionsOverlay_ie0on_105 {
+._DraggableComponent-actionsOverlay_1tskp_102 {
   position: sticky;
   opacity: 0;
   pointer-events: none;
   z-index: 2;
 }
-._DraggableComponent--isSelected_ie0on_60 ._DraggableComponent-actionsOverlay_ie0on_105 {
+._DraggableComponent--isSelected_1tskp_58 ._DraggableComponent-actionsOverlay_1tskp_102 {
   opacity: 1;
   pointer-events: auto;
 }
-._DraggableComponent-actions_ie0on_105 {
+._DraggableComponent-actions_1tskp_102 {
   position: absolute;
   width: auto;
   cursor: grab;
@@ -2022,7 +2020,7 @@ textarea._Input-input_zwh6e_27 {
   cursor: pointer;
 }
 [data-dnd-placeholder] {
-  background: var(--editor-color-azure-06) !important;
+  background: var(--editor-color-azure-06, #6499cf) !important;
   border: none !important;
   color: #00000000 !important;
   opacity: 0.3 !important;
@@ -2036,9 +2034,15 @@ textarea._Input-input_zwh6e_27 {
 }
 [data-dnd-dragging][data-editor-component] {
   pointer-events: none !important;
-  outline: 2px var(--editor-color-azure-09) solid !important;
+  outline: 2px var(--editor-color-azure-09, #cfdff0) solid !important;
   outline-offset: -2px !important;
 }
+[data-dnd-dragging][data-editor-component] > :first-child {
+  margin-top: 0 !important;
+}
+[data-dnd-dragging][data-editor-component] > :last-child {
+  margin-bottom: 0 !important;
+}
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css/#css-module-data */
 ._DropZone_1h108_1 {
@@ -3142,13 +3146,14 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
 }
 
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css/#css-module-data */
-._FieldsPlugin_262zt_1 {
-  background: white;
+._FieldsPlugin_11j3y_1 {
+  background: var(--editor-surface-panel);
   height: 100%;
   overflow-y: auto;
 }
-._FieldsPlugin-header_262zt_7 {
-  border-bottom: 1px solid var(--editor-color-grey-09);
+._FieldsPlugin-header_11j3y_7 {
+  border-bottom: 1px solid var(--editor-border-subtle);
+  color: var(--editor-text-primary);
   font-weight: 600;
   padding-bottom: 8px;
   padding-left: 16px;
@@ -3156,7 +3161,7 @@ body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
   padding-top: 8px;
 }
 @media (min-width: 638px) {
-  ._FieldsPlugin-header_262zt_7 {
+  ._FieldsPlugin-header_11j3y_7 {
     padding: 16px;
   }
 }

package/dist/no-external.d.mts

@@ -1,7 +1,7 @@
-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-D_rLbpVe.mjs';
-export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRoute, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GLOBAL_ROOT_KEY, 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-Dq_FpsiR.mjs';
-export { E as EditorRoute, O as OnPublish } from './index-ByKXq8j5.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-BxpNoF2q.mjs';
+export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRoute, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GLOBAL_ROOT_KEY, GlobalsMap, Group, IconButton, InsertComponentArgs, LEGACY_GLOBAL_ROOT_KEY, 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-uv_FsXcr.mjs';
+export { E as EditorRoute, O as OnPublish } from './index-YjPj7lv4.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/no-external.d.ts

@@ -1,7 +1,7 @@
-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-D_rLbpVe.js';
-export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRoute, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GLOBAL_ROOT_KEY, 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-CklAwhBX.js';
-export { E as EditorRoute, O as OnPublish } from './index-jLN0kzKZ.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-BxpNoF2q.js';
+export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRoute, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GLOBAL_ROOT_KEY, GlobalsMap, Group, IconButton, InsertComponentArgs, LEGACY_GLOBAL_ROOT_KEY, 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-BfVJmXEX.js';
+export { E as EditorRoute, O as OnPublish } from './index-XnBvIAmy.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/no-external.js

@@ -5588,6 +5588,7 @@ __export(no_external_exports, {
   GLOBAL_ROOT_KEY: () => GLOBAL_ROOT_KEY,
   Group: () => Group,
   IconButton: () => IconButton,
+  LEGACY_GLOBAL_ROOT_KEY: () => LEGACY_GLOBAL_ROOT_KEY,
   Label: () => Label,
   Render: () => Render,
   RichTextMenu: () => RichTextMenu,
@@ -5666,7 +5667,8 @@ init_react_import();
 
 // types/Globals.ts
 init_react_import();
-var GLOBAL_ROOT_KEY = "__root";
+var GLOBAL_ROOT_KEY = "root";
+var LEGACY_GLOBAL_ROOT_KEY = "__root";
 
 // types/Props.tsx
 init_react_import();
@@ -8337,7 +8339,7 @@ var import_react53 = require("react");
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css#css-module
 init_react_import();
-var styles_module_default19 = { "DraggableComponent": "_DraggableComponent_ie0on_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_ie0on_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_ie0on_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_ie0on_36", "DraggableComponent--hover": "_DraggableComponent--hover_ie0on_53", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_ie0on_60", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_ie0on_69", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_ie0on_105", "DraggableComponent-actions": "_DraggableComponent-actions_ie0on_105" };
+var styles_module_default19 = { "DraggableComponent": "_DraggableComponent_1tskp_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_1tskp_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_1tskp_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1tskp_34", "DraggableComponent--hover": "_DraggableComponent--hover_1tskp_51", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1tskp_58", "DraggableComponent--isGlobal": "_DraggableComponent--isGlobal_1tskp_66", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1tskp_102", "DraggableComponent-actions": "_DraggableComponent-actions_1tskp_102" };
 
 // components/DraggableComponent/index.tsx
 init_get_class_name_factory();
@@ -9568,18 +9570,18 @@ function resolveItem(item, globals, config, visitedTypes) {
   return __spreadProps(__spreadValues({}, item), { props: mergedProps });
 }
 function resolveGlobals(data, config) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const globals = data.globals;
   if (!globals || Object.keys(globals).length === 0) return data;
   const visited = /* @__PURE__ */ new Set();
   const content = ((_a = data.content) != null ? _a : []).map(
     (item) => resolveItem(item, globals, config, visited)
   );
-  const rootGlobal = globals[GLOBAL_ROOT_KEY];
-  const rootSynced = ((_b = data.root) == null ? void 0 : _b.synced) !== false;
+  const rootGlobal = (_b = globals[GLOBAL_ROOT_KEY]) != null ? _b : globals[LEGACY_GLOBAL_ROOT_KEY];
+  const rootSynced = ((_c = data.root) == null ? void 0 : _c.synced) !== false;
   let nextRoot = data.root;
   if (isRootGlobal(config) && rootSynced && rootGlobal) {
-    const currentProps = (_d = (_c = data.root) == null ? void 0 : _c.props) != null ? _d : {};
+    const currentProps = (_e = (_d = data.root) == null ? void 0 : _d.props) != null ? _e : {};
     nextRoot = __spreadProps(__spreadValues({}, data.root), {
       props: __spreadValues(__spreadValues(__spreadValues({}, rootGlobal.props), currentProps.children !== void 0 ? { children: currentProps.children } : {}), currentProps.id !== void 0 ? { id: currentProps.id } : {})
     });
@@ -13102,6 +13104,9 @@ var isRootGlobal2 = (config) => {
 function splitGlobals(data, config) {
   var _a, _b, _c, _d;
   const extracted = __spreadValues({}, (_a = data.globals) != null ? _a : {});
+  if (LEGACY_GLOBAL_ROOT_KEY in extracted) {
+    delete extracted[LEGACY_GLOBAL_ROOT_KEY];
+  }
   function visit(node) {
     var _a2, _b2;
     const type = node.type;
@@ -14313,7 +14318,7 @@ init_store();
 
 // css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css#css-module
 init_react_import();
-var styles_module_default34 = { "FieldsPlugin": "_FieldsPlugin_262zt_1", "FieldsPlugin-header": "_FieldsPlugin-header_262zt_7" };
+var styles_module_default34 = { "FieldsPlugin": "_FieldsPlugin_11j3y_1", "FieldsPlugin-header": "_FieldsPlugin-header_11j3y_7" };
 
 // plugins/fields/index.tsx
 init_lib();
@@ -15103,6 +15108,11 @@ var useApp = () => {
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var EDITOR_PATH = "/editor";
 var isServer = typeof window === "undefined";
+var normalizeEditorPath = (path) => {
+  if (!path || path === "/") return EDITOR_PATH;
+  const withLeading = path.startsWith("/") ? path : `/${path}`;
+  return withLeading.length > 1 && withLeading.endsWith("/") ? withLeading.slice(0, -1) : withLeading;
+};
 var seedGlobalsFromPages = (pages) => {
   const merged = {};
   for (const page of Object.values(pages)) {
@@ -15124,6 +15134,11 @@ function AppProvider({
   currentPath,
   children
 }) {
+  if (!pages || typeof pages !== "object") {
+    throw new Error(
+      "<App> requires a `pages` prop (a map of route \u2192 data). For a single-page setup with no routing, use <Editor> directly instead."
+    );
+  }
   const stablePages = useStableValue(pages);
   const [globals, setGlobals] = (0, import_react98.useState)(
     () => seedGlobalsFromPages(stablePages)
@@ -15131,7 +15146,7 @@ function AppProvider({
   const updateGlobals = (0, import_react98.useCallback)((next) => {
     setGlobals(next);
   }, []);
-  const resolvedEditorPath = editorPath === null ? null : editorPath || EDITOR_PATH;
+  const resolvedEditorPath = editorPath === null ? null : normalizeEditorPath(editorPath != null ? editorPath : EDITOR_PATH);
   const ctxValue = (0, import_react98.useMemo)(
     () => ({
       config,
@@ -15730,6 +15745,7 @@ var legacySideBarPlugin = () => ({
   GLOBAL_ROOT_KEY,
   Group,
   IconButton,
+  LEGACY_GLOBAL_ROOT_KEY,
   Label,
   Render,
   RichTextMenu,

package/dist/no-external.mjs

@@ -8,6 +8,7 @@ import {
   Editor,
   FieldLabel,
   GLOBAL_ROOT_KEY,
+  LEGACY_GLOBAL_ROOT_KEY,
   Render,
   appConfigContext,
   blocksPlugin,
@@ -26,7 +27,7 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-UOKINS3M.mjs";
+} from "./chunk-KX5236PM.mjs";
 import "./chunk-UEPLVAME.mjs";
 import {
   Action,
@@ -75,6 +76,7 @@ export {
   GLOBAL_ROOT_KEY,
   Group,
   IconButton,
+  LEGACY_GLOBAL_ROOT_KEY,
   Label,
   Render,
   RichTextMenu,

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-D_rLbpVe.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-Dq_FpsiR.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-BxpNoF2q.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-uv_FsXcr.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-D_rLbpVe.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-CklAwhBX.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-BxpNoF2q.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-BfVJmXEX.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/{walk-tree-CklAwhBX.d.ts → walk-tree-BfVJmXEX.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-D_rLbpVe.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-BxpNoF2q.js';
 
 type GetRoutePropsOptions = {
     /** Defaults to "/editor". Pass null to skip editor-prefix handling. */

package/dist/{walk-tree-Dq_FpsiR.d.mts → walk-tree-uv_FsXcr.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-D_rLbpVe.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-BxpNoF2q.mjs';
 
 type GetRoutePropsOptions = {
     /** Defaults to "/editor". Pass null to skip editor-prefix handling. */

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@reacteditor/core",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "The open-source visual editor for React",
   "author": "Frontend AI, Inc.",
   "repository": "reacteditor/editor",
   "bugs": "https://github.com/reacteditor/editor/issues",
   "homepage": "https://reacteditor.dev",
   "keywords": [
+    "ai",
     "editor",
     "visual",
-    "editor",
     "react",
     "drag and drop",
     "dnd",
@@ -93,7 +93,6 @@
     "@types/object-hash": "^3.0.6",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "@types/uuid": "^10.0.0",
     "css-box-model": "^1.2.1",
     "eslint": "^7.32.0",
     "eslint-config-custom": "*",
@@ -146,8 +145,8 @@
     "object-hash": "^3.0.0",
     "react-hotkeys-hook": "^4.6.1",
     "use-debounce": "^9.0.4",
-    "uuid": "^9.0.1",
-    "zustand": "^5.0.3"
+    "uuid": "^11.1.1",
+    "zustand": "^5.0.13"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",