@reacteditor/core 0.0.6 → 0.0.7

package/dist/{chunk-HCFEY5Y7.mjs → chunk-W5I2Z7QS.mjs}

@@ -1,7 +1,7 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-DB4R5IWG.mjs";
+} from "./chunk-RNRHREWH.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -10,13 +10,13 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-275EJPEB.mjs";
+} from "./chunk-TI3KC54Y.mjs";
 import {
   ActionBar,
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-BRDUM7MJ.mjs";
+} from "./chunk-JUC25FB7.mjs";
 import {
   Check,
   ChevronDown,
@@ -60,18 +60,18 @@ import {
   useRegisterFieldsSlice,
   useRegisterHistorySlice,
   useRegisterPermissionsSlice
-} from "./chunk-CRF2GWQA.mjs";
+} from "./chunk-AAK2555H.mjs";
 import {
   getItem,
   insert,
   insertAction,
   makeStatePublic,
   populateIds
-} from "./chunk-UB2DES2O.mjs";
+} from "./chunk-M4JDRFYB.mjs";
 import {
   defaultAppState,
   defaultViewports
-} from "./chunk-VOLQMQPK.mjs";
+} from "./chunk-IIRJMJFU.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -87,7 +87,7 @@ import {
   toComponent,
   walkAppState,
   walkField
-} from "./chunk-GAUBBDIR.mjs";
+} from "./chunk-JIXMPJZA.mjs";
 import {
   __async,
   __objRest,
@@ -2047,7 +2047,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment3, jsx as jsx19 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-YNFB7B6Z.mjs").then((m) => ({
+  () => import("./Editor-OSAG52QF.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -4586,7 +4586,7 @@ import {
 } from "react";
 import { jsx as jsx29 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-YNFB7B6Z.mjs").then((m) => ({
+  () => import("./Editor-OSAG52QF.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -5679,8 +5679,131 @@ function resolveDataBySelector(selector, getState, trigger) {
   });
 }
 
+// lib/editor-commands.ts
+init_react_import();
+var parentToZone = (parent) => parent ? `${parent.id}:${parent.slot}` : rootDroppableId;
+var createEditorCommands = (appStore) => {
+  const { getState } = appStore;
+  const getZoneLength = (zone) => {
+    var _a, _b;
+    return (_b = (_a = getState().state.indexes.zones[zone]) == null ? void 0 : _a.contentIds.length) != null ? _b : 0;
+  };
+  const insertComponent2 = ({
+    type,
+    parent,
+    index,
+    data,
+    select = true
+  }) => {
+    var _a;
+    const id = (_a = data == null ? void 0 : data.props.id) != null ? _a : generateId(type);
+    const zone = parentToZone(parent);
+    const destIndex = index != null ? index : getZoneLength(zone);
+    const dispatch = getState().dispatch;
+    dispatch(__spreadValues({
+      type: "insert",
+      componentType: type,
+      destinationIndex: destIndex,
+      destinationZone: zone,
+      id
+    }, data ? { data: __spreadProps(__spreadValues({}, data), { props: __spreadProps(__spreadValues({}, data.props), { id }) }) } : {}));
+    if (select) {
+      dispatch({
+        type: "setUi",
+        ui: { itemSelector: { index: destIndex, zone } }
+      });
+    }
+    return { id };
+  };
+  const removeComponent = (id) => {
+    const sel = getSelectorForId(getState().state, id);
+    if (!(sel == null ? void 0 : sel.zone)) return;
+    getState().dispatch({ type: "remove", index: sel.index, zone: sel.zone });
+  };
+  const duplicateComponent = (id) => {
+    const sel = getSelectorForId(getState().state, id);
+    if (!(sel == null ? void 0 : sel.zone)) return;
+    getState().dispatch({
+      type: "duplicate",
+      sourceIndex: sel.index,
+      sourceZone: sel.zone
+    });
+  };
+  const moveComponent2 = (id, to) => {
+    const sel = getSelectorForId(getState().state, id);
+    if (!(sel == null ? void 0 : sel.zone)) return;
+    getState().dispatch({
+      type: "move",
+      sourceIndex: sel.index,
+      sourceZone: sel.zone,
+      destinationIndex: to.index,
+      destinationZone: parentToZone(to.parent)
+    });
+  };
+  const replaceComponent = (id, data) => {
+    const sel = getSelectorForId(getState().state, id);
+    if (!(sel == null ? void 0 : sel.zone)) return;
+    const existing = getItem(sel, getState().state);
+    if (!existing) return;
+    getState().dispatch({
+      type: "replace",
+      destinationIndex: sel.index,
+      destinationZone: sel.zone,
+      data: __spreadProps(__spreadValues({}, data), { props: __spreadProps(__spreadValues({}, data.props), { id: existing.props.id }) })
+    });
+  };
+  const updateProps = (id, updater) => {
+    const sel = getSelectorForId(getState().state, id);
+    if (!sel) return;
+    const existing = getItem(sel, getState().state);
+    if (!existing) return;
+    const patch = typeof updater === "function" ? updater(existing.props) : updater;
+    getState().dispatch({
+      type: "replace",
+      destinationIndex: sel.index,
+      destinationZone: sel.zone,
+      data: __spreadProps(__spreadValues({}, existing), {
+        props: __spreadProps(__spreadValues(__spreadValues({}, existing.props), patch), { id: existing.props.id })
+      })
+    });
+  };
+  const updateRoot = (updater) => {
+    var _a, _b;
+    const root = (_a = getState().state.data.root) != null ? _a : { props: {} };
+    const prevProps = (_b = root.props) != null ? _b : {};
+    const patch = typeof updater === "function" ? updater(prevProps) : updater;
+    getState().dispatch({
+      type: "replaceRoot",
+      root: __spreadProps(__spreadValues({}, root), { props: __spreadValues(__spreadValues({}, prevProps), patch) })
+    });
+  };
+  const selectComponent = (id) => {
+    const dispatch = getState().dispatch;
+    if (id === null) {
+      dispatch({ type: "setUi", ui: { itemSelector: null } });
+      return;
+    }
+    const sel = getSelectorForId(getState().state, id);
+    if (!(sel == null ? void 0 : sel.zone)) return;
+    dispatch({
+      type: "setUi",
+      ui: { itemSelector: { index: sel.index, zone: sel.zone } }
+    });
+  };
+  return {
+    insertComponent: insertComponent2,
+    removeComponent,
+    duplicateComponent,
+    moveComponent: moveComponent2,
+    replaceComponent,
+    updateProps,
+    updateRoot,
+    selectComponent
+  };
+};
+
 // lib/use-editor.ts
-var generateUseEditor = (store, getState) => {
+var generateUseEditor = (store, getState, commands) => {
   const history = {
     back: store.history.back,
     forward: store.history.forward,
@@ -5691,7 +5814,7 @@ var generateUseEditor = (store, getState) => {
     histories: store.history.histories,
     index: store.history.index
   };
-  const storeData = {
+  const storeData = __spreadProps(__spreadValues({}, commands), {
     appState: makeStatePublic(store.state),
     config: store.config,
     dispatch: store.dispatch,
@@ -5712,7 +5835,7 @@ var generateUseEditor = (store, getState) => {
       if (!parentNode) return;
       return parentNode.data;
     }
-  };
+  });
   storeData.__private = {
     appState: store.state
   };
@@ -5732,11 +5855,13 @@ var convertToPickedStore = (store) => {
   };
 };
 var useRegisterUseEditorStore = (appStore) => {
+  const [commands] = useState16(() => createEditorCommands(appStore));
   const [useEditorStore] = useState16(
     () => createStore5(
       () => generateUseEditor(
         convertToPickedStore(appStore.getState()),
-        appStore.getState
+        appStore.getState,
+        commands
       )
     )
   );
@@ -5744,10 +5869,12 @@ var useRegisterUseEditorStore = (appStore) => {
     return appStore.subscribe(
       (store) => convertToPickedStore(store),
       (pickedStore) => {
-        useEditorStore.setState(generateUseEditor(pickedStore, appStore.getState));
+        useEditorStore.setState(
+          generateUseEditor(pickedStore, appStore.getState, commands)
+        );
       }
     );
-  }, []);
+  }, [commands]);
   return useEditorStore;
 };
 function createUseEditor() {
@@ -6666,7 +6793,7 @@ var fieldsPlugin = ({ desktopSideBar = "right" } = {}) => ({
 init_react_import();
 import {
   createContext as createContext8,
-  useCallback as useCallback23,
+  useCallback as useCallback24,
   useContext as useContext15,
   useEffect as useEffect26,
   useMemo as useMemo24,
@@ -7177,7 +7304,7 @@ function splitGlobals(data, config) {
 // components/Editor/components/Layout/index.tsx
 init_react_import();
 import {
-  useCallback as useCallback22,
+  useCallback as useCallback23,
   useEffect as useEffect25,
   useMemo as useMemo23,
   useRef as useRef17,
@@ -8007,6 +8134,9 @@ var Sidebar = ({
 // lib/use-delete-hotkeys.ts
 init_react_import();
 import { useCallback as useCallback21 } from "react";
+
+// lib/should-block-editing-hotkey.ts
+init_react_import();
 var isElementVisible = (element) => {
   let current = element;
   while (current && current !== document.body) {
@@ -8018,7 +8148,7 @@ var isElementVisible = (element) => {
   }
   return true;
 };
-var shouldBlockDeleteHotkey = (e) => {
+var shouldBlockEditingHotkey = (e) => {
   var _a;
   if (e == null ? void 0 : e.defaultPrevented) return true;
   const origin = ((_a = e == null ? void 0 : e.composedPath) == null ? void 0 : _a.call(e)[0]) || (e == null ? void 0 : e.target) || document.activeElement;
@@ -8039,12 +8169,14 @@ var shouldBlockDeleteHotkey = (e) => {
   }
   return false;
 };
+
+// lib/use-delete-hotkeys.ts
 var useDeleteHotkeys = () => {
   const appStore = useAppStoreApi();
   const deleteSelectedComponent = useCallback21(
     (e) => {
       var _a;
-      if (shouldBlockDeleteHotkey(e)) {
+      if (shouldBlockEditingHotkey(e)) {
         return false;
       }
       const { state, dispatch, permissions, selectedItem } = appStore.getState();
@@ -8065,6 +8197,98 @@ var useDeleteHotkeys = () => {
   useHotkey({ backspace: true }, deleteSelectedComponent);
 };
 
+// lib/use-clipboard-hotkeys.ts
+init_react_import();
+import { useCallback as useCallback22 } from "react";
+var CLIPBOARD_MARKER = "reacteditor/component";
+var isComponentData = (value) => {
+  var _a;
+  if (!value || typeof value !== "object") return false;
+  const v = value;
+  return typeof v.type === "string" && typeof ((_a = v.props) == null ? void 0 : _a.id) === "string";
+};
+var parsePayload = (text) => {
+  try {
+    const parsed = JSON.parse(text);
+    if (parsed && typeof parsed === "object" && parsed.__reactEditor === CLIPBOARD_MARKER && isComponentData(parsed.data)) {
+      return parsed.data;
+    }
+  } catch (e) {
+  }
+  return null;
+};
+var useClipboardHotkeys = () => {
+  const appStore = useAppStoreApi();
+  const writeSelectionToClipboard = useCallback22(() => {
+    var _a;
+    const { selectedItem } = appStore.getState();
+    if (!selectedItem) return false;
+    const payload = {
+      __reactEditor: CLIPBOARD_MARKER,
+      data: selectedItem
+    };
+    (_a = navigator.clipboard) == null ? void 0 : _a.writeText(JSON.stringify(payload)).catch(() => {
+    });
+    return true;
+  }, [appStore]);
+  const copySelectedComponent = useCallback22(
+    (e) => {
+      if (shouldBlockEditingHotkey(e)) return false;
+      return writeSelectionToClipboard();
+    },
+    [writeSelectionToClipboard]
+  );
+  const cutSelectedComponent = useCallback22(
+    (e) => {
+      var _a;
+      if (shouldBlockEditingHotkey(e)) return false;
+      const { state, dispatch, permissions, selectedItem } = appStore.getState();
+      const sel = (_a = state.ui) == null ? void 0 : _a.itemSelector;
+      if (!(sel == null ? void 0 : sel.zone) || !selectedItem) return false;
+      if (!permissions.getPermissions({ item: selectedItem }).delete)
+        return true;
+      if (!writeSelectionToClipboard()) return false;
+      dispatch({
+        type: "remove",
+        index: sel.index,
+        zone: sel.zone
+      });
+      return true;
+    },
+    [appStore, writeSelectionToClipboard]
+  );
+  const pasteComponent = useCallback22(
+    (e) => {
+      var _a, _b;
+      if (shouldBlockEditingHotkey(e)) return false;
+      const { state, dispatch, config } = appStore.getState();
+      const sel = (_a = state.ui) == null ? void 0 : _a.itemSelector;
+      if (!(sel == null ? void 0 : sel.zone)) return false;
+      (_b = navigator.clipboard) == null ? void 0 : _b.readText().then((text) => {
+        const data = parsePayload(text);
+        if (!data) return;
+        if (!config.components[data.type]) return;
+        dispatch({
+          type: "insert",
+          componentType: data.type,
+          destinationIndex: sel.index + 1,
+          destinationZone: sel.zone,
+          data
+        });
+      }).catch(() => {
+      });
+      return true;
+    },
+    [appStore]
+  );
+  useHotkey({ meta: true, c: true }, copySelectedComponent);
+  useHotkey({ ctrl: true, c: true }, copySelectedComponent);
+  useHotkey({ meta: true, v: true }, pasteComponent);
+  useHotkey({ ctrl: true, v: true }, pasteComponent);
+  useHotkey({ meta: true, x: true }, cutSelectedComponent);
+  useHotkey({ ctrl: true, x: true }, cutSelectedComponent);
+};
+
 // components/Editor/components/Nav/index.tsx
 init_react_import();
 
@@ -8256,6 +8480,7 @@ var Layout = ({ children }) => {
   }, [ready, iframe.enabled]);
   usePreviewModeHotkeys();
   useDeleteHotkeys();
+  useClipboardHotkeys();
   const layoutOptions = {};
   if (leftWidth) {
     layoutOptions["--editor-user-left-side-bar-width"] = `${leftWidth}px`;
@@ -8277,7 +8502,7 @@ var Layout = ({ children }) => {
   const isDraggingMobile = useRef17(false);
   const dragStartY = useRef17(0);
   const dragStartHeight = useRef17(0);
-  const handleMobileDragStart = useCallback22(
+  const handleMobileDragStart = useCallback23(
     (clientY) => {
       isDraggingMobile.current = true;
       dragStartY.current = clientY;
@@ -8288,7 +8513,7 @@ var Layout = ({ children }) => {
     },
     []
   );
-  const handleMobileDragMove = useCallback22((clientY) => {
+  const handleMobileDragMove = useCallback23((clientY) => {
     if (!isDraggingMobile.current) return;
     const delta = dragStartY.current - clientY;
     const viewportHeight = window.innerHeight;
@@ -8297,7 +8522,7 @@ var Layout = ({ children }) => {
     const newH = Math.min(maxH, Math.max(minH, dragStartHeight.current + delta));
     setMobilePanelHeight(newH);
   }, []);
-  const handleMobileDragEnd = useCallback22(() => {
+  const handleMobileDragEnd = useCallback23(() => {
     if (!isDraggingMobile.current) return;
     isDraggingMobile.current = false;
     document.body.style.userSelect = "";
@@ -8651,7 +8876,7 @@ function EditorProvider({ children }) {
     return __spreadValues(__spreadValues({}, pluginFieldTransforms), fieldTransforms);
   }, [fieldTransforms, plugins]);
   const instanceId = useSafeId();
-  const generateAppStore = useCallback23(
+  const generateAppStore = useCallback24(
     (state) => {
       return {
         instanceId,
@@ -8817,7 +9042,6 @@ export {
   renderContext,
   Render,
   registerOverlayPortal,
-  DropZone,
   Drawer,
   ComponentList,
   createUseEditor,
@@ -8826,6 +9050,7 @@ export {
   blocksPlugin,
   outlinePlugin,
   fieldsPlugin,
+  usePropsContext,
   Editor3 as Editor,
   pageMetadata,
   legacySideBarPlugin

package/dist/{chunk-Z6IIVDFY.mjs → chunk-XI7YTBCP.mjs}

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

package/dist/{chunk-WGPCLAZR.mjs → chunk-ZLSPSBV3.mjs}

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

package/dist/{full-24FOTNTB.mjs → full-IHV5BO2L.mjs}

@@ -1,14 +1,14 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-BRDUM7MJ.mjs";
-import "./chunk-Z6IIVDFY.mjs";
-import "./chunk-6LG4Q4HO.mjs";
-import "./chunk-WGPCLAZR.mjs";
-import "./chunk-CRF2GWQA.mjs";
-import "./chunk-UB2DES2O.mjs";
-import "./chunk-VOLQMQPK.mjs";
+} from "./chunk-JUC25FB7.mjs";
+import "./chunk-XI7YTBCP.mjs";
+import "./chunk-EEQGJ6FH.mjs";
+import "./chunk-ZLSPSBV3.mjs";
+import "./chunk-AAK2555H.mjs";
+import "./chunk-M4JDRFYB.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-GAUBBDIR.mjs";
+import "./chunk-JIXMPJZA.mjs";
 import {
   __spreadValues,
   init_react_import

package/dist/{index-BOP2qNVA.d.mts → index-BwLKseT7.d.mts}

@@ -1,4 +1,4 @@
-import { H as History, f as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, g as RootDataWithProps, h as ResolveDataTrigger, i as Plugin, j as Overrides, V as Viewports, I as IframeConfig, k as UiState, l as ComponentConfig, A as AppState, M as Metadata, m as FieldTransforms, n as RichtextField } from './actions-CQmL3wwa.mjs';
+import { H as History, f as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, g as RootDataWithProps, h as ResolveDataTrigger, i as Plugin, j as Overrides, V as Viewports, I as IframeConfig, k as UiState, l as ComponentConfig, A as AppState, M as Metadata, m as FieldTransforms, n as RichtextField } from './actions-BDMhAtxP.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/{index-_G46lHpL.d.ts → index-DkYXZRPz.d.ts}

@@ -1,4 +1,4 @@
-import { H as History, f as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, g as RootDataWithProps, h as ResolveDataTrigger, i as Plugin, j as Overrides, V as Viewports, I as IframeConfig, k as UiState, l as ComponentConfig, A as AppState, M as Metadata, m as FieldTransforms, n as RichtextField } from './actions-CQmL3wwa.js';
+import { H as History, f as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, g as RootDataWithProps, h as ResolveDataTrigger, i as Plugin, j as Overrides, V as Viewports, I as IframeConfig, k as UiState, l as ComponentConfig, A as AppState, M as Metadata, m as FieldTransforms, n as RichtextField } from './actions-BDMhAtxP.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/index.d.mts

@@ -1,10 +1,10 @@
-import { D as Data, o as Field, p as FieldProps, q as DropZoneProps, C as Config, U as UserGenerics, k as UiState, O as OnAction, f as Permissions, i as Plugin, j as Overrides, m as FieldTransforms, E as EditorAction, V as Viewports, I as IframeConfig, r as InitialHistory, M as Metadata, h as ResolveDataTrigger, s as ItemSelector, b as ComponentData, t as PluginInternal } from './actions-CQmL3wwa.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, l as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, a as Content, S as CustomField, T as CustomFieldRender, d as DefaultComponentProps, c as DefaultComponents, e as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, n as RichtextField, ah as RootConfig, R as RootData, g as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-CQmL3wwa.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Dwv3c_9M.mjs';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, k as UiState, O as OnAction, f as Permissions, i as Plugin, j as Overrides, m as FieldTransforms, E as EditorAction, V as Viewports, I as IframeConfig, q as InitialHistory, M as Metadata, b as ComponentData, d as DefaultComponentProps, e as DefaultRootFieldProps, h as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-BDMhAtxP.mjs';
+export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, l as ComponentConfig, z as ComponentConfigExtensions, G as ComponentConfigParams, J as ComponentDataMap, K as ComponentDataOptionalId, L as ComponentMetadata, N as ConfigParams, a as Content, Q as CustomField, S as CustomFieldRender, c as DefaultComponents, T as DefaultRootProps, X as DefaultRootRenderProps, Y as Direction, Z as DragAxis, _ as EditorComponent, $ as EditorContext, a0 as EditorMetadata, a1 as ExternalField, a2 as ExternalFieldWithAdaptor, a3 as ExtractConfigParams, a4 as ExtractField, a5 as FieldMetadata, a6 as FieldRenderFunctions, a7 as FieldTransformFn, a8 as FieldTransformFnParams, F as Fields, H as History, a9 as ItemWithId, aa as MappedItem, ab as NumberField, ac as ObjectField, ad as OverrideKey, ae as RadioField, af as RichText, n as RichtextField, ag as RootConfig, R as RootData, g as RootDataWithProps, ah as RootDataWithoutProps, ai as SelectField, aj as Slot, ak as SlotComponent, al as SlotField, am as TextField, an as TextareaField, ao as Viewport, ap as WithChildren, aq as WithEditorProps, W as WithId, ar as WithSlotProps, as as overrideKeys } from './actions-BDMhAtxP.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-LcQXXDqe.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BOP2qNVA.mjs';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BwLKseT7.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -141,8 +141,6 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, suppressHydrationWarning, }: {
     active?: boolean;
     children: ReactNode;
@@ -196,6 +194,7 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     disableZoomControls?: boolean;
     _experimentalVirtualization?: boolean;
 };
+declare const usePropsContext: () => EditorProps<Config, UserGenerics<Config>>;
 declare function Editor<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: EditorProps<UserConfig>): react_jsx_runtime.JSX.Element;
 declare namespace Editor {
     var Components: () => react_jsx_runtime.JSX.Element;
@@ -331,7 +330,35 @@ declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?:
  */
 declare function setDeep<T extends Record<string, any>>(node: T, path: string, newVal: any): T;
 
-type UseEditorData<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+type Parent = {
+    id: string;
+    slot: string;
+};
+type InsertComponentArgs = {
+    type: string;
+    parent?: Parent;
+    index?: number;
+    data?: ComponentData;
+    select?: boolean;
+};
+type MoveDestination = {
+    parent?: Parent;
+    index: number;
+};
+type EditorCommands = {
+    insertComponent: (args: InsertComponentArgs) => {
+        id: string;
+    };
+    removeComponent: (id: string) => void;
+    duplicateComponent: (id: string) => void;
+    moveComponent: (id: string, to: MoveDestination) => void;
+    replaceComponent: (id: string, data: ComponentData) => void;
+    updateProps: (id: string, updater: Partial<DefaultComponentProps> | ((prev: DefaultComponentProps) => Partial<DefaultComponentProps>)) => void;
+    updateRoot: (updater: Partial<DefaultRootFieldProps> | ((prev: DefaultRootFieldProps) => Partial<DefaultRootFieldProps>)) => void;
+    selectComponent: (id: string | null) => void;
+};
+
+type UseEditorData<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = EditorCommands & {
     appState: G["UserPublicAppState"];
     config: UserConfig;
     dispatch: AppStore["dispatch"];
@@ -385,4 +412,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, AutoField, Button, ComponentData, ComponentList, Config, Data, Drawer, DropZone, Editor, EditorAction, type EditorApi, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, type PageMetadata, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, Separator, UiState, type UseEditorData, UserGenerics, Viewports, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useEditor, useGetEditor };
+export { Action, ActionBar, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, Separator, UiState, type UseEditorData, UserGenerics, Viewports, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useEditor, useGetEditor, usePropsContext };