@elementor/editor-components 3.35.0-427 → 3.35.0-428

package/dist/index.js

@@ -44,7 +44,7 @@ var import_editor_panels4 = require("@elementor/editor-panels");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_store78 = require("@elementor/store");
-var import_i18n28 = require("@wordpress/i18n");
+var import_i18n29 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
 var import_editor_canvas = require("@elementor/editor-canvas");
@@ -1635,8 +1635,8 @@ function getComponentName() {
 }
 
 // src/components/components-tab/components.tsx
-var React17 = __toESM(require("react"));
-var import_editor_ui7 = require("@elementor/editor-ui");
+var React18 = __toESM(require("react"));
+var import_editor_ui8 = require("@elementor/editor-ui");
 
 // src/hooks/use-components.ts
 var import_store27 = require("@elementor/store");
@@ -1695,12 +1695,12 @@ var ComponentSearch = () => {
 };
 
 // src/components/components-tab/components-list.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_react9 = require("react");
 var import_editor_mcp = require("@elementor/editor-mcp");
 var import_icons10 = require("@elementor/icons");
 var import_ui15 = require("@elementor/ui");
-var import_i18n18 = require("@wordpress/i18n");
+var import_i18n19 = require("@wordpress/i18n");
 
 // src/store/actions/rename-component.ts
 var import_editor_documents7 = require("@elementor/editor-documents");
@@ -2046,14 +2046,14 @@ function AngiePromotionCard({ onClose }) {
 }
 
 // src/components/components-tab/components-item.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_react8 = require("react");
 var import_editor_canvas5 = require("@elementor/editor-canvas");
 var import_editor_elements8 = require("@elementor/editor-elements");
-var import_editor_ui6 = require("@elementor/editor-ui");
+var import_editor_ui7 = require("@elementor/editor-ui");
 var import_icons9 = require("@elementor/icons");
 var import_ui13 = require("@elementor/ui");
-var import_i18n17 = require("@wordpress/i18n");
+var import_i18n18 = require("@wordpress/i18n");
 
 // src/store/actions/archive-component.ts
 var import_editor_documents8 = require("@elementor/editor-documents");
@@ -2293,16 +2293,28 @@ var createComponentModel2 = (component) => {
   };
 };
 
+// src/components/components-tab/delete-confirmation-dialog.tsx
+var React14 = __toESM(require("react"));
+var import_editor_ui6 = require("@elementor/editor-ui");
+var import_i18n17 = require("@wordpress/i18n");
+function DeleteConfirmationDialog({ open, onClose, onConfirm }) {
+  return /* @__PURE__ */ React14.createElement(import_editor_ui6.ConfirmationDialog, { open, onClose }, /* @__PURE__ */ React14.createElement(import_editor_ui6.ConfirmationDialog.Title, null, (0, import_i18n17.__)("Delete this component?", "elementor")), /* @__PURE__ */ React14.createElement(import_editor_ui6.ConfirmationDialog.Content, null, /* @__PURE__ */ React14.createElement(import_editor_ui6.ConfirmationDialog.ContentText, null, (0, import_i18n17.__)(
+    "Existing instances on your pages will remain functional. You will no longer find this component in your list.",
+    "elementor"
+  ))), /* @__PURE__ */ React14.createElement(import_editor_ui6.ConfirmationDialog.Actions, { onClose, onConfirm }));
+}
+
 // src/components/components-tab/components-item.tsx
 var ComponentItem = ({ component, renameComponent: renameComponent2 }) => {
   const itemRef = (0, import_react8.useRef)(null);
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = (0, import_react8.useState)(false);
   const {
     ref: editableRef,
     isEditing,
     openEditMode,
     error,
     getProps: getEditableProps
-  } = (0, import_editor_ui6.useEditable)({
+  } = (0, import_editor_ui7.useEditable)({
     value: component.name,
     onSubmit: renameComponent2,
     validation: validateComponentTitle
@@ -2319,15 +2331,22 @@ var ComponentItem = ({ component, renameComponent: renameComponent2 }) => {
     loadComponentsAssets([componentModel]);
     (0, import_editor_canvas5.endDragElementFromPanel)();
   };
-  const handleArchiveClick = () => {
+  const handleDeleteClick = () => {
     popupState.close();
+    setIsDeleteDialogOpen(true);
+  };
+  const handleDeleteConfirm = () => {
     if (!component.id) {
       throw new Error("Component ID is required");
     }
+    setIsDeleteDialogOpen(false);
     archiveComponent(component.id, component.name);
   };
-  return /* @__PURE__ */ React14.createElement(import_ui13.Stack, null, /* @__PURE__ */ React14.createElement(
-    import_editor_ui6.WarningInfotip,
+  const handleDeleteDialogClose = () => {
+    setIsDeleteDialogOpen(false);
+  };
+  return /* @__PURE__ */ React15.createElement(import_ui13.Stack, null, /* @__PURE__ */ React15.createElement(
+    import_editor_ui7.WarningInfotip,
     {
       open: Boolean(error),
       text: error ?? "",
@@ -2335,7 +2354,7 @@ var ComponentItem = ({ component, renameComponent: renameComponent2 }) => {
       width: itemRef.current?.getBoundingClientRect().width,
       offset: [0, -15]
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       import_ui13.ListItemButton,
       {
         draggable: true,
@@ -2354,7 +2373,7 @@ var ComponentItem = ({ component, renameComponent: renameComponent2 }) => {
           gap: 1
         }
       },
-      /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(
         import_ui13.Box,
         {
           display: "flex",
@@ -2364,17 +2383,17 @@ var ComponentItem = ({ component, renameComponent: renameComponent2 }) => {
           flexGrow: 1,
           onClick: handleClick
         },
-        /* @__PURE__ */ React14.createElement(import_ui13.ListItemIcon, { size: "tiny" }, /* @__PURE__ */ React14.createElement(import_icons9.ComponentsIcon, { fontSize: "tiny" })),
-        /* @__PURE__ */ React14.createElement(Indicator, { isActive: isEditing, isError: !!error }, /* @__PURE__ */ React14.createElement(import_ui13.Box, { display: "flex", flex: 1, minWidth: 0, flexGrow: 1 }, isEditing ? /* @__PURE__ */ React14.createElement(
-          import_editor_ui6.EditableField,
+        /* @__PURE__ */ React15.createElement(import_ui13.ListItemIcon, { size: "tiny" }, /* @__PURE__ */ React15.createElement(import_icons9.ComponentsIcon, { fontSize: "tiny" })),
+        /* @__PURE__ */ React15.createElement(Indicator, { isActive: isEditing, isError: !!error }, /* @__PURE__ */ React15.createElement(import_ui13.Box, { display: "flex", flex: 1, minWidth: 0, flexGrow: 1 }, isEditing ? /* @__PURE__ */ React15.createElement(
+          import_editor_ui7.EditableField,
           {
             ref: editableRef,
             as: import_ui13.Typography,
             variant: "caption",
             ...getEditableProps()
           }
-        ) : /* @__PURE__ */ React14.createElement(
-          import_editor_ui6.EllipsisWithTooltip,
+        ) : /* @__PURE__ */ React15.createElement(
+          import_editor_ui7.EllipsisWithTooltip,
           {
             title: component.name,
             as: import_ui13.Typography,
@@ -2383,9 +2402,9 @@ var ComponentItem = ({ component, renameComponent: renameComponent2 }) => {
           }
         )))
       ),
-      /* @__PURE__ */ React14.createElement(import_ui13.IconButton, { size: "tiny", ...(0, import_ui13.bindTrigger)(popupState), "aria-label": "More actions" }, /* @__PURE__ */ React14.createElement(import_icons9.DotsVerticalIcon, { fontSize: "tiny" }))
+      /* @__PURE__ */ React15.createElement(import_ui13.IconButton, { size: "tiny", ...(0, import_ui13.bindTrigger)(popupState), "aria-label": "More actions" }, /* @__PURE__ */ React15.createElement(import_icons9.DotsVerticalIcon, { fontSize: "tiny" }))
     )
-  ), /* @__PURE__ */ React14.createElement(
+  ), /* @__PURE__ */ React15.createElement(
     import_ui13.Menu,
     {
       ...(0, import_ui13.bindMenu)(popupState),
@@ -2398,8 +2417,8 @@ var ComponentItem = ({ component, renameComponent: renameComponent2 }) => {
         horizontal: "right"
       }
     },
-    /* @__PURE__ */ React14.createElement(
-      import_editor_ui6.MenuListItem,
+    /* @__PURE__ */ React15.createElement(
+      import_editor_ui7.MenuListItem,
       {
         sx: { minWidth: "160px" },
         onClick: () => {
@@ -2407,9 +2426,16 @@ var ComponentItem = ({ component, renameComponent: renameComponent2 }) => {
           openEditMode();
         }
       },
-      (0, import_i18n17.__)("Rename", "elementor")
+      (0, import_i18n18.__)("Rename", "elementor")
     ),
-    /* @__PURE__ */ React14.createElement(import_editor_ui6.MenuListItem, { sx: { minWidth: "160px" }, onClick: handleArchiveClick }, /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "caption", sx: { color: "error.light" } }, (0, import_i18n17.__)("Delete", "elementor")))
+    /* @__PURE__ */ React15.createElement(import_editor_ui7.MenuListItem, { sx: { minWidth: "160px" }, onClick: handleDeleteClick }, /* @__PURE__ */ React15.createElement(import_ui13.Typography, { variant: "caption", sx: { color: "error.light" } }, (0, import_i18n18.__)("Delete", "elementor")))
+  ), /* @__PURE__ */ React15.createElement(
+    DeleteConfirmationDialog,
+    {
+      open: isDeleteDialogOpen,
+      onClose: handleDeleteDialogClose,
+      onConfirm: handleDeleteConfirm
+    }
   ));
 };
 var addComponentToPage = (model) => {
@@ -2454,12 +2480,12 @@ var getIndicatorBorder = ({ isActive, isError, theme }) => {
 };
 
 // src/components/components-tab/loading-components.tsx
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_ui14 = require("@elementor/ui");
 var ROWS_COUNT = 6;
 var rows = Array.from({ length: ROWS_COUNT }, (_, index) => index);
 var LoadingComponents = () => {
-  return /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(
     import_ui14.Stack,
     {
       "aria-label": "Loading components",
@@ -2481,14 +2507,14 @@ var LoadingComponents = () => {
         }
       }
     },
-    rows.map((row) => /* @__PURE__ */ React15.createElement(
+    rows.map((row) => /* @__PURE__ */ React16.createElement(
       import_ui14.ListItemButton,
       {
         key: row,
         sx: { border: "solid 1px", borderColor: "divider", py: 0.5, px: 1 },
         shape: "rounded"
       },
-      /* @__PURE__ */ React15.createElement(import_ui14.Box, { display: "flex", gap: 1, width: "100%" }, /* @__PURE__ */ React15.createElement(import_ui14.Skeleton, { variant: "text", width: "24px", height: "36px" }), /* @__PURE__ */ React15.createElement(import_ui14.Skeleton, { variant: "text", width: "100%", height: "36px" }))
+      /* @__PURE__ */ React16.createElement(import_ui14.Box, { display: "flex", gap: 1, width: "100%" }, /* @__PURE__ */ React16.createElement(import_ui14.Skeleton, { variant: "text", width: "24px", height: "36px" }), /* @__PURE__ */ React16.createElement(import_ui14.Skeleton, { variant: "text", width: "100%", height: "36px" }))
     ))
   );
 };
@@ -2502,16 +2528,16 @@ var SUBTITLE_OVERRIDE_SX = {
 function ComponentsList() {
   const { components, isLoading, searchValue } = useFilteredComponents();
   if (isLoading) {
-    return /* @__PURE__ */ React16.createElement(LoadingComponents, null);
+    return /* @__PURE__ */ React17.createElement(LoadingComponents, null);
   }
   const isEmpty = !components || components.length === 0;
   if (isEmpty) {
     if (searchValue.length > 0) {
-      return /* @__PURE__ */ React16.createElement(EmptySearchResult, null);
+      return /* @__PURE__ */ React17.createElement(EmptySearchResult, null);
     }
-    return /* @__PURE__ */ React16.createElement(EmptyState, null);
+    return /* @__PURE__ */ React17.createElement(EmptyState, null);
   }
-  return /* @__PURE__ */ React16.createElement(import_ui15.List, { sx: { display: "flex", flexDirection: "column", gap: 1, px: 2 } }, components.map((component) => /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(import_ui15.List, { sx: { display: "flex", flexDirection: "column", gap: 1, px: 2 } }, components.map((component) => /* @__PURE__ */ React17.createElement(
     ComponentItem,
     {
       key: component.uid,
@@ -2528,7 +2554,7 @@ var EmptyState = () => {
     const sdk = (0, import_editor_mcp.getAngieSdk)();
     if (sdk.isAngieReady()) {
       sdk.triggerAngie({
-        prompt: (0, import_i18n18.__)(
+        prompt: (0, import_i18n19.__)(
           "Create a [hero/testimonial/product card/CTA/feature] component for my [business type]. Include [describe what you want]",
           "elementor"
         ),
@@ -2538,7 +2564,7 @@ var EmptyState = () => {
       setIsAngieModalOpen(true);
     }
   };
-  return /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(
     import_ui15.Stack,
     {
       alignItems: "center",
@@ -2548,7 +2574,7 @@ var EmptyState = () => {
       gap: 2,
       overflow: "hidden"
     },
-    /* @__PURE__ */ React16.createElement(import_ui15.Stack, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React16.createElement(import_icons10.ComponentsIcon, { fontSize: "large", sx: { color: "text.secondary" } }), /* @__PURE__ */ React16.createElement(import_ui15.Typography, { align: "center", variant: "subtitle2", color: "text.secondary", sx: SUBTITLE_OVERRIDE_SX }, (0, import_i18n18.__)("No components yet", "elementor")), /* @__PURE__ */ React16.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "secondary", sx: { maxWidth: 200 } }, (0, import_i18n18.__)("Components are reusable blocks that sync across your site.", "elementor"), /* @__PURE__ */ React16.createElement("br", null), (0, import_i18n18.__)("Create once, use everywhere.", "elementor")), /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(import_ui15.Stack, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React17.createElement(import_icons10.ComponentsIcon, { fontSize: "large", sx: { color: "text.secondary" } }), /* @__PURE__ */ React17.createElement(import_ui15.Typography, { align: "center", variant: "subtitle2", color: "text.secondary", sx: SUBTITLE_OVERRIDE_SX }, (0, import_i18n19.__)("No components yet", "elementor")), /* @__PURE__ */ React17.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "secondary", sx: { maxWidth: 200 } }, (0, import_i18n19.__)("Components are reusable blocks that sync across your site.", "elementor"), /* @__PURE__ */ React17.createElement("br", null), (0, import_i18n19.__)("Create once, use everywhere.", "elementor")), /* @__PURE__ */ React17.createElement(
       import_ui15.Link,
       {
         href: LEARN_MORE_URL,
@@ -2557,28 +2583,28 @@ var EmptyState = () => {
         variant: "caption",
         color: "info.main"
       },
-      (0, import_i18n18.__)("Learn more about components", "elementor")
+      (0, import_i18n19.__)("Learn more about components", "elementor")
     )),
-    /* @__PURE__ */ React16.createElement(import_ui15.Divider, { sx: { width: "100%" } }),
-    /* @__PURE__ */ React16.createElement(import_ui15.Stack, { alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ React16.createElement(import_ui15.Typography, { align: "center", variant: "subtitle2", color: "text.secondary", sx: SUBTITLE_OVERRIDE_SX }, (0, import_i18n18.__)("Create your first one:", "elementor")), /* @__PURE__ */ React16.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "secondary", sx: { maxWidth: 228 } }, (0, import_i18n18.__)(
+    /* @__PURE__ */ React17.createElement(import_ui15.Divider, { sx: { width: "100%" } }),
+    /* @__PURE__ */ React17.createElement(import_ui15.Stack, { alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ React17.createElement(import_ui15.Typography, { align: "center", variant: "subtitle2", color: "text.secondary", sx: SUBTITLE_OVERRIDE_SX }, (0, import_i18n19.__)("Create your first one:", "elementor")), /* @__PURE__ */ React17.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "secondary", sx: { maxWidth: 228 } }, (0, import_i18n19.__)(
       'Right-click any div-block or flexbox on your canvas or structure and select "Create component"',
       "elementor"
-    )), /* @__PURE__ */ React16.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "secondary" }, (0, import_i18n18.__)("Or", "elementor")), /* @__PURE__ */ React16.createElement(AngiePromotionModal, { open: isAngieModalOpen, onClose: () => setIsAngieModalOpen(false) }, /* @__PURE__ */ React16.createElement(
+    )), /* @__PURE__ */ React17.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "secondary" }, (0, import_i18n19.__)("Or", "elementor")), /* @__PURE__ */ React17.createElement(AngiePromotionModal, { open: isAngieModalOpen, onClose: () => setIsAngieModalOpen(false) }, /* @__PURE__ */ React17.createElement(
       import_ui15.Button,
       {
         color: "secondary",
         variant: "outlined",
         size: "small",
         onClick: handleCreateWithAI,
-        endIcon: /* @__PURE__ */ React16.createElement(import_icons10.AIIcon, null)
+        endIcon: /* @__PURE__ */ React17.createElement(import_icons10.AIIcon, null)
       },
-      (0, import_i18n18.__)("Create component with AI", "elementor")
+      (0, import_i18n19.__)("Create component with AI", "elementor")
     )))
   );
 };
 var EmptySearchResult = () => {
   const { searchValue, clearSearch } = useSearch();
-  return /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(
     import_ui15.Stack,
     {
       color: "text.secondary",
@@ -2588,16 +2614,16 @@ var EmptySearchResult = () => {
       overflow: "hidden",
       justifySelf: "center"
     },
-    /* @__PURE__ */ React16.createElement(import_icons10.ComponentsIcon, null),
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(import_icons10.ComponentsIcon, null),
+    /* @__PURE__ */ React17.createElement(
       import_ui15.Box,
       {
         sx: {
           width: "100%"
         }
       },
-      /* @__PURE__ */ React16.createElement(import_ui15.Typography, { align: "center", variant: "subtitle2", color: "inherit", sx: SUBTITLE_OVERRIDE_SX }, (0, import_i18n18.__)("Sorry, nothing matched", "elementor")),
-      searchValue && /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React17.createElement(import_ui15.Typography, { align: "center", variant: "subtitle2", color: "inherit", sx: SUBTITLE_OVERRIDE_SX }, (0, import_i18n19.__)("Sorry, nothing matched", "elementor")),
+      searchValue && /* @__PURE__ */ React17.createElement(
         import_ui15.Typography,
         {
           variant: "subtitle2",
@@ -2609,8 +2635,8 @@ var EmptySearchResult = () => {
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ React16.createElement("span", null, "\u201C"),
-        /* @__PURE__ */ React16.createElement(
+        /* @__PURE__ */ React17.createElement("span", null, "\u201C"),
+        /* @__PURE__ */ React17.createElement(
           "span",
           {
             style: {
@@ -2621,11 +2647,11 @@ var EmptySearchResult = () => {
           },
           searchValue
         ),
-        /* @__PURE__ */ React16.createElement("span", null, "\u201D.")
+        /* @__PURE__ */ React17.createElement("span", null, "\u201D.")
       )
     ),
-    /* @__PURE__ */ React16.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "inherit" }, (0, import_i18n18.__)("Try something else.", "elementor")),
-    /* @__PURE__ */ React16.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "inherit" }, /* @__PURE__ */ React16.createElement(import_ui15.Link, { color: "secondary", variant: "caption", component: "button", onClick: clearSearch }, (0, import_i18n18.__)("Clear & try again", "elementor")))
+    /* @__PURE__ */ React17.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "inherit" }, (0, import_i18n19.__)("Try something else.", "elementor")),
+    /* @__PURE__ */ React17.createElement(import_ui15.Typography, { align: "center", variant: "caption", color: "inherit" }, /* @__PURE__ */ React17.createElement(import_ui15.Link, { color: "secondary", variant: "caption", component: "button", onClick: clearSearch }, (0, import_i18n19.__)("Clear & try again", "elementor")))
   );
 };
 var useFilteredComponents = () => {
@@ -2644,25 +2670,25 @@ var useFilteredComponents = () => {
 var ComponentsContent = () => {
   const { components, isLoading } = useComponents();
   const hasComponents = !isLoading && components.length > 0;
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, hasComponents && /* @__PURE__ */ React17.createElement(ComponentSearch, null), /* @__PURE__ */ React17.createElement(ComponentsList, null));
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, hasComponents && /* @__PURE__ */ React18.createElement(ComponentSearch, null), /* @__PURE__ */ React18.createElement(ComponentsList, null));
 };
 var Components = () => {
-  return /* @__PURE__ */ React17.createElement(import_editor_ui7.ThemeProvider, null, /* @__PURE__ */ React17.createElement(SearchProvider, { localStorageKey: "elementor-components-search" }, /* @__PURE__ */ React17.createElement(ComponentsContent, null)));
+  return /* @__PURE__ */ React18.createElement(import_editor_ui8.ThemeProvider, null, /* @__PURE__ */ React18.createElement(SearchProvider, { localStorageKey: "elementor-components-search" }, /* @__PURE__ */ React18.createElement(ComponentsContent, null)));
 };
 
 // src/components/consts.ts
 var COMPONENT_DOCUMENT_TYPE = "elementor_component";
 
 // src/components/create-component-form/create-component-form.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_react11 = require("react");
 var import_editor_elements10 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
-var import_editor_ui8 = require("@elementor/editor-ui");
+var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons11 = require("@elementor/icons");
 var import_store47 = require("@elementor/store");
 var import_ui16 = require("@elementor/ui");
-var import_i18n20 = require("@wordpress/i18n");
+var import_i18n21 = require("@wordpress/i18n");
 
 // src/prevent-non-atomic-nesting.ts
 var import_editor_canvas6 = require("@elementor/editor-canvas");
@@ -2670,10 +2696,10 @@ var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_notifications2 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_store43 = require("@elementor/store");
-var import_i18n19 = require("@wordpress/i18n");
+var import_i18n20 = require("@wordpress/i18n");
 var NON_ATOMIC_ELEMENT_ALERT = {
   type: "default",
-  message: (0, import_i18n19.__)("This widget isn't compatible with components. Use atomic elements instead.", "elementor"),
+  message: (0, import_i18n20.__)("This widget isn't compatible with components. Use atomic elements instead.", "elementor"),
   id: "non-atomic-element-blocked"
 };
 function initNonAtomicNestingPrevention() {
@@ -2893,7 +2919,7 @@ function CreateComponentForm() {
       if (nonAtomicElements.length > 0) {
         (0, import_editor_notifications3.notify)({
           type: "default",
-          message: (0, import_i18n20.__)(
+          message: (0, import_i18n21.__)(
             "Components require atomic elements only. Remove widgets to create this component.",
             "elementor"
           ),
@@ -2932,12 +2958,12 @@ function CreateComponentForm() {
       }
       (0, import_editor_notifications3.notify)({
         type: "success",
-        message: (0, import_i18n20.__)("Component created successfully.", "elementor"),
+        message: (0, import_i18n21.__)("Component created successfully.", "elementor"),
         id: `component-saved-successfully-${uid}`
       });
       resetAndClosePopup();
     } catch {
-      const errorMessage = (0, import_i18n20.__)("Failed to create component. Please try again.", "elementor");
+      const errorMessage = (0, import_i18n21.__)("Failed to create component. Please try again.", "elementor");
       (0, import_editor_notifications3.notify)({
         type: "error",
         message: errorMessage,
@@ -2956,7 +2982,7 @@ function CreateComponentForm() {
       ...eventData.current
     });
   };
-  return /* @__PURE__ */ React18.createElement(import_editor_ui8.ThemeProvider, null, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(import_editor_ui9.ThemeProvider, null, /* @__PURE__ */ React19.createElement(
     import_ui16.Popover,
     {
       open: element !== null,
@@ -2964,7 +2990,7 @@ function CreateComponentForm() {
       anchorReference: "anchorPosition",
       anchorPosition
     },
-    element !== null && /* @__PURE__ */ React18.createElement(
+    element !== null && /* @__PURE__ */ React19.createElement(
       Form2,
       {
         initialValues: { componentName: element.elementLabel },
@@ -3000,13 +3026,13 @@ var Form2 = ({
     }
   };
   const texts = {
-    heading: (0, import_i18n20.__)("Create component", "elementor"),
-    name: (0, import_i18n20.__)("Name", "elementor"),
-    cancel: (0, import_i18n20.__)("Cancel", "elementor"),
-    create: (0, import_i18n20.__)("Create", "elementor")
+    heading: (0, import_i18n21.__)("Create component", "elementor"),
+    name: (0, import_i18n21.__)("Name", "elementor"),
+    cancel: (0, import_i18n21.__)("Cancel", "elementor"),
+    create: (0, import_i18n21.__)("Create", "elementor")
   };
   const nameInputId = "component-name";
-  return /* @__PURE__ */ React18.createElement(import_editor_ui8.Form, { onSubmit: handleSubmit }, /* @__PURE__ */ React18.createElement(import_ui16.Stack, { alignItems: "start", width: "268px" }, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(import_editor_ui9.Form, { onSubmit: handleSubmit }, /* @__PURE__ */ React19.createElement(import_ui16.Stack, { alignItems: "start", width: "268px" }, /* @__PURE__ */ React19.createElement(
     import_ui16.Stack,
     {
       direction: "row",
@@ -3015,9 +3041,9 @@ var Form2 = ({
       px: 1.5,
       sx: { columnGap: 0.5, borderBottom: "1px solid", borderColor: "divider", width: "100%" }
     },
-    /* @__PURE__ */ React18.createElement(import_icons11.ComponentsIcon, { fontSize: FONT_SIZE }),
-    /* @__PURE__ */ React18.createElement(import_ui16.Typography, { variant: "caption", sx: { color: "text.primary", fontWeight: "500", lineHeight: 1 } }, texts.heading)
-  ), /* @__PURE__ */ React18.createElement(import_ui16.Grid, { container: true, gap: 0.75, alignItems: "start", p: 1.5 }, /* @__PURE__ */ React18.createElement(import_ui16.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React18.createElement(import_ui16.FormLabel, { htmlFor: nameInputId, size: "tiny" }, texts.name)), /* @__PURE__ */ React18.createElement(import_ui16.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(import_icons11.ComponentsIcon, { fontSize: FONT_SIZE }),
+    /* @__PURE__ */ React19.createElement(import_ui16.Typography, { variant: "caption", sx: { color: "text.primary", fontWeight: "500", lineHeight: 1 } }, texts.heading)
+  ), /* @__PURE__ */ React19.createElement(import_ui16.Grid, { container: true, gap: 0.75, alignItems: "start", p: 1.5 }, /* @__PURE__ */ React19.createElement(import_ui16.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React19.createElement(import_ui16.FormLabel, { htmlFor: nameInputId, size: "tiny" }, texts.name)), /* @__PURE__ */ React19.createElement(import_ui16.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React19.createElement(
     import_ui16.TextField,
     {
       id: nameInputId,
@@ -3029,11 +3055,11 @@ var Form2 = ({
       error: Boolean(errors.componentName),
       helperText: errors.componentName
     }
-  ))), /* @__PURE__ */ React18.createElement(import_ui16.Stack, { direction: "row", justifyContent: "flex-end", alignSelf: "end", py: 1, px: 1.5 }, /* @__PURE__ */ React18.createElement(import_ui16.Button, { onClick: closePopup, color: "secondary", variant: "text", size: "small" }, texts.cancel), /* @__PURE__ */ React18.createElement(import_ui16.Button, { type: "submit", disabled: !isValid, variant: "contained", color: "primary", size: "small" }, texts.create))));
+  ))), /* @__PURE__ */ React19.createElement(import_ui16.Stack, { direction: "row", justifyContent: "flex-end", alignSelf: "end", py: 1, px: 1.5 }, /* @__PURE__ */ React19.createElement(import_ui16.Button, { onClick: closePopup, color: "secondary", variant: "text", size: "small" }, texts.cancel), /* @__PURE__ */ React19.createElement(import_ui16.Button, { type: "submit", disabled: !isValid, variant: "contained", color: "primary", size: "small" }, texts.create))));
 };
 
 // src/components/edit-component/edit-component.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_react14 = require("react");
 var import_editor_documents11 = require("@elementor/editor-documents");
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
@@ -3056,10 +3082,10 @@ function updateCurrentComponent({
 }
 
 // src/components/edit-component/component-modal.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_react13 = require("react");
 var import_react_dom = require("react-dom");
-var import_i18n21 = require("@wordpress/i18n");
+var import_i18n22 = require("@wordpress/i18n");
 
 // src/hooks/use-canvas-document.ts
 var import_editor_canvas7 = require("@elementor/editor-canvas");
@@ -3149,7 +3175,7 @@ function ComponentModal({ element, onClose }) {
     return null;
   }
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(BlockEditPage, null), /* @__PURE__ */ React19.createElement(Backdrop, { canvas: canvasDocument, element, onClose })),
+    /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(BlockEditPage, null), /* @__PURE__ */ React20.createElement(Backdrop, { canvas: canvasDocument, element, onClose })),
     canvasDocument.body
   );
 }
@@ -3173,7 +3199,7 @@ function Backdrop({ canvas, element, onClose }) {
       onClose();
     }
   };
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     "div",
     {
       style: backdropStyle,
@@ -3181,7 +3207,7 @@ function Backdrop({ canvas, element, onClose }) {
       onKeyDown: handleKeyDown,
       role: "button",
       tabIndex: 0,
-      "aria-label": (0, import_i18n21.__)("Exit component editing mode", "elementor")
+      "aria-label": (0, import_i18n22.__)("Exit component editing mode", "elementor")
     }
   );
 }
@@ -3231,7 +3257,7 @@ function BlockEditPage() {
 		}
 	}
 	`;
-  return /* @__PURE__ */ React19.createElement("style", { "data-e-style-id": "e-block-v3-document-handles-styles" }, blockV3DocumentHandlesStyles);
+  return /* @__PURE__ */ React20.createElement("style", { "data-e-style-id": "e-block-v3-document-handles-styles" }, blockV3DocumentHandlesStyles);
 }
 
 // src/components/edit-component/edit-component.tsx
@@ -3244,7 +3270,7 @@ function EditComponent() {
   if (!elementDom) {
     return null;
   }
-  return /* @__PURE__ */ React20.createElement(ComponentModal, { element: elementDom, onClose });
+  return /* @__PURE__ */ React21.createElement(ComponentModal, { element: elementDom, onClose });
 }
 function useHandleDocumentSwitches() {
   const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
@@ -3314,33 +3340,33 @@ function getComponentDOMElement(id2) {
 }
 
 // src/components/in-edit-mode.tsx
-var React21 = __toESM(require("react"));
-var import_editor_ui9 = require("@elementor/editor-ui");
+var React22 = __toESM(require("react"));
+var import_editor_ui10 = require("@elementor/editor-ui");
 var import_icons12 = require("@elementor/icons");
 var import_ui17 = require("@elementor/ui");
-var import_i18n22 = require("@wordpress/i18n");
+var import_i18n23 = require("@wordpress/i18n");
 var openEditModeDialog = (lockedBy) => {
-  (0, import_editor_ui9.openDialog)({
-    component: /* @__PURE__ */ React21.createElement(EditModeDialog, { lockedBy })
+  (0, import_editor_ui10.openDialog)({
+    component: /* @__PURE__ */ React22.createElement(EditModeDialog, { lockedBy })
   });
 };
 var EditModeDialog = ({ lockedBy }) => {
-  const content = (0, import_i18n22.__)("%s is currently editing this document", "elementor").replace("%s", lockedBy);
-  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(import_ui17.DialogHeader, { logo: false }, /* @__PURE__ */ React21.createElement(import_ui17.Box, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React21.createElement(import_ui17.Icon, { color: "secondary" }, /* @__PURE__ */ React21.createElement(import_icons12.InfoCircleFilledIcon, { fontSize: "medium" })), /* @__PURE__ */ React21.createElement(import_ui17.Typography, { variant: "subtitle1" }, content))), /* @__PURE__ */ React21.createElement(import_ui17.DialogContent, null, /* @__PURE__ */ React21.createElement(import_ui17.Stack, { spacing: 2, direction: "column" }, /* @__PURE__ */ React21.createElement(import_ui17.Typography, { variant: "body2" }, (0, import_i18n22.__)(
+  const content = (0, import_i18n23.__)("%s is currently editing this document", "elementor").replace("%s", lockedBy);
+  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(import_ui17.DialogHeader, { logo: false }, /* @__PURE__ */ React22.createElement(import_ui17.Box, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React22.createElement(import_ui17.Icon, { color: "secondary" }, /* @__PURE__ */ React22.createElement(import_icons12.InfoCircleFilledIcon, { fontSize: "medium" })), /* @__PURE__ */ React22.createElement(import_ui17.Typography, { variant: "subtitle1" }, content))), /* @__PURE__ */ React22.createElement(import_ui17.DialogContent, null, /* @__PURE__ */ React22.createElement(import_ui17.Stack, { spacing: 2, direction: "column" }, /* @__PURE__ */ React22.createElement(import_ui17.Typography, { variant: "body2" }, (0, import_i18n23.__)(
     "You can wait for them to finish or reach out to coordinate your changes together.",
     "elementor"
-  )), /* @__PURE__ */ React21.createElement(import_ui17.DialogActions, null, /* @__PURE__ */ React21.createElement(import_ui17.Button, { color: "secondary", variant: "contained", onClick: import_editor_ui9.closeDialog }, (0, import_i18n22.__)("Close", "elementor"))))));
+  )), /* @__PURE__ */ React22.createElement(import_ui17.DialogActions, null, /* @__PURE__ */ React22.createElement(import_ui17.Button, { color: "secondary", variant: "contained", onClick: import_editor_ui10.closeDialog }, (0, import_i18n23.__)("Close", "elementor"))))));
 };
 
 // src/components/instance-editing-panel/instance-editing-panel.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
 var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_panels3 = require("@elementor/editor-panels");
 var import_icons14 = require("@elementor/icons");
 var import_ui22 = require("@elementor/ui");
-var import_i18n24 = require("@wordpress/i18n");
+var import_i18n25 = require("@wordpress/i18n");
 
 // src/hooks/use-component-instance-settings.ts
 var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
@@ -3406,12 +3432,12 @@ function useComponentInstanceSettings() {
 }
 
 // src/components/instance-editing-panel/empty-state.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_icons13 = require("@elementor/icons");
 var import_ui18 = require("@elementor/ui");
-var import_i18n23 = require("@wordpress/i18n");
+var import_i18n24 = require("@wordpress/i18n");
 var EmptyState2 = ({ onEditComponent }) => {
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(
     import_ui18.Stack,
     {
       alignItems: "center",
@@ -3421,25 +3447,25 @@ var EmptyState2 = ({ onEditComponent }) => {
       sx: { p: 2.5, pt: 8, pb: 5.5, mt: 1 },
       gap: 1.5
     },
-    /* @__PURE__ */ React22.createElement(import_icons13.ComponentPropListIcon, { fontSize: "large" }),
-    /* @__PURE__ */ React22.createElement(import_ui18.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n23.__)("No properties yet", "elementor")),
-    /* @__PURE__ */ React22.createElement(import_ui18.Typography, { align: "center", variant: "caption", maxWidth: "170px" }, (0, import_i18n23.__)(
+    /* @__PURE__ */ React23.createElement(import_icons13.ComponentPropListIcon, { fontSize: "large" }),
+    /* @__PURE__ */ React23.createElement(import_ui18.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n24.__)("No properties yet", "elementor")),
+    /* @__PURE__ */ React23.createElement(import_ui18.Typography, { align: "center", variant: "caption", maxWidth: "170px" }, (0, import_i18n24.__)(
       "Edit the component to add properties, manage them or update the design across all instances.",
       "elementor"
     )),
-    /* @__PURE__ */ React22.createElement(import_ui18.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 }, onClick: onEditComponent }, /* @__PURE__ */ React22.createElement(import_icons13.PencilIcon, { fontSize: "small" }), (0, import_i18n23.__)("Edit component", "elementor"))
+    /* @__PURE__ */ React23.createElement(import_ui18.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 }, onClick: onEditComponent }, /* @__PURE__ */ React23.createElement(import_icons13.PencilIcon, { fontSize: "small" }), (0, import_i18n24.__)("Edit component", "elementor"))
   );
 };
 
 // src/components/instance-editing-panel/override-props-group.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_react15 = require("react");
 var import_editor_editing_panel4 = require("@elementor/editor-editing-panel");
-var import_editor_ui10 = require("@elementor/editor-ui");
+var import_editor_ui11 = require("@elementor/editor-ui");
 var import_ui21 = require("@elementor/ui");
 
 // src/components/instance-editing-panel/override-prop-control.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_editor_controls3 = require("@elementor/editor-controls");
 var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
 var import_ui20 = require("@elementor/ui");
@@ -3529,16 +3555,16 @@ function getPropType({ widgetType, propKey }) {
 }
 
 // src/components/control-label.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_editor_controls2 = require("@elementor/editor-controls");
 var import_ui19 = require("@elementor/ui");
 var ControlLabel = ({ children, ...props }) => {
-  return /* @__PURE__ */ React23.createElement(import_ui19.Stack, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React23.createElement(import_editor_controls2.ControlFormLabel, { ...props }, children), /* @__PURE__ */ React23.createElement(import_editor_controls2.ControlAdornments, null));
+  return /* @__PURE__ */ React24.createElement(import_ui19.Stack, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React24.createElement(import_editor_controls2.ControlFormLabel, { ...props }, children), /* @__PURE__ */ React24.createElement(import_editor_controls2.ControlAdornments, null));
 };
 
 // src/components/instance-editing-panel/override-prop-control.tsx
 function OverridePropControl({ overridableProp, overrides }) {
-  return /* @__PURE__ */ React24.createElement(import_editor_editing_panel3.SettingsField, { bind: "component_instance", propDisplayName: overridableProp.label }, /* @__PURE__ */ React24.createElement(OverrideControl, { overridableProp, overrides }));
+  return /* @__PURE__ */ React25.createElement(import_editor_editing_panel3.SettingsField, { bind: "component_instance", propDisplayName: overridableProp.label }, /* @__PURE__ */ React25.createElement(OverrideControl, { overridableProp, overrides }));
 }
 function OverrideControl({ overridableProp, overrides }) {
   const componentId = useCurrentComponentId();
@@ -3585,7 +3611,7 @@ function OverrideControl({ overridableProp, overrides }) {
       updateOverridableProp(componentId, overridableValue, { elType, widgetType, propKey });
     }
   };
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(
     import_editor_controls3.PropProvider,
     {
       propType: propTypeSchema,
@@ -3595,7 +3621,7 @@ function OverrideControl({ overridableProp, overrides }) {
         return false;
       }
     },
-    /* @__PURE__ */ React24.createElement(import_editor_controls3.PropKeyProvider, { bind: overridableProp.overrideKey }, /* @__PURE__ */ React24.createElement(import_ui20.Stack, { direction: "column", gap: 1, mb: 1.5 }, /* @__PURE__ */ React24.createElement(ControlLabel, null, overridableProp.label), getControl(controls, overridableProp?.originPropFields ?? overridableProp)))
+    /* @__PURE__ */ React25.createElement(import_editor_controls3.PropKeyProvider, { bind: overridableProp.overrideKey }, /* @__PURE__ */ React25.createElement(import_ui20.Stack, { direction: "column", gap: 1, mb: 1.5 }, /* @__PURE__ */ React25.createElement(ControlLabel, null, overridableProp.label), getControl(controls, overridableProp?.originPropFields ?? overridableProp)))
   );
 }
 function getPropValue(value) {
@@ -3648,7 +3674,7 @@ function createOverrideValue(overrideKey, overrideValue, componentId) {
 function getControl(controls, originPropFields) {
   const ControlComponent = import_editor_editing_panel3.controlsRegistry.get(controls[originPropFields.propKey].value.type);
   const controlProps = controls[originPropFields.propKey].value.props;
-  return /* @__PURE__ */ React24.createElement(ControlComponent, { ...controlProps });
+  return /* @__PURE__ */ React25.createElement(ControlComponent, { ...controlProps });
 }
 
 // src/components/instance-editing-panel/override-props-group.tsx
@@ -3661,7 +3687,7 @@ function OverridePropsGroup({ group, props, overrides }) {
   const labelId = `label-${id2}`;
   const contentId = `content-${id2}`;
   const title = group.label;
-  return /* @__PURE__ */ React25.createElement(import_ui21.Box, { "aria-label": `${title} section` }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(import_ui21.Box, { "aria-label": `${title} section` }, /* @__PURE__ */ React26.createElement(
     import_ui21.ListItemButton,
     {
       id: labelId,
@@ -3671,7 +3697,7 @@ function OverridePropsGroup({ group, props, overrides }) {
       p: 0,
       sx: { "&:hover": { backgroundColor: "transparent" } }
     },
-    /* @__PURE__ */ React25.createElement(import_ui21.Stack, { direction: "row", alignItems: "center", justifyItems: "start", flexGrow: 1, gap: 0.5 }, /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(import_ui21.Stack, { direction: "row", alignItems: "center", justifyItems: "start", flexGrow: 1, gap: 0.5 }, /* @__PURE__ */ React26.createElement(
       import_ui21.ListItemText,
       {
         secondary: title,
@@ -3679,8 +3705,8 @@ function OverridePropsGroup({ group, props, overrides }) {
         sx: { flexGrow: 0, flexShrink: 1, marginInlineEnd: 1 }
       }
     )),
-    /* @__PURE__ */ React25.createElement(import_editor_ui10.CollapseIcon, { open: isOpen, color: "secondary", fontSize: "tiny" })
-  ), /* @__PURE__ */ React25.createElement(import_ui21.Collapse, { id: contentId, "aria-labelledby": labelId, in: isOpen, timeout: "auto" }, /* @__PURE__ */ React25.createElement(import_ui21.Stack, { direction: "column", gap: 1, p: 2 }, group.props.map((overrideKey) => /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(import_editor_ui11.CollapseIcon, { open: isOpen, color: "secondary", fontSize: "tiny" })
+  ), /* @__PURE__ */ React26.createElement(import_ui21.Collapse, { id: contentId, "aria-labelledby": labelId, in: isOpen, timeout: "auto" }, /* @__PURE__ */ React26.createElement(import_ui21.Stack, { direction: "column", gap: 1, p: 2 }, group.props.map((overrideKey) => /* @__PURE__ */ React26.createElement(
     OverridePropControl,
     {
       key: overrideKey,
@@ -3701,12 +3727,12 @@ function InstanceEditingPanel() {
   if (!componentId || !overridableProps || !component) {
     return null;
   }
-  const panelTitle = (0, import_i18n24.__)("Edit %s", "elementor").replace("%s", component.name);
+  const panelTitle = (0, import_i18n25.__)("Edit %s", "elementor").replace("%s", component.name);
   const handleEditComponent = () => switchToComponent(componentId, componentInstanceId);
   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__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(import_editor_panels3.PanelHeader, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React26.createElement(import_ui22.Stack, { direction: "row", alignContent: "space-between", flexGrow: 1 }, /* @__PURE__ */ React26.createElement(import_ui22.Stack, { direction: "row", alignItems: "center", justifyContent: "start", gap: 1, flexGrow: 1 }, /* @__PURE__ */ React26.createElement(import_icons14.ComponentsIcon, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React26.createElement(import_editor_panels3.PanelHeaderTitle, null, component.name)), /* @__PURE__ */ React26.createElement(import_ui22.Tooltip, { title: panelTitle }, /* @__PURE__ */ React26.createElement(import_ui22.IconButton, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React26.createElement(import_icons14.PencilIcon, { fontSize: "tiny" }))))), /* @__PURE__ */ React26.createElement(import_editor_panels3.PanelBody, null, /* @__PURE__ */ React26.createElement(import_editor_controls4.ControlAdornmentsProvider, { items: (0, import_editor_editing_panel5.getFieldIndicators)("settings") }, isEmpty ? /* @__PURE__ */ React26.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React26.createElement(import_ui22.Stack, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(import_editor_panels3.PanelHeader, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React27.createElement(import_ui22.Stack, { direction: "row", alignContent: "space-between", flexGrow: 1 }, /* @__PURE__ */ React27.createElement(import_ui22.Stack, { direction: "row", alignItems: "center", justifyContent: "start", gap: 1, flexGrow: 1 }, /* @__PURE__ */ React27.createElement(import_icons14.ComponentsIcon, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React27.createElement(import_editor_panels3.PanelHeaderTitle, null, component.name)), /* @__PURE__ */ React27.createElement(import_ui22.Tooltip, { title: panelTitle }, /* @__PURE__ */ React27.createElement(import_ui22.IconButton, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React27.createElement(import_icons14.PencilIcon, { fontSize: "tiny" }))))), /* @__PURE__ */ React27.createElement(import_editor_panels3.PanelBody, null, /* @__PURE__ */ React27.createElement(import_editor_controls4.ControlAdornmentsProvider, { items: (0, import_editor_editing_panel5.getFieldIndicators)("settings") }, isEmpty ? /* @__PURE__ */ React27.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React27.createElement(import_ui22.Stack, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React27.createElement(
     OverridePropsGroup,
     {
       key: group.id,
@@ -3718,16 +3744,16 @@ function InstanceEditingPanel() {
 }
 
 // src/components/overridable-props/overridable-prop-control.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_editor_controls5 = require("@elementor/editor-controls");
 var import_editor_editing_panel6 = require("@elementor/editor-editing-panel");
 
 // src/provider/overridable-prop-context.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_react16 = require("react");
 var OverridablePropContext = (0, import_react16.createContext)(null);
 function OverridablePropProvider({ children, ...props }) {
-  return /* @__PURE__ */ React27.createElement(OverridablePropContext.Provider, { value: props }, children);
+  return /* @__PURE__ */ React28.createElement(OverridablePropContext.Provider, { value: props }, children);
 }
 var useOverridablePropValue = () => (0, import_react16.useContext)(OverridablePropContext)?.value;
 
@@ -3766,7 +3792,7 @@ function OverridablePropControl({
   });
   const propValue = isComponentInstance2 ? (value.origin_value?.value).override_value : value.origin_value;
   const objectPlaceholder = placeholder ? { [bind]: placeholder } : void 0;
-  return /* @__PURE__ */ React28.createElement(OverridablePropProvider, { value }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement(OverridablePropProvider, { value }, /* @__PURE__ */ React29.createElement(
     import_editor_controls5.PropProvider,
     {
       ...propContext,
@@ -3777,17 +3803,17 @@ function OverridablePropControl({
       },
       placeholder: objectPlaceholder
     },
-    /* @__PURE__ */ React28.createElement(import_editor_controls5.PropKeyProvider, { bind }, /* @__PURE__ */ React28.createElement(import_editor_controls5.ControlReplacementsProvider, { replacements: [] }, /* @__PURE__ */ React28.createElement(OriginalControl, { ...props })))
+    /* @__PURE__ */ React29.createElement(import_editor_controls5.PropKeyProvider, { bind }, /* @__PURE__ */ React29.createElement(import_editor_controls5.ControlReplacementsProvider, { replacements: [] }, /* @__PURE__ */ React29.createElement(OriginalControl, { ...props })))
   ));
 }
 
 // src/components/overridable-props/overridable-prop-indicator.tsx
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
 var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
 var import_editor_elements15 = require("@elementor/editor-elements");
 var import_ui24 = require("@elementor/ui");
-var import_i18n26 = require("@wordpress/i18n");
+var import_i18n27 = require("@wordpress/i18n");
 
 // src/store/actions/set-overridable-prop.ts
 var import_store58 = require("@elementor/store");
@@ -3854,11 +3880,11 @@ function setOverridableProp({
 }
 
 // src/components/overridable-props/indicator.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_react17 = require("react");
 var import_icons15 = require("@elementor/icons");
 var import_ui23 = require("@elementor/ui");
-var import_i18n25 = require("@wordpress/i18n");
+var import_i18n26 = require("@wordpress/i18n");
 var SIZE2 = "tiny";
 var IconContainer = (0, import_ui23.styled)(import_ui23.Box)`
 	pointer-events: none;
@@ -3914,13 +3940,13 @@ var Content = (0, import_ui23.styled)(import_ui23.Box)`
 		}
 	}
 `;
-var Indicator2 = (0, import_react17.forwardRef)(({ isOpen, isOverridable, ...props }, ref) => /* @__PURE__ */ React29.createElement(Content, { ref, ...props, className: isOpen || isOverridable ? "enlarged" : "" }, /* @__PURE__ */ React29.createElement(
+var Indicator2 = (0, import_react17.forwardRef)(({ isOpen, isOverridable, ...props }, ref) => /* @__PURE__ */ React30.createElement(Content, { ref, ...props, className: isOpen || isOverridable ? "enlarged" : "" }, /* @__PURE__ */ React30.createElement(
   IconContainer,
   {
     className: "icon",
-    "aria-label": isOverridable ? (0, import_i18n25.__)("Overridable property", "elementor") : (0, import_i18n25.__)("Make prop overridable", "elementor")
+    "aria-label": isOverridable ? (0, import_i18n26.__)("Overridable property", "elementor") : (0, import_i18n26.__)("Make prop overridable", "elementor")
   },
-  isOverridable ? /* @__PURE__ */ React29.createElement(import_icons15.CheckIcon, { fontSize: SIZE2 }) : /* @__PURE__ */ React29.createElement(import_icons15.PlusIcon, { fontSize: SIZE2 })
+  isOverridable ? /* @__PURE__ */ React30.createElement(import_icons15.CheckIcon, { fontSize: SIZE2 }) : /* @__PURE__ */ React30.createElement(import_icons15.PlusIcon, { fontSize: SIZE2 })
 )));
 
 // src/components/overridable-props/utils/get-overridable-prop.ts
@@ -3945,7 +3971,7 @@ function OverridablePropIndicator() {
   if (!isPropAllowed(bind) || !componentId || !overridableProps) {
     return null;
   }
-  return /* @__PURE__ */ React30.createElement(Content2, { componentId, overridableProps });
+  return /* @__PURE__ */ React31.createElement(Content2, { componentId, overridableProps });
 }
 function Content2({ componentId, overridableProps }) {
   const {
@@ -3989,7 +4015,7 @@ function Content2({ componentId, overridableProps }) {
     popupState.close();
   };
   const overridableConfig = overridableValue ? getOverridableProp({ componentId, overrideKey: overridableValue.override_key }) : void 0;
-  return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(import_ui24.Tooltip, { placement: "top", title: (0, import_i18n26.__)("Override Property", "elementor") }, /* @__PURE__ */ React30.createElement(Indicator2, { ...triggerProps, isOpen: !!popoverProps.open, isOverridable: !!overridableValue })), /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(import_ui24.Tooltip, { placement: "top", title: (0, import_i18n27.__)("Override Property", "elementor") }, /* @__PURE__ */ React31.createElement(Indicator2, { ...triggerProps, isOpen: !!popoverProps.open, isOverridable: !!overridableValue })), /* @__PURE__ */ React31.createElement(
     import_ui24.Popover,
     {
       disableScrollLock: true,
@@ -4006,7 +4032,7 @@ function Content2({ componentId, overridableProps }) {
       },
       ...popoverProps
     },
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React31.createElement(
       OverridablePropForm,
       {
         onSubmit: handleSubmit,
@@ -4452,11 +4478,11 @@ var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_notifications4 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_store64 = require("@elementor/store");
-var import_i18n27 = require("@wordpress/i18n");
+var import_i18n28 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
   type: "default",
-  message: (0, import_i18n27.__)("Can't add this component - components that contain each other can't be nested.", "elementor"),
+  message: (0, import_i18n28.__)("Can't add this component - components that contain each other can't be nested.", "elementor"),
   id: "circular-component-nesting-blocked"
 };
 function initCircularNestingPrevention() {
@@ -4788,7 +4814,7 @@ function init() {
   window.elementorCommon.__beforeSave = beforeSave;
   (0, import_editor_elements_panel.injectTab)({
     id: "components",
-    label: (0, import_i18n28.__)("Components", "elementor"),
+    label: (0, import_i18n29.__)("Components", "elementor"),
     component: Components,
     position: 1
   });