@puckeditor/core 0.22.0-canary.d4985bc0 → 0.22.0-canary.e741fbb0

package/dist/{Editor-NK3TZSR6.mjs → Editor-B4XBFE6T.mjs}

@@ -4,20 +4,20 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-RHVK562Z.mjs";
+} from "./chunk-MODCHPUF.mjs";
 import "./chunk-AOEDIUVK.mjs";
-import "./chunk-5V242HXR.mjs";
-import "./chunk-MSZPUXZP.mjs";
-import "./chunk-KOUWDQ4Q.mjs";
-import "./chunk-SKJTJUWU.mjs";
+import "./chunk-LFUXRW6C.mjs";
+import "./chunk-FVCNE73M.mjs";
+import "./chunk-IRT55QMB.mjs";
+import "./chunk-R27N4Y2L.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-UMTU6EA7.mjs";
-import "./chunk-37HTE4KO.mjs";
-import "./chunk-MDUBGHWF.mjs";
+} from "./chunk-TTQH6OMN.mjs";
+import "./chunk-YLLE6KXH.mjs";
+import "./chunk-6MDV6FPH.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-PMXRXC2B.mjs";
+import "./chunk-754HNMU2.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{actions-BrxBrqKj.d.mts → actions-WBE4JXM_.d.mts}

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {
@@ -430,6 +430,7 @@ UserField extends BaseField = {}> = {
         metadata: ComponentMetadata;
         trigger: ResolveDataTrigger;
         parent: ComponentData | null;
+        root: ComponentData | null;
     }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {
@@ -733,7 +734,6 @@ type Permissions = {
 type IframeConfig = {
     enabled?: boolean;
     waitForStyles?: boolean;
-    srcDoc?: string;
 };
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
@@ -836,4 +836,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type ComponentConfigParams as $, type AppState as A, type FieldTransformFnParams as B, type Config as C, type Data as D, type FieldTransformFn as E, type Fields as F, overrideKeys as G, type History as H, type IframeConfig as I, type OverrideKey as J, type FieldRenderFunctions as K, type ItemWithId as L, type Metadata as M, type ArrayState as N, type OnAction as O, type PrivateAppState as P, type SlotComponent as Q, type RootData as R, type Slot as S, type PuckComponent as T, type UserGenerics as U, type Viewports as V, type WithId as W, type ComponentConfigExtensions as X, type RootConfig as Y, type ExtractConfigParams as Z, type ConfigParams as _, type PuckAction as a, type BaseData as a0, type RootDataWithoutProps as a1, type ComponentDataOptionalId as a2, type MappedItem as a3, type ComponentDataMap as a4, type PuckMetadata as a5, type ComponentMetadata as a6, type FieldMetadata as a7, type BaseField as a8, type TextField as a9, type NumberField as aa, type TextareaField as ab, type SelectField as ac, type RadioField as ad, type ArrayField as ae, type ObjectField as af, type Adaptor as ag, type ExternalFieldWithAdaptor as ah, type CacheOpts as ai, type ExternalField as aj, type CustomFieldRender as ak, type CustomField as al, type SlotField as am, type PuckContext as an, type DefaultRootRenderProps as ao, type DefaultRootProps as ap, type WithPuckProps as aq, type AsFieldProps as ar, type WithChildren as as, type ExtractField as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type WithSlotProps as v, type RichText as w, type Direction as x, type DragAxis as y, type Viewport as z };
+export { type ExternalField as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type CacheOpts as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootData as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type PuckAction as a, type ExternalFieldWithAdaptor as a0, type ExtractConfigParams as a1, type ExtractField as a2, type FieldMetadata as a3, type FieldRenderFunctions as a4, type FieldTransformFn as a5, type FieldTransformFnParams as a6, type ItemWithId as a7, type MappedItem as a8, type NumberField as a9, type ObjectField as aa, type OverrideKey as ab, type PuckComponent as ac, type PuckContext as ad, type PuckMetadata as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type Adaptor as v, type ArrayField as w, type ArrayState as x, type AsFieldProps as y, type BaseField as z };

package/dist/{actions-BrxBrqKj.d.ts → actions-WBE4JXM_.d.ts}

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {
@@ -430,6 +430,7 @@ UserField extends BaseField = {}> = {
         metadata: ComponentMetadata;
         trigger: ResolveDataTrigger;
         parent: ComponentData | null;
+        root: ComponentData | null;
     }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {
@@ -733,7 +734,6 @@ type Permissions = {
 type IframeConfig = {
     enabled?: boolean;
     waitForStyles?: boolean;
-    srcDoc?: string;
 };
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
@@ -836,4 +836,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type ComponentConfigParams as $, type AppState as A, type FieldTransformFnParams as B, type Config as C, type Data as D, type FieldTransformFn as E, type Fields as F, overrideKeys as G, type History as H, type IframeConfig as I, type OverrideKey as J, type FieldRenderFunctions as K, type ItemWithId as L, type Metadata as M, type ArrayState as N, type OnAction as O, type PrivateAppState as P, type SlotComponent as Q, type RootData as R, type Slot as S, type PuckComponent as T, type UserGenerics as U, type Viewports as V, type WithId as W, type ComponentConfigExtensions as X, type RootConfig as Y, type ExtractConfigParams as Z, type ConfigParams as _, type PuckAction as a, type BaseData as a0, type RootDataWithoutProps as a1, type ComponentDataOptionalId as a2, type MappedItem as a3, type ComponentDataMap as a4, type PuckMetadata as a5, type ComponentMetadata as a6, type FieldMetadata as a7, type BaseField as a8, type TextField as a9, type NumberField as aa, type TextareaField as ab, type SelectField as ac, type RadioField as ad, type ArrayField as ae, type ObjectField as af, type Adaptor as ag, type ExternalFieldWithAdaptor as ah, type CacheOpts as ai, type ExternalField as aj, type CustomFieldRender as ak, type CustomField as al, type SlotField as am, type PuckContext as an, type DefaultRootRenderProps as ao, type DefaultRootProps as ap, type WithPuckProps as aq, type AsFieldProps as ar, type WithChildren as as, type ExtractField as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type WithSlotProps as v, type RichText as w, type Direction as x, type DragAxis as y, type Viewport as z };
+export { type ExternalField as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type CacheOpts as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootData as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type PuckAction as a, type ExternalFieldWithAdaptor as a0, type ExtractConfigParams as a1, type ExtractField as a2, type FieldMetadata as a3, type FieldRenderFunctions as a4, type FieldTransformFn as a5, type FieldTransformFnParams as a6, type ItemWithId as a7, type MappedItem as a8, type NumberField as a9, type ObjectField as aa, type OverrideKey as ab, type PuckComponent as ac, type PuckContext as ad, type PuckMetadata as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type Adaptor as v, type ArrayField as w, type ArrayState as x, type AsFieldProps as y, type BaseField as z };

package/dist/{chunk-MDUBGHWF.mjs → chunk-6MDV6FPH.mjs}

@@ -1,6 +1,7 @@
 import {
-  mapFields
-} from "./chunk-PMXRXC2B.mjs";
+  mapFields,
+  toComponent
+} from "./chunk-754HNMU2.mjs";
 import {
   __async,
   __spreadProps,
@@ -17,15 +18,6 @@ var defaultViewports = [
   { width: "100%", height: "auto", icon: "FullWidth", label: "Full-width" }
 ];
 
-// lib/data/to-component.ts
-init_react_import();
-var toComponent = (item) => {
-  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
-    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
-    type: "root"
-  });
-};
-
 // lib/resolve-component-data.ts
 init_react_import();
 
@@ -45,11 +37,12 @@ var getChanged = (newItem, oldItem) => {
 // lib/resolve-component-data.ts
 import { deepEqual as deepEqual2 } from "fast-equals";
 var cache = { lastChange: {} };
-var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null) {
+var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null, root = null) {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
   const resolvedItem = __spreadValues({}, item);
   const shouldRunResolver = (configForItem == null ? void 0 : configForItem.resolveData) && item.props;
   const id = "id" in item.props ? item.props.id : "root";
+  const rootForItem = root != null ? root : "type" in item && item.type === "root" ? toComponent(item) : null;
   if (shouldRunResolver) {
     const {
       item: oldItem = null,
@@ -72,7 +65,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
       lastData: oldItem,
       metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
       trigger,
-      parent
+      parent,
+      root: rootForItem
     });
     resolvedItem.props = __spreadValues(__spreadValues({}, item.props), resolvedProps);
     if (Object.keys(readOnly).length) {
@@ -80,6 +74,7 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
     }
   }
   const itemAsComponentData = toComponent(resolvedItem);
+  const rootForChildren = itemAsComponentData.type === "root" ? itemAsComponentData : rootForItem;
   let itemWithResolvedChildren = yield mapFields(
     resolvedItem,
     {
@@ -95,7 +90,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
                 onResolveStart,
                 onResolveEnd,
                 trigger,
-                itemAsComponentData
+                itemAsComponentData,
+                rootForChildren
               )).node;
             })
           )
@@ -150,7 +146,6 @@ var defaultAppState = {
 export {
   defaultViewports,
   getChanged,
-  toComponent,
   resolveComponentData,
   defaultAppState
 };

package/dist/{chunk-PMXRXC2B.mjs → chunk-754HNMU2.mjs}

@@ -267,6 +267,15 @@ var expandNode = (node) => {
   });
 };
 
+// lib/data/to-component.ts
+init_react_import();
+var toComponent = (item) => {
+  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
+    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
+    type: "root"
+  });
+};
+
 // lib/data/walk-app-state.ts
 init_react_import();
 
@@ -358,7 +367,7 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
       id
     });
     processRelatedZones(item, id, path);
-    const newItem = __spreadProps(__spreadValues({}, item), { props: newProps });
+    const newItem = __spreadProps(__spreadValues({}, mappedItem), { props: newProps });
     const thisZoneCompound = path[path.length - 1];
     const [parentId, zone] = thisZoneCompound ? thisZoneCompound.split(":") : [null, ""];
     newNodeIndex[id] = {
@@ -398,17 +407,14 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
     );
     newZones[zoneCompound] = newContent2;
   }, newZones);
-  const processedRoot = processItem(
-    {
-      type: "root",
-      props: __spreadProps(__spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root), { id: "root" })
-    },
-    [],
-    -1
-  );
-  const root = __spreadProps(__spreadValues({}, state.data.root), {
-    props: processedRoot.props
+  let rootAsComponent = toComponent({
+    props: __spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root)
   });
+  if (state.data.root.readOnly) {
+    rootAsComponent.readOnly = state.data.root.readOnly;
+  }
+  const processedRoot = processItem(rootAsComponent, [], -1);
+  const root = __spreadValues(__spreadValues({}, state.data.root), processedRoot);
   return __spreadProps(__spreadValues({}, state), {
     data: {
       root,
@@ -449,6 +455,7 @@ export {
   walkField,
   mapFields,
   expandNode,
+  toComponent,
   walkAppState,
   generateId,
   walkTree,

package/dist/{chunk-MSZPUXZP.mjs → chunk-FVCNE73M.mjs}

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

package/dist/{chunk-KOUWDQ4Q.mjs → chunk-IRT55QMB.mjs}

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

package/dist/{chunk-5V242HXR.mjs → chunk-LFUXRW6C.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-MSZPUXZP.mjs";
+} from "./chunk-FVCNE73M.mjs";
 import {
   useHeadingOptions
-} from "./chunk-KOUWDQ4Q.mjs";
+} from "./chunk-IRT55QMB.mjs";
 import {
   useListOptions
-} from "./chunk-SKJTJUWU.mjs";
+} from "./chunk-R27N4Y2L.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-UMTU6EA7.mjs";
+} from "./chunk-TTQH6OMN.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-362ACKSQ.mjs").then((m) => ({
+  () => import("./loaded-33PTDNED.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-DIHUQBWF.mjs").then((m) => ({
+  () => import("./loaded-ON3FMYL5.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-SJJ63OY2.mjs").then((m) => ({
+  () => import("./loaded-S64W25CI.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-TNORMHZU.mjs → chunk-LWA6664X.mjs}

@@ -3,9 +3,8 @@ import {
 } from "./chunk-AOEDIUVK.mjs";
 import {
   defaultAppState,
-  resolveComponentData,
-  toComponent
-} from "./chunk-MDUBGHWF.mjs";
+  resolveComponentData
+} from "./chunk-6MDV6FPH.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -13,9 +12,10 @@ import {
   generateId,
   getZoneId,
   mapFields,
+  toComponent,
   walkAppState,
   walkTree
-} from "./chunk-PMXRXC2B.mjs";
+} from "./chunk-754HNMU2.mjs";
 import {
   __async,
   __objRest,
@@ -211,7 +211,7 @@ function resolveAllData(_0, _1) {
     const defaultedData = defaultData(data);
     const zonesByComponent = groupZonesByComponent(defaultedData);
     let resolvedZones = {};
-    const resolveNode = (_node, parent) => __async(null, null, function* () {
+    const resolveNode = (_node, parent, root) => __async(null, null, function* () {
       const node = toComponent(_node);
       onResolveStart == null ? void 0 : onResolveStart(node);
       const resolved = (yield resolveComponentData(
@@ -223,13 +223,15 @@ function resolveAllData(_0, _1) {
         () => {
         },
         "force",
-        parent
+        parent,
+        root
       )).node;
       const resolvedAsComponent = toComponent(resolved);
+      const rootForChildren = resolvedAsComponent.type === "root" ? resolvedAsComponent : root;
       const resolvedDeepPromise = mapFields(
         resolved,
         {
-          slot: ({ value }) => processContent(value, resolvedAsComponent)
+          slot: ({ value }) => processContent(value, resolvedAsComponent, rootForChildren)
         },
         config
       );
@@ -239,7 +241,8 @@ function resolveAllData(_0, _1) {
           (_02) => __async(null, [_02], function* ({ zoneCompound, content }) {
             resolvedZones[zoneCompound] = yield processContent(
               content,
-              resolvedAsComponent
+              resolvedAsComponent,
+              rootForChildren
             );
           })
         );
@@ -249,13 +252,14 @@ function resolveAllData(_0, _1) {
       onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
       return resolvedDeep;
     });
-    const processContent = (content, parent) => __async(null, null, function* () {
-      return Promise.all(content.map((item) => resolveNode(item, parent)));
+    const processContent = (content, parent, root) => __async(null, null, function* () {
+      return Promise.all(content.map((item) => resolveNode(item, parent, root)));
     });
     const result = defaultData({});
-    result.root = yield resolveNode(defaultedData.root, null);
+    result.root = yield resolveNode(defaultedData.root, null, null);
     result.content = yield processContent(
       defaultedData.content,
+      toComponent(result.root),
       toComponent(result.root)
     );
     result.zones = resolvedZones;

package/dist/{chunk-RHVK562Z.mjs → chunk-MODCHPUF.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-AOEDIUVK.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-5V242HXR.mjs";
+} from "./chunk-LFUXRW6C.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-UMTU6EA7.mjs";
+} from "./chunk-TTQH6OMN.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-KLPRWVS4.mjs").then((m) => ({
+  () => import("./full-JULOSDQK.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{chunk-SKJTJUWU.mjs → chunk-R27N4Y2L.mjs}

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

package/dist/{chunk-UMTU6EA7.mjs → chunk-TTQH6OMN.mjs}

@@ -2,20 +2,21 @@ import {
   createReducer,
   getItem,
   makeStatePublic
-} from "./chunk-37HTE4KO.mjs";
+} from "./chunk-YLLE6KXH.mjs";
 import {
   defaultAppState,
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-MDUBGHWF.mjs";
+} from "./chunk-6MDV6FPH.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
   generateId,
+  toComponent,
   walkAppState
-} from "./chunk-PMXRXC2B.mjs";
+} from "./chunk-754HNMU2.mjs";
 import {
   __async,
   __objRest,
@@ -649,7 +650,8 @@ var keyCodeMap = {
   KeyY: "y",
   KeyZ: "z",
   Delete: "delete",
-  Backspace: "backspace"
+  Backspace: "backspace",
+  AltRight: "altRight"
 };
 var useHotkeyStore = create()(
   subscribeWithSelector((set) => ({
@@ -662,6 +664,10 @@ var useHotkeyStore = create()(
 );
 var monitorHotkeys = (doc) => {
   const onKeyDown = (e) => {
+    if (e.getModifierState("AltGraph")) {
+      useHotkeyStore.getState().hold("altRight");
+      return;
+    }
     const key = keyCodeMap[e.code];
     if (key) {
       useHotkeyStore.getState().hold(key);
@@ -685,6 +691,10 @@ var monitorHotkeys = (doc) => {
     }
   };
   const onKeyUp = (e) => {
+    if (!e.getModifierState("AltGraph") && e.code === "ControlRight") {
+      useHotkeyStore.getState().release("altRight");
+      return;
+    }
     const key = keyCodeMap[e.code];
     if (key) {
       if (key === "meta") {
@@ -842,54 +852,49 @@ function useRegisterHistorySlice(appStore, {
   const forward = () => {
     appStore.getState().history.forward();
   };
-  useHotkey({ meta: true, z: true }, back);
-  useHotkey({ meta: true, shift: true, z: true }, forward);
-  useHotkey({ meta: true, y: true }, forward);
-  useHotkey({ ctrl: true, z: true }, back);
-  useHotkey({ ctrl: true, shift: true, z: true }, forward);
-  useHotkey({ ctrl: true, y: true }, forward);
+  useHotkey({ altRight: false, meta: true, z: true }, back);
+  useHotkey({ altRight: false, meta: true, shift: true, z: true }, forward);
+  useHotkey({ altRight: false, meta: true, y: true }, forward);
+  useHotkey({ altRight: false, ctrl: true, z: true }, back);
+  useHotkey({ altRight: false, ctrl: true, shift: true, z: true }, forward);
+  useHotkey({ altRight: false, ctrl: true, y: true }, forward);
 }
 
 // store/slices/nodes.ts
 init_react_import();
-var createNodesSlice = (set, get) => ({
-  nodes: {},
-  registerNode: (id, node) => {
-    const s = get().nodes;
-    const emptyNode = {
-      id,
-      methods: {
-        sync: () => null,
-        hideOverlay: () => null,
-        showOverlay: () => null
-      },
-      element: null
-    };
-    const existingNode = s.nodes[id];
-    set({
-      nodes: __spreadProps(__spreadValues({}, s), {
-        nodes: __spreadProps(__spreadValues({}, s.nodes), {
-          [id]: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, emptyNode), existingNode), node), {
-            id
-          })
-        })
-      })
-    });
-  },
-  unregisterNode: (id) => {
-    const s = get().nodes;
-    const existingNode = s.nodes[id];
-    if (existingNode) {
-      const newNodes = __spreadValues({}, s.nodes);
-      delete newNodes[id];
-      set({
-        nodes: __spreadProps(__spreadValues({}, s), {
-          nodes: newNodes
-        })
+var createNodesSlice = (_set, _get) => {
+  const registry = /* @__PURE__ */ new Map();
+  return {
+    registerNode: (id, handle) => {
+      registry.set(id, handle);
+    },
+    unregisterNode: (id) => {
+      registry.delete(id);
+    },
+    syncNode: (id) => {
+      var _a;
+      if (!id) return;
+      (_a = registry.get(id)) == null ? void 0 : _a.sync();
+    },
+    syncNodes: (ids) => {
+      ids.forEach((id) => {
+        var _a;
+        if (!id) return;
+        (_a = registry.get(id)) == null ? void 0 : _a.sync();
       });
+    },
+    setOverlayVisible: (id, visible) => {
+      if (!id) return;
+      const node = registry.get(id);
+      if (!node) return;
+      if (visible) {
+        node.showOverlay();
+        return;
+      }
+      node.hideOverlay();
     }
-  }
-});
+  };
+};
 
 // store/slices/permissions.ts
 init_react_import();
@@ -1173,6 +1178,8 @@ var createAppStore = (initialAppStore) => create2()(
       },
       status: "LOADING",
       iframe: {},
+      _experimentalFullScreenCanvas: false,
+      _experimentalVirtualization: false,
       metadata: {},
       fieldTransforms: {}
     }, initialAppStore), {
@@ -1280,6 +1287,7 @@ var createAppStore = (initialAppStore) => create2()(
         const parentId = (_a2 = state.indexes.nodes[componentId]) == null ? void 0 : _a2.parentId;
         const parentNode = parentId ? state.indexes.nodes[parentId] : null;
         const parentData = (_b2 = parentNode == null ? void 0 : parentNode.data) != null ? _b2 : null;
+        const rootData = componentId === "root" ? toComponent(componentData) : toComponent(state.data.root);
         const timeouts = {};
         return yield resolveComponentData(
           componentData,
@@ -1299,7 +1307,8 @@ var createAppStore = (initialAppStore) => create2()(
             timeouts[id]();
           }),
           trigger,
-          parentData
+          parentData,
+          rootData
         );
       }),
       resolveAndCommitData: () => __async(null, null, function* () {
@@ -1308,7 +1317,8 @@ var createAppStore = (initialAppStore) => create2()(
           state,
           config,
           (content) => content,
-          (childItem) => {
+          (childItem, path) => {
+            if (path.length > 1) return childItem;
             resolveComponentData2(childItem, "load").then((resolved) => {
               const { state: state2 } = get();
               const node = state2.indexes.nodes[resolved.node.props.id];
@@ -1732,6 +1742,7 @@ export {
   useRegisterHistorySlice,
   useRegisterPermissionsSlice,
   useRegisterFieldsSlice,
+  toRoot,
   createAppStore,
   appStoreContext,
   useAppStore,

package/dist/{chunk-37HTE4KO.mjs → chunk-YLLE6KXH.mjs}

@@ -4,7 +4,7 @@ import {
   setupZone,
   walkAppState,
   walkTree
-} from "./chunk-PMXRXC2B.mjs";
+} from "./chunk-754HNMU2.mjs";
 import {
   __spreadProps,
   __spreadValues,