easy-email-pro-theme 1.52.0 → 1.53.1

package/lib/index.js

@@ -54,7 +54,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { classnames, useEditorActions, useDragNodePath, useStandaloneElementEditing, useEditorProps, useRefState, isDOMElement, useMergeTagsData, useLockState, useEventCallback, useSelectedNodePath, useSelectedNode, useSetSelectedNodePath, useSetHoverNodePath, useUniversalElementEditing, useUniversalElementPath, useStandaloneElementPath, useStandaloneElement, useActiveTab, ActiveTabKeys, toggleFormat, TextFormat, useUniversalElement, isFormatActive, validation, CustomEvent, getDynamicImagePlaceholder, EmailEditorProvider, EmailEditor, useEditorState, useForceUpdate, useEqualState, IframeComponent, HtmlStringToReactNodes, useStandaloneElementSaveButton, ExternalComponents, useDragoverDirection } from "easy-email-pro-editor";
+import { classnames, useEditorActions, useDragNodePath, useStandaloneElementEditing, useEditorProps, useRefState, isDOMElement, useMergeTagsData, useLockState, useEventCallback, useSelectedNodePath, useSelectedNode, useSetSelectedNodePath, useSetHoverNodePath, useUniversalElementEditing, useUniversalElementPath, useStandaloneElementPath, useStandaloneElement, useEditorState, useActiveTab, ActiveTabKeys, toggleFormat, TextFormat, useUniversalElement, isFormatActive, validation, CustomEvent, getDynamicImagePlaceholder, EmailEditorProvider, EmailEditor, useForceUpdate, useEqualState, IframeComponent, HtmlStringToReactNodes, useStandaloneElementSaveButton, ExternalComponents, useDragoverDirection } from "easy-email-pro-editor";
 import { useSlate, ReactEditor, useSlateStatic, useSelected } from "slate-react";
 import * as React$2 from "react";
 import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, useContext, useLayoutEffect, memo, useReducer, cloneElement, forwardRef, Suspense, Component, createElement } from "react";
@@ -63,7 +63,7 @@ import { cloneDeep, get, isEqual, set, omit as omit$2, merge as merge$1, debounc
 import { Editor, Range, Node, Transforms, Path, Text as Text$2, createEditor } from "slate";
 import { nanoid } from "nanoid";
 import { Form, Input, Modal, Collapse, Space, Empty, Card, Grid, Button as Button$2, Drawer, Switch, Typography as Typography$1, Tabs, Radio, Tooltip, Divider as Divider$2, Alert, Popconfirm, Message, PageHeader, Spin, Layout as Layout$2, Popover, Select as Select$1, Slider, InputNumber, Tag, Link as Link$3, List as List$1, Skeleton, Trigger } from "@arco-design/web-react";
-import { IconPlus, IconDelete, IconEdit, IconLeft, IconDownload, IconCopy, IconUndo, IconRedo, IconMinus, IconEye, IconSubscribeAdd, IconClose, IconCheckCircleFill, IconDragArrow, IconPalette, IconLock, IconUnlock, IconImage, IconQuestionCircle, IconLink, IconCloud, IconDragDotVertical, IconSend, IconDown } from "@arco-design/web-react/icon";
+import { IconPlus, IconCopy, IconDelete, IconEdit, IconLeft, IconDownload, IconUndo, IconRedo, IconMinus, IconEye, IconSubscribeAdd, IconClose, IconCheckCircleFill, IconDragArrow, IconPalette, IconLock, IconUnlock, IconImage, IconQuestionCircle, IconLink, IconCloud, IconDragDotVertical, IconSend, IconDown } from "@arco-design/web-react/icon";
 import { unstable_batchedUpdates, createPortal } from "react-dom";
 import mjml from "mjml-browser";
 import { HistoryEditor } from "slate-history";
@@ -7095,19 +7095,23 @@ function normalizeLocalDisabled(localDisabled, globalDisabled) {
   };
 }
 [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
-const item$2 = "_item_14paa_1";
-const itemContent = "_itemContent_14paa_8";
-const itemActions = "_itemActions_14paa_26";
-const itemLabelWrapper = "_itemLabelWrapper_14paa_30";
-const itemLabel = "_itemLabel_14paa_30";
-const action = "_action_14paa_43";
-const itemTitle = "_itemTitle_14paa_60";
-const itemCollapse = "_itemCollapse_14paa_66";
-const itemChildren = "_itemChildren_14paa_87";
+const item$2 = "_item_7uv5l_1";
+const itemContent = "_itemContent_7uv5l_8";
+const itemActions = "_itemActions_7uv5l_26";
+const itemHovered = "_itemHovered_7uv5l_30";
+const itemSelected = "_itemSelected_7uv5l_34";
+const itemLabelWrapper = "_itemLabelWrapper_7uv5l_43";
+const itemLabel = "_itemLabel_7uv5l_43";
+const action = "_action_7uv5l_56";
+const itemTitle = "_itemTitle_7uv5l_73";
+const itemCollapse = "_itemCollapse_7uv5l_79";
+const itemChildren = "_itemChildren_7uv5l_100";
 const styles$4 = {
   item: item$2,
   itemContent,
   itemActions,
+  itemHovered,
+  itemSelected,
   itemLabelWrapper,
   itemLabel,
   action,
@@ -7320,21 +7324,41 @@ function ComponentItem({
   onToggleCollapse,
   dragHandleProps = {}
 }) {
-  const { setSelectedNodePath } = useEditorActions();
-  const { deleteBlock } = useElementInteract();
+  const { setSelectedNodePath, setHoverNodePath } = useEditorActions();
+  const { hoverNodePath, selectedNodePath } = useEditorState();
+  const { deleteBlock, copyBlock } = useElementInteract();
   const editor = useSlateStatic();
+  const path2 = useMemo(() => {
+    try {
+      return ReactEditor.findPath(editor, component.block);
+    } catch (error2) {
+      return null;
+    }
+  }, [component.block, editor]);
   const onClick = () => {
-    let path2 = ReactEditor.findPath(editor, component.block);
+    if (!path2)
+      return;
+    let newPath = path2;
     if (NodeUtils.isUnsetElement(component.block)) {
-      path2 = Path.parent(path2);
+      newPath = Path.parent(newPath);
     }
-    setSelectedNodePath(path2);
+    setSelectedNodePath(newPath);
   };
   const onRemove = (e) => {
+    try {
+      e.stopPropagation();
+      const path22 = ReactEditor.findPath(editor, component.block);
+      deleteBlock(path22);
+      setSelectedNodePath(null);
+    } catch (error2) {
+      console.error(error2);
+    }
+  };
+  const onCopy = (e) => {
     e.stopPropagation();
-    const path2 = ReactEditor.findPath(editor, component.block);
-    deleteBlock(path2);
-    setSelectedNodePath(null);
+    if (!path2)
+      return;
+    copyBlock(path2);
   };
   const hasBlockChildren = component.block.children.every(
     (child) => NodeUtils.isBlockElement(child)
@@ -7369,56 +7393,99 @@ function ComponentItem({
     }
     return text;
   }, [component.block, label]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles$4.item, onClick }, /* @__PURE__ */ React__default.createElement("div", { className: styles$4.itemContent }, /* @__PURE__ */ React__default.createElement("div", { className: styles$4.itemTitle }, /* @__PURE__ */ React__default.createElement(
+  const isHovered = useMemo(() => {
+    if (!path2 || !hoverNodePath)
+      return false;
+    return Path.equals(path2, hoverNodePath);
+  }, [path2, hoverNodePath]);
+  const isSelected = useMemo(() => {
+    if (!path2 || !selectedNodePath)
+      return false;
+    return Path.equals(path2, selectedNodePath);
+  }, [path2, selectedNodePath]);
+  const handleMouseEnter = () => {
+    if (path2) {
+      setHoverNodePath(path2);
+    }
+  };
+  const handleMouseLeave = () => {
+    setHoverNodePath(null);
+  };
+  const itemClassName = useMemo(() => {
+    const classes = [styles$4.item];
+    if (isHovered)
+      classes.push(styles$4.itemHovered);
+    if (isSelected)
+      classes.push(styles$4.itemSelected);
+    return classes.join(" ");
+  }, [isHovered, isSelected]);
+  return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: styles$4.itemCollapse,
-      style: { opacity: hasBlockChildren ? 1 : 0 },
-      onClick: handleCollapseClick
+      className: itemClassName,
+      onClick,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement("div", { className: styles$4.itemContent }, /* @__PURE__ */ React__default.createElement("div", { className: styles$4.itemTitle }, /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        style: {
-          transform: isCollapsed ? "rotate(-90deg)" : "rotate(0)",
-          transition: "transform 0.2s"
-        }
+        className: styles$4.itemCollapse,
+        style: { opacity: hasBlockChildren ? 1 : 0 },
+        onClick: handleCollapseClick
       },
-      collapseIcon
-    )
-  ), /* @__PURE__ */ React__default.createElement("div", { className: styles$4.itemLabelWrapper }, /* @__PURE__ */ React__default.createElement(
-    SharedComponents.ElementIcon,
-    {
-      type: component.block.type,
-      width: 16,
-      height: 16
-    }
-  ), /* @__PURE__ */ React__default.createElement("div", { className: styles$4.itemLabel }, displayLabel))), /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      className: styles$4.itemActions,
-      onClick: (e) => e.stopPropagation()
-    },
-    /* @__PURE__ */ React__default.createElement("div", { className: styles$4.action, onClick: onRemove }, /* @__PURE__ */ React__default.createElement(IconDelete, null)),
-    /* @__PURE__ */ React__default.createElement(
-      "div",
-      __spreadValues({
-        style: {
-          cursor: "grab"
+      /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          style: {
+            transform: isCollapsed ? "rotate(-90deg)" : "rotate(0)",
+            transition: "transform 0.2s"
+          }
         },
-        className: styles$4.action
-      }, dragHandleProps),
-      /* @__PURE__ */ React__default.createElement("svg", { viewBox: "0 0 20 20", width: "12" }, /* @__PURE__ */ React__default.createElement("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }))
-    )
-  )));
+        collapseIcon
+      )
+    ), /* @__PURE__ */ React__default.createElement("div", { className: styles$4.itemLabelWrapper }, /* @__PURE__ */ React__default.createElement(
+      SharedComponents.ElementIcon,
+      {
+        type: component.block.type,
+        width: 16,
+        height: 16
+      }
+    ), /* @__PURE__ */ React__default.createElement("div", { className: styles$4.itemLabel }, displayLabel))), /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: styles$4.itemActions,
+        onClick: (e) => e.stopPropagation()
+      },
+      /* @__PURE__ */ React__default.createElement("div", { className: styles$4.action, onClick: onCopy }, /* @__PURE__ */ React__default.createElement(IconCopy, null)),
+      /* @__PURE__ */ React__default.createElement("div", { className: styles$4.action, onClick: onRemove }, /* @__PURE__ */ React__default.createElement(IconDelete, null)),
+      /* @__PURE__ */ React__default.createElement(
+        "div",
+        __spreadValues({
+          style: {
+            cursor: "grab"
+          },
+          className: styles$4.action
+        }, dragHandleProps),
+        /* @__PURE__ */ React__default.createElement("svg", { viewBox: "0 0 20 20", width: "12" }, /* @__PURE__ */ React__default.createElement("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }))
+      )
+    ))
+  );
 }
 const collapseIcon = /* @__PURE__ */ React__default.createElement("svg", { width: "10", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 70 41" }, /* @__PURE__ */ React__default.createElement("path", { d: "M30.76 39.2402C31.885 40.3638 33.41 40.995 35 40.995C36.59 40.995 38.115 40.3638 39.24 39.2402L68.24 10.2402C69.2998 9.10284 69.8768 7.59846 69.8494 6.04406C69.822 4.48965 69.1923 3.00657 68.093 1.90726C66.9937 0.807959 65.5106 0.178263 63.9562 0.150837C62.4018 0.123411 60.8974 0.700397 59.76 1.76024L35 26.5102L10.24 1.76024C9.10259 0.700397 7.59822 0.123411 6.04381 0.150837C4.4894 0.178263 3.00632 0.807959 1.90702 1.90726C0.807714 3.00657 0.178019 4.48965 0.150593 6.04406C0.123167 7.59846 0.700153 9.10284 1.75999 10.2402L30.76 39.2402Z" }));
 const BlockLayer = () => {
   const { values, inited } = useEditorContext();
   const pageElement = values.content;
-  const [allCollapsed, setAllCollapsed] = useState(false);
+  const { layerDefaultCollapsed, enabledAutoComplete } = useEditorProps();
+  const defaultCollapsedAll = useMemo(() => {
+    if (enabledAutoComplete && isUndefined$1(layerDefaultCollapsed)) {
+      return true;
+    }
+    return Boolean(layerDefaultCollapsed);
+  }, [enabledAutoComplete, layerDefaultCollapsed]);
+  const [allCollapsed, setAllCollapsed] = useState(defaultCollapsedAll);
   const [collapsedItems, setCollapsedItems] = useState(/* @__PURE__ */ new Set());
-  const handleCollapseToggle = (checked) => {
+  const handleCollapseToggle = useEventCallback((checked) => {
     setAllCollapsed(checked);
     if (checked) {
       const newCollapsedItems = /* @__PURE__ */ new Set();
@@ -7440,7 +7507,7 @@ const BlockLayer = () => {
     } else {
       setCollapsedItems(/* @__PURE__ */ new Set());
     }
-  };
+  });
   const toggleItemCollapse = (itemId, block) => {
     setCollapsedItems((prev) => {
       const newCollapsed = new Set(prev);
@@ -7464,6 +7531,11 @@ const BlockLayer = () => {
     });
     setAllCollapsed(false);
   };
+  useEffect(() => {
+    if (defaultCollapsedAll) {
+      handleCollapseToggle(defaultCollapsedAll);
+    }
+  }, [defaultCollapsedAll, handleCollapseToggle]);
   if (!inited)
     return null;
   return /* @__PURE__ */ React__default.createElement("div", { onMouseOut: (e) => e.stopPropagation() }, /* @__PURE__ */ React__default.createElement(
@@ -8055,7 +8127,7 @@ const Controller = () => {
         position: "fixed",
         bottom: offset.bottom,
         left: offset.left,
-        zIndex: 11,
+        zIndex: 1,
         cursor: "grab"
       }
     },
@@ -14409,12 +14481,14 @@ const getElementPageLayout = (params) => {
     relativedElementVisible
   };
 };
+const EDITOR_CONTAINER = "EditorContainer";
 const HoveringToolbar = () => {
   const ref = useRef(null);
   const editor = useSlate();
   const { hoveringToolbar } = useEditorProps();
   const { selectedNode } = useSelectedNode();
   const [isFocus, setIsFocus] = useState(false);
+  const { lock } = useEditorState();
   const { selection } = editor;
   const nodePath = selectedNode && (selection == null ? void 0 : selection.anchor.path) ? selection.anchor.path : null;
   const isTable2 = selectedNode && NodeUtils.isTable2Element(selectedNode);
@@ -14670,23 +14744,46 @@ const HoveringToolbar = () => {
   if (hoveringToolbar == null ? void 0 : hoveringToolbar.fixed) {
     return /* @__PURE__ */ React__default.createElement("div", null, content);
   }
+  const editorContainer = document.getElementById(EDITOR_CONTAINER);
   return createPortal(
-    /* @__PURE__ */ React__default.createElement("div", { style: { position: "fixed", top: 0, left: 0, zIndex: 9999 } }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        ref,
-        key: String(isNotSelect),
-        id: "HoveringToolbar",
-        className: "HoveringToolbar",
-        "data-follow": (hoveringToolbar == null ? void 0 : hoveringToolbar.follow) || "selection"
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          zIndex: 9999
+        },
+        onPointerDownCapture: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        }
       },
-      content,
-      /* @__PURE__ */ React__default.createElement("style", null, `#HoveringToolbar {
+      /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          key: String(isNotSelect),
+          id: "HoveringToolbar",
+          ref,
+          "data-follow": (hoveringToolbar == null ? void 0 : hoveringToolbar.follow) || "selection",
+          className: "HoveringToolbar"
+        },
+        /* @__PURE__ */ React__default.createElement(
+          "div",
+          {
+            className: "HoveringToolbar-list",
+            style: { visibility: lock ? "hidden" : "visible" }
+          },
+          content
+        ),
+        /* @__PURE__ */ React__default.createElement("style", null, `#HoveringToolbar {
           --hovering-bar-icon-size: ${(hoveringToolbar == null ? void 0 : hoveringToolbar.iconSize) || 12}px;
 
         }`)
-    )),
-    document.body
+      )
+    ),
+    editorContainer || document.body
   );
 };
 function ColorPickerContent(props) {
@@ -16382,9 +16479,12 @@ const Image$5 = () => {
   const editor = useSlate();
   const ref = useRef(null);
   const { onUpload } = useEditorProps();
+  const { lock } = useEditorState();
   const [from] = Form.useForm();
   const onSubmit = (values) => {
     var _a;
+    if (lock)
+      return;
     let style = `max-width:100%;display:inline-block;`;
     if (values.width) {
       style += `width:${values.width};`;
@@ -16422,7 +16522,7 @@ const Image$5 = () => {
         popupStyle: { padding: "0px" }
       },
       getPopupContainer: (node) => {
-        return Array.from(document.querySelectorAll(".RichTextBar")).find(
+        return Array.from(document.querySelectorAll("#HoveringToolbar")).find(
           (item2) => item2.contains(node)
         );
       },
@@ -16433,13 +16533,38 @@ const Image$5 = () => {
           bodyStyle: { padding: "0px" },
           title: /* @__PURE__ */ React__default.createElement("div", { style: { textAlign: "left" } }, t(`Insert image`))
         },
-        /* @__PURE__ */ React__default.createElement(Form, { onSubmit, form: from }, /* @__PURE__ */ React__default.createElement("div", { style: { padding: "16px" } }, /* @__PURE__ */ React__default.createElement(
+        lock && /* @__PURE__ */ React__default.createElement(
+          Alert,
+          {
+            type: "warning",
+            content: t(
+              `This component is locked by the image drawer. Please complete your actions there first.`
+            )
+          }
+        ),
+        /* @__PURE__ */ React__default.createElement("div", { style: { position: "relative" } }, lock && /* @__PURE__ */ React__default.createElement(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              backgroundColor: "rgba(255, 255, 255, 0.3)",
+              zIndex: 10,
+              cursor: "not-allowed"
+            }
+          }
+        ), /* @__PURE__ */ React__default.createElement(Form, { onSubmit, form: from }, /* @__PURE__ */ React__default.createElement("div", { style: { padding: "16px" } }, /* @__PURE__ */ React__default.createElement(
           AttributeField.ImageUploaderField,
           {
             path: null,
             name: "src",
             label: null,
+            enablePreview: false,
             uploadHandler: onUpload,
+            pinToParent: true,
             formItem: {
               wrapperCol: {
                 span: 24
@@ -16483,10 +16608,10 @@ const Image$5 = () => {
               }
             }
           }
-        )))), /* @__PURE__ */ React__default.createElement(Divider$2, { style: { margin: "0px" } }), /* @__PURE__ */ React__default.createElement(Grid.Row, { justify: "end", style: { padding: "16px" } }, /* @__PURE__ */ React__default.createElement(Space, null, /* @__PURE__ */ React__default.createElement(Button$2, { type: "primary", htmlType: "submit" }, t(`Apply`)), /* @__PURE__ */ React__default.createElement(Button$2, { onClick: () => {
+        )))), /* @__PURE__ */ React__default.createElement(Divider$2, { style: { margin: "0px" } }), /* @__PURE__ */ React__default.createElement(Grid.Row, { justify: "end", style: { padding: "16px" } }, /* @__PURE__ */ React__default.createElement(Space, null, /* @__PURE__ */ React__default.createElement(Button$2, { type: "primary", htmlType: "submit", disabled: lock }, t(`Apply`)), /* @__PURE__ */ React__default.createElement(Button$2, { onClick: () => {
           var _a;
           return (_a = ref.current) == null ? void 0 : _a.click();
-        } }, t(`Cancel`)))))
+        } }, t(`Cancel`))))))
       )
     },
     /* @__PURE__ */ React__default.createElement("span", { ref, className: classnames$1("formatButton") }, /* @__PURE__ */ React__default.createElement("span", { className: classnames$1(" iconfont icon-img") }))
@@ -27417,7 +27542,9 @@ function ImageUploader(props) {
   const [isUploading, setIsUploading] = useState(false);
   const [preview, setPreview] = useState(false);
   const [unsplashVisible, setUnsplashVisible] = useState(false);
+  const popupContainerRef = useRef(null);
   const [popupVisible, setPopupVisible] = useState(false);
+  const pinToParent = props.pinToParent;
   const onChangeMergeTag = useCallback(
     (mergetag) => {
       props.onChange(PluginManager.generateVariable(mergetag));
@@ -27587,17 +27714,11 @@ function ImageUploader(props) {
   });
   const onCloseUnsplash = useEventCallback(() => __async(this, null, function* () {
     if (dirty) {
-      yield onSave();
+      props.onChange(initialVal.current);
     }
     setUnsplashVisible(false);
     setLock(false);
   }));
-  useEffect(() => {
-    if (!unsplashVisible)
-      return;
-    const isLock = dirty;
-    setLock(isLock);
-  }, [dirty, setLock, unsplashVisible]);
   const formatMergetags = useMemo(() => {
     return getMergeTagsByType(mergetags || [], "image");
   }, [mergetags]);
@@ -27635,20 +27756,24 @@ function ImageUploader(props) {
           "div",
           {
             className: styles$2.exportFreeImage,
-            onClick: () => setUnsplashVisible(true)
+            onClick: () => {
+              setUnsplashVisible(true);
+              setLock(true);
+            }
           },
           t("Export free images")
         )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { style: { fontSize: 16 } }, t("Attach your image here.")), /* @__PURE__ */ React__default.createElement("div", { style: { color: "#606A72", fontSize: 14 } }, t("Accepts .jpg, .jpeg, .png, and .gif file types.")))
       ));
     }
     return /* @__PURE__ */ React__default.createElement("img", { src: image2, style: { maxWidth: "100%", maxHeight: "100%" } });
-  }, [image2, isUploading, onUpload, props.value, unsplashClientId]);
+  }, [image2, isUploading, onUpload, props.value, setLock, unsplashClientId]);
   if (!props.uploadHandler) {
     return /* @__PURE__ */ React__default.createElement(Input, { value: props.value, onChange });
   }
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
+      ref: popupContainerRef,
       onClick: (e) => {
         e.stopPropagation();
         e.preventDefault();
@@ -27691,7 +27816,10 @@ function ImageUploader(props) {
         Select$1.Option,
         {
           value: "2",
-          onClick: () => setUnsplashVisible(true)
+          onClick: () => {
+            setUnsplashVisible(true);
+            setLock(true);
+          }
         },
         t("Export free images")
       )
@@ -27717,6 +27845,7 @@ function ImageUploader(props) {
           popupVisible,
           onVisibleChange: setPopupVisible,
           onChange: onChangeMergeTag,
+          getPopupContainer: pinToParent ? () => popupContainerRef.current || document.body : void 0,
           onClose,
           value: "",
           triggerElement: /* @__PURE__ */ React__default.createElement(
@@ -27738,14 +27867,6 @@ function ImageUploader(props) {
           allowClear: true
         }
       ))
-    ), /* @__PURE__ */ React__default.createElement(
-      Modal,
-      {
-        visible: preview,
-        footer: null,
-        onCancel: () => setPreview(false)
-      },
-      /* @__PURE__ */ React__default.createElement("img", { alt: "Preview", style: { width: "100%" }, src: image2 })
     )),
     /* @__PURE__ */ React__default.createElement(
       Drawer,
@@ -27811,6 +27932,20 @@ function ImageUploader(props) {
           presetList: unsplash == null ? void 0 : unsplash.presetList
         }
       )
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      Modal,
+      {
+        wrapClassName: "ImageUploaderField-preview",
+        visible: preview,
+        footer: null,
+        onCancel: () => setPreview(false),
+        getPopupContainer: () => {
+          return document.body;
+        },
+        style: { zIndex: 9999 }
+      },
+      /* @__PURE__ */ React__default.createElement("img", { alt: "Preview", style: { width: "100%" }, src: image2 })
     )
   );
 }
@@ -32277,7 +32412,7 @@ function AttributesContainer$9({
       tabPosition: "top",
       name: `children`,
       label: "",
-      renderItem: (item2, index2) => /* @__PURE__ */ React__default.createElement(NavbarLink, { index: index2, path: [...nodePath, index2] }),
+      renderItem: (item2, index2) => /* @__PURE__ */ React__default.createElement(NavbarLink$1, { index: index2, path: [...nodePath, index2] }),
       renderHeader: (item2, index2) => {
         return get(item2, "children.0.text") || "Custom";
       }
@@ -32323,7 +32458,7 @@ function AttributesContainer$9({
     }
   )));
 }
-function NavbarLink({ index: index2, path: path2 }) {
+function NavbarLink$1({ index: index2, path: path2 }) {
   return /* @__PURE__ */ React__default.createElement("div", { className: "NavbarLink" }, /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 10 } }), /* @__PURE__ */ React__default.createElement(
     AttributeField.TextField,
     {
@@ -32519,7 +32654,7 @@ function AttributesContainer$8({
       tabPosition: "top",
       name: `children`,
       label: "",
-      renderItem: (item2, index2) => /* @__PURE__ */ React__default.createElement(SocialItem$1, { index: index2, path: [...nodePath, index2] }),
+      renderItem: (item2, index2) => /* @__PURE__ */ React__default.createElement(SocialItem$2, { index: index2, path: [...nodePath, index2] }),
       renderHeader: (item2, index2) => item2.content || "Custom"
     }
   ), /* @__PURE__ */ React__default.createElement(Collapse.Item, { name: "0", header: t("Dimension") }, /* @__PURE__ */ React__default.createElement(
@@ -32590,7 +32725,7 @@ function AttributesContainer$8({
     }
   )));
 }
-function SocialItem$1({ index: index2, path: path2 }) {
+function SocialItem$2({ index: index2, path: path2 }) {
   return /* @__PURE__ */ React__default.createElement("div", { className: "SocialItem" }, /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 10 } }), /* @__PURE__ */ React__default.createElement(
     AttributeField.ImageUrl,
     {
@@ -33550,17 +33685,346 @@ const ConfigPanelsMap = {
   [ElementType.STANDARD_TABLE2]: Table2,
   [ElementType.STANDARD_BLOCK_QUOTE]: Blockquote
 };
+const BlockSchemasMap = {
+  // // Text elements
+  // [ElementType.TEXT]: TextSchema,
+  // [ElementType.STANDARD_TEXT]: TextSchema,
+  // [ElementType.STANDARD_PARAGRAPH]: TextSchema,
+  // [ElementType.STANDARD_TEXT_LIST]: TextSchema,
+  // [ElementType.STANDARD_H1]: TextSchema,
+  // [ElementType.STANDARD_H2]: TextSchema,
+  // [ElementType.STANDARD_H3]: TextSchema,
+  // [ElementType.STANDARD_H4]: TextSchema,
+  // // Button
+  // [ElementType.STANDARD_BUTTON]: ButtonSchema,
+  // // Section
+  // [ElementType.STANDARD_SECTION]: SectionSchema,
+  // // Image
+  // [ElementType.STANDARD_IMAGE]: ImageSchema,
+  // // Page
+  // [ElementType.PAGE]: PageSchema,
+  // // Column
+  // [ElementType.STANDARD_COLUMN]: ColumnSchema,
+  // // Wrapper
+  // [ElementType.STANDARD_WRAPPER]: WrapperSchema,
+  // // Divider
+  // [ElementType.STANDARD_DIVIDER]: DividerSchema,
+  // // Spacer
+  // [ElementType.STANDARD_SPACER]: SpacerSchema,
+  // // Group
+  // [ElementType.STANDARD_GROUP]: GroupSchema,
+  // // Blockquote
+  // [ElementType.STANDARD_BLOCK_QUOTE]: BlockquoteSchema,
+  // // Table
+  // [ElementType.STANDARD_TABLE]: TableSchema,
+  // [ElementType.STANDARD_TABLE2]: Table2Schema,
+  // // Hero
+  // [ElementType.STANDARD_HERO]: HeroSchema,
+  // // Navbar
+  // [ElementType.STANDARD_NAVBAR]: NavbarSchema,
+  // // Social
+  // [ElementType.STANDARD_SOCIAL]: SocialSchema,
+  // Note: Code and Widget components are too complex for schema-based approach
+  // They will continue to use component-based configuration
+};
+const SchemaPanelRenderer = ({
+  schema,
+  nodePath
+}) => {
+  const isResponsive = isResponsiveTabsSchema(schema);
+  const desktop = useMemo(() => {
+    if (isResponsive) {
+      return /* @__PURE__ */ React__default.createElement(
+        SchemaFieldsRenderer,
+        {
+          fields: schema.desktop,
+          nodePath,
+          mode: ActiveTabKeys.DESKTOP
+        }
+      );
+    }
+    return null;
+  }, [isResponsive, schema, nodePath]);
+  const mobile = useMemo(() => {
+    if (isResponsive) {
+      const responsiveSchema = schema;
+      const mobileFields = responsiveSchema.mobile || responsiveSchema.desktop;
+      return /* @__PURE__ */ React__default.createElement(
+        SchemaFieldsRenderer,
+        {
+          fields: mobileFields,
+          nodePath,
+          mode: ActiveTabKeys.MOBILE
+        }
+      );
+    }
+    return null;
+  }, [isResponsive, schema, nodePath]);
+  const regularFields = useMemo(() => {
+    if (!isResponsive) {
+      return /* @__PURE__ */ React__default.createElement(
+        SchemaFieldsRenderer,
+        {
+          fields: schema,
+          nodePath
+        }
+      );
+    }
+    return null;
+  }, [isResponsive, schema, nodePath]);
+  if (isResponsive) {
+    return /* @__PURE__ */ React__default.createElement(AttributesPanelWrapper, null, /* @__PURE__ */ React__default.createElement(ResponsiveTabs, { desktop, mobile }));
+  }
+  return /* @__PURE__ */ React__default.createElement(AttributesPanelWrapper, null, regularFields);
+};
+const SchemaFieldsRenderer = ({
+  fields,
+  nodePath,
+  mode
+}) => {
+  const { selectedNode } = useSelectedNode();
+  const editorProps = useEditorProps();
+  const defaultActiveKeys = useMemo(() => {
+    const keys2 = [];
+    fields.filter((field) => field.type === "CollapseGroup").filter((field) => field.defaultActive !== false).forEach((field) => {
+      keys2.push(field.name);
+    });
+    fields.filter((field) => field.type === "EditPanelListField").forEach((field) => {
+      const headerKey = field.headerKey;
+      if (headerKey) {
+        keys2.push(headerKey);
+      }
+    });
+    return keys2;
+  }, [fields]);
+  return /* @__PURE__ */ React__default.createElement(CollapseWrapper$1, { defaultActiveKey: defaultActiveKeys }, fields.map((field, index2) => {
+    if (field.type === "CollapseGroup") {
+      return /* @__PURE__ */ React__default.createElement(
+        Collapse.Item,
+        {
+          key: field.name || index2,
+          name: field.name,
+          header: field.header,
+          extra: field.extra
+        },
+        /* @__PURE__ */ React__default.createElement(
+          SchemaFieldsRenderer,
+          {
+            fields: field.children,
+            nodePath,
+            mode
+          }
+        )
+      );
+    }
+    return /* @__PURE__ */ React__default.createElement(
+      SchemaFieldRenderer,
+      {
+        key: index2,
+        field,
+        nodePath,
+        mode,
+        selectedNode,
+        editorProps
+      }
+    );
+  }));
+};
+const SchemaFieldRenderer = ({
+  field,
+  nodePath,
+  mode,
+  selectedNode,
+  editorProps
+}) => {
+  const actualPath = useMemo(() => {
+    if (field.path === "textPath") {
+      return [...nodePath, 0];
+    }
+    if (field.path === "nodePath") {
+      return nodePath;
+    }
+    return nodePath;
+  }, [field.path, nodePath]);
+  const FieldComponent = getFieldComponent(field.type);
+  if (!FieldComponent) {
+    console.warn(`Unknown field type: ${field.type}`);
+    return null;
+  }
+  const componentProps = __spreadValues({
+    path: actualPath,
+    name: field.name || ""
+  }, field);
+  if (field.type === "Typography" || field.type === "Buttons") {
+    const fieldMode = field.mode === "desktop" ? ActiveTabKeys.DESKTOP : field.mode === "mobile" ? ActiveTabKeys.MOBILE : mode;
+    componentProps.mode = fieldMode;
+    componentProps.type = field.elementType || (selectedNode == null ? void 0 : selectedNode.type);
+    if (field.hidePadding !== void 0) {
+      componentProps.hidePadding = field.hidePadding;
+    }
+  }
+  if (field.type === "Heading") {
+    const currentMode = mode || ActiveTabKeys.DESKTOP;
+    if (currentMode === ActiveTabKeys.MOBILE) {
+      return null;
+    }
+    if (selectedNode && NodeUtils.isTextListElement(selectedNode)) {
+      return null;
+    }
+  }
+  if (field.type === "ButtonIcon") {
+    if (!(editorProps == null ? void 0 : editorProps.enabledButtonIcon)) {
+      return null;
+    }
+  }
+  if (field.type === "EditPanelListField") {
+    if ((selectedNode == null ? void 0 : selectedNode.type) === ElementType.STANDARD_SOCIAL) {
+      componentProps.renderItem = (item2, index2) => /* @__PURE__ */ React__default.createElement(SocialItem$1, { index: index2, path: [...nodePath, index2] });
+      componentProps.renderHeader = (item2) => item2.content || "Custom";
+    } else if ((selectedNode == null ? void 0 : selectedNode.type) === ElementType.STANDARD_NAVBAR) {
+      componentProps.renderItem = (item2, index2) => /* @__PURE__ */ React__default.createElement(NavbarLink, { index: index2, path: [...nodePath, index2] });
+      componentProps.renderHeader = (item2) => get(item2, "children.0.text") || "Custom";
+    }
+  }
+  if (field.type === "EditPanelListField" && mode === ActiveTabKeys.MOBILE) {
+    return null;
+  }
+  if (field.type === "SyncChildrenField" && mode) {
+    componentProps.mode = mode;
+  }
+  if (field.responsive) {
+    return /* @__PURE__ */ React__default.createElement(
+      ResponsiveField,
+      __spreadProps(__spreadValues({
+        component: FieldComponent
+      }, componentProps), {
+        mode
+      })
+    );
+  }
+  return /* @__PURE__ */ React__default.createElement(FieldComponent, __spreadValues({}, componentProps));
+};
+const SocialItem$1 = ({ path: path2 }) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "SocialItem" }, /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 10 } }), /* @__PURE__ */ React__default.createElement(
+    AttributeField.ImageUrl,
+    {
+      path: path2,
+      label: t("Icon"),
+      name: `attributes.src`
+    }
+  ), /* @__PURE__ */ React__default.createElement(Divider$2, null), /* @__PURE__ */ React__default.createElement(
+    AttributeField.ColorPickerField,
+    {
+      path: path2,
+      label: t("Background color"),
+      name: `attributes.background-color`
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    AttributeField.BorderRadius,
+    {
+      path: path2,
+      label: t("Border radius"),
+      name: `attributes.border-radius`
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    AttributeField.TextField,
+    {
+      path: [...path2, 0],
+      label: t("Text"),
+      name: `text`,
+      fallbackValue: ""
+    }
+  ), /* @__PURE__ */ React__default.createElement(AttributeField.Link, { required: true, path: path2, name: `attributes.href` }));
+};
+const NavbarLink = ({ path: path2 }) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "NavbarLink" }, /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 10 } }), /* @__PURE__ */ React__default.createElement(
+    AttributeField.TextField,
+    {
+      path: [...path2, 0],
+      label: t("Text"),
+      name: `text`
+    }
+  ), /* @__PURE__ */ React__default.createElement(AttributeField.Link, { required: true, path: path2, name: `attributes.href` }));
+};
+function isResponsiveTabsSchema(schema) {
+  return typeof schema === "object" && "type" in schema && schema.type === "ResponsiveTabs";
+}
+function getFieldComponent(fieldType) {
+  const fieldMap = {
+    // Basic fields
+    TextField: AttributeField.TextField,
+    NumberField: AttributeField.NumberField,
+    ColorPickerField: AttributeField.ColorPickerField,
+    SelectField: AttributeField.SelectField,
+    SwitchField: AttributeField.SwitchField,
+    SliderField: AttributeField.SliderField,
+    PixelField: AttributeField.PixelField,
+    ImageUploaderField: AttributeField.ImageUploaderField,
+    RichTextField: AttributeField.RichTextField,
+    TextAreaField: AttributeField.TextAreaField,
+    ButtonGroupField: AttributeField.ButtonGroupField,
+    GradientGeneratorField: AttributeField.GradientGeneratorField,
+    MergeTagSelectInputField: AttributeField.MergeTagSelectInputField,
+    EditPanelListField: AttributeField.EditPanelListField,
+    EditPanelTabsField: AttributeField.EditPanelTabsField,
+    SyncChildrenField: AttributeField.SyncChildrenField,
+    FieldItem: AttributeField.FieldItem,
+    // Composite fields
+    Typography: AttributeField.Typography,
+    Padding: AttributeField.Padding,
+    Border: AttributeField.Border,
+    BackgroundColor: AttributeField.BackgroundColor,
+    TextAlign: AttributeField.TextAlign,
+    Height: AttributeField.Height,
+    Width: AttributeField.Width,
+    Link: AttributeField.Link,
+    ButtonContent: AttributeField.ButtonContent,
+    BorderRadius: AttributeField.BorderRadius,
+    BackgroundImage: AttributeField.BackgroundImage,
+    FontFamily: AttributeField.FontFamily,
+    FontSize: AttributeField.FontSize,
+    Heading: AttributeField.Heading,
+    ButtonIcon: AttributeField.ButtonIcon,
+    Buttons: AttributeField.Buttons,
+    ImageUrl: AttributeField.ImageUrl,
+    VerticalAlign: AttributeField.VerticalAlign,
+    Direction: AttributeField.Direction,
+    DisplayOptions: AttributeField.DisplayOptions,
+    Columns: AttributeField.Columns,
+    BackgroundGradient: AttributeField.BackgroundGradient,
+    LetterSpacing: AttributeField.LetterSpacing,
+    LineHeight: AttributeField.LineHeight,
+    FontWeight: AttributeField.FontWeight,
+    TextAndHeadingStyle: AttributeField.TextAndHeadingStyle,
+    GlobalLink: AttributeField.GlobalLink,
+    ButtonCategory: AttributeField.ButtonCategory,
+    BackgroundPosition: AttributeField.BackgroundPosition,
+    StackOnMobile: AttributeField.StackOnMobile,
+    DividerLine: AttributeField.DividerLine,
+    RTLDirection: AttributeField.RTLDirection,
+    TableLayout: AttributeField.TableLayout,
+    Preheader: AttributeField.Preheader,
+    ImageWidth: AttributeField.ImageWidth,
+    TextAndHeadingList: AttributeField.TextAndHeadingList,
+    WebFonts: AttributeField.WebFonts,
+    PixelAndPercentField: AttributeField.PixelAndPercentField
+  };
+  return fieldMap[fieldType] || null;
+}
 const AttributePanel = () => {
   const { selectedNode } = useSelectedNode();
   const selectedNodePath = useSelectedNodePath();
   const { setSelectedNodePath } = useEditorActions();
   const editor = useSlateStatic();
   const nodePath = useMemo(() => selectedNodePath, [selectedNodePath]);
+  const schema = selectedNode && BlockSchemasMap[selectedNode.type];
   const Com = selectedNode && ConfigPanelsMap[selectedNode.type];
+  const hasSchema = !!schema;
+  const hasComponent = !!Com;
   useEffect(() => {
     if (!nodePath)
       return;
-    if (!Com) {
+    if (!hasSchema && !hasComponent) {
       console.log(
         `The current component  was not found and has been switched to the previous level.`
       );
@@ -33568,7 +34032,7 @@ const AttributePanel = () => {
         let path2 = Path.parent(nodePath);
         let parent2 = Node.get(editor, path2);
         while (parent2) {
-          if (ConfigPanelsMap[parent2.type]) {
+          if (BlockSchemasMap[parent2.type] || ConfigPanelsMap[parent2.type]) {
             setSelectedNodePath(path2);
             return;
           } else {
@@ -33579,14 +34043,31 @@ const AttributePanel = () => {
       } catch (error2) {
       }
     }
-  }, [Com, editor, nodePath, setSelectedNodePath]);
+  }, [hasSchema, hasComponent, editor, nodePath, setSelectedNodePath]);
   return useMemo(() => {
     if (!selectedNode || !nodePath)
       return null;
-    if (!Com)
-      return /* @__PURE__ */ React__default.createElement("div", null, "No match component ", selectedNode.type);
-    return /* @__PURE__ */ React__default.createElement(Com, { nodePath, key: selectedNode.type + nodePath.toString() });
-  }, [Com, nodePath, selectedNode]);
+    if (hasSchema) {
+      return /* @__PURE__ */ React__default.createElement(
+        SchemaPanelRenderer,
+        {
+          schema,
+          nodePath,
+          key: selectedNode.type + nodePath.toString()
+        }
+      );
+    }
+    if (hasComponent) {
+      return /* @__PURE__ */ React__default.createElement(
+        Com,
+        {
+          nodePath,
+          key: selectedNode.type + nodePath.toString()
+        }
+      );
+    }
+    return /* @__PURE__ */ React__default.createElement("div", null, "No match component ", selectedNode.type);
+  }, [hasSchema, hasComponent, schema, Com, nodePath, selectedNode]);
 };
 const ConfigurationSideBar = ({ height }) => {
   const standaloneElementEditing = useStandaloneElementEditing();
@@ -38390,6 +38871,7 @@ const ContextMenu = ({
     deleteSelectedColumn,
     mergeCeils
   } = useTableInteract();
+  const ele = document.getElementById("HoveringToolbar");
   return createPortal(
     /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
       "div",
@@ -38465,7 +38947,7 @@ const ContextMenu = ({
         /* @__PURE__ */ React__default.createElement("div", { className: "easy-email-pro-table-operation-menu-text" }, "Delete selected rows")
       )
     ), /* @__PURE__ */ React__default.createElement("style", null, styleText$b)),
-    document.body
+    ele || document.body
   );
 };
 const ERROR_LIMIT = 2;
@@ -38489,12 +38971,32 @@ const TableTools = (props) => {
       return;
     const handleContextmenu = (ev) => {
       ev.preventDefault();
-      setShowContextMenu(true);
       const iframeRect = iframe.getBoundingClientRect();
+      const initialLeft = ev.clientX + iframeRect.left;
+      const initialTop = ev.clientY + iframeRect.top;
+      const MENU_HEIGHT = 280;
+      const MENU_WIDTH = 220;
+      const viewportHeight = window.innerHeight;
+      const viewportWidth = window.innerWidth;
+      let adjustedLeft = initialLeft;
+      let adjustedTop = initialTop;
+      if (initialTop + MENU_HEIGHT > viewportHeight) {
+        adjustedTop = initialTop - MENU_HEIGHT;
+        if (adjustedTop < 0) {
+          adjustedTop = 8;
+        }
+      }
+      if (initialLeft + MENU_WIDTH > viewportWidth) {
+        adjustedLeft = viewportWidth - MENU_WIDTH - 8;
+      }
+      if (adjustedLeft < 0) {
+        adjustedLeft = 8;
+      }
       setPosition({
-        left: ev.clientX + iframeRect.left,
-        top: ev.clientY + iframeRect.top
+        left: adjustedLeft + 20,
+        top: adjustedTop
       });
+      setShowContextMenu(true);
     };
     props.nodeElement.addEventListener("contextmenu", handleContextmenu);
     return () => {
@@ -38965,6 +39467,35 @@ const getIsLargeScreen = () => {
   const isLargeScreen = windowSize >= 1600;
   return isLargeScreen;
 };
+const EditorContainer = ({
+  children,
+  style
+}) => {
+  const { lock } = useEditorState();
+  return /* @__PURE__ */ React__default.createElement("div", { style: __spreadProps(__spreadValues({}, style), { position: "relative" }), id: EDITOR_CONTAINER }, lock && /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(255, 255, 255, 0.3)",
+        zIndex: 10,
+        cursor: "not-allowed"
+      },
+      onPointerDown: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    }
+  ), children);
+};
 const useCreateConfig$1 = (_k) => {
   var _l = _k, {
     interactiveStyle,
@@ -39095,15 +39626,20 @@ const Layout$1 = ({ children, footer, header, tabLeft, tabRight }) => {
           },
           /* @__PURE__ */ React__default.createElement(SharedComponents.BlockSideBar, { height })
         ),
-        /* @__PURE__ */ React__default.createElement("div", { style: { height, minWidth: 800, flex: 1 } }, /* @__PURE__ */ React__default.createElement(
-          SharedComponents.EditorTabs,
+        /* @__PURE__ */ React__default.createElement(
+          EditorContainer,
           {
-            header,
-            footer,
-            left: tabLeft,
-            right: tabRight
+            style: { height, minWidth: 800, flex: 1 }
           },
-          /* @__PURE__ */ React__default.createElement(EmailEditor, null, /* @__PURE__ */ React__default.createElement("style", { id: "Retro-CSS" }, styleText$h, RetroStyleText, `
+          /* @__PURE__ */ React__default.createElement(
+            SharedComponents.EditorTabs,
+            {
+              header,
+              footer,
+              left: tabLeft,
+              right: tabRight
+            },
+            /* @__PURE__ */ React__default.createElement(EmailEditor, null, /* @__PURE__ */ React__default.createElement("style", { id: "Retro-CSS" }, styleText$h, RetroStyleText, `
                       body {
                         --page-width: ${pageDataWidth}px;
                       }
@@ -39115,7 +39651,8 @@ const Layout$1 = ({ children, footer, header, tabLeft, tabRight }) => {
                         }
 
                       `), children)
-        )),
+          )
+        ),
         showSidebar && compact && /* @__PURE__ */ React__default.createElement(
           Layout$2.Sider,
           {
@@ -40822,6 +41359,7 @@ const Minimalist = { useCreateConfig, Layout };
 export {
   AttributeField,
   AttributesPanelWrapper,
+  BlockSchemasMap,
   CollapseWrapper$1 as CollapseWrapper,
   ConfigPanelsMap,
   ControllerProvider,