@elementor/editor-app-bar 4.1.0-833 → 4.1.0-836

package/dist/index.js

@@ -31,7 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   documentOptionsMenu: () => documentOptionsMenu,
-  init: () => init18,
+  init: () => init19,
   injectIntoPageIndication: () => injectIntoPageIndication,
   injectIntoPrimaryAction: () => injectIntoPrimaryAction,
   injectIntoResponsive: () => injectIntoResponsive,
@@ -589,10 +589,47 @@ function AppBar() {
   return /* @__PURE__ */ React20.createElement(import_ui11.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React20.createElement(import_ui11.AppBar, { position: "sticky" }, /* @__PURE__ */ React20.createElement(import_ui11.Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React20.createElement(import_ui11.Box, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React20.createElement(import_ui11.Grid, { container: true, flexWrap: "nowrap" }, /* @__PURE__ */ React20.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React20.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React20.createElement(import_ui11.Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React20.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React20.createElement(import_ui11.Divider, { orientation: "vertical" }), /* @__PURE__ */ React20.createElement(PageIndicationLocation, null), /* @__PURE__ */ React20.createElement(import_ui11.Divider, { orientation: "vertical" }), /* @__PURE__ */ React20.createElement(ResponsiveLocation, null), /* @__PURE__ */ React20.createElement(import_ui11.Divider, { orientation: "vertical" }))), /* @__PURE__ */ React20.createElement(import_ui11.Grid, { container: true, justifyContent: "flex-end", flexWrap: "nowrap" }, /* @__PURE__ */ React20.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React20.createElement(PrimaryActionLocation, null))))));
 }
 
-// src/extensions/connect/hooks/use-connect-link-config.tsx
-var import_react5 = require("react");
+// src/extensions/angie/hooks/use-action-props.ts
+var import_editor_mcp = require("@elementor/editor-mcp");
 var import_icons5 = require("@elementor/icons");
 var import_i18n5 = require("@wordpress/i18n");
+var CREATE_WIDGET_EVENT = "elementor/editor/create-widget";
+var CREATE_WIDGET_PROMPT = `Create a widget for me.
+Goal: [What should this widget help me accomplish?]
+Placement: [Where will I see it in the editor/UI?]
+How it should work: `;
+function useActionProps() {
+  return {
+    title: (0, import_i18n5.__)("Angie", "elementor"),
+    icon: import_icons5.AngieIcon,
+    onClick: () => {
+      window.dispatchEvent(
+        new CustomEvent(CREATE_WIDGET_EVENT, {
+          detail: {
+            prompt: CREATE_WIDGET_PROMPT,
+            entry_point: "top_bar"
+          }
+        })
+      );
+    },
+    selected: false,
+    visible: !(0, import_editor_mcp.isAngieAvailable)()
+  };
+}
+
+// src/extensions/angie/index.ts
+function init() {
+  toolsMenu.registerToggleAction({
+    id: "toggle-angie",
+    priority: 2,
+    useProps: useActionProps
+  });
+}
+
+// src/extensions/connect/hooks/use-connect-link-config.tsx
+var import_react5 = require("react");
+var import_icons6 = require("@elementor/icons");
+var import_i18n6 = require("@wordpress/i18n");
 var dispatchConnectClickEvent = (eventName) => {
   try {
     const extendedWindow = window;
@@ -645,21 +682,21 @@ function useConnectLinkConfig() {
     [extendedWindow]
   );
   return isUserConnected ? {
-    title: (0, import_i18n5.__)("My Elementor", "elementor"),
+    title: (0, import_i18n6.__)("My Elementor", "elementor"),
     href: extendedWindow?.elementor?.config.user.top_bar.my_elementor_url,
-    icon: import_icons5.UserIcon,
+    icon: import_icons6.UserIcon,
     target: "_blank"
   } : {
-    title: (0, import_i18n5.__)("Connect my account", "elementor"),
+    title: (0, import_i18n6.__)("Connect my account", "elementor"),
     href: extendedWindow?.elementor?.config.user.top_bar.connect_url,
-    icon: import_icons5.UserIcon,
+    icon: import_icons6.UserIcon,
     target,
     onClick: handleConnectClick
   };
 }
 
 // src/extensions/connect/index.ts
-function init() {
+function init2() {
   mainMenu.registerLink({
     id: "app-bar-connect",
     group: "exits",
@@ -671,13 +708,13 @@ function init() {
 // src/extensions/documents-preview/hooks/use-action-props.ts
 var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
-var import_icons6 = require("@elementor/icons");
-var import_i18n6 = require("@wordpress/i18n");
-function useActionProps() {
+var import_icons7 = require("@elementor/icons");
+var import_i18n7 = require("@wordpress/i18n");
+function useActionProps2() {
   const document2 = (0, import_editor_documents2.__useActiveDocument)();
   return {
-    icon: import_icons6.EyeIcon,
-    title: (0, import_i18n6.__)("Preview Changes", "elementor"),
+    icon: import_icons7.EyeIcon,
+    title: (0, import_i18n7.__)("Preview Changes", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -700,11 +737,11 @@ function useActionProps() {
 }
 
 // src/extensions/documents-preview/index.ts
-function init2() {
+function init3() {
   utilitiesMenu.registerAction({
     id: "document-preview-button",
     priority: 30,
-    useProps: useActionProps
+    useProps: useActionProps2
   });
 }
 
@@ -712,9 +749,9 @@ function init2() {
 var React22 = __toESM(require("react"));
 var import_editor_documents3 = require("@elementor/editor-documents");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
-var import_icons7 = require("@elementor/icons");
+var import_icons8 = require("@elementor/icons");
 var import_ui13 = require("@elementor/ui");
-var import_i18n7 = require("@wordpress/i18n");
+var import_i18n8 = require("@wordpress/i18n");
 
 // src/extensions/documents-save/components/primary-action-menu.tsx
 var React21 = __toESM(require("react"));
@@ -813,7 +850,7 @@ function PrimaryAction() {
   ), /* @__PURE__ */ React22.createElement(
     import_ui13.Tooltip,
     {
-      title: (0, import_i18n7.__)("Save Options", "elementor"),
+      title: (0, import_i18n8.__)("Save Options", "elementor"),
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
@@ -830,14 +867,14 @@ function PrimaryAction() {
         ...(0, import_ui13.bindTrigger)(popupState),
         sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
-        "aria-label": (0, import_i18n7.__)("Save Options", "elementor")
+        "aria-label": (0, import_i18n8.__)("Save Options", "elementor")
       },
-      /* @__PURE__ */ React22.createElement(import_icons7.ChevronDownIcon, null)
+      /* @__PURE__ */ React22.createElement(import_icons8.ChevronDownIcon, null)
     ))
   )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...(0, import_ui13.bindMenu)(popupState), onClick: popupState.close }));
 }
 function getLabel(document2) {
-  return document2.userCan.publish ? (0, import_i18n7.__)("Publish", "elementor") : (0, import_i18n7.__)("Submit", "elementor");
+  return document2.userCan.publish ? (0, import_i18n8.__)("Publish", "elementor") : (0, import_i18n8.__)("Submit", "elementor");
 }
 function isPublishEnabled(document2) {
   if (document2.type.value === "kit") {
@@ -849,15 +886,15 @@ function isPublishEnabled(document2) {
 // src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts
 var import_editor_documents4 = require("@elementor/editor-documents");
 var import_events2 = require("@elementor/events");
-var import_icons8 = require("@elementor/icons");
-var import_i18n8 = require("@wordpress/i18n");
+var import_icons9 = require("@elementor/icons");
+var import_i18n9 = require("@wordpress/i18n");
 function useDocumentCopyAndShareProps() {
   const document2 = (0, import_editor_documents4.__useActiveDocument)();
   const { copyAndShare } = (0, import_editor_documents4.__useActiveDocumentActions)();
   const { dispatchEvent: dispatchEvent2, config } = (0, import_events2.useMixpanel)();
   return {
-    icon: import_icons8.LinkIcon,
-    title: (0, import_i18n8.__)("Copy and Share", "elementor"),
+    icon: import_icons9.LinkIcon,
+    title: (0, import_i18n9.__)("Copy and Share", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -883,15 +920,15 @@ function useDocumentCopyAndShareProps() {
 // src/extensions/documents-save/hooks/use-document-save-draft-props.ts
 var import_editor_documents5 = require("@elementor/editor-documents");
 var import_events3 = require("@elementor/events");
-var import_icons9 = require("@elementor/icons");
-var import_i18n9 = require("@wordpress/i18n");
+var import_icons10 = require("@elementor/icons");
+var import_i18n10 = require("@wordpress/i18n");
 function useDocumentSaveDraftProps() {
   const document2 = (0, import_editor_documents5.__useActiveDocument)();
   const { saveDraft } = (0, import_editor_documents5.__useActiveDocumentActions)();
   const { dispatchEvent: dispatchEvent2, config } = (0, import_events3.useMixpanel)();
   return {
-    icon: import_icons9.FileReportIcon,
-    title: (0, import_i18n9.__)("Save Draft", "elementor"),
+    icon: import_icons10.FileReportIcon,
+    title: (0, import_i18n10.__)("Save Draft", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -916,14 +953,14 @@ function useDocumentSaveDraftProps() {
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 var import_editor_documents6 = require("@elementor/editor-documents");
 var import_events4 = require("@elementor/events");
-var import_icons10 = require("@elementor/icons");
-var import_i18n10 = require("@wordpress/i18n");
+var import_icons11 = require("@elementor/icons");
+var import_i18n11 = require("@wordpress/i18n");
 function useDocumentSaveTemplateProps() {
   const { saveTemplate } = (0, import_editor_documents6.__useActiveDocumentActions)();
   const { dispatchEvent: dispatchEvent2, config } = (0, import_events4.useMixpanel)();
   return {
-    icon: import_icons10.FolderIcon,
-    title: (0, import_i18n10.__)("Save as Template", "elementor"),
+    icon: import_icons11.FolderIcon,
+    title: (0, import_i18n11.__)("Save as Template", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -947,13 +984,13 @@ function useDocumentSaveTemplateProps() {
 // src/extensions/documents-save/hooks/use-document-view-as-markdown-props.ts
 var import_editor_documents7 = require("@elementor/editor-documents");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
-var import_icons11 = require("@elementor/icons");
-var import_i18n11 = require("@wordpress/i18n");
+var import_icons12 = require("@elementor/icons");
+var import_i18n12 = require("@wordpress/i18n");
 function useDocumentViewAsMarkdownProps() {
   const document2 = (0, import_editor_documents7.__useActiveDocument)();
   return {
-    icon: import_icons11.EyeIcon,
-    title: (0, import_i18n11.__)("View as Markdown", "elementor"),
+    icon: import_icons12.EyeIcon,
+    title: (0, import_i18n12.__)("View as Markdown", "elementor"),
     onClick: async () => {
       const baseUrl = document2?.links?.wpPreview || document2?.links?.permalink;
       if (!baseUrl) {
@@ -973,14 +1010,14 @@ function useDocumentViewAsMarkdownProps() {
 var import_editor_documents8 = require("@elementor/editor-documents");
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_events5 = require("@elementor/events");
-var import_icons12 = require("@elementor/icons");
-var import_i18n12 = require("@wordpress/i18n");
+var import_icons13 = require("@elementor/icons");
+var import_i18n13 = require("@wordpress/i18n");
 function useDocumentViewPageProps() {
   const document2 = (0, import_editor_documents8.__useActiveDocument)();
   const { dispatchEvent: dispatchEvent2, config } = (0, import_events5.useMixpanel)();
   return {
-    icon: import_icons12.EyeIcon,
-    title: (0, import_i18n12.__)("View Page", "elementor"),
+    icon: import_icons13.EyeIcon,
+    title: (0, import_i18n13.__)("View Page", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -1006,7 +1043,7 @@ function useDocumentViewPageProps() {
 }
 
 // src/extensions/documents-save/index.ts
-function init3() {
+function init4() {
   injectIntoPrimaryAction({
     id: "document-primary-action",
     component: PrimaryAction
@@ -1043,20 +1080,20 @@ function init3() {
 // src/extensions/documents-settings/hooks/use-action-props.ts
 var import_editor_documents9 = require("@elementor/editor-documents");
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
-var import_icons13 = require("@elementor/icons");
-var import_i18n13 = require("@wordpress/i18n");
-function useActionProps2() {
+var import_icons14 = require("@elementor/icons");
+var import_i18n14 = require("@wordpress/i18n");
+function useActionProps3() {
   const activeDocument = (0, import_editor_documents9.__useActiveDocument)();
   const hostDocument = (0, import_editor_documents9.__useHostDocument)();
   const { isActive, isBlocked } = (0, import_editor_v1_adapters6.__privateUseRouteStatus)("panel/page-settings");
   const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
   const ButtonTitle = document2 ? (
     /* translators: %s: Post type label. */
-    (0, import_i18n13.__)("%s Settings", "elementor").replace("%s", document2.type.label)
-  ) : (0, import_i18n13.__)("Document Settings", "elementor");
+    (0, import_i18n14.__)("%s Settings", "elementor").replace("%s", document2.type.label)
+  ) : (0, import_i18n14.__)("Document Settings", "elementor");
   return {
     title: ButtonTitle,
-    icon: import_icons13.FileSettingsIcon,
+    icon: import_icons14.FileSettingsIcon,
     onClick: () => {
       if (!document2) {
         return;
@@ -1079,23 +1116,23 @@ function useActionProps2() {
 }
 
 // src/extensions/documents-settings/index.ts
-function init4() {
+function init5() {
   toolsMenu.registerToggleAction({
     id: "document-settings-button",
-    priority: 2,
-    useProps: useActionProps2
+    priority: 3,
+    useProps: useActionProps3
   });
 }
 
 // src/extensions/elements/hooks/use-action-props.ts
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
-var import_icons14 = require("@elementor/icons");
-var import_i18n14 = require("@wordpress/i18n");
-function useActionProps3() {
+var import_icons15 = require("@elementor/icons");
+var import_i18n15 = require("@wordpress/i18n");
+function useActionProps4() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters7.__privateUseRouteStatus)("panel/elements");
   return {
-    title: (0, import_i18n14.__)("Add Element", "elementor"),
-    icon: import_icons14.PlusIcon,
+    title: (0, import_i18n15.__)("Add Element", "elementor"),
+    icon: import_icons15.PlusIcon,
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1116,10 +1153,10 @@ function useActionProps3() {
 
 // src/extensions/elements/sync/sync-panel-title.ts
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
-var import_i18n15 = require("@wordpress/i18n");
+var import_i18n16 = require("@wordpress/i18n");
 function syncPanelTitle() {
-  const panelTitle = (0, import_i18n15.__)("Elements", "elementor");
-  const tabTitle = (0, import_i18n15.__)("Widgets", "elementor");
+  const panelTitle = (0, import_i18n16.__)("Elements", "elementor");
+  const tabTitle = (0, import_i18n16.__)("Widgets", "elementor");
   (0, import_editor_v1_adapters8.__privateListenTo)((0, import_editor_v1_adapters8.routeOpenEvent)("panel/elements"), () => {
     setPanelTitle(panelTitle);
     setTabTitle(tabTitle);
@@ -1142,20 +1179,20 @@ function setTabTitle(title) {
 }
 
 // src/extensions/elements/index.ts
-function init5() {
+function init6() {
   syncPanelTitle();
   toolsMenu.registerToggleAction({
     id: "open-elements-panel",
     priority: 1,
-    useProps: useActionProps3
+    useProps: useActionProps4
   });
 }
 
 // src/extensions/feedback/index.ts
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
-var import_icons15 = require("@elementor/icons");
-var import_i18n16 = require("@wordpress/i18n");
-function init6() {
+var import_icons16 = require("@elementor/icons");
+var import_i18n17 = require("@wordpress/i18n");
+function init7() {
   const isActive = (0, import_editor_v1_adapters9.isExperimentActive)(EXPERIMENT_NAME);
   if (!isActive) {
     return;
@@ -1166,8 +1203,8 @@ function init6() {
     priority: 20,
     useProps: () => {
       return {
-        icon: import_icons15.MessageLinesIcon,
-        title: (0, import_i18n16.__)("Send Feedback", "elementor"),
+        icon: import_icons16.MessageLinesIcon,
+        title: (0, import_i18n17.__)("Send Feedback", "elementor"),
         onClick: () => {
           dispatchEvent(new CustomEvent(FEEDBACK_TOGGLE_EVENT));
         }
@@ -1178,12 +1215,12 @@ function init6() {
 
 // src/extensions/finder/hooks/use-action-props.ts
 var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
-var import_icons16 = require("@elementor/icons");
-var import_i18n17 = require("@wordpress/i18n");
-function useActionProps4() {
+var import_icons17 = require("@elementor/icons");
+var import_i18n18 = require("@wordpress/i18n");
+function useActionProps5() {
   return {
-    title: (0, import_i18n17.__)("Finder", "elementor"),
-    icon: import_icons16.SearchIcon,
+    title: (0, import_i18n18.__)("Finder", "elementor"),
+    icon: import_icons17.SearchIcon,
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1201,22 +1238,22 @@ function useActionProps4() {
 }
 
 // src/extensions/finder/index.ts
-function init7() {
+function init8() {
   utilitiesMenu.registerAction({
     id: "toggle-finder",
     priority: 15,
-    useProps: useActionProps4
+    useProps: useActionProps5
   });
 }
 
 // src/extensions/help/hooks/use-action-props.ts
-var import_icons17 = require("@elementor/icons");
-var import_i18n18 = require("@wordpress/i18n");
-function useActionProps5() {
+var import_icons18 = require("@elementor/icons");
+var import_i18n19 = require("@wordpress/i18n");
+function useActionProps6() {
   return {
-    title: (0, import_i18n18.__)("Help Center", "elementor"),
+    title: (0, import_i18n19.__)("Help Center", "elementor"),
     href: "https://go.elementor.com/editor-top-bar-learn/",
-    icon: import_icons17.HelpIcon,
+    icon: import_icons18.HelpIcon,
     target: "_blank",
     onClick: () => {
       const extendedWindow = window;
@@ -1234,24 +1271,24 @@ function useActionProps5() {
 }
 
 // src/extensions/help/index.ts
-function init8() {
+function init9() {
   mainMenu.registerLink({
     id: "open-help-center",
     group: "help",
     priority: 10,
-    useProps: useActionProps5
+    useProps: useActionProps6
   });
 }
 
 // src/extensions/history/hooks/use-action-props.ts
 var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
-var import_icons18 = require("@elementor/icons");
-var import_i18n19 = require("@wordpress/i18n");
-function useActionProps6() {
+var import_icons19 = require("@elementor/icons");
+var import_i18n20 = require("@wordpress/i18n");
+function useActionProps7() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters11.__privateUseRouteStatus)("panel/history");
   return {
-    title: (0, import_i18n19.__)("History", "elementor"),
-    icon: import_icons18.HistoryIcon,
+    title: (0, import_i18n20.__)("History", "elementor"),
+    icon: import_icons19.HistoryIcon,
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1271,22 +1308,22 @@ function useActionProps6() {
 }
 
 // src/extensions/history/index.ts
-function init9() {
+function init10() {
   toolsMenu.registerToggleAction({
     id: "open-history",
     priority: 15,
-    useProps: useActionProps6
+    useProps: useActionProps7
   });
 }
 
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
-var import_icons19 = require("@elementor/icons");
-var import_i18n20 = require("@wordpress/i18n");
-function useActionProps7() {
+var import_icons20 = require("@elementor/icons");
+var import_i18n21 = require("@wordpress/i18n");
+function useActionProps8() {
   return {
-    icon: import_icons19.KeyboardIcon,
-    title: (0, import_i18n20.__)("Keyboard Shortcuts", "elementor"),
+    icon: import_icons20.KeyboardIcon,
+    title: (0, import_i18n21.__)("Keyboard Shortcuts", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1304,21 +1341,21 @@ function useActionProps7() {
 }
 
 // src/extensions/keyboard-shortcuts/index.ts
-function init10() {
+function init11() {
   mainMenu.registerAction({
     id: "open-keyboard-shortcuts",
     group: "default",
     priority: 40,
-    useProps: useActionProps7
+    useProps: useActionProps8
   });
 }
 
 // src/extensions/responsive/components/breakpoints-switcher.tsx
 var React23 = __toESM(require("react"));
 var import_editor_responsive = require("@elementor/editor-responsive");
-var import_icons20 = require("@elementor/icons");
+var import_icons21 = require("@elementor/icons");
 var import_ui14 = require("@elementor/ui");
-var import_i18n21 = require("@wordpress/i18n");
+var import_i18n22 = require("@wordpress/i18n");
 function BreakpointsSwitcher() {
   const breakpoints = (0, import_editor_responsive.useBreakpoints)();
   const activeBreakpoint = (0, import_editor_responsive.useActiveBreakpoint)();
@@ -1347,7 +1384,7 @@ function BreakpointsSwitcher() {
       indicatorColor: "secondary",
       value: activeBreakpoint,
       onChange,
-      "aria-label": (0, import_i18n21.__)("Switch Device", "elementor"),
+      "aria-label": (0, import_i18n22.__)("Switch Device", "elementor"),
       sx: {
         "& .MuiTabs-indicator": {
           backgroundColor: "text.primary"
@@ -1387,24 +1424,24 @@ function Tooltip4(props) {
   );
 }
 var iconsMap = {
-  widescreen: import_icons20.WidescreenIcon,
-  desktop: import_icons20.DesktopIcon,
-  laptop: import_icons20.LaptopIcon,
-  tablet_extra: import_icons20.TabletLandscapeIcon,
-  tablet: import_icons20.TabletPortraitIcon,
-  mobile_extra: import_icons20.MobileLandscapeIcon,
-  mobile: import_icons20.MobilePortraitIcon
+  widescreen: import_icons21.WidescreenIcon,
+  desktop: import_icons21.DesktopIcon,
+  laptop: import_icons21.LaptopIcon,
+  tablet_extra: import_icons21.TabletLandscapeIcon,
+  tablet: import_icons21.TabletPortraitIcon,
+  mobile_extra: import_icons21.MobileLandscapeIcon,
+  mobile: import_icons21.MobilePortraitIcon
 };
 var labelsMap = {
   default: "%s",
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "min-width": (0, import_i18n21.__)("%s (%dpx and up)", "elementor"),
+  "min-width": (0, import_i18n22.__)("%s (%dpx and up)", "elementor"),
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "max-width": (0, import_i18n21.__)("%s (up to %dpx)", "elementor")
+  "max-width": (0, import_i18n22.__)("%s (up to %dpx)", "elementor")
 };
 
 // src/extensions/responsive/index.ts
-function init11() {
+function init12() {
   injectIntoResponsive({
     id: "responsive-breakpoints-switcher",
     component: BreakpointsSwitcher,
@@ -1443,7 +1480,7 @@ function getContainerRef() {
 var React25 = __toESM(require("react"));
 var import_editor_documents10 = require("@elementor/editor-documents");
 var import_ui16 = require("@elementor/ui");
-var import_i18n22 = require("@wordpress/i18n");
+var import_i18n23 = require("@wordpress/i18n");
 function PrimaryAction2() {
   const document2 = (0, import_editor_documents10.__useActiveDocument)();
   const { save } = (0, import_editor_documents10.__useActiveDocumentActions)();
@@ -1466,7 +1503,7 @@ function PrimaryAction2() {
         sx: { width: "100%" },
         onClick: () => document2 && !document2.isSaving ? save() : null
       },
-      document2?.isSaving ? /* @__PURE__ */ React25.createElement(import_ui16.CircularProgress, null) : (0, import_i18n22.__)("Save Changes", "elementor")
+      document2?.isSaving ? /* @__PURE__ */ React25.createElement(import_ui16.CircularProgress, null) : (0, import_i18n23.__)("Save Changes", "elementor")
     )
   );
 }
@@ -1478,15 +1515,15 @@ function PortalledPrimaryAction() {
 
 // src/extensions/site-settings/hooks/use-action-props.ts
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
-var import_icons21 = require("@elementor/icons");
-var import_i18n23 = require("@wordpress/i18n");
-function useActionProps8() {
+var import_icons22 = require("@elementor/icons");
+var import_i18n24 = require("@wordpress/i18n");
+function useActionProps9() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters14.__privateUseRouteStatus)("panel/global", {
     blockOnKitRoutes: false
   });
   return {
-    title: (0, import_i18n23.__)("Site Settings", "elementor"),
-    icon: import_icons21.SettingsIcon,
+    title: (0, import_i18n24.__)("Site Settings", "elementor"),
+    icon: import_icons22.SettingsIcon,
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1510,7 +1547,7 @@ function useActionProps8() {
 }
 
 // src/extensions/site-settings/index.ts
-function init12() {
+function init13() {
   (0, import_editor.injectIntoTop)({
     id: "site-settings-primary-action-portal",
     component: PortalledPrimaryAction
@@ -1519,19 +1556,19 @@ function init12() {
     id: "toggle-site-settings",
     group: "default",
     priority: 1,
-    useProps: useActionProps8
+    useProps: useActionProps9
   });
 }
 
 // src/extensions/structure/hooks/use-action-props.ts
 var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
-var import_icons22 = require("@elementor/icons");
-var import_i18n24 = require("@wordpress/i18n");
-function useActionProps9() {
+var import_icons23 = require("@elementor/icons");
+var import_i18n25 = require("@wordpress/i18n");
+function useActionProps10() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters15.__privateUseRouteStatus)("navigator");
   return {
-    title: (0, import_i18n24.__)("Structure", "elementor"),
-    icon: import_icons22.StructureIcon,
+    title: (0, import_i18n25.__)("Structure", "elementor"),
+    icon: import_icons23.StructureIcon,
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1551,22 +1588,22 @@ function useActionProps9() {
 }
 
 // src/extensions/structure/index.ts
-function init13() {
+function init14() {
   utilitiesMenu.registerToggleAction({
     id: "toggle-structure-view",
     priority: 25,
-    useProps: useActionProps9
+    useProps: useActionProps10
   });
 }
 
 // src/extensions/theme-builder/hooks/use-action-props.ts
 var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
-var import_icons23 = require("@elementor/icons");
-var import_i18n25 = require("@wordpress/i18n");
-function useActionProps10() {
+var import_icons24 = require("@elementor/icons");
+var import_i18n26 = require("@wordpress/i18n");
+function useActionProps11() {
   return {
-    icon: import_icons23.ThemeBuilderIcon,
-    title: (0, import_i18n25.__)("Theme Builder", "elementor"),
+    icon: import_icons24.ThemeBuilderIcon,
+    title: (0, import_i18n26.__)("Theme Builder", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1584,24 +1621,24 @@ function useActionProps10() {
 }
 
 // src/extensions/theme-builder/index.ts
-function init14() {
+function init15() {
   mainMenu.registerAction({
     id: "open-theme-builder",
     group: "default",
     priority: 10,
-    useProps: useActionProps10
+    useProps: useActionProps11
   });
 }
 
 // src/extensions/user-preferences/hooks/use-action-props.ts
 var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
-var import_icons24 = require("@elementor/icons");
-var import_i18n26 = require("@wordpress/i18n");
-function useActionProps11() {
+var import_icons25 = require("@elementor/icons");
+var import_i18n27 = require("@wordpress/i18n");
+function useActionProps12() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters17.__privateUseRouteStatus)("panel/editor-preferences");
   return {
-    icon: import_icons24.ToggleRightIcon,
-    title: (0, import_i18n26.__)("User Preferences", "elementor"),
+    icon: import_icons25.ToggleRightIcon,
+    title: (0, import_i18n27.__)("User Preferences", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1621,20 +1658,20 @@ function useActionProps11() {
 }
 
 // src/extensions/user-preferences/index.ts
-function init15() {
+function init16() {
   mainMenu.registerToggleAction({
     id: "open-user-preferences",
     group: "default",
     priority: 30,
-    useProps: useActionProps11
+    useProps: useActionProps12
   });
 }
 
 // src/extensions/wordpress/index.ts
 var import_editor_documents11 = require("@elementor/editor-documents");
-var import_icons25 = require("@elementor/icons");
-var import_i18n27 = require("@wordpress/i18n");
-function init16() {
+var import_icons26 = require("@elementor/icons");
+var import_i18n28 = require("@wordpress/i18n");
+function init17() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
     group: "exits",
@@ -1642,9 +1679,9 @@ function init16() {
     useProps: () => {
       const document2 = (0, import_editor_documents11.__useActiveDocument)();
       return {
-        title: (0, import_i18n27.__)("Exit to WordPress", "elementor"),
+        title: (0, import_i18n28.__)("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
-        icon: import_icons25.WordpressIcon,
+        icon: import_icons26.WordpressIcon,
         onClick: () => {
           const extendedWindow = window;
           const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1666,23 +1703,24 @@ function init16() {
 }
 
 // src/extensions/index.ts
-function init17() {
-  init2();
+function init18() {
+  init();
   init3();
   init4();
   init5();
-  init7();
+  init6();
   init8();
   init9();
   init10();
   init11();
   init12();
-  init6();
   init13();
+  init7();
   init14();
   init15();
   init16();
-  init();
+  init17();
+  init2();
 }
 
 // src/sync/redirect-old-menus.ts
@@ -1694,9 +1732,9 @@ function redirectOldMenus() {
 }
 
 // src/init.ts
-function init18() {
+function init19() {
   redirectOldMenus();
-  init17();
+  init18();
   (0, import_editor2.injectIntoTop)({
     id: "app-bar",
     component: AppBar