@elementor/editor-site-navigation 0.22.4 → 0.22.6

package/dist/index.js

@@ -168,14 +168,7 @@ function PostListItem({ post, closePopup, ...props }) {
         primary: postTitle
       }
     ),
-    /* @__PURE__ */ React3.createElement(
-      DocTypeChip,
-      {
-        postType: post.type.post_type,
-        docType: post.type.doc_type,
-        label: post.type.label
-      }
-    )
+    /* @__PURE__ */ React3.createElement(DocTypeChip, { postType: post.type.post_type, docType: post.type.doc_type, label: post.type.label })
   );
 }
 
@@ -295,26 +288,17 @@ function RecentlyEdited() {
         const extendedWindow = window;
         const config = extendedWindow?.elementor?.editorEvents?.config;
         if (config) {
-          extendedWindow.elementor.editorEvents.dispatchEvent(
-            config.names.topBar.documentNameDropdown,
-            {
-              location: config.locations.topBar,
-              secondaryLocation: config.secondaryLocations.documentNameDropdown,
-              trigger: config.triggers.dropdownClick,
-              element: config.elements.dropdown
-            }
-          );
+          extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.documentNameDropdown, {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations.documentNameDropdown,
+            trigger: config.triggers.dropdownClick,
+            element: config.elements.dropdown
+          });
         }
         buttonProps.onClick(e);
       }
     },
-    /* @__PURE__ */ React5.createElement(
-      Indicator,
-      {
-        title: documentTitle,
-        status: document2.status
-      }
-    )
+    /* @__PURE__ */ React5.createElement(Indicator, { title: documentTitle, status: document2.status })
   ), /* @__PURE__ */ React5.createElement(
     import_ui5.Menu,
     {
@@ -478,13 +462,19 @@ var PostListContextProvider = ({
   const resetEditMode = () => {
     setEditMode(defaultValues.editMode);
   };
-  return /* @__PURE__ */ React6.createElement(PostListContext.Provider, { value: {
-    type,
-    editMode,
-    setEditMode,
-    resetEditMode,
-    setError
-  } }, children);
+  return /* @__PURE__ */ React6.createElement(
+    PostListContext.Provider,
+    {
+      value: {
+        type,
+        editMode,
+        setEditMode,
+        resetEditMode,
+        setError
+      }
+    },
+    children
+  );
 };
 function usePostListContext() {
   const context = (0, import_react3.useContext)(PostListContext);
@@ -517,19 +507,25 @@ function CollapsibleList({
   children
 }) {
   const [isOpen, setIsOpen] = (0, import_react4.useState)(isOpenByDefault);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(import_ui6.ListItem, null, /* @__PURE__ */ React7.createElement(StyledListItemIcon, { sx: {
-    color: "text.secondary"
-  } }, /* @__PURE__ */ React7.createElement(
-    import_ui6.IconButton,
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(import_ui6.ListItem, null, /* @__PURE__ */ React7.createElement(
+    StyledListItemIcon,
     {
-      onClick: () => setIsOpen((prev) => !prev),
-      size: "small",
       sx: {
-        color: "inherit"
+        color: "text.secondary"
       }
     },
-    /* @__PURE__ */ React7.createElement(RotateIcon, { fontSize: "small", isOpen })
-  )), /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement(
+      import_ui6.IconButton,
+      {
+        onClick: () => setIsOpen((prev) => !prev),
+        size: "small",
+        sx: {
+          color: "inherit"
+        }
+      },
+      /* @__PURE__ */ React7.createElement(RotateIcon, { fontSize: "small", isOpen })
+    )
+  ), /* @__PURE__ */ React7.createElement(
     StyledListItemIcon,
     {
       size: "small",
@@ -538,15 +534,13 @@ function CollapsibleList({
       }
     },
     /* @__PURE__ */ React7.createElement(Icon, { fontSize: "small" })
-  ), /* @__PURE__ */ React7.createElement(import_ui6.ListItemText, { primaryTypographyProps: { variant: "subtitle2", component: "span" }, primary: label })), /* @__PURE__ */ React7.createElement(
-    import_ui6.Collapse,
+  ), /* @__PURE__ */ React7.createElement(
+    import_ui6.ListItemText,
     {
-      in: isOpen,
-      timeout: "auto",
-      unmountOnExit: true
-    },
-    /* @__PURE__ */ React7.createElement(import_ui6.List, { dense: true }, children)
-  ), /* @__PURE__ */ React7.createElement(import_ui6.Divider, { sx: { mt: 1 } }));
+      primaryTypographyProps: { variant: "subtitle2", component: "span" },
+      primary: label
+    }
+  )), /* @__PURE__ */ React7.createElement(import_ui6.Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React7.createElement(import_ui6.List, { dense: true }, children)), /* @__PURE__ */ React7.createElement(import_ui6.Divider, { sx: { mt: 1 } }));
 }
 
 // src/components/panel/posts-list/post-list-item.tsx
@@ -634,41 +628,25 @@ function EditModeTemplate({ postTitle, isLoading, callback }) {
     }
     setTitle(value);
   };
-  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(
-    import_ui7.ListItem,
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(import_ui7.ListItem, { secondaryAction: /* @__PURE__ */ React8.createElement(CloseButton, { isLoading, closeButton }) }, /* @__PURE__ */ React8.createElement(import_ui7.Box, { width: "100%", component: "form", onSubmit: onFormSubmit }, /* @__PURE__ */ React8.createElement(
+    import_ui7.TextField,
     {
-      secondaryAction: /* @__PURE__ */ React8.createElement(CloseButton, { isLoading, closeButton })
-    },
-    /* @__PURE__ */ React8.createElement(import_ui7.Box, { width: "100%", component: "form", onSubmit: onFormSubmit }, /* @__PURE__ */ React8.createElement(
-      import_ui7.TextField,
-      {
-        autoFocus: true,
-        fullWidth: true,
-        value: title,
-        onChange,
-        disabled: isLoading,
-        error: !!inputError,
-        onBlur,
-        variant: "outlined",
-        color: "secondary",
-        size: "small"
-      }
-    ))
-  ), inputError && /* @__PURE__ */ React8.createElement(import_ui7.ListItem, null, /* @__PURE__ */ React8.createElement(import_ui7.ListItemText, { sx: { color: "error.main" } }, inputError)));
+      autoFocus: true,
+      fullWidth: true,
+      value: title,
+      onChange,
+      disabled: isLoading,
+      error: !!inputError,
+      onBlur,
+      variant: "outlined",
+      color: "secondary",
+      size: "small"
+    }
+  ))), inputError && /* @__PURE__ */ React8.createElement(import_ui7.ListItem, null, /* @__PURE__ */ React8.createElement(import_ui7.ListItemText, { sx: { color: "error.main" } }, inputError)));
 }
 function CloseButton({ isLoading, closeButton }) {
   const { resetEditMode } = usePostListContext();
-  return /* @__PURE__ */ React8.createElement(
-    import_ui7.IconButton,
-    {
-      size: "small",
-      color: "secondary",
-      onClick: resetEditMode,
-      ref: closeButton,
-      disabled: isLoading
-    },
-    isLoading ? /* @__PURE__ */ React8.createElement(import_ui7.CircularProgress, null) : /* @__PURE__ */ React8.createElement(import_icons6.XIcon, { fontSize: "small" })
-  );
+  return /* @__PURE__ */ React8.createElement(import_ui7.IconButton, { size: "small", color: "secondary", onClick: resetEditMode, ref: closeButton, disabled: isLoading }, isLoading ? /* @__PURE__ */ React8.createElement(import_ui7.CircularProgress, null) : /* @__PURE__ */ React8.createElement(import_icons6.XIcon, { fontSize: "small" }));
 }
 
 // src/components/panel/posts-list/list-items/list-item-rename.tsx
@@ -747,7 +725,14 @@ function ListItemCreate() {
       resetEditMode();
     }
   };
-  return /* @__PURE__ */ React10.createElement(EditModeTemplate, { postTitle: (0, import_i18n5.__)("New Page", "elementor"), isLoading: createPost.isPending, callback: createPostCallback });
+  return /* @__PURE__ */ React10.createElement(
+    EditModeTemplate,
+    {
+      postTitle: (0, import_i18n5.__)("New Page", "elementor"),
+      isLoading: createPost.isPending,
+      callback: createPostCallback
+    }
+  );
 }
 
 // src/components/panel/posts-list/list-items/list-item-duplicate.tsx
@@ -775,7 +760,14 @@ function ListItemDuplicate() {
       resetEditMode();
     }
   };
-  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${(0, import_i18n6.__)("copy", "elementor")}`, isLoading: duplicatePost.isPending, callback: duplicatePostCallback });
+  return /* @__PURE__ */ React11.createElement(
+    EditModeTemplate,
+    {
+      postTitle: `${editMode.details.title} ${(0, import_i18n6.__)("copy", "elementor")}`,
+      isLoading: duplicatePost.isPending,
+      callback: duplicatePostCallback
+    }
+  );
 }
 
 // src/components/panel/posts-list/list-items/list-item-view.tsx
@@ -838,9 +830,15 @@ var import_i18n7 = require("@wordpress/i18n");
 var React13 = __toESM(require("react"));
 var import_ui9 = require("@elementor/ui");
 function ActionMenuItem({ title, icon: Icon, MenuItemProps: MenuItemProps3 }) {
-  return /* @__PURE__ */ React13.createElement(import_ui9.MenuItem, { ...MenuItemProps3 }, /* @__PURE__ */ React13.createElement(import_ui9.ListItemIcon, { sx: {
-    color: "inherit"
-  } }, /* @__PURE__ */ React13.createElement(Icon, null)), /* @__PURE__ */ React13.createElement(import_ui9.ListItemText, { primary: title }));
+  return /* @__PURE__ */ React13.createElement(import_ui9.MenuItem, { ...MenuItemProps3 }, /* @__PURE__ */ React13.createElement(
+    import_ui9.ListItemIcon,
+    {
+      sx: {
+        color: "inherit"
+      }
+    },
+    /* @__PURE__ */ React13.createElement(Icon, null)
+  ), /* @__PURE__ */ React13.createElement(import_ui9.ListItemText, { primary: title }));
 }
 
 // src/components/panel/actions-menu/actions/rename.tsx
@@ -923,7 +921,10 @@ function Delete({ post }) {
     }
   ), isDialogOpen && /* @__PURE__ */ React16.createElement(DeleteDialog, { post, setIsDialogOpen }));
 }
-function DeleteDialog({ post, setIsDialogOpen }) {
+function DeleteDialog({
+  post,
+  setIsDialogOpen
+}) {
   const { type } = usePostListContext();
   const { deletePost } = usePostActions(type);
   const { setError } = usePostListContext();
@@ -942,18 +943,19 @@ function DeleteDialog({ post, setIsDialogOpen }) {
     }
     setIsDialogOpen(false);
   };
-  return /* @__PURE__ */ React16.createElement(
-    import_ui10.Dialog,
+  return /* @__PURE__ */ React16.createElement(import_ui10.Dialog, { open: true, onClose: handleCancel, "aria-labelledby": "delete-dialog" }, /* @__PURE__ */ React16.createElement(import_ui10.DialogTitle, { noWrap: true }, dialogTitle), /* @__PURE__ */ React16.createElement(import_ui10.Divider, null), /* @__PURE__ */ React16.createElement(import_ui10.DialogContent, null, /* @__PURE__ */ React16.createElement(import_ui10.DialogContentText, null, (0, import_i18n9.__)(
+    "The page and its content will be deleted forever and we won\u2019t be able to recover them.",
+    "elementor"
+  ))), /* @__PURE__ */ React16.createElement(import_ui10.DialogActions, null, /* @__PURE__ */ React16.createElement(
+    import_ui10.Button,
     {
-      open: true,
-      onClose: handleCancel,
-      "aria-labelledby": "delete-dialog"
+      variant: "contained",
+      color: "secondary",
+      onClick: handleCancel,
+      disabled: deletePost.isPending
     },
-    /* @__PURE__ */ React16.createElement(import_ui10.DialogTitle, { noWrap: true }, dialogTitle),
-    /* @__PURE__ */ React16.createElement(import_ui10.Divider, null),
-    /* @__PURE__ */ React16.createElement(import_ui10.DialogContent, null, /* @__PURE__ */ React16.createElement(import_ui10.DialogContentText, null, (0, import_i18n9.__)("The page and its content will be deleted forever and we won\u2019t be able to recover them.", "elementor"))),
-    /* @__PURE__ */ React16.createElement(import_ui10.DialogActions, null, /* @__PURE__ */ React16.createElement(import_ui10.Button, { variant: "contained", color: "secondary", onClick: handleCancel, disabled: deletePost.isPending }, (0, import_i18n9.__)("Cancel", "elementor")), /* @__PURE__ */ React16.createElement(import_ui10.Button, { variant: "contained", color: "error", onClick: deletePage, disabled: deletePost.isPending }, !deletePost.isPending ? (0, import_i18n9.__)("Delete", "elementor") : /* @__PURE__ */ React16.createElement(import_ui10.CircularProgress, null)))
-  );
+    (0, import_i18n9.__)("Cancel", "elementor")
+  ), /* @__PURE__ */ React16.createElement(import_ui10.Button, { variant: "contained", color: "error", onClick: deletePage, disabled: deletePost.isPending }, !deletePost.isPending ? (0, import_i18n9.__)("Delete", "elementor") : /* @__PURE__ */ React16.createElement(import_ui10.CircularProgress, null))));
 }
 
 // src/components/panel/actions-menu/actions/view.tsx
@@ -1063,15 +1065,7 @@ var import_i18n12 = require("@wordpress/i18n");
 var DisabledPostTooltip = ({ children, isDisabled }) => {
   if (isDisabled) {
     const title = /* @__PURE__ */ React19.createElement(import_ui12.Typography, { variant: "caption" }, "You cannot edit this page.", /* @__PURE__ */ React19.createElement("br", null), "To edit it directly, contact the site owner");
-    return /* @__PURE__ */ React19.createElement(
-      import_ui12.Tooltip,
-      {
-        title,
-        placement: "bottom",
-        arrow: false
-      },
-      children
-    );
+    return /* @__PURE__ */ React19.createElement(import_ui12.Tooltip, { title, placement: "bottom", arrow: false }, children);
   }
   return /* @__PURE__ */ React19.createElement(React19.Fragment, null, children);
 };
@@ -1091,15 +1085,7 @@ function ListItemView({ post }) {
     import_ui12.ListItem,
     {
       disablePadding: true,
-      secondaryAction: /* @__PURE__ */ React19.createElement(
-        import_ui12.IconButton,
-        {
-          value: true,
-          size: "small",
-          ...(0, import_ui12.bindTrigger)(popupState)
-        },
-        /* @__PURE__ */ React19.createElement(import_icons12.DotsVerticalIcon, { fontSize: "small" })
-      )
+      secondaryAction: /* @__PURE__ */ React19.createElement(import_ui12.IconButton, { value: true, size: "small", ...(0, import_ui12.bindTrigger)(popupState) }, /* @__PURE__ */ React19.createElement(import_icons12.DotsVerticalIcon, { fontSize: "small" }))
     },
     /* @__PURE__ */ React19.createElement(
       import_ui12.ListItemButton,
@@ -1181,40 +1167,53 @@ var import_ui14 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
 var React22 = __toESM(require("react"));
 function ErrorState() {
-  return /* @__PURE__ */ React22.createElement(import_ui14.Box, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    pt: "40px",
-    gap: "16px"
-  } }, /* @__PURE__ */ React22.createElement(import_icons14.Error404TemplateIcon, null), /* @__PURE__ */ React22.createElement(import_ui14.Box, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    gap: "8px"
-  } }, /* @__PURE__ */ React22.createElement(import_ui14.Typography, { variant: "body1", color: "text.primary" }, (0, import_i18n14.__)("We couldn\u2019t display your pages.", "elementor")), /* @__PURE__ */ React22.createElement(import_ui14.Box, null, /* @__PURE__ */ React22.createElement(import_ui14.Typography, { variant: "body2", color: "text.primary", sx: { textAlign: "center" } }, (0, import_i18n14.__)("It\u2019s probably a temporary issue.", "elementor")), /* @__PURE__ */ React22.createElement(import_ui14.Typography, { variant: "body2", color: "text.primary", sx: { textAlign: "center" } }, (0, import_i18n14.__)("If the problem persists,", "elementor"), " ", /* @__PURE__ */ React22.createElement(import_ui14.Link, { target: "_blank", href: "https://go.elementor.com/wp-editor-support-open-ticket/" }, "Notify support")))));
+  return /* @__PURE__ */ React22.createElement(
+    import_ui14.Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        pt: "40px",
+        gap: "16px"
+      }
+    },
+    /* @__PURE__ */ React22.createElement(import_icons14.Error404TemplateIcon, null),
+    /* @__PURE__ */ React22.createElement(
+      import_ui14.Box,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          gap: "8px"
+        }
+      },
+      /* @__PURE__ */ React22.createElement(import_ui14.Typography, { variant: "body1", color: "text.primary" }, (0, import_i18n14.__)("We couldn\u2019t display your pages.", "elementor")),
+      /* @__PURE__ */ React22.createElement(import_ui14.Box, null, /* @__PURE__ */ React22.createElement(import_ui14.Typography, { variant: "body2", color: "text.primary", sx: { textAlign: "center" } }, (0, import_i18n14.__)("It\u2019s probably a temporary issue.", "elementor")), /* @__PURE__ */ React22.createElement(import_ui14.Typography, { variant: "body2", color: "text.primary", sx: { textAlign: "center" } }, (0, import_i18n14.__)("If the problem persists,", "elementor"), " ", /* @__PURE__ */ React22.createElement(import_ui14.Link, { target: "_blank", href: "https://go.elementor.com/wp-editor-support-open-ticket/" }, "Notify support")))
+    )
+  );
 }
 
 // src/components/panel/posts-list/posts-collapsible-list.tsx
 function PostsCollapsibleList({ isOpenByDefault = false }) {
   const { type, editMode } = usePostListContext();
-  const { data: { posts, total }, isLoading: postsLoading, isError: postsError, fetchNextPage, hasNextPage, isFetchingNextPage } = usePosts(type);
+  const {
+    data: { posts, total },
+    isLoading: postsLoading,
+    isError: postsError,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage
+  } = usePosts(type);
   const { data: homepageId } = useHomepage();
   if (postsError) {
     return /* @__PURE__ */ React23.createElement(ErrorState, null);
   }
   if (!posts || postsLoading) {
-    return /* @__PURE__ */ React23.createElement(import_ui15.Box, { sx: { px: 5 } }, /* @__PURE__ */ React23.createElement(
-      import_ui15.Box,
-      {
-        display: "flex",
-        justifyContent: "flex-end",
-        alignItems: "center"
-      },
-      /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 4 }, animation: "wave", variant: "rounded", width: "110px", height: "28px" })
-    ), /* @__PURE__ */ React23.createElement(import_ui15.Box, null, /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "100%", height: "24px" }), /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" }), /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" }), /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" })));
+    return /* @__PURE__ */ React23.createElement(import_ui15.Box, { sx: { px: 5 } }, /* @__PURE__ */ React23.createElement(import_ui15.Box, { display: "flex", justifyContent: "flex-end", alignItems: "center" }, /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 4 }, animation: "wave", variant: "rounded", width: "110px", height: "28px" })), /* @__PURE__ */ React23.createElement(import_ui15.Box, null, /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "100%", height: "24px" }), /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" }), /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" }), /* @__PURE__ */ React23.createElement(import_ui15.Skeleton, { sx: { my: 3 }, animation: "wave", variant: "rounded", width: "70%", height: "24px" })));
   }
   const label = `${postTypesMap[type].labels.plural_name} (${total.toString()})`;
   const mappedPosts = posts.map((post) => {
@@ -1244,22 +1243,18 @@ function PostsCollapsibleList({ isOpenByDefault = false }) {
       }
     },
     /* @__PURE__ */ React23.createElement(AddNewButton, null)
-  ), /* @__PURE__ */ React23.createElement(import_ui15.List, { dense: true }, /* @__PURE__ */ React23.createElement(
-    CollapsibleList,
+  ), /* @__PURE__ */ React23.createElement(import_ui15.List, { dense: true }, /* @__PURE__ */ React23.createElement(CollapsibleList, { label, Icon: import_icons15.PageTypeIcon, isOpenByDefault: isOpenByDefault || false }, sortedPosts.map((post) => {
+    return /* @__PURE__ */ React23.createElement(PostListItem2, { key: post.id, post });
+  }), ["duplicate", "create"].includes(editMode.mode) && /* @__PURE__ */ React23.createElement(PostListItem2, null), hasNextPage && /* @__PURE__ */ React23.createElement(
+    import_ui15.Box,
     {
-      label,
-      Icon: import_icons15.PageTypeIcon,
-      isOpenByDefault: isOpenByDefault || false
+      sx: {
+        display: "flex",
+        justifyContent: "center"
+      }
     },
-    sortedPosts.map((post) => {
-      return /* @__PURE__ */ React23.createElement(PostListItem2, { key: post.id, post });
-    }),
-    ["duplicate", "create"].includes(editMode.mode) && /* @__PURE__ */ React23.createElement(PostListItem2, null),
-    hasNextPage && /* @__PURE__ */ React23.createElement(import_ui15.Box, { sx: {
-      display: "flex",
-      justifyContent: "center"
-    } }, /* @__PURE__ */ React23.createElement(import_ui15.Button, { onClick: fetchNextPage, color: "secondary" }, isFetchingNextPage ? /* @__PURE__ */ React23.createElement(import_ui15.CircularProgress, null) : "Load More"))
-  )));
+    /* @__PURE__ */ React23.createElement(import_ui15.Button, { onClick: fetchNextPage, color: "secondary" }, isFetchingNextPage ? /* @__PURE__ */ React23.createElement(import_ui15.CircularProgress, null) : "Load More")
+  ))));
 }
 
 // src/components/panel/error-snackbar.tsx
@@ -1298,11 +1293,7 @@ var Shell = () => {
 var shell_default = Shell;
 
 // src/components/panel/panel.ts
-var {
-  panel,
-  usePanelStatus,
-  usePanelActions
-} = (0, import_editor_panels2.__createPanel)({
+var { panel, usePanelStatus, usePanelActions } = (0, import_editor_panels2.__createPanel)({
   id: "site-navigation-panel",
   component: shell_default
 });