@elementor/editor-site-navigation 0.26.0 → 0.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-site-navigation",
-  "version": "0.26.0",
+  "version": "0.28.0",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -10,9 +10,9 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -39,17 +39,16 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-app-bar": "^0.20.0",
-    "@elementor/editor-documents": "^0.11.10",
-    "@elementor/editor-panels": "^0.8.0",
-    "@elementor/editor-v1-adapters": "^0.8.2",
-    "@elementor/env": "^0.3.4",
-    "@elementor/icons": "^1.17.0",
-    "@elementor/query": "^0.2.2",
-    "@elementor/ui": "^1.21.1",
+    "@elementor/editor-app-bar": "^0.22.0",
+    "@elementor/editor-documents": "^0.11.12",
+    "@elementor/editor-panels": "^0.10.0",
+    "@elementor/editor-v1-adapters": "^0.8.4",
+    "@elementor/env": "^0.3.5",
+    "@elementor/icons": "^1.18.1",
+    "@elementor/query": "^0.2.3",
+    "@elementor/ui": "^1.21.13",
     "@wordpress/api-fetch": "^6.42.0",
-    "@wordpress/i18n": "^4.45.0",
-    "@wordpress/url": "^3.46.0"
+    "@wordpress/i18n": "^4.45.0"
   },
   "peerDependencies": {
     "react": "^18.3.1"

package/src/api/post.ts

@@ -1,7 +1,8 @@
 import apiFetch from '@wordpress/api-fetch';
-import { Post } from '../types';
 import { __ } from '@wordpress/i18n';
 
+import { type Post } from '../types';
+
 export type NewPost = {
 	title: string;
 	status: 'publish' | 'draft';

package/src/api/recent-posts.ts

@@ -1,5 +1,6 @@
 import apiFetch from '@wordpress/api-fetch';
-import { RecentPost } from '../types';
+
+import { type RecentPost } from '../types';
 
 export const baseUrl = '/elementor/v1/site-navigation/recent-posts';
 export const NUMBER_OF_RECENT_POSTS = 6;

package/src/components/panel/actions-menu/action-menu-item.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ListItemIcon, ListItemText, MenuItem, MenuItemProps as MenuItemPropsType } from '@elementor/ui';
-import { ComponentType } from 'react';
+import { type ComponentType } from 'react';
+import { ListItemIcon, ListItemText, MenuItem, type MenuItemProps as MenuItemPropsType } from '@elementor/ui';
 
 export type Props = {
 	title: string;

package/src/components/panel/actions-menu/actions/delete.tsx

@@ -1,9 +1,7 @@
 import * as React from 'react';
+import { useState } from 'react';
+import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
 import { TrashIcon } from '@elementor/icons';
-import { Post } from '../../../../types';
-import { __, sprintf } from '@wordpress/i18n';
-import ActionMenuItem from '../action-menu-item';
-import { usePostActions } from '../../../../hooks/use-posts-actions';
 import {
 	Button,
 	CircularProgress,
@@ -14,9 +12,12 @@ import {
 	DialogTitle,
 	Divider,
 } from '@elementor/ui';
+import { __, sprintf } from '@wordpress/i18n';
+
 import { usePostListContext } from '../../../../contexts/post-list-context';
-import { useState } from 'react';
-import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
+import { usePostActions } from '../../../../hooks/use-posts-actions';
+import { type Post } from '../../../../types';
+import ActionMenuItem from '../action-menu-item';
 
 export default function Delete( { post }: { post: Post } ) {
 	const [ isDialogOpen, setIsDialogOpen ] = useState( false );

package/src/components/panel/actions-menu/actions/duplicate.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import { PopupState } from '@elementor/ui';
 import { CopyIcon } from '@elementor/icons';
+import { type PopupState } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
-import ActionMenuItem from '../action-menu-item';
+
 import { usePostListContext } from '../../../../contexts/post-list-context';
-import { Post } from '../../../../types';
 import useUser from '../../../../hooks/use-user';
+import { type Post } from '../../../../types';
+import ActionMenuItem from '../action-menu-item';
 
 export default function Duplicate( { post, popupState }: { post: Post; popupState: PopupState } ) {
 	const { setEditMode } = usePostListContext();

package/src/components/panel/actions-menu/actions/rename.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { EraseIcon } from '@elementor/icons';
 import { __ } from '@wordpress/i18n';
-import ActionMenuItem from '../action-menu-item';
+
 import { usePostListContext } from '../../../../contexts/post-list-context';
-import { Post } from '../../../../types';
+import { type Post } from '../../../../types';
+import ActionMenuItem from '../action-menu-item';
 
 export default function Rename( { post }: { post: Post } ) {
 	const { setEditMode } = usePostListContext();

package/src/components/panel/actions-menu/actions/set-home.tsx

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import { Post } from '../../../../types';
 import { HomeIcon } from '@elementor/icons';
-import { __ } from '@wordpress/i18n';
-import ActionMenuItem from '../action-menu-item';
-import { useHomepageActions } from '../../../../hooks/use-homepage-actions';
 import { CircularProgress } from '@elementor/ui';
+import { __ } from '@wordpress/i18n';
+
 import { usePostListContext } from '../../../../contexts/post-list-context';
+import { useHomepageActions } from '../../../../hooks/use-homepage-actions';
 import useUser from '../../../../hooks/use-user';
+import { type Post } from '../../../../types';
+import ActionMenuItem from '../action-menu-item';
 
 export default function SetHome( { post, closeMenu }: { post: Post; closeMenu: () => void } ) {
 	const { updateSettingsMutation } = useHomepageActions();

package/src/components/panel/actions-menu/actions/view.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { EyeIcon } from '@elementor/icons';
 import { __ } from '@wordpress/i18n';
-import ActionMenuItem from '../action-menu-item';
-import { Post } from '../../../../types';
+
 import { postTypesMap } from '../../../../api/post';
 import { usePostListContext } from '../../../../contexts/post-list-context';
+import { type Post } from '../../../../types';
+import ActionMenuItem from '../action-menu-item';
 
 export default function View( { post }: { post: Post } ) {
 	const { type } = usePostListContext();

package/src/components/panel/add-new-button.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { Button } from '@elementor/ui';
 import { PlusIcon } from '@elementor/icons';
+import { Button } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
+
 import { usePostListContext } from '../../contexts/post-list-context';
 import useUser from '../../hooks/use-user';
 

package/src/components/panel/error-snackbar.tsx

@@ -1,5 +1,5 @@
-import { Snackbar, Alert, Typography } from '@elementor/ui';
 import * as React from 'react';
+import { Alert, Snackbar, Typography } from '@elementor/ui';
 
 type Props = {
 	open: boolean;

package/src/components/panel/panel.ts

@@ -1,4 +1,5 @@
 import { __createPanel } from '@elementor/editor-panels';
+
 import Shell from './shell';
 
 export const { panel, usePanelStatus, usePanelActions } = __createPanel( {

package/src/components/panel/posts-list/collapsible-list.tsx

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { PropsWithChildren, useState } from 'react';
+import { type PropsWithChildren, useState } from 'react';
+import { ChevronDownIcon } from '@elementor/icons';
 import {
 	Collapse,
+	Divider,
 	IconButton,
 	List,
 	ListItem,
 	ListItemIcon,
 	ListItemText,
 	styled,
-	SvgIconProps,
-	Divider,
+	type SvgIconProps,
 } from '@elementor/ui';
-import { ChevronDownIcon } from '@elementor/icons';
 
 type Props = {
 	label: string;

package/src/components/panel/posts-list/error-state.tsx

@@ -1,7 +1,7 @@
+import * as React from 'react';
 import { Error404TemplateIcon } from '@elementor/icons';
 import { Box, Link, Typography } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
-import * as React from 'react';
 
 export default function ErrorState() {
 	return (

package/src/components/panel/posts-list/list-items/edit-mode-template.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { useState, useRef, FormEvent, MutableRefObject, FocusEvent } from 'react';
-import { Box, ListItem, TextField, IconButton, CircularProgress, ListItemText } from '@elementor/ui';
+import { type FocusEvent, type FormEvent, type MutableRefObject, useRef, useState } from 'react';
 import { XIcon } from '@elementor/icons';
+import { Box, CircularProgress, IconButton, ListItem, ListItemText, TextField } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
+
 import { usePostListContext } from '../../../../contexts/post-list-context';
 
 type Props = {

package/src/components/panel/posts-list/list-items/list-item-create.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
+import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 import { __ } from '@wordpress/i18n';
+
 import { usePostListContext } from '../../../../contexts/post-list-context';
 import { usePostActions } from '../../../../hooks/use-posts-actions';
 import EditModeTemplate from './edit-mode-template';
-import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 
 export default function ListItemCreate() {
 	const { type, resetEditMode } = usePostListContext();

package/src/components/panel/posts-list/list-items/list-item-duplicate.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
+import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 import { __ } from '@wordpress/i18n';
+
 import { usePostListContext } from '../../../../contexts/post-list-context';
 import { usePostActions } from '../../../../hooks/use-posts-actions';
 import EditModeTemplate from './edit-mode-template';
-import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 
 export default function ListItemDuplicate() {
 	const { type, editMode, resetEditMode } = usePostListContext();

package/src/components/panel/posts-list/list-items/list-item-rename.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
+
 import { usePostListContext } from '../../../../contexts/post-list-context';
 import { usePostActions } from '../../../../hooks/use-posts-actions';
-import { Post } from '../../../../types';
-import EditModeTemplate from './edit-mode-template';
-import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
 import useRenameActiveDocument from '../../../../hooks/use-rename-active-document';
+import { type Post } from '../../../../types';
+import EditModeTemplate from './edit-mode-template';
 
 type Props = {
 	post: Post;

package/src/components/panel/posts-list/list-items/list-item-view.tsx

@@ -1,4 +1,9 @@
 import * as React from 'react';
+import {
+	__useActiveDocument as useActiveDocument,
+	__useNavigateToDocument as useNavigateToDocument,
+} from '@elementor/editor-documents';
+import { DotsVerticalIcon, HomeIcon } from '@elementor/icons';
 import {
 	bindMenu,
 	bindTrigger,
@@ -12,19 +17,15 @@ import {
 	Typography,
 	usePopupState,
 } from '@elementor/ui';
-import { DotsVerticalIcon, HomeIcon } from '@elementor/icons';
-import {
-	__useActiveDocument as useActiveDocument,
-	__useNavigateToDocument as useNavigateToDocument,
-} from '@elementor/editor-documents';
+import { __ } from '@wordpress/i18n';
+
+import { type Post } from '../../../../types';
 import PageTitleAndStatus from '../../../shared/page-title-and-status';
-import Rename from '../../actions-menu/actions/rename';
-import Duplicate from '../../actions-menu/actions/duplicate';
 import Delete from '../../actions-menu/actions/delete';
-import View from '../../actions-menu/actions/view';
+import Duplicate from '../../actions-menu/actions/duplicate';
+import Rename from '../../actions-menu/actions/rename';
 import SetHome from '../../actions-menu/actions/set-home';
-import { Post } from '../../../../types';
-import { __ } from '@wordpress/i18n';
+import View from '../../actions-menu/actions/view';
 
 const DisabledPostTooltip = ( { children, isDisabled }: { children: React.ReactNode; isDisabled: boolean } ) => {
 	if ( isDisabled ) {

package/src/components/panel/posts-list/post-list-item.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { Post } from '../../../types';
-import ListItemRename from './list-items/list-item-rename';
+
+import { usePostListContext } from '../../../contexts/post-list-context';
+import { type Post } from '../../../types';
 import ListItemCreate from './list-items/list-item-create';
 import ListItemDuplicate from './list-items/list-item-duplicate';
+import ListItemRename from './list-items/list-item-rename';
 import ListItemView from './list-items/list-item-view';
-import { usePostListContext } from '../../../contexts/post-list-context';
 
 export default function PostListItem( { post }: { post?: Post } ) {
 	const { editMode } = usePostListContext();

package/src/components/panel/posts-list/posts-collapsible-list.tsx

@@ -1,14 +1,15 @@
 import * as React from 'react';
 import { PageTypeIcon } from '@elementor/icons';
-import { Skeleton, Box, List, Button, CircularProgress } from '@elementor/ui';
-import { usePosts } from '../../../hooks/use-posts';
-import { usePostListContext } from '../../../contexts/post-list-context';
+import { Box, Button, CircularProgress, List, Skeleton } from '@elementor/ui';
+
 import { postTypesMap } from '../../../api/post';
-import CollapsibleList from './collapsible-list';
-import PostListItem from './post-list-item';
+import { usePostListContext } from '../../../contexts/post-list-context';
 import { useHomepage } from '../../../hooks/use-homepage';
+import { usePosts } from '../../../hooks/use-posts';
 import AddNewButton from '../add-new-button';
+import CollapsibleList from './collapsible-list';
 import ErrorState from './error-state';
+import PostListItem from './post-list-item';
 
 type Props = {
 	isOpenByDefault?: boolean;

package/src/components/panel/shell.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { Panel, PanelBody, PanelHeader, PanelHeaderTitle } from '@elementor/editor-panels';
 import { __ } from '@wordpress/i18n';
-import PostsCollapsibleList from './posts-list/posts-collapsible-list';
+
 import { PostListContextProvider } from '../../contexts/post-list-context';
 import ErrorSnackbar from './error-snackbar';
+import PostsCollapsibleList from './posts-list/posts-collapsible-list';
 
 const Shell = () => {
 	const [ isErrorSnackbarOpen, setIsErrorSnackbarOpen ] = React.useState( false );

package/src/components/shared/page-title-and-status.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Box, Typography } from '@elementor/ui';
+
 import { useReverseHtmlEntities } from '../../hooks/use-reverse-html-entities';
 
 const PageStatus = ( { status }: { status: string } ) => {

package/src/components/top-bar/chip-doc-type.tsx

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { PostTypeIcon } from '@elementor/icons';
 import { Chip } from '@elementor/ui';
-import * as React from 'react';
+
 import { getIconsMap } from '../../icons-map';
 
 const iconsMap = getIconsMap();

package/src/components/top-bar/create-post-list-item.tsx

@@ -1,9 +1,10 @@
-import { CircularProgress, ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@elementor/ui';
 import * as React from 'react';
-import useCreatePage from '../../hooks/use-create-page';
+import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 import { PlusIcon } from '@elementor/icons';
+import { CircularProgress, ListItemIcon, ListItemText, MenuItem, type MenuItemProps } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
-import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
+
+import useCreatePage from '../../hooks/use-create-page';
 import useUser from '../../hooks/use-user';
 
 type Props = MenuItemProps & {

package/src/components/top-bar/indicator.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Typography, Stack, Tooltip as BaseTooltip, TooltipProps } from '@elementor/ui';
-import { Document } from '@elementor/editor-documents';
+import { type Document } from '@elementor/editor-documents';
+import { Stack, Tooltip as BaseTooltip, type TooltipProps, Typography } from '@elementor/ui';
 
 type Props = {
 	title: Document[ 'title' ];

package/src/components/top-bar/post-list-item.tsx

@@ -1,9 +1,10 @@
-import DocTypeChip from './chip-doc-type';
-import { MenuItem, MenuItemProps, ListItemText } from '@elementor/ui';
 import * as React from 'react';
 import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
+import { ListItemText, MenuItem, type MenuItemProps } from '@elementor/ui';
+
 import { useReverseHtmlEntities } from '../../hooks/use-reverse-html-entities';
-import { RecentPost } from '../../types';
+import { type RecentPost } from '../../types';
+import DocTypeChip from './chip-doc-type';
 
 type Props = MenuItemProps & {
 	post: RecentPost;

package/src/components/top-bar/recently-edited.tsx

@@ -1,28 +1,29 @@
 import * as React from 'react';
+import {
+	__useActiveDocument as useActiveDocument,
+	__useHostDocument as useHostDocument,
+} from '@elementor/editor-documents';
+import { ChevronDownIcon } from '@elementor/icons';
 import {
 	bindMenu,
-	usePopupState,
 	bindTrigger,
-	Menu,
 	Button,
-	ListSubheader,
 	Divider,
 	ListItemText,
+	ListSubheader,
+	Menu,
 	MenuItem,
+	usePopupState,
 } from '@elementor/ui';
-import { ChevronDownIcon } from '@elementor/icons';
-import {
-	__useActiveDocument as useActiveDocument,
-	__useHostDocument as useHostDocument,
-} from '@elementor/editor-documents';
-import Indicator from './indicator';
-import useRecentPosts from '../../hooks/use-recent-posts';
 import { __ } from '@wordpress/i18n';
-import { PostListItem } from './post-list-item';
-import { CreatePostListItem } from './create-post-list-item';
-import { useReverseHtmlEntities } from '../../hooks/use-reverse-html-entities';
+
 import { NUMBER_OF_RECENT_POSTS } from '../../api/recent-posts';
-import { ExtendedWindow } from '../../types';
+import useRecentPosts from '../../hooks/use-recent-posts';
+import { useReverseHtmlEntities } from '../../hooks/use-reverse-html-entities';
+import { type ExtendedWindow } from '../../types';
+import { CreatePostListItem } from './create-post-list-item';
+import Indicator from './indicator';
+import { PostListItem } from './post-list-item';
 
 export default function RecentlyEdited() {
 	const activeDocument = useActiveDocument();

package/src/contexts/post-list-context.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { useState, useContext, createContext, Dispatch, SetStateAction, ReactNode } from 'react';
-import { Slug } from '../api/post';
+import { createContext, type Dispatch, type ReactNode, type SetStateAction, useContext, useState } from 'react';
+
+import { type Slug } from '../api/post';
 
 export type EditMode =
 	| {

package/src/hooks/use-create-page.ts

@@ -1,5 +1,5 @@
-import apiFetch from '@wordpress/api-fetch';
 import { useState } from 'react';
+import apiFetch from '@wordpress/api-fetch';
 
 export interface NewPost {
 	id: number;

package/src/hooks/use-homepage-actions.ts

@@ -1,5 +1,6 @@
 import { useMutation, useQueryClient } from '@elementor/query';
-import { Settings, updateSettings } from '../api/settings';
+
+import { type Settings, updateSettings } from '../api/settings';
 import { settingsQueryKey } from './use-homepage';
 
 export function useHomepageActions() {

package/src/hooks/use-homepage.ts

@@ -1,4 +1,5 @@
 import { useQuery } from '@elementor/query';
+
 import { getSettings } from '../api/settings';
 
 export const settingsQueryKey = () => [ 'site-navigation', 'homepage' ];

package/src/hooks/use-posts-actions.ts

@@ -1,5 +1,14 @@
-import { useQueryClient, useMutation } from '@elementor/query';
-import { createRequest, deleteRequest, updateRequest, duplicateRequest, NewPost, Slug, UpdatePost } from '../api/post';
+import { useMutation, useQueryClient } from '@elementor/query';
+
+import {
+	createRequest,
+	deleteRequest,
+	duplicateRequest,
+	type NewPost,
+	type Slug,
+	type UpdatePost,
+	updateRequest,
+} from '../api/post';
 import { postsQueryKey } from './use-posts';
 import { recentPostsQueryKey } from './use-recent-posts';
 

package/src/hooks/use-posts.ts

@@ -1,6 +1,7 @@
 import { useInfiniteQuery } from '@elementor/query';
-import { getRequest, PostsResponse, Slug } from '../api/post';
-import { Post } from '../types';
+
+import { getRequest, type PostsResponse, type Slug } from '../api/post';
+import { type Post } from '../types';
 
 export const postsQueryKey = ( postTypeSlug: string ) => [ 'site-navigation', 'posts', postTypeSlug ];
 

package/src/hooks/use-recent-posts.ts

@@ -1,4 +1,5 @@
 import { useQuery } from '@elementor/query';
+
 import { getRequest } from '../api/recent-posts';
 
 export const recentPostsQueryKey = [ 'site-navigation', 'recent-posts' ];

package/src/hooks/use-rename-active-document.ts

@@ -1,5 +1,5 @@
+import { type ExtendedWindow } from '@elementor/editor-documents';
 import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
-import { ExtendedWindow } from '@elementor/editor-documents';
 
 function getV1DocumentsManager() {
 	const documentsManager = ( window as unknown as ExtendedWindow ).elementor?.documents;

package/src/hooks/use-toggle-button-props.ts

@@ -1,5 +1,6 @@
-import { __ } from '@wordpress/i18n';
 import { PagesIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
 import { usePanelActions, usePanelStatus } from '../components/panel/panel';
 
 export function useToggleButtonProps() {

package/src/hooks/use-user.ts

@@ -1,4 +1,5 @@
 import { useQuery } from '@elementor/query';
+
 import { getUser } from '../api/user';
 
 export const userQueryKey = () => [ 'site-navigation', 'user' ];

package/src/icons-map.ts

@@ -1,13 +1,12 @@
+import type * as React from 'react';
 import {
-	PostTypeIcon,
-	PageTypeIcon,
+	ContainerTemplateIcon,
 	PageTemplateIcon,
+	PageTypeIcon,
+	PostTypeIcon,
 	SectionTemplateIcon,
-	ContainerTemplateIcon,
 } from '@elementor/icons';
 
-import * as React from 'react';
-
 type IconsMap = {
 	[ key: string ]: React.ElementType;
 };

package/src/init.ts

@@ -1,9 +1,10 @@
-import RecentlyEdited from './components/top-bar/recently-edited';
 import { injectIntoPageIndication, toolsMenu } from '@elementor/editor-app-bar';
-import { useToggleButtonProps } from './hooks/use-toggle-button-props';
 import { __registerPanel } from '@elementor/editor-panels';
+
 import { panel } from './components/panel/panel';
+import RecentlyEdited from './components/top-bar/recently-edited';
 import { env } from './env';
+import { useToggleButtonProps } from './hooks/use-toggle-button-props';
 
 export default function init() {
 	registerTopBarMenuItems();