@elementor/editor-components 3.35.0-398 → 3.35.0-400

package/dist/index.js

@@ -36,15 +36,15 @@ module.exports = __toCommonJS(index_exports);
 
 // src/init.ts
 var import_editor = require("@elementor/editor");
-var import_editor_canvas8 = require("@elementor/editor-canvas");
+var import_editor_canvas9 = require("@elementor/editor-canvas");
 var import_editor_documents12 = require("@elementor/editor-documents");
 var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
 var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 var import_editor_panels4 = require("@elementor/editor-panels");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
-var import_store65 = require("@elementor/store");
-var import_i18n25 = require("@wordpress/i18n");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_store67 = require("@elementor/store");
+var import_i18n26 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
 var import_editor_canvas = require("@elementor/editor-canvas");
@@ -2261,26 +2261,141 @@ var COMPONENT_DOCUMENT_TYPE = "elementor_component";
 // src/components/create-component-form/create-component-form.tsx
 var React17 = __toESM(require("react"));
 var import_react9 = require("react");
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_notifications2 = require("@elementor/editor-notifications");
 var import_editor_ui8 = require("@elementor/editor-ui");
 var import_icons11 = require("@elementor/icons");
 var import_ui15 = require("@elementor/ui");
-var import_i18n17 = require("@wordpress/i18n");
+var import_i18n18 = require("@wordpress/i18n");
 
-// src/store/actions/create-unpublished-component.ts
+// src/prevent-non-atomic-nesting.ts
+var import_editor_canvas6 = require("@elementor/editor-canvas");
+var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_notifications = require("@elementor/editor-notifications");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var import_store36 = require("@elementor/store");
+var import_i18n16 = require("@wordpress/i18n");
+var NON_ATOMIC_ELEMENT_ALERT = {
+  type: "default",
+  message: (0, import_i18n16.__)("Cannot add this element here - only atomic elements are allowed inside components.", "elementor"),
+  id: "non-atomic-element-blocked"
+};
+function initNonAtomicNestingPrevention() {
+  (0, import_editor_v1_adapters3.blockCommand)({
+    command: "document/elements/create",
+    condition: blockNonAtomicCreate
+  });
+  (0, import_editor_v1_adapters3.blockCommand)({
+    command: "document/elements/move",
+    condition: blockNonAtomicMove
+  });
+  (0, import_editor_v1_adapters3.blockCommand)({
+    command: "document/elements/paste",
+    condition: blockNonAtomicPaste
+  });
+}
+function isEditingComponent() {
+  const state = (0, import_store36.__getStore)()?.getState();
+  if (!state) {
+    return false;
+  }
+  return selectCurrentComponentId(state) !== null;
+}
+function isElementAtomic(elementType) {
+  return (0, import_editor_elements7.getElementType)(elementType) !== null;
+}
+function blockNonAtomicCreate(args) {
+  if (!isEditingComponent()) {
+    return false;
+  }
+  const { model } = args;
+  const elementType = model?.widgetType || model?.elType;
+  if (!elementType) {
+    return false;
+  }
+  if (isElementAtomic(elementType)) {
+    return false;
+  }
+  (0, import_editor_notifications.notify)(NON_ATOMIC_ELEMENT_ALERT);
+  return true;
+}
+function blockNonAtomicMove(args) {
+  if (!isEditingComponent()) {
+    return false;
+  }
+  const { containers = [args.container] } = args;
+  const hasNonAtomicElement = containers.some((container) => {
+    if (!container) {
+      return false;
+    }
+    const allElements = (0, import_editor_elements7.getAllDescendants)(container);
+    return allElements.some((element) => !(0, import_editor_canvas6.isAtomicWidget)(element));
+  });
+  if (hasNonAtomicElement) {
+    (0, import_editor_notifications.notify)(NON_ATOMIC_ELEMENT_ALERT);
+  }
+  return hasNonAtomicElement;
+}
+function blockNonAtomicPaste(args) {
+  if (!isEditingComponent()) {
+    return false;
+  }
+  const { storageType } = args;
+  if (storageType !== "localstorage") {
+    return false;
+  }
+  const data = window?.elementorCommon?.storage?.get();
+  if (!data?.clipboard?.elements) {
+    return false;
+  }
+  const hasNonAtomicElement = hasNonAtomicElementsInTree(data.clipboard.elements);
+  if (hasNonAtomicElement) {
+    (0, import_editor_notifications.notify)(NON_ATOMIC_ELEMENT_ALERT);
+  }
+  return hasNonAtomicElement;
+}
+function hasNonAtomicElementsInTree(elements) {
+  for (const element of elements) {
+    const elementType = element.widgetType || element.elType;
+    if (elementType && !isElementAtomic(elementType)) {
+      return true;
+    }
+    if (element.elements?.length) {
+      if (hasNonAtomicElementsInTree(element.elements)) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function findNonAtomicElementsInElement(element) {
+  const nonAtomicElements = [];
+  const elementType = element.widgetType || element.elType;
+  if (elementType && !isElementAtomic(elementType)) {
+    nonAtomicElements.push(elementType);
+  }
+  if (element.elements?.length) {
+    for (const child of element.elements) {
+      nonAtomicElements.push(...findNonAtomicElementsInElement(child));
+    }
+  }
+  return [...new Set(nonAtomicElements)];
+}
+
+// src/store/actions/create-unpublished-component.ts
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_store38 = require("@elementor/store");
 var import_utils4 = require("@elementor/utils");
 function createUnpublishedComponent(name, element, eventData, overridableProps, uid) {
   const generatedUid = uid ?? (0, import_utils4.generateUniqueId)("component");
   const componentBase = { uid: generatedUid, name, overridableProps };
-  (0, import_store36.__dispatch)(
+  (0, import_store38.__dispatch)(
     slice.actions.addUnpublished({
       ...componentBase,
       elements: [element]
     })
   );
-  (0, import_store36.__dispatch)(slice.actions.addCreatedThisSession(generatedUid));
+  (0, import_store38.__dispatch)(slice.actions.addCreatedThisSession(generatedUid));
   replaceElementWithComponent(element, componentBase);
   trackComponentEvent({
     action: "created",
@@ -2288,7 +2403,7 @@ function createUnpublishedComponent(name, element, eventData, overridableProps,
     component_name: name,
     ...eventData
   });
-  (0, import_editor_v1_adapters3.__privateRunCommand)("document/save/auto");
+  (0, import_editor_v1_adapters4.__privateRunCommand)("document/save/auto");
   return generatedUid;
 }
 
@@ -2343,16 +2458,16 @@ var validateForm = (values, schema) => {
 
 // src/components/create-component-form/utils/component-form-schema.ts
 var import_schema = require("@elementor/schema");
-var import_i18n16 = require("@wordpress/i18n");
+var import_i18n17 = require("@wordpress/i18n");
 var MIN_NAME_LENGTH = 2;
 var MAX_NAME_LENGTH = 50;
 var createBaseComponentSchema = (existingNames) => {
   return import_schema.z.object({
     componentName: import_schema.z.string().trim().max(
       MAX_NAME_LENGTH,
-      (0, import_i18n16.__)("Component name is too long. Please keep it under 50 characters.", "elementor")
+      (0, import_i18n17.__)("Component name is too long. Please keep it under 50 characters.", "elementor")
     ).refine((value) => !existingNames.includes(value), {
-      message: (0, import_i18n16.__)("Component name already exists", "elementor")
+      message: (0, import_i18n17.__)("Component name already exists", "elementor")
     })
   });
 };
@@ -2360,9 +2475,9 @@ var createSubmitComponentSchema = (existingNames) => {
   const baseSchema = createBaseComponentSchema(existingNames);
   return baseSchema.extend({
     componentName: baseSchema.shape.componentName.refine((value) => value.length > 0, {
-      message: (0, import_i18n16.__)("Component name is required.", "elementor")
+      message: (0, import_i18n17.__)("Component name is required.", "elementor")
     }).refine((value) => value.length >= MIN_NAME_LENGTH, {
-      message: (0, import_i18n16.__)("Component name is too short. Please enter at least 2 characters.", "elementor")
+      message: (0, import_i18n17.__)("Component name is too short. Please enter at least 2 characters.", "elementor")
     })
   });
 };
@@ -2405,7 +2520,19 @@ function CreateComponentForm() {
   (0, import_react9.useEffect)(() => {
     const OPEN_SAVE_AS_COMPONENT_FORM_EVENT = "elementor/editor/open-save-as-component-form";
     const openPopup = (event) => {
-      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements7.getElementLabel)(event.detail.element.id) });
+      const nonAtomicElements = findNonAtomicElementsInElement(event.detail.element);
+      if (nonAtomicElements.length > 0) {
+        (0, import_editor_notifications2.notify)({
+          type: "default",
+          message: (0, import_i18n18.__)(
+            "Cannot save as component - contains non-supported elements. Only atomic elements are allowed inside components.",
+            "elementor"
+          ),
+          id: "non-atomic-element-save-blocked"
+        });
+        return;
+      }
+      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements8.getElementLabel)(event.detail.element.id) });
       setAnchorPosition(event.detail.anchorPosition);
       eventData.current = getComponentEventData(event.detail.element, event.detail.options);
       trackComponentEvent({
@@ -2427,12 +2554,12 @@ function CreateComponentForm() {
       setResultNotification({
         show: true,
         // Translators: %1$s: Component name, %2$s: Component UID
-        message: (0, import_i18n17.__)("Component saved successfully as: %1$s (UID: %2$s)", "elementor").replace("%1$s", values.componentName).replace("%2$s", uid),
+        message: (0, import_i18n18.__)("Component saved successfully as: %1$s (UID: %2$s)", "elementor").replace("%1$s", values.componentName).replace("%2$s", uid),
         type: "success"
       });
       resetAndClosePopup();
     } catch {
-      const errorMessage = (0, import_i18n17.__)("Failed to save component. Please try again.", "elementor");
+      const errorMessage = (0, import_i18n18.__)("Failed to save component. Please try again.", "elementor");
       setResultNotification({
         show: true,
         message: errorMessage,
@@ -2503,10 +2630,10 @@ var Form2 = ({
     }
   };
   const texts = {
-    heading: (0, import_i18n17.__)("Save as a component", "elementor"),
-    name: (0, import_i18n17.__)("Name", "elementor"),
-    cancel: (0, import_i18n17.__)("Cancel", "elementor"),
-    create: (0, import_i18n17.__)("Create", "elementor")
+    heading: (0, import_i18n18.__)("Save as a component", "elementor"),
+    name: (0, import_i18n18.__)("Name", "elementor"),
+    cancel: (0, import_i18n18.__)("Cancel", "elementor"),
+    create: (0, import_i18n18.__)("Create", "elementor")
   };
   const nameInputId = "component-name";
   return /* @__PURE__ */ React17.createElement(import_editor_ui8.Form, { onSubmit: handleSubmit }, /* @__PURE__ */ React17.createElement(import_ui15.Stack, { alignItems: "start", width: "268px" }, /* @__PURE__ */ React17.createElement(
@@ -2539,18 +2666,18 @@ var Form2 = ({
 var React19 = __toESM(require("react"));
 var import_react12 = require("react");
 var import_editor_documents10 = require("@elementor/editor-documents");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
-var import_store40 = require("@elementor/store");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_store42 = require("@elementor/store");
 var import_utils6 = require("@elementor/utils");
 
 // src/store/actions/update-current-component.ts
 var import_editor_documents9 = require("@elementor/editor-documents");
-var import_store38 = require("@elementor/store");
+var import_store40 = require("@elementor/store");
 function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch16 = (0, import_store38.__getStore)()?.dispatch;
+  const dispatch16 = (0, import_store40.__getStore)()?.dispatch;
   if (!dispatch16) {
     return;
   }
@@ -2562,13 +2689,13 @@ function updateCurrentComponent({
 var React18 = __toESM(require("react"));
 var import_react11 = require("react");
 var import_react_dom = require("react-dom");
-var import_i18n18 = require("@wordpress/i18n");
+var import_i18n19 = require("@wordpress/i18n");
 
 // src/hooks/use-canvas-document.ts
-var import_editor_canvas6 = require("@elementor/editor-canvas");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_editor_canvas7 = require("@elementor/editor-canvas");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 function useCanvasDocument() {
-  return (0, import_editor_v1_adapters4.__privateUseListenTo)((0, import_editor_v1_adapters4.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_canvas6.getCanvasIframeDocument)());
+  return (0, import_editor_v1_adapters5.__privateUseListenTo)((0, import_editor_v1_adapters5.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_canvas7.getCanvasIframeDocument)());
 }
 
 // src/hooks/use-element-rect.ts
@@ -2684,7 +2811,7 @@ function Backdrop({ canvas, element, onClose }) {
       onKeyDown: handleKeyDown,
       role: "button",
       tabIndex: 0,
-      "aria-label": (0, import_i18n18.__)("Exit component editing mode", "elementor")
+      "aria-label": (0, import_i18n19.__)("Exit component editing mode", "elementor")
     }
   );
 }
@@ -2752,9 +2879,9 @@ function EditComponent() {
 function useHandleDocumentSwitches() {
   const documentsManager = (0, import_editor_documents10.getV1DocumentsManager)();
   const currentComponentId = useCurrentComponentId();
-  const path = (0, import_store40.__useSelector)(selectPath);
+  const path = (0, import_store42.__useSelector)(selectPath);
   (0, import_react12.useEffect)(() => {
-    return (0, import_editor_v1_adapters5.__privateListenTo)((0, import_editor_v1_adapters5.commandEndEvent)("editor/documents/open"), () => {
+    return (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/open"), () => {
       const nextDocument = documentsManager.getCurrent();
       if (nextDocument.id === currentComponentId) {
         return;
@@ -2804,33 +2931,33 @@ var React20 = __toESM(require("react"));
 var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons12 = require("@elementor/icons");
 var import_ui16 = require("@elementor/ui");
-var import_i18n19 = require("@wordpress/i18n");
+var import_i18n20 = require("@wordpress/i18n");
 var openEditModeDialog = (lockedBy) => {
   (0, import_editor_ui9.openDialog)({
     component: /* @__PURE__ */ React20.createElement(EditModeDialog, { lockedBy })
   });
 };
 var EditModeDialog = ({ lockedBy }) => {
-  const content = (0, import_i18n19.__)("%s is currently editing this document", "elementor").replace("%s", lockedBy);
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(import_ui16.DialogHeader, { logo: false }, /* @__PURE__ */ React20.createElement(import_ui16.Box, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React20.createElement(import_ui16.Icon, { color: "secondary" }, /* @__PURE__ */ React20.createElement(import_icons12.InfoCircleFilledIcon, { fontSize: "medium" })), /* @__PURE__ */ React20.createElement(import_ui16.Typography, { variant: "subtitle1" }, content))), /* @__PURE__ */ React20.createElement(import_ui16.DialogContent, null, /* @__PURE__ */ React20.createElement(import_ui16.Stack, { spacing: 2, direction: "column" }, /* @__PURE__ */ React20.createElement(import_ui16.Typography, { variant: "body2" }, (0, import_i18n19.__)(
+  const content = (0, import_i18n20.__)("%s is currently editing this document", "elementor").replace("%s", lockedBy);
+  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(import_ui16.DialogHeader, { logo: false }, /* @__PURE__ */ React20.createElement(import_ui16.Box, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React20.createElement(import_ui16.Icon, { color: "secondary" }, /* @__PURE__ */ React20.createElement(import_icons12.InfoCircleFilledIcon, { fontSize: "medium" })), /* @__PURE__ */ React20.createElement(import_ui16.Typography, { variant: "subtitle1" }, content))), /* @__PURE__ */ React20.createElement(import_ui16.DialogContent, null, /* @__PURE__ */ React20.createElement(import_ui16.Stack, { spacing: 2, direction: "column" }, /* @__PURE__ */ React20.createElement(import_ui16.Typography, { variant: "body2" }, (0, import_i18n20.__)(
     "You can wait for them to finish or reach out to coordinate your changes together.",
     "elementor"
-  )), /* @__PURE__ */ React20.createElement(import_ui16.DialogActions, null, /* @__PURE__ */ React20.createElement(import_ui16.Button, { color: "secondary", variant: "contained", onClick: import_editor_ui9.closeDialog }, (0, import_i18n19.__)("Close", "elementor"))))));
+  )), /* @__PURE__ */ React20.createElement(import_ui16.DialogActions, null, /* @__PURE__ */ React20.createElement(import_ui16.Button, { color: "secondary", variant: "contained", onClick: import_editor_ui9.closeDialog }, (0, import_i18n20.__)("Close", "elementor"))))));
 };
 
 // src/components/instance-editing-panel/instance-editing-panel.tsx
 var React25 = __toESM(require("react"));
 var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
-var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_elements12 = require("@elementor/editor-elements");
 var import_editor_panels3 = require("@elementor/editor-panels");
 var import_icons14 = require("@elementor/icons");
 var import_ui21 = require("@elementor/ui");
-var import_i18n21 = require("@wordpress/i18n");
+var import_i18n22 = require("@wordpress/i18n");
 
 // src/hooks/use-component-instance-settings.ts
 var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements9 = require("@elementor/editor-elements");
 
 // src/prop-types/component-instance-prop-type.ts
 var import_editor_props4 = require("@elementor/editor-props");
@@ -2887,7 +3014,7 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
 // src/hooks/use-component-instance-settings.ts
 function useComponentInstanceSettings() {
   const { element } = (0, import_editor_editing_panel2.useElement)();
-  const settings = (0, import_editor_elements8.useElementSetting)(element.id, "component_instance");
+  const settings = (0, import_editor_elements9.useElementSetting)(element.id, "component_instance");
   return componentInstancePropTypeUtil.extract(settings);
 }
 
@@ -2895,7 +3022,7 @@ function useComponentInstanceSettings() {
 var React21 = __toESM(require("react"));
 var import_icons13 = require("@elementor/icons");
 var import_ui17 = require("@elementor/ui");
-var import_i18n20 = require("@wordpress/i18n");
+var import_i18n21 = require("@wordpress/i18n");
 var EmptyState2 = ({ onEditComponent }) => {
   return /* @__PURE__ */ React21.createElement(
     import_ui17.Stack,
@@ -2908,12 +3035,12 @@ var EmptyState2 = ({ onEditComponent }) => {
       gap: 1.5
     },
     /* @__PURE__ */ React21.createElement(import_icons13.ComponentPropListIcon, { fontSize: "large" }),
-    /* @__PURE__ */ React21.createElement(import_ui17.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n20.__)("No properties yet", "elementor")),
-    /* @__PURE__ */ React21.createElement(import_ui17.Typography, { align: "center", variant: "caption", maxWidth: "170px" }, (0, import_i18n20.__)(
+    /* @__PURE__ */ React21.createElement(import_ui17.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n21.__)("No properties yet", "elementor")),
+    /* @__PURE__ */ React21.createElement(import_ui17.Typography, { align: "center", variant: "caption", maxWidth: "170px" }, (0, import_i18n21.__)(
       "Edit the component to add properties, manage them or update the design across all instances.",
       "elementor"
     )),
-    /* @__PURE__ */ React21.createElement(import_ui17.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 }, onClick: onEditComponent }, /* @__PURE__ */ React21.createElement(import_icons13.PencilIcon, { fontSize: "small" }), (0, import_i18n20.__)("Edit component", "elementor"))
+    /* @__PURE__ */ React21.createElement(import_ui17.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 }, onClick: onEditComponent }, /* @__PURE__ */ React21.createElement(import_icons13.PencilIcon, { fontSize: "small" }), (0, import_i18n21.__)("Edit component", "elementor"))
   );
 };
 
@@ -2931,9 +3058,9 @@ var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
 var import_ui19 = require("@elementor/ui");
 
 // src/hooks/use-controls-by-widget-type.ts
-var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_elements10 = require("@elementor/editor-elements");
 function useControlsByWidgetType(type) {
-  const elementType = (0, import_editor_elements9.getElementType)(type);
+  const elementType = (0, import_editor_elements10.getElementType)(type);
   if (!elementType) {
     return {};
   }
@@ -2962,9 +3089,9 @@ function getControlsByBind(controls) {
 }
 
 // src/store/actions/update-overridable-prop.ts
-var import_store42 = require("@elementor/store");
+var import_store44 = require("@elementor/store");
 function updateOverridableProp(componentId, propValue, originPropFields) {
-  const overridableProps = selectOverridableProps((0, import_store42.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store44.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -2988,7 +3115,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
       }
     }
   };
-  (0, import_store42.__dispatch)(
+  (0, import_store44.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: newOverridableProps
@@ -2997,7 +3124,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
 }
 
 // src/utils/get-prop-type-for-component-override.ts
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 var getPropTypeForComponentOverride = (overridableProp) => {
   if (overridableProp.originPropFields) {
     return getPropType(overridableProp.originPropFields);
@@ -3010,7 +3137,7 @@ var getPropTypeForComponentOverride = (overridableProp) => {
   });
 };
 function getPropType({ widgetType, propKey }) {
-  const widgetPropsSchema = (0, import_editor_elements10.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
+  const widgetPropsSchema = (0, import_editor_elements11.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
   return widgetPropsSchema?.[propKey];
 }
 
@@ -3183,15 +3310,14 @@ function InstanceEditingPanel() {
   const overrides = settings?.overrides?.value;
   const component = useComponent(componentId ?? null);
   const overridableProps = useOverridableProps(componentId ?? null);
-  const componentInstanceId = (0, import_editor_elements11.useSelectedElement)()?.element?.id ?? null;
+  const componentInstanceId = (0, import_editor_elements12.useSelectedElement)()?.element?.id ?? null;
   if (!componentId || !overridableProps || !component) {
     return null;
   }
-  const panelTitle = (0, import_i18n21.__)("Edit %s", "elementor").replace("%s", component.name);
+  const panelTitle = (0, import_i18n22.__)("Edit %s", "elementor").replace("%s", component.name);
   const handleEditComponent = () => switchToComponent(componentId, componentInstanceId);
-  const groups = overridableProps.groups.order.map(
-    (groupId) => overridableProps.groups.items[groupId] ? overridableProps.groups.items[groupId] : null
-  ).filter(Boolean);
+  const isNonEmptyGroup = (group) => group !== null && group.props.length > 0;
+  const groups = overridableProps.groups.order.map((groupId) => overridableProps.groups.items[groupId] ?? null).filter(isNonEmptyGroup);
   const isEmpty = groups.length === 0 || Object.keys(overridableProps.props).length === 0;
   return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(import_editor_panels3.PanelHeader, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React25.createElement(import_ui21.Stack, { direction: "row", alignContent: "space-between", flexGrow: 1 }, /* @__PURE__ */ React25.createElement(import_ui21.Stack, { direction: "row", alignItems: "center", justifyContent: "start", gap: 1, flexGrow: 1 }, /* @__PURE__ */ React25.createElement(import_icons14.ComponentsIcon, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React25.createElement(import_editor_panels3.PanelHeaderTitle, null, component.name)), /* @__PURE__ */ React25.createElement(import_ui21.Tooltip, { title: panelTitle }, /* @__PURE__ */ React25.createElement(import_ui21.IconButton, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React25.createElement(import_icons14.PencilIcon, { fontSize: "tiny" }))))), /* @__PURE__ */ React25.createElement(import_editor_panels3.PanelBody, null, /* @__PURE__ */ React25.createElement(import_editor_controls4.ControlAdornmentsProvider, { items: (0, import_editor_editing_panel5.getFieldIndicators)("settings") }, isEmpty ? /* @__PURE__ */ React25.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React25.createElement(import_ui21.Stack, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React25.createElement(
     OverridePropsGroup,
@@ -3269,12 +3395,12 @@ function OverridablePropControl({
 var React29 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
 var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 var import_ui23 = require("@elementor/ui");
-var import_i18n23 = require("@wordpress/i18n");
+var import_i18n24 = require("@wordpress/i18n");
 
 // src/store/actions/set-overridable-prop.ts
-var import_store47 = require("@elementor/store");
+var import_store49 = require("@elementor/store");
 var import_utils7 = require("@elementor/utils");
 function setOverridableProp({
   componentId,
@@ -3288,7 +3414,7 @@ function setOverridableProp({
   originValue,
   originPropFields
 }) {
-  const overridableProps = selectOverridableProps((0, import_store47.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store49.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -3325,7 +3451,7 @@ function setOverridableProp({
   if (isChangingGroups) {
     groups = removePropFromGroup(groups, existingOverridableProp.groupId, overridableProp.overrideKey);
   }
-  (0, import_store47.__dispatch)(
+  (0, import_store49.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -3342,7 +3468,7 @@ var React28 = __toESM(require("react"));
 var import_react15 = require("react");
 var import_icons15 = require("@elementor/icons");
 var import_ui22 = require("@elementor/ui");
-var import_i18n22 = require("@wordpress/i18n");
+var import_i18n23 = require("@wordpress/i18n");
 var SIZE2 = "tiny";
 var IconContainer = (0, import_ui22.styled)(import_ui22.Box)`
 	pointer-events: none;
@@ -3402,18 +3528,18 @@ var Indicator = (0, import_react15.forwardRef)(({ isOpen, isOverridable, ...prop
   IconContainer,
   {
     className: "icon",
-    "aria-label": isOverridable ? (0, import_i18n22.__)("Overridable property", "elementor") : (0, import_i18n22.__)("Make prop overridable", "elementor")
+    "aria-label": isOverridable ? (0, import_i18n23.__)("Overridable property", "elementor") : (0, import_i18n23.__)("Make prop overridable", "elementor")
   },
   isOverridable ? /* @__PURE__ */ React28.createElement(import_icons15.CheckIcon, { fontSize: SIZE2 }) : /* @__PURE__ */ React28.createElement(import_icons15.PlusIcon, { fontSize: SIZE2 })
 )));
 
 // src/components/overridable-props/utils/get-overridable-prop.ts
-var import_store49 = require("@elementor/store");
+var import_store51 = require("@elementor/store");
 function getOverridableProp({
   componentId,
   overrideKey
 }) {
-  const overridableProps = selectOverridableProps((0, import_store49.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store51.__getState)(), componentId);
   if (!overridableProps) {
     return void 0;
   }
@@ -3447,7 +3573,7 @@ function Content2({ componentId, overridableProps }) {
   });
   const triggerProps = (0, import_ui23.bindTrigger)(popupState);
   const popoverProps = (0, import_ui23.bindPopover)(popupState);
-  const { elType } = (0, import_editor_elements12.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
+  const { elType } = (0, import_editor_elements13.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
   const handleSubmit = ({ label, group }) => {
     const propTypeDefault = propType.default ?? {};
     const originValue = (!overridableValue ? value : overridableValue?.origin_value) ?? propTypeDefault;
@@ -3473,7 +3599,7 @@ function Content2({ componentId, overridableProps }) {
     popupState.close();
   };
   const overridableConfig = overridableValue ? getOverridableProp({ componentId, overrideKey: overridableValue.override_key }) : void 0;
-  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(import_ui23.Tooltip, { placement: "top", title: (0, import_i18n23.__)("Override Property", "elementor") }, /* @__PURE__ */ React29.createElement(Indicator, { ...triggerProps, isOpen: !!popoverProps.open, isOverridable: !!overridableValue })), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(import_ui23.Tooltip, { placement: "top", title: (0, import_i18n24.__)("Override Property", "elementor") }, /* @__PURE__ */ React29.createElement(Indicator, { ...triggerProps, isOpen: !!popoverProps.open, isOverridable: !!overridableValue })), /* @__PURE__ */ React29.createElement(
     import_ui23.Popover,
     {
       disableScrollLock: true,
@@ -3508,17 +3634,17 @@ function isPropAllowed(bind) {
 }
 
 // src/hooks/regenerate-override-keys.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_utils8 = require("@elementor/utils");
 function initRegenerateOverrideKeys() {
-  (0, import_editor_v1_adapters6.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
+  (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
-  (0, import_editor_v1_adapters6.registerDataHook)("after", "document/elements/paste", (_args, result) => {
+  (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/paste", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
-  (0, import_editor_v1_adapters6.registerDataHook)("after", "document/elements/import", (_args, result) => {
+  (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/import", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
 }
@@ -3529,11 +3655,11 @@ function regenerateOverrideKeysForContainers(result) {
   });
 }
 function regenerateOverrideKeysRecursive(elementId) {
-  const container = (0, import_editor_elements13.getContainer)(elementId);
+  const container = (0, import_editor_elements14.getContainer)(elementId);
   if (!container) {
     return;
   }
-  (0, import_editor_elements13.getAllDescendants)(container).forEach(regenerateOverrideKeys);
+  (0, import_editor_elements14.getAllDescendants)(container).forEach(regenerateOverrideKeys);
 }
 function regenerateOverrideKeys(element) {
   if (!isComponentInstance(element.model.toJSON())) {
@@ -3567,7 +3693,7 @@ function regenerateOverrideKeys(element) {
       }
     }
   };
-  (0, import_editor_elements13.updateElementSettings)({
+  (0, import_editor_elements14.updateElementSettings)({
     id: element.id,
     props: { component_instance: newComponentInstance },
     withHistory: false
@@ -3590,8 +3716,8 @@ function hasOverrides(settings) {
 var import_editor_mcp2 = require("@elementor/editor-mcp");
 
 // src/mcp/save-as-component-tool.ts
-var import_editor_canvas7 = require("@elementor/editor-canvas");
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_canvas8 = require("@elementor/editor-canvas");
+var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_mcp = require("@elementor/editor-mcp");
 var import_http_client2 = require("@elementor/http-client");
 var import_schema6 = require("@elementor/schema");
@@ -3626,7 +3752,7 @@ var ERROR_MESSAGES2 = {
 var handleSaveAsComponent = async (params) => {
   const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
   const validElementTypes = getValidElementTypes();
-  const container = (0, import_editor_elements14.getContainer)(elementId);
+  const container = (0, import_editor_elements15.getContainer)(elementId);
   if (!container) {
     throw new Error(ERROR_MESSAGES2.ELEMENT_NOT_FOUND);
   }
@@ -3673,7 +3799,7 @@ function enrichOverridableProps(input, rootElement) {
     }
     const elType = element.elType;
     const widgetType = element.widgetType || element.elType;
-    const elementType = (0, import_editor_elements14.getElementType)(widgetType);
+    const elementType = (0, import_editor_elements15.getElementType)(widgetType);
     if (!elementType) {
       throw new Error(
         `Element type "${widgetType}" is not atomic or does not have a settings schema. Cannot expose property "${propKey}" for element "${elementId}".`
@@ -3747,7 +3873,7 @@ function generateLabel(propKey) {
   return `${uniqueId} - ${propKey}`;
 }
 function getValidElementTypes() {
-  const types = (0, import_editor_elements14.getWidgetsCache)();
+  const types = (0, import_editor_elements15.getWidgetsCache)();
   if (!types) {
     return [];
   }
@@ -3777,17 +3903,17 @@ Use this tool when the user wants to:
 - Element elType is a 'widget'
 
 # **CRITICAL - REQUIRED RESOURCES (Must read before using this tool)**
-1. [${import_editor_canvas7.DOCUMENT_STRUCTURE_URI}]
+1. [${import_editor_canvas8.DOCUMENT_STRUCTURE_URI}]
    **MANDATORY** - Required to understand the document structure and identify child elements for overridable properties.
    Use this resource to find element IDs and understand the element hierarchy.
 
-2. [${import_editor_canvas7.WIDGET_SCHEMA_URI}]
+2. [${import_editor_canvas8.WIDGET_SCHEMA_URI}]
    **MANDATORY** - Required to understand which properties are available for each widget type.
    Use this to identify available propKeys in the atomic_props_schema for child elements.
 
 # Instructions - MUST FOLLOW IN ORDER
 ## Step 1: Identify the Target Element
-1. Read the [${import_editor_canvas7.DOCUMENT_STRUCTURE_URI}] resource to understand the document structure
+1. Read the [${import_editor_canvas8.DOCUMENT_STRUCTURE_URI}] resource to understand the document structure
 2. Locate the element you want to save as a component by its element_id
 3. Verify the element type is a valid element type
 4. Ensure the element is not locked and is not already a component
@@ -3797,11 +3923,11 @@ Do this step to make child element properties customizable.
 Skip that step ONLY if the user explicitly requests to not make any properties customizable.
 
 1. **Identify Child Elements**
-   - Use the [${import_editor_canvas7.DOCUMENT_STRUCTURE_URI}] resource to find all child elements
+   - Use the [${import_editor_canvas8.DOCUMENT_STRUCTURE_URI}] resource to find all child elements
    - Note the elementId and widgetType/elType of each child element you want to customize
 
 2. **Find Available Properties**
-   - Use the [${import_editor_canvas7.WIDGET_SCHEMA_URI}] resource to find the child element's widget type schema
+   - Use the [${import_editor_canvas8.WIDGET_SCHEMA_URI}] resource to find the child element's widget type schema
    - Review the atomic_props_schema to find available propKeys (ONLY use top-level props)
    - Common propKeys include: "text", "url", "tag", "size", etc.
    - Use only the top level properties, do not use nested properties.
@@ -3819,7 +3945,7 @@ Call the tool with:
 
 # CONSTRAINTS
 - NEVER try to override properties of the parent element itself - ONLY child elements
-- NEVER use invalid propKeys - always verify against the widget's atomic_props_schema in [${import_editor_canvas7.WIDGET_SCHEMA_URI}]
+- NEVER use invalid propKeys - always verify against the widget's atomic_props_schema in [${import_editor_canvas8.WIDGET_SCHEMA_URI}]
 - Property keys must exist in the child element's atomic_props_schema
 - Element IDs must exist within the target element's children
 - When tool execution fails, read the error message and adjust accordingly
@@ -3828,7 +3954,7 @@ Call the tool with:
   saveAsComponentPrompt.parameter(
     "element_id",
     `**MANDATORY** The unique identifier of the element to save as a component.
-Use the [${import_editor_canvas7.DOCUMENT_STRUCTURE_URI}] resource to find available element IDs.`
+Use the [${import_editor_canvas8.DOCUMENT_STRUCTURE_URI}] resource to find available element IDs.`
   );
   saveAsComponentPrompt.parameter(
     "component_name",
@@ -3852,8 +3978,8 @@ Structure:
 \`\`\`
 
 To populate this correctly:
-1. Use [${import_editor_canvas7.DOCUMENT_STRUCTURE_URI}] to find child element IDs and their widgetType
-2. Use [${import_editor_canvas7.WIDGET_SCHEMA_URI}] to find the atomic_props_schema for each child element's widgetType
+1. Use [${import_editor_canvas8.DOCUMENT_STRUCTURE_URI}] to find child element IDs and their widgetType
+2. Use [${import_editor_canvas8.WIDGET_SCHEMA_URI}] to find the atomic_props_schema for each child element's widgetType
 3. Only include properties you want to be customizable in component instances
 4. Common propKeys: "text", "url", "tag", "size", "align", etc.`
   );
@@ -3920,36 +4046,36 @@ function initMcp() {
 
 // src/populate-store.ts
 var import_react16 = require("react");
-var import_store52 = require("@elementor/store");
+var import_store54 = require("@elementor/store");
 function PopulateStore() {
   (0, import_react16.useEffect)(() => {
-    (0, import_store52.__dispatch)(loadComponents());
+    (0, import_store54.__dispatch)(loadComponents());
   }, []);
   return null;
 }
 
 // src/prevent-circular-nesting.ts
-var import_editor_elements15 = require("@elementor/editor-elements");
-var import_editor_notifications = require("@elementor/editor-notifications");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
-var import_store53 = require("@elementor/store");
-var import_i18n24 = require("@wordpress/i18n");
+var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_notifications3 = require("@elementor/editor-notifications");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_store55 = require("@elementor/store");
+var import_i18n25 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
   type: "default",
-  message: (0, import_i18n24.__)("Cannot add this component here - it would create a circular reference.", "elementor"),
+  message: (0, import_i18n25.__)("Cannot add this component here - it would create a circular reference.", "elementor"),
   id: "circular-component-nesting-blocked"
 };
 function initCircularNestingPrevention() {
-  (0, import_editor_v1_adapters7.blockCommand)({
+  (0, import_editor_v1_adapters8.blockCommand)({
     command: "document/elements/create",
     condition: blockCircularCreate
   });
-  (0, import_editor_v1_adapters7.blockCommand)({
+  (0, import_editor_v1_adapters8.blockCommand)({
     command: "document/elements/move",
     condition: blockCircularMove
   });
-  (0, import_editor_v1_adapters7.blockCommand)({
+  (0, import_editor_v1_adapters8.blockCommand)({
     command: "document/elements/paste",
     condition: blockCircularPaste
   });
@@ -3958,7 +4084,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = (0, import_store53.__getState)();
+  const state = (0, import_store55.__getState)();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -4014,7 +4140,7 @@ function blockCircularCreate(args) {
   }
   const isBlocked = wouldCreateCircularNesting(componentId);
   if (isBlocked) {
-    (0, import_editor_notifications.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
+    (0, import_editor_notifications3.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
   }
   return isBlocked;
 }
@@ -4024,7 +4150,7 @@ function blockCircularMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements15.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements16.getAllDescendants)(container);
     return allElements.some((element) => {
       const componentId = extractComponentIdFromContainer(element);
       if (componentId === null) {
@@ -4034,7 +4160,7 @@ function blockCircularMove(args) {
     });
   });
   if (hasCircularComponent) {
-    (0, import_editor_notifications.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
+    (0, import_editor_notifications3.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
   }
   return hasCircularComponent;
 }
@@ -4050,25 +4176,25 @@ function blockCircularPaste(args) {
   const allComponentIds = extractComponentIdsFromElements(data.clipboard.elements);
   const hasCircularComponent = allComponentIds.some(wouldCreateCircularNesting);
   if (hasCircularComponent) {
-    (0, import_editor_notifications.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
+    (0, import_editor_notifications3.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
   }
   return hasCircularComponent;
 }
 
 // src/store/actions/remove-component-styles.ts
-var import_store55 = require("@elementor/store");
+var import_store57 = require("@elementor/store");
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  (0, import_store55.__dispatch)(slice.actions.removeStyles({ id: id2 }));
+  (0, import_store57.__dispatch)(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
-var import_store57 = require("@elementor/store");
+var import_store59 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
   key: "components-styles",
   priority: 100,
-  subscribe: (cb) => (0, import_store57.__subscribeWithSelector)(
+  subscribe: (cb) => (0, import_store59.__subscribeWithSelector)(
     (state) => state[SLICE_NAME],
     () => {
       cb();
@@ -4076,29 +4202,29 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store57.__getState)());
+      return selectFlatStyles((0, import_store59.__getState)());
     },
     get: (id2) => {
-      return selectFlatStyles((0, import_store57.__getState)()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles((0, import_store59.__getState)()).find((style) => style.id === id2) ?? null;
     }
   }
 });
 
 // src/sync/create-components-before-save.ts
-var import_editor_elements16 = require("@elementor/editor-elements");
-var import_store59 = require("@elementor/store");
+var import_editor_elements17 = require("@elementor/editor-elements");
+var import_store61 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents((0, import_store59.__getState)());
+  const unpublishedComponents = selectUnpublishedComponents((0, import_store61.__getState)());
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    (0, import_store59.__dispatch)(
+    (0, import_store61.__dispatch)(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -4108,7 +4234,7 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    (0, import_store59.__dispatch)(slice.actions.resetUnpublished());
+    (0, import_store61.__dispatch)(slice.actions.resetUnpublished());
   } catch (error) {
     throw new Error(`Failed to publish components and update component instances: ${error}`);
   }
@@ -4153,7 +4279,7 @@ function shouldUpdateElement(element, uidToComponentId) {
   return { shouldUpdate: false, newComponentId: null };
 }
 function updateElementComponentId(elementId, componentId) {
-  (0, import_editor_elements16.updateElementSettings)({
+  (0, import_editor_elements17.updateElementSettings)({
     id: elementId,
     props: {
       component_instance: {
@@ -4168,7 +4294,7 @@ function updateElementComponentId(elementId, componentId) {
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
-var import_store61 = require("@elementor/store");
+var import_store63 = require("@elementor/store");
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -4176,15 +4302,15 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps((0, import_store61.__getState)(), currentDocument.id);
+  const overridableProps = selectOverridableProps((0, import_store63.__getState)(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
 };
 
 // src/sync/update-archived-component-before-save.ts
-var import_editor_notifications2 = require("@elementor/editor-notifications");
-var import_store63 = require("@elementor/store");
+var import_editor_notifications4 = require("@elementor/editor-notifications");
+var import_store65 = require("@elementor/store");
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -4197,7 +4323,7 @@ var successNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async () => {
   try {
-    const archivedComponents = selectArchivedComponents((0, import_store63.__getState)());
+    const archivedComponents = selectArchivedComponents((0, import_store65.__getState)());
     if (!archivedComponents.length) {
       return;
     }
@@ -4207,10 +4333,10 @@ var updateArchivedComponentBeforeSave = async () => {
     const failedIds = result.failedIds.join(", ");
     const successIds = result.successIds.join(", ");
     if (failedIds) {
-      (0, import_editor_notifications2.notify)(failedNotification(failedIds));
+      (0, import_editor_notifications4.notify)(failedNotification(failedIds));
     }
     if (successIds) {
-      (0, import_editor_notifications2.notify)(successNotification(successIds));
+      (0, import_editor_notifications4.notify)(successNotification(successIds));
     }
   } catch (error) {
     throw new Error(`Failed to update archived components: ${error}`);
@@ -4247,24 +4373,24 @@ var beforeSave = ({ container, status }) => {
 // src/init.ts
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
-  (0, import_store65.__registerSlice)(slice);
+  (0, import_store67.__registerSlice)(slice);
   (0, import_editor_panels4.__registerPanel)(panel);
-  (0, import_editor_canvas8.registerElementType)(
+  (0, import_editor_canvas9.registerElementType)(
     COMPONENT_WIDGET_TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
   );
-  (0, import_editor_v1_adapters8.registerDataHook)("dependency", "editor/documents/close", (args) => {
+  (0, import_editor_v1_adapters9.registerDataHook)("dependency", "editor/documents/close", (args) => {
     const document = (0, import_editor_documents12.getV1CurrentDocument)();
     if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
       args.mode = "autosave";
     }
     return true;
   });
-  (0, import_editor_v1_adapters8.registerDataHook)("after", "preview/drop", onElementDrop);
+  (0, import_editor_v1_adapters9.registerDataHook)("after", "preview/drop", onElementDrop);
   window.elementorCommon.__beforeSave = beforeSave;
   (0, import_editor_elements_panel.injectTab)({
     id: "components",
-    label: (0, import_i18n25.__)("Components", "elementor"),
+    label: (0, import_i18n26.__)("Components", "elementor"),
     component: Components
   });
   (0, import_editor.injectIntoTop)({
@@ -4283,7 +4409,7 @@ function init() {
     id: "component-panel-header",
     component: ComponentPanelHeader
   });
-  (0, import_editor_v1_adapters8.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+  (0, import_editor_v1_adapters9.registerDataHook)("after", "editor/documents/attach-preview", async () => {
     const { id: id2, config } = (0, import_editor_documents12.getV1CurrentDocument)();
     if (id2) {
       removeComponentStyles(id2);
@@ -4305,12 +4431,13 @@ function init() {
     condition: (_, elementType) => elementType.key === "e-component",
     component: InstanceEditingPanel
   });
-  import_editor_canvas8.settingsTransformersRegistry.register("component-instance", componentInstanceTransformer);
-  import_editor_canvas8.settingsTransformersRegistry.register("overridable", componentOverridableTransformer);
-  import_editor_canvas8.settingsTransformersRegistry.register("override", componentOverrideTransformer);
+  import_editor_canvas9.settingsTransformersRegistry.register("component-instance", componentInstanceTransformer);
+  import_editor_canvas9.settingsTransformersRegistry.register("overridable", componentOverridableTransformer);
+  import_editor_canvas9.settingsTransformersRegistry.register("override", componentOverrideTransformer);
   initRegenerateOverrideKeys();
   initMcp();
   initCircularNestingPrevention();
+  initNonAtomicNestingPrevention();
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {