@elementor/editor-app-bar 0.7.3 → 0.9.0

package/dist/index.mjs

@@ -19,9 +19,39 @@ function useMenuContext() {
 
 // src/components/ui/toolbar-menu-item.tsx
 import * as React2 from "react";
-import { Box, IconButton, Tooltip } from "@elementor/ui";
+import { Box, IconButton, Tooltip as BaseTooltip } from "@elementor/ui";
 function ToolbarMenuItem({ title, ...props }) {
-  return /* @__PURE__ */ React2.createElement(Tooltip, { title }, /* @__PURE__ */ React2.createElement(Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React2.createElement(IconButton, { ...props, "aria-label": title, size: "small" })));
+  return /* @__PURE__ */ React2.createElement(Tooltip, { title }, /* @__PURE__ */ React2.createElement(Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React2.createElement(
+    IconButton,
+    {
+      ...props,
+      "aria-label": title,
+      size: "medium",
+      sx: {
+        "& .MuiSvgIcon-root": {
+          fontSize: "1.25rem"
+        },
+        "&:hover": {
+          color: "text.primary"
+        }
+      }
+    }
+  )));
+}
+function Tooltip(props) {
+  return /* @__PURE__ */ React2.createElement(
+    BaseTooltip,
+    {
+      PopperProps: {
+        sx: {
+          "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
+            mt: 2
+          }
+        }
+      },
+      ...props
+    }
+  );
 }
 
 // src/components/ui/popover-menu-item.tsx
@@ -44,7 +74,13 @@ function PopoverMenuItem({ text, icon, onClick, href, target, disabled, ...props
       onClick,
       component: href ? "a" : "div",
       href,
-      target
+      target,
+      sx: {
+        "&:hover": {
+          color: "text.primary"
+          // Overriding global CSS from the editor.
+        }
+      }
     },
     /* @__PURE__ */ React3.createElement(ListItemIcon, null, icon),
     /* @__PURE__ */ React3.createElement(ListItemText, { primary: text }),
@@ -75,7 +111,26 @@ import * as React6 from "react";
 import * as React5 from "react";
 import { Box as Box2, ToggleButton, Tooltip as Tooltip2 } from "@elementor/ui";
 function ToolbarMenuToggleItem({ title, onClick, ...props }) {
-  return /* @__PURE__ */ React5.createElement(Tooltip2, { title }, /* @__PURE__ */ React5.createElement(Box2, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React5.createElement(ToggleButton, { ...props, onChange: onClick, "aria-label": title, size: "small" })));
+  return /* @__PURE__ */ React5.createElement(Tooltip2, { title }, /* @__PURE__ */ React5.createElement(Box2, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React5.createElement(
+    ToggleButton,
+    {
+      ...props,
+      onChange: onClick,
+      "aria-label": title,
+      size: "small",
+      sx: {
+        border: 0,
+        // Temp fix until the style of the ToggleButton component will be decided.
+        "&.Mui-disabled": {
+          border: 0
+          // Temp fix until the style of the ToggleButton component will be decided.
+        },
+        "& .MuiSvgIcon-root": {
+          fontSize: "1.25rem"
+        }
+      }
+    }
+  )));
 }
 
 // src/components/actions/toggle-action.tsx
@@ -220,7 +275,7 @@ function PopoverMenu({ children, ...props }) {
     Menu,
     {
       PaperProps: {
-        sx: { mt: 4 }
+        sx: { mt: 1.5 }
       },
       ...props,
       MenuListProps: {
@@ -241,7 +296,9 @@ var ElementorLogo = (props) => {
   return /* @__PURE__ */ React10.createElement(SvgIcon, { viewBox: "0 0 32 32", ...props }, /* @__PURE__ */ React10.createElement("g", null, /* @__PURE__ */ React10.createElement("circle", { cx: "16", cy: "16", r: "16" }), /* @__PURE__ */ React10.createElement("path", { d: "M11.7 9H9V22.3H11.7V9Z" }), /* @__PURE__ */ React10.createElement("path", { d: "M22.4 9H9V11.7H22.4V9Z" }), /* @__PURE__ */ React10.createElement("path", { d: "M22.4 14.4004H9V17.1004H22.4V14.4004Z" }), /* @__PURE__ */ React10.createElement("path", { d: "M22.4 19.6992H9V22.3992H22.4V19.6992Z" })));
 };
 var StyledToggleButton = styled(ToggleButton2)(({ theme }) => ({
-  paddingInline: theme.spacing(1),
+  padding: 0,
+  border: 0,
+  color: theme.palette.text.primary,
   "&.MuiToggleButton-root:hover": {
     backgroundColor: "initial"
   },
@@ -252,10 +309,8 @@ var StyledToggleButton = styled(ToggleButton2)(({ theme }) => ({
 var StyledElementorLogo = styled(ElementorLogo, {
   shouldForwardProp: (prop) => prop !== "showMenuIcon"
 })(({ theme, showMenuIcon }) => ({
-  width: "auto",
-  height: "100%",
   "& path": {
-    fill: "initial",
+    fill: theme.palette.background.default,
     transition: "all 0.2s linear",
     transformOrigin: "bottom left",
     "&:first-of-type": {
@@ -285,11 +340,18 @@ function ToolbarLogo(props) {
     {
       ...props,
       value: "selected",
-      size: "small",
+      size: "large",
       onMouseEnter: () => setIsHoverState(true),
       onMouseLeave: () => setIsHoverState(false)
     },
-    /* @__PURE__ */ React10.createElement(StyledElementorLogo, { titleAccess: __("Elementor Logo", "elementor"), showMenuIcon })
+    /* @__PURE__ */ React10.createElement(
+      StyledElementorLogo,
+      {
+        fontSize: "large",
+        showMenuIcon,
+        titleAccess: __("Elementor Logo", "elementor")
+      }
+    )
   );
 }
 
@@ -397,7 +459,7 @@ import * as React16 from "react";
 import * as React14 from "react";
 import { Stack as Stack2 } from "@elementor/ui";
 function ToolbarMenu({ children, ...props }) {
-  return /* @__PURE__ */ React14.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React14.createElement(Stack2, { sx: { px: 4 }, spacing: 4, direction: "row", alignItems: "center", ...props }, children));
+  return /* @__PURE__ */ React14.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React14.createElement(Stack2, { sx: { px: 1.5 }, spacing: 1.5, direction: "row", alignItems: "center", ...props }, children));
 }
 
 // src/components/ui/toolbar-menu-more.tsx
@@ -458,14 +520,14 @@ function ResponsiveLocation() {
 
 // src/components/app-bar.tsx
 function AppBar() {
-  return /* @__PURE__ */ React21.createElement(ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React21.createElement(BaseAppBar, { position: "sticky" }, /* @__PURE__ */ React21.createElement(Box3, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)" }, /* @__PURE__ */ React21.createElement(Grid, { container: true }, /* @__PURE__ */ React21.createElement(MainMenuLocation, null), /* @__PURE__ */ React21.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React21.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React21.createElement(ToolbarMenu, { spacing: 3 }, /* @__PURE__ */ React21.createElement(Divider4, { orientation: "vertical" }), /* @__PURE__ */ React21.createElement(PageIndicationLocation, null), /* @__PURE__ */ React21.createElement(Divider4, { orientation: "vertical" }), /* @__PURE__ */ React21.createElement(ResponsiveLocation, null), /* @__PURE__ */ React21.createElement(Divider4, { orientation: "vertical" }))), /* @__PURE__ */ React21.createElement(Grid, { container: true, justifyContent: "flex-end" }, /* @__PURE__ */ React21.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React21.createElement(PrimaryActionLocation, null)))));
+  return /* @__PURE__ */ React21.createElement(ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React21.createElement(BaseAppBar, { position: "sticky" }, /* @__PURE__ */ React21.createElement(Box3, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)" }, /* @__PURE__ */ React21.createElement(Grid, { container: true }, /* @__PURE__ */ React21.createElement(MainMenuLocation, null), /* @__PURE__ */ React21.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React21.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React21.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React21.createElement(Divider4, { orientation: "vertical" }), /* @__PURE__ */ React21.createElement(PageIndicationLocation, null), /* @__PURE__ */ React21.createElement(Divider4, { orientation: "vertical" }), /* @__PURE__ */ React21.createElement(ResponsiveLocation, null), /* @__PURE__ */ React21.createElement(Divider4, { orientation: "vertical" }))), /* @__PURE__ */ React21.createElement(Grid, { container: true, justifyContent: "flex-end" }, /* @__PURE__ */ React21.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React21.createElement(PrimaryActionLocation, null)))));
 }
 
 // src/init.ts
 import { injectIntoTop as injectIntoTop2 } from "@elementor/editor";
 
 // src/sync/redirect-old-menus.ts
-import { listenTo, openRoute, routeOpenEvent } from "@elementor/editor-v1-adapters";
+import { __privateListenTo as listenTo, __privateOpenRoute as openRoute, routeOpenEvent } from "@elementor/editor-v1-adapters";
 function redirectOldMenus() {
   listenTo(routeOpenEvent("panel/menu"), () => {
     openRoute("panel/elements/categories");
@@ -474,11 +536,11 @@ function redirectOldMenus() {
 
 // src/extensions/documents-indicator/components/settings-button.tsx
 import * as React22 from "react";
-import { Box as Box4, ToggleButton as ToggleButton3, Tooltip as Tooltip3 } from "@elementor/ui";
+import { Box as Box4, ToggleButton as ToggleButton3, Tooltip as BaseTooltip2 } from "@elementor/ui";
 import { __ as __4 } from "@wordpress/i18n";
-import { openRoute as openRoute2, useRouteStatus } from "@elementor/editor-v1-adapters";
+import { __privateOpenRoute as openRoute2, __privateUseRouteStatus as useRouteStatus } from "@elementor/editor-v1-adapters";
 import { SettingsIcon } from "@elementor/icons";
-import { useActiveDocument, useHostDocument } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument, __useHostDocument as useHostDocument } from "@elementor/editor-documents";
 function SettingsButton() {
   const activeDocument = useActiveDocument();
   const hostDocument = useHostDocument();
@@ -496,11 +558,34 @@ function SettingsButton() {
       disabled: isBlocked,
       onChange: () => openRoute2("panel/page-settings/settings"),
       "aria-label": title,
-      size: "small"
+      size: "small",
+      sx: {
+        border: 0,
+        // Temp fix until the style of the ToggleButton component will be decided.
+        "&.Mui-disabled": {
+          border: 0
+          // Temp fix until the style of the ToggleButton component will be decided.
+        }
+      }
     },
-    /* @__PURE__ */ React22.createElement(SettingsIcon, null)
+    /* @__PURE__ */ React22.createElement(SettingsIcon, { fontSize: "small" })
   )));
 }
+function Tooltip3(props) {
+  return /* @__PURE__ */ React22.createElement(
+    BaseTooltip2,
+    {
+      PopperProps: {
+        sx: {
+          "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
+            mt: 1.7
+          }
+        }
+      },
+      ...props
+    }
+  );
+}
 
 // src/extensions/documents-indicator/index.ts
 function init() {
@@ -517,8 +602,8 @@ function init() {
 // src/extensions/documents-preview/hooks/use-action-props.ts
 import { __ as __5 } from "@wordpress/i18n";
 import { EyeIcon } from "@elementor/icons";
-import { runCommand } from "@elementor/editor-v1-adapters";
-import { useActiveDocument as useActiveDocument2 } from "@elementor/editor-documents";
+import { __privateRunCommand as runCommand } from "@elementor/editor-v1-adapters";
+import { __useActiveDocument as useActiveDocument2 } from "@elementor/editor-documents";
 function useActionProps() {
   const document2 = useActiveDocument2();
   return {
@@ -544,7 +629,7 @@ function init2() {
 // src/extensions/documents-save/hooks/use-document-save-draft-props.ts
 import { __ as __6 } from "@wordpress/i18n";
 import { FileReportIcon } from "@elementor/icons";
-import { useActiveDocument as useActiveDocument3, useActiveDocumentActions } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument3, __useActiveDocumentActions as useActiveDocumentActions } from "@elementor/editor-documents";
 function useDocumentSaveDraftProps() {
   const document2 = useActiveDocument3();
   const { saveDraft } = useActiveDocumentActions();
@@ -559,7 +644,7 @@ function useDocumentSaveDraftProps() {
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 import { __ as __7 } from "@wordpress/i18n";
 import { FolderIcon } from "@elementor/icons";
-import { useActiveDocumentActions as useActiveDocumentActions2 } from "@elementor/editor-documents";
+import { __useActiveDocumentActions as useActiveDocumentActions2 } from "@elementor/editor-documents";
 function useDocumentSaveTemplateProps() {
   const { saveTemplate } = useActiveDocumentActions2();
   return {
@@ -600,9 +685,9 @@ function PrimaryActionMenu(props) {
         vertical: "top",
         horizontal: "right"
       },
-      marginThreshold: 8,
+      marginThreshold: 4,
       PaperProps: {
-        sx: { mt: 2 }
+        sx: { mt: 0.5 }
       }
     },
     saveActions.map(({ MenuItem: MenuItem3, id }, index) => [
@@ -625,9 +710,9 @@ import {
   Tooltip as Tooltip4,
   usePopupState as usePopupState4
 } from "@elementor/ui";
-import { useActiveDocument as useActiveDocument4, useActiveDocumentActions as useActiveDocumentActions3 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument4, __useActiveDocumentActions as useActiveDocumentActions3 } from "@elementor/editor-documents";
 import { ChevronDownIcon } from "@elementor/icons";
-import { useIsPreviewMode } from "@elementor/editor-v1-adapters";
+import { __privateUseIsPreviewMode as useIsPreviewMode } from "@elementor/editor-v1-adapters";
 function PrimaryAction() {
   const document2 = useActiveDocument4();
   const { save } = useActiveDocumentActions3();
@@ -642,13 +727,13 @@ function PrimaryAction() {
   const isPublishDisabled = isPreviewMode || !isPublishEnabled(document2);
   const isSaveOptionsDisabled = isPreviewMode || document2.type.value === "kit";
   const shouldShowSpinner = document2.isSaving && !isPublishDisabled;
-  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(ButtonGroup, { size: "medium", variant: "contained" }, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(ButtonGroup, { size: "large", variant: "contained" }, /* @__PURE__ */ React24.createElement(
     Button,
     {
       onClick: () => !document2.isSaving && save(),
       sx: {
-        px: 7,
         height: "100%",
+        borderRadius: 0,
         maxWidth: "158px",
         "&.MuiButtonBase-root.MuiButtonGroup-grouped": {
           minWidth: "110px"
@@ -656,7 +741,7 @@ function PrimaryAction() {
       },
       disabled: isPublishDisabled
     },
-    shouldShowSpinner ? /* @__PURE__ */ React24.createElement(CircularProgress, null) : getLabel(document2)
+    shouldShowSpinner ? /* @__PURE__ */ React24.createElement(CircularProgress, { color: "inherit", size: "1.5em" }) : getLabel(document2)
   ), /* @__PURE__ */ React24.createElement(
     Tooltip4,
     {
@@ -664,8 +749,8 @@ function PrimaryAction() {
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
-            mt: 3,
-            mr: 1
+            mt: 1,
+            mr: 0.25
           }
         }
       }
@@ -673,8 +758,9 @@ function PrimaryAction() {
     /* @__PURE__ */ React24.createElement(Box5, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React24.createElement(
       Button,
       {
+        size: "small",
         ...bindTrigger3(popupState),
-        sx: { px: 0, height: "100%" },
+        sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
         "aria-label": __8("Save Options", "elementor")
       },
@@ -716,7 +802,7 @@ function init3() {
 
 // src/extensions/elements/sync/sync-panel-title.ts
 import { __ as __9 } from "@wordpress/i18n";
-import { isRouteActive, listenTo as listenTo2, routeOpenEvent as routeOpenEvent2, v1ReadyEvent } from "@elementor/editor-v1-adapters";
+import { __privateIsRouteActive as isRouteActive, __privateListenTo as listenTo2, routeOpenEvent as routeOpenEvent2, v1ReadyEvent } from "@elementor/editor-v1-adapters";
 function syncPanelTitle() {
   const panelTitle = __9("Elements", "elementor");
   const tabTitle = __9("Widgets", "elementor");
@@ -750,7 +836,7 @@ function setTabTitle(title) {
 // src/extensions/elements/hooks/use-action-props.ts
 import { PlusIcon } from "@elementor/icons";
 import { __ as __10 } from "@wordpress/i18n";
-import { openRoute as openRoute3, useRouteStatus as useRouteStatus2 } from "@elementor/editor-v1-adapters";
+import { __privateOpenRoute as openRoute3, __privateUseRouteStatus as useRouteStatus2 } from "@elementor/editor-v1-adapters";
 function useActionProps2() {
   const { isActive, isBlocked } = useRouteStatus2("panel/elements");
   return {
@@ -775,9 +861,9 @@ function init4() {
 // src/extensions/finder/hooks/use-action-props.ts
 import { __ as __11 } from "@wordpress/i18n";
 import { SearchIcon } from "@elementor/icons";
-import { runCommand as runCommand2, useRouteStatus as useRouteStatus3 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand2, __privateUseRouteStatus as useRouteStatus3 } from "@elementor/editor-v1-adapters";
 function useActionProps3() {
-  const { isActive, isBlocked } = useRouteStatus3("finder", {
+  const { isBlocked } = useRouteStatus3("finder", {
     blockOnKitRoutes: false,
     blockOnPreviewMode: false
   });
@@ -785,14 +871,13 @@ function useActionProps3() {
     title: __11("Finder", "elementor"),
     icon: SearchIcon,
     onClick: () => runCommand2("finder/toggle"),
-    selected: isActive,
     disabled: isBlocked
   };
 }
 
 // src/extensions/finder/index.ts
 function init5() {
-  utilitiesMenu.registerToggleAction({
+  utilitiesMenu.registerAction({
     id: "toggle-finder",
     priority: 10,
     // Before help.
@@ -822,7 +907,7 @@ function init6() {
 // src/extensions/history/hooks/use-action-props.ts
 import { HistoryIcon } from "@elementor/icons";
 import { __ as __13 } from "@wordpress/i18n";
-import { openRoute as openRoute4, useRouteStatus as useRouteStatus4 } from "@elementor/editor-v1-adapters";
+import { __privateOpenRoute as openRoute4, __privateUseRouteStatus as useRouteStatus4 } from "@elementor/editor-v1-adapters";
 function useActionProps4() {
   const { isActive, isBlocked } = useRouteStatus4("panel/history");
   return {
@@ -846,7 +931,7 @@ function init7() {
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
 import { __ as __14 } from "@wordpress/i18n";
 import { KeyboardIcon } from "@elementor/icons";
-import { runCommand as runCommand3 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand3 } from "@elementor/editor-v1-adapters";
 function useActionProps5() {
   return {
     icon: KeyboardIcon,
@@ -875,7 +960,7 @@ import * as React27 from "react";
 // src/extensions/site-settings/components/portal.tsx
 import * as React25 from "react";
 import { Portal as BasePortal } from "@elementor/ui";
-import { isRouteActive as isRouteActive2, routeCloseEvent, routeOpenEvent as routeOpenEvent3, useListenTo } from "@elementor/editor-v1-adapters";
+import { __privateIsRouteActive as isRouteActive2, routeCloseEvent, routeOpenEvent as routeOpenEvent3, __privateUseListenTo as useListenTo } from "@elementor/editor-v1-adapters";
 function Portal(props) {
   const containerRef = useListenTo(
     [
@@ -895,7 +980,7 @@ function getContainerRef() {
 
 // src/extensions/site-settings/components/primary-action.tsx
 import * as React26 from "react";
-import { useActiveDocument as useActiveDocument5, useActiveDocumentActions as useActiveDocumentActions4 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument5, __useActiveDocumentActions as useActiveDocumentActions4 } from "@elementor/editor-documents";
 import { Button as Button2, CircularProgress as CircularProgress2, Paper } from "@elementor/ui";
 import { __ as __15 } from "@wordpress/i18n";
 function PrimaryAction2() {
@@ -926,7 +1011,7 @@ function PortalledPrimaryAction() {
 
 // src/extensions/site-settings/hooks/use-action-props.ts
 import { __ as __16 } from "@wordpress/i18n";
-import { runCommand as runCommand4, useRouteStatus as useRouteStatus5 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand4, __privateUseRouteStatus as useRouteStatus5 } from "@elementor/editor-v1-adapters";
 import { AdjustmentsHorizontalIcon } from "@elementor/icons";
 function useActionProps6() {
   const { isActive, isBlocked } = useRouteStatus5("panel/global", {
@@ -956,7 +1041,7 @@ function init9() {
 
 // src/extensions/structure/hooks/use-action-props.ts
 import { __ as __17 } from "@wordpress/i18n";
-import { runCommand as runCommand5, useRouteStatus as useRouteStatus6 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand5, __privateUseRouteStatus as useRouteStatus6 } from "@elementor/editor-v1-adapters";
 import { StructureIcon } from "@elementor/icons";
 function useActionProps7() {
   const { isActive, isBlocked } = useRouteStatus6("navigator");
@@ -981,7 +1066,7 @@ function init10() {
 // src/extensions/theme-builder/hooks/use-action-props.ts
 import { __ as __18 } from "@wordpress/i18n";
 import { ThemeBuilderIcon } from "@elementor/icons";
-import { runCommand as runCommand6 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand6 } from "@elementor/editor-v1-adapters";
 function useActionProps8() {
   return {
     icon: ThemeBuilderIcon,
@@ -1001,7 +1086,7 @@ function init11() {
 // src/extensions/user-preferences/hooks/use-action-props.ts
 import { __ as __19 } from "@wordpress/i18n";
 import { ToggleRightIcon } from "@elementor/icons";
-import { openRoute as openRoute5, useRouteStatus as useRouteStatus7 } from "@elementor/editor-v1-adapters";
+import { __privateOpenRoute as openRoute5, __privateUseRouteStatus as useRouteStatus7 } from "@elementor/editor-v1-adapters";
 function useActionProps9() {
   const { isActive, isBlocked } = useRouteStatus7("panel/editor-preferences");
   return {
@@ -1026,7 +1111,7 @@ function init12() {
 // src/extensions/wordpress/index.ts
 import { __ as __20 } from "@wordpress/i18n";
 import { WordpressIcon } from "@elementor/icons";
-import { useActiveDocument as useActiveDocument6 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument6 } from "@elementor/editor-documents";
 function init13() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",