@strapi/admin 5.0.0-beta.9 → 5.0.0-rc.1

package/dist/admin/{AuthenticatedLayout-MDNNJRPg.js → AuthenticatedLayout-haMSd2JF.js}

@@ -14,16 +14,16 @@ const valid = require('semver/functions/valid');
 const icons = require('@strapi/icons');
 const get = require('lodash/get');
 const styledComponents = require('styled-components');
-const rbac = require('./rbac-5b9ylhpa.js');
-const Ornaments = require('./Ornaments-UTssGzOw.js');
-const index = require('./index-duYn5r8_.js');
+const Theme = require('./Theme-7W0we6BI.js');
+const Ornaments = require('./Ornaments-sFPQPOtb.js');
+const index = require('./index-TG8-3711.js');
 const users = require('./users-R5A0kUOV.js');
 const immer = require('immer');
 const set = require('lodash/set');
-const PrivateRoute = require('./PrivateRoute-wBE5vMxe.js');
+const PrivateRoute = require('./PrivateRoute-ndqg7K6H.js');
 const cloneDeep = require('lodash/cloneDeep');
 const reactRedux = require('react-redux');
-const selectors = require('./selectors-NDEu6dJa.js');
+const selectors = require('./selectors-zQKcCNuz.js');
 const useOnce = require('./useOnce--ZSbXFh3.js');
 const admin = require('./admin-p0djr5G6.js');
 
@@ -55,7 +55,7 @@ const set__default = /*#__PURE__*/_interopDefault(set);
 const cloneDeep__default = /*#__PURE__*/_interopDefault(cloneDeep);
 
 const name = "@strapi/admin";
-const version = "5.0.0-beta.8";
+const version = "5.0.0-rc.0";
 const description = "Strapi Admin";
 const repository = {
 	type: "git",
@@ -130,16 +130,16 @@ const scripts = {
 };
 const dependencies = {
 	"@casl/ability": "6.5.0",
+	"@internationalized/date": "3.5.4",
 	"@radix-ui/react-context": "1.0.1",
 	"@radix-ui/react-toolbar": "1.0.4",
 	"@reduxjs/toolkit": "1.9.7",
-	"@strapi/design-system": "2.0.0-beta.4",
-	"@strapi/icons": "2.0.0-beta.4",
-	"@strapi/permissions": "5.0.0-beta.8",
-	"@strapi/provider-audit-logs-local": "5.0.0-beta.8",
-	"@strapi/types": "5.0.0-beta.8",
-	"@strapi/typescript-utils": "5.0.0-beta.8",
-	"@strapi/utils": "5.0.0-beta.8",
+	"@strapi/design-system": "2.0.0-beta.6",
+	"@strapi/icons": "2.0.0-beta.6",
+	"@strapi/permissions": "5.0.0-rc.0",
+	"@strapi/types": "5.0.0-rc.0",
+	"@strapi/typescript-utils": "5.0.0-rc.0",
+	"@strapi/utils": "5.0.0-rc.0",
 	"@testing-library/dom": "10.1.0",
 	"@testing-library/react": "15.0.7",
 	"@testing-library/user-event": "14.5.2",
@@ -159,6 +159,7 @@ const dependencies = {
 	immer: "9.0.21",
 	inquirer: "8.2.5",
 	invariant: "^2.2.4",
+	"is-localhost-ip": "2.0.0",
 	jsonwebtoken: "9.0.0",
 	koa: "2.15.2",
 	"koa-compose": "4.1.0",
@@ -172,6 +173,7 @@ const dependencies = {
 	"p-map": "4.0.0",
 	"passport-local": "1.0.0",
 	pluralize: "8.0.0",
+	punycode: "2.3.1",
 	qs: "6.11.1",
 	"react-dnd": "16.0.1",
 	"react-dnd-html5-backend": "16.0.1",
@@ -192,8 +194,8 @@ const dependencies = {
 	zod: "^3.22.4"
 };
 const devDependencies = {
-	"@strapi/admin-test-utils": "5.0.0-beta.8",
-	"@strapi/data-transfer": "5.0.0-beta.8",
+	"@strapi/admin-test-utils": "5.0.0-rc.0",
+	"@strapi/data-transfer": "5.0.0-rc.0",
 	"@strapi/pack-up": "5.0.0",
 	"@types/codemirror5": "npm:@types/codemirror@^5.60.15",
 	"@types/fs-extra": "11.0.4",
@@ -207,6 +209,7 @@ const devDependencies = {
 	"@types/markdown-it-footnote": "3.0.3",
 	"@types/passport-local": "1.0.36",
 	"@types/pluralize": "0.0.32",
+	"@types/punycode": "2.1.4",
 	"@types/react-window": "1.8.8",
 	"@types/sanitize-html": "2.11.0",
 	"@vitejs/plugin-react-swc": "3.6.0",
@@ -267,7 +270,7 @@ const GuidedTourModal = () => {
   );
   const setSkipped = index.useGuidedTour("GuidedTourModal", (state) => state.setSkipped);
   const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   if (!currentStep || !isGuidedTourVisible) {
     return null;
   }
@@ -463,43 +466,53 @@ const MainNav = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 
-const BrandIconWrapper = styledComponents.styled(designSystem.Box)`
+const BrandIconWrapper = styledComponents.styled(designSystem.Flex)`
   svg,
   img {
     border-radius: ${({ theme }) => theme.borderRadius};
     object-fit: contain;
     height: 2.4rem;
     width: 2.4rem;
-    margin: 0.4rem;
   }
 `;
 const NavBrand = () => {
   const { formatMessage } = reactIntl.useIntl();
   const {
     logos: { menu }
-  } = rbac.useConfiguration("LeftMenu");
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(BrandIconWrapper, { width: "3.2rem", height: "3.2rem", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        src: menu.custom?.url || menu.default,
-        alt: formatMessage({
-          id: "app.components.LeftMenu.logo.alt",
-          defaultMessage: "Application logo"
-        })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.VisuallyHidden, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMessage({
-        id: "app.components.LeftMenu.navbrand.title",
-        defaultMessage: "Strapi Dashboard"
-      }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMessage({
-        id: "app.components.LeftMenu.navbrand.workplace",
-        defaultMessage: "Workplace"
-      }) })
-    ] })
-  ] }) });
+  } = Theme.useConfiguration("LeftMenu");
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    BrandIconWrapper,
+    {
+      flexDirection: "column",
+      justifyContent: "center",
+      width: "3.2rem",
+      height: "3.2rem",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: menu.custom?.url || menu.default,
+            alt: formatMessage({
+              id: "app.components.LeftMenu.logo.alt",
+              defaultMessage: "Application logo"
+            }),
+            width: "100%",
+            height: "100%"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.VisuallyHidden, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMessage({
+            id: "app.components.LeftMenu.navbrand.title",
+            defaultMessage: "Strapi Dashboard"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMessage({
+            id: "app.components.LeftMenu.navbrand.workplace",
+            defaultMessage: "Workplace"
+          }) })
+        ] })
+      ]
+    }
+  ) });
 };
 
 const MainNavLinkWrapper = styledComponents.styled(reactRouterDom.NavLink)`
@@ -538,7 +551,7 @@ const LinkImpl = ({ children, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(MainNavLinkWrapper, { ...props, children });
 };
 const TooltipImpl = ({ children, label, position = "right" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { side: position, label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { side: position, label, delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children }) });
 };
 const IconImpl = ({ label, children }) => {
   if (!children) {
@@ -577,21 +590,29 @@ const NavLink = {
 
 const MenuTrigger = styledComponents.styled(designSystem.Menu.Trigger)`
   height: 100%;
+  border-radius: 0;
+  border-width: 1px 0 0 0;
+  border-color: ${({ theme }) => theme.colors.neutral150};
+  border-style: solid;
+  // Prevent empty pixel from appearing below the main nav
+  overflow: hidden;
 `;
 const MenuContent = styledComponents.styled(designSystem.Menu.Content)`
   left: ${({ theme }) => theme.spaces[5]};
 `;
 const MenuItem = styledComponents.styled(designSystem.Menu.Item)`
-  span {
+  & > span {
     width: 100%;
     display: flex;
+    align-items: center;
+    gap: ${({ theme }) => theme.spaces[3]};
     justify-content: space-between;
   }
 `;
 const NavUser = ({ children, initials, ...props }) => {
   const { formatMessage } = reactIntl.useIntl();
   const navigate = reactRouterDom.useNavigate();
-  const logout = rbac.useAuth("Logout", (state) => state.logout);
+  const logout = Theme.useAuth("Logout", (state) => state.logout);
   const handleProfile = () => {
     navigate("/me");
   };
@@ -601,10 +622,10 @@ const NavUser = ({ children, initials, ...props }) => {
   };
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Root, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(MenuTrigger, { endIcon: null, fullWidth: true, justifyContent: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Initials, { children: initials }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Avatar.Item, { delayMs: 0, fallback: initials }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { tag: "span", children })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(MenuContent, { popoverPlacement: "top", zIndex: 3, width: "15rem", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(MenuContent, { popoverPlacement: "top-center", zIndex: 3, children: [
       /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onSelect: handleProfile, children: formatMessage({
         id: "global.profile",
         defaultMessage: "Profile"
@@ -643,8 +664,8 @@ const NavListWrapper = styledComponents.styled(designSystem.Flex)`
   overflow-y: auto;
 `;
 const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
-  const user = rbac.useAuth("AuthenticatedApp", (state) => state.user);
-  const { trackUsage } = rbac.useTracking();
+  const user = Theme.useAuth("AuthenticatedApp", (state) => state.user);
+  const { trackUsage } = Theme.useTracking();
   const { pathname } = reactRouterDom.useLocation();
   const userDisplayName = users.getDisplayName(user);
   const { formatMessage, locale } = reactIntl.useIntl();
@@ -664,7 +685,7 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
     /* @__PURE__ */ jsxRuntime.jsx(NavListWrapper, { tag: "ul", gap: 3, direction: "column", flex: 1, paddingTop: 3, paddingBottom: 3, children: listLinks.length > 0 ? listLinks.map((link) => {
       const LinkIcon = link.icon;
-      const badgeContentLock = link?.lockIcon ? /* @__PURE__ */ jsxRuntime.jsx(icons.Lock, {}) : void 0;
+      const badgeContentLock = link?.licenseOnly ? /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { fill: "warning500" }) : void 0;
       const badgeContentNumeric = link.notificationsCount && link.notificationsCount > 0 ? link.notificationsCount.toString() : void 0;
       const labelValue = formatMessage(link.intlLabel);
       return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { tag: "li", children: /* @__PURE__ */ jsxRuntime.jsx(NavLink.Tooltip, { label: labelValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -705,13 +726,9 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
 const onboardingPreview = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABQCAMAAAD2kgFPAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAL9UExURff3+fv7+/X19/Pz9/n5+fv7/f39//////39/UdwTPn5+/X1+fHx++/v8fn5/fHx8/Pz9eTk6e/v8/Hx9fHx/e3u7/X19e3t8evr7+fn6YuR96Gl+OLi59LS2dTU2uvr++nq7ff39+Tk697e4ufn6+vr7enq69ra3tDQ1uDg5/nv7+Dg5Nzc4Nzd4tTU2OTk5+fn7djY3tzc5M/Q1NjY3NLS1tbX3MzM0u/w9crK0unp7+np+/37+8rK0MjIzu/v78PEy9ra4djY4eLi6t7e5NbW2s7O1OLk5+/v/Ojp/dra5MPF9+3u89bX3mxz99DQ2fj4+OLi5PHx8dvb29ze+/f3/7C1+t7e5+vr69PX2OPk/Jydl/T09/f393R7+Gdw96ytuNTU3M7O2ODg6a6vumJq9+3u/dTW/PP19cXGzd7e4O3t7cnK+/f3+uLk683O+Z2h+dLU+9/h++no3/j39bq0pu/v7fv7+fHz9XF4911l93V8+bm5waGirffr7Kqrtq+z9qentF9o93mA+fj4+vr6++/v7/f3++vt+83N0/Pz8+vr8dbY+sjJ98zO1crM0vn5//Pz/ra6n/n59d/g4quvp9fa2OTn66Shm8C2prCuq+/r67Gxr9LLvbCwrcfEwK+vqZSahtPVw5WafKiknff5+ZqapvHw7fv4+YGH9dnb++Tn/Ly8xvfo6Oq5v////6WlsNrc3vPz+dLU2Ovr/eTn+drc4JWXo6Wp+cLE++nr74+T+enr4s7Q1m5098bArefk5Nze0ODc1Pf3/MC8tuDi0KWrh/n39+Tk4qmv+77Cqdjc3PX1/c7S0vv7/7ixo/Px7Z+jh62x+8rMtrS6pZebjY+Rn9bayKuvm+vp5+np6aWrjVJa9fX38bi895+fm1pk9620oevp6bS0r+fp6fv19VZg9fn19X6F+fnz89LS3MDAyPXi4uextvX1+vPW2OCVnYmJl9zc4Xh4iff3+mdy97y8xPf3977C96mpsbS29YeHlamv84qS87i89VXx8BYAAAD/dFJOU319fX19fX19fQB9fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19bX19fX19fX19fX19Lwd9fX19fX19fX19fX19fX1lfX19fX19fX19fX19fX19fX19fX19fW1dED59fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX0PfX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX1mfX19bX1eXn0/fX19fX0/fSWruQsAAAbiSURBVGje7VkFcBtHFD2SbnXO9UA56dRIiiRbFFlmiO3asWKIE0MYGrQbZmjDDA1T06RJ03DSJA2XMaWUmZmZmWm6ki3lTie59kTSlJ40p5nV//tud//b/28P0WiG/PgdkhBMHKzRaBDNyWXSRoqi4ki57CQk/MZsKna58pqa0N4gnoNcNgQZzBV8ml9aYMYaW4DQRKjvDC8MG7TkG0ff+gmobifD78gXYQZE0++8b08tXFg/4uf6H46VLh5Rf/P8TERtXG1ykkmtI7zmtZFLhtW9NWfOnCUjhy0Z+T2CJOFYJMOS+YtPzV884teDX8879sKIhfUHSxG1AzH0ajXhB3UjPxpaVzd37uyls5cunRv30Fx0vhxRDfXdLLbhZWU2W1mGGNtbEPuXdStz+2ycu/+kbmv4YLOWZ3merdEyNSweW0KMxXkW1+J4RwxeMeRfCIbhMsu7/LUd0QgkSYkW8TS5wznVlg93W8LnEiUooAIqFYBQkxBnSIxkMStJVLUPoah90cCqlSurWkSI6ijdGGv0v0Wv3iaIa1i9KLJ+QoR0Wk0l2YCo6jO5unpq9dTJkyesW7uu+oZp09q0iLDXvOQNG0r9uxbtNdU2hIcidV4YELTpt40C17WIsMk9oAyapxMbNxiCR4uRWAP2TNOZ3S/KCmdEyfggEORQ9Xh4kKPkM8O6AjbIS/BWfZLED+N5StmbisEZRttRTzVD2LZtUdW09gPbFx0tatuE0Y2E/YYeVYlI0E7ELYjET68vJJS9nZdRc1shq7dgzRIeKfrtj0W//LTojTDCOE2pMsjb3BiQhSo+gF3jOJNhKQwPUgqcBdqhER+Cc4efUOvL8nFKwhxn/tjKtNLTY12HO3z15ecnTiz4ODaEkUEBgoKqIRAdgR3u8NmC4wuOd3g/noSoWoILGgHU5w7/jGpxbQ28dJRl3/AoPfR6jKIUqcnKstkm2fpnZOlZGSFBqUgQtLt6/9vvSf0Y/19qENYbgIpHSQBvFk6ekgy2NZO9SIqk1Pag7Ttvvttb6pu3Ps9lTtvsqsiTtmLpnC83L8fpyjXlmpMVhDYS+IKbN6YkBNINaubunWiMphTh9d0L1tcqMj6IDwKdszgeYYR9u6old/bsi1SsRohhs3heVBK2mz1QLQTthOe3Xyj1q8xJ3uwZZ/A5jbI17GlPyUlNTk31jHN6DQoyhgLuQNVm7l7bWZkPb719FBnKCIcOTJ8h9bVi8GO16hCdLAxR1N9E6HSsDlOmDGjLNBOlcnR6KlY6RFitODzFlrCM799qyt1eZV1KEqhU+E+/5EiE8EML/8qgXVdIfbPHZhfkrrp2bL5J2sqmJptL8nOzi9fnFxekKgjLUOB/rub58obMCEGjVoGzI7x8986Z5zydsDcQkMXWQguPJG4No25tslXYt08Vs62N8TaYvUnKNVSh6tVBuxl798iE7/QYuRSO5jhB2koYGCHZ4PBwKV2MnF5BhlPqxsqC1uJshKChUDIk3qsOPPmy1LeXIIgMzToYWtqK6nS0vRNNC+P1gqgUPrwFfYuFP+DiWK5hCwhjFzSF/WuzOnd2uwt9fEcZ4dp+l52VxSWvPueQb4ugMc7lcY8GhA+iC5+CETqLhV8Ww5iwmmbKsD4glPHtg3bIhJ/mMpucuelpabK8jqVyqdkVOea0nOtzTR4FYQoKvM1MadcJfSUjvO+uB2MlfP+hgrtLAoUf5VAhzPCe++MepVD4gAmlw71bZMLvnZ5ucBhpe0+ZDokuUPgpnJETofDtkYSfEjhUKP8ks0G5eaOoVPjbpt8t9XUYOU+6gfZYZIUEytMOzmB39OzJGThaQZgBv1EPFeIr/AiHCnEMmmiHCgMnnJHI4oFNjGzySEBGVDZsD2g+ovChX3DzjpCeptT1AaEdf8CgHbKgcbnSXBUmoykvRyb8ZKMnrSIzz2Q2myKV+iHhY0laJeGRfhLhW/dcqWulxqOOkOFNp7v78IRm/BZkiztiF6WRDxX85zRFIKTDGfu3PCr1SxcEmGd1jMDKhD9+jE6kRZHWdrILSh3CTsVAXZqa5eWUhA8P7UqGuuu0bfpDso3fuJXjDILHIBc+LQgp6XaHMd1o4HpFyvgZzUzpE49Jn5563wv+qRk/ej6culFSCG96RBc74UcmnHJnH2A5K/xdj0t9S0oLirMrvSWrKmSlvvMmZ3GBuTI/u7IkX1nqW1BQ2wzh6FskNY11eyuFH2kC4DJRf581/B+tQHzfK4e9ZsIQBkFHbURgLQMfX9x4vAlh1sMhIYnAhxhYxVgSNE6C+E+F0KWJpZuIrEgs4WBkSI9E8vXQIJrlCWTssRwSajSDJyYoXFYM0Wj+BNjsk7mwYOwbAAAAAElFTkSuQmCC";
 
 const Onboarding = () => {
-  const triggerRef = React__namespace.useRef(null);
   const [isOpen, setIsOpen] = React__namespace.useState(false);
   const { formatMessage } = reactIntl.useIntl();
-  const communityEdition = rbac.useAppInfo("Onboarding", (state) => state.communityEdition);
-  const handlePopoverVisibility = () => {
-    setIsOpen((prev) => !prev);
-  };
+  const communityEdition = Theme.useAppInfo("Onboarding", (state) => state.communityEdition);
   const docLinks = [
     ...DOCUMENTATION_LINKS,
     {
@@ -721,8 +738,8 @@ const Onboarding = () => {
     }
   ];
   const Icon = isOpen ? icons.Cross : icons.Question;
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { tag: "aside", position: "fixed", bottom: 2, right: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Root, { onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { position: "fixed", bottom: 2, right: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
       HelperButton,
       {
         "aria-label": formatMessage(
@@ -734,125 +751,119 @@ const Onboarding = () => {
             defaultMessage: "Open help menu"
           }
         ),
-        onClick: handlePopoverVisibility,
-        ref: triggerRef,
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { fill: "buttonNeutral0" })
       }
-    ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.PopoverPrimitives.Content,
-      {
-        padding: 0,
-        onDismiss: handlePopoverVisibility,
-        source: triggerRef,
-        placement: "top-end",
-        spacing: 12,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            designSystem.Flex,
-            {
-              justifyContent: "space-between",
-              paddingBottom: 5,
-              paddingRight: 6,
-              paddingLeft: 6,
-              paddingTop: 6,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TypographyLineHeight, { fontWeight: "bold", children: formatMessage({
-                  id: "app.components.Onboarding.title",
-                  defaultMessage: "Get started videos"
-                }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  TextLink,
-                  {
-                    tag: "a",
-                    href: WATCH_MORE.href,
-                    target: "_blank",
-                    rel: "noreferrer noopener",
-                    variant: "pi",
-                    textColor: "primary600",
-                    children: formatMessage(WATCH_MORE.label)
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
-          VIDEO_LINKS.map(({ href, duration, label }, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-            VideoLinkWrapper,
-            {
-              tag: "a",
-              href,
-              target: "_blank",
-              rel: "noreferrer noopener",
-              hasRadius: true,
-              paddingTop: 4,
-              paddingBottom: 4,
-              paddingLeft: 6,
-              paddingRight: 11,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingRight: 5, children: /* @__PURE__ */ jsxRuntime.jsx(Number, { textColor: "neutral200", variant: "alpha", children: index + 1 }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { position: "relative", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Preview, { src: onboardingPreview, alt: "" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    IconWrapper,
-                    {
-                      position: "absolute",
-                      top: "50%",
-                      left: "50%",
-                      background: "primary600",
-                      borderRadius: "50%",
-                      justifyContent: "center",
-                      width: 6,
-                      height: 6,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Play, { fill: "buttonNeutral0", width: "1.2rem", height: "1.2rem" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "start", paddingLeft: 4, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Label, { fontWeight: "bold", children: formatMessage(label) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: ":" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", variant: "pi", children: duration })
-                ] })
-              ]
-            },
-            href
-          )),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Flex,
-            {
-              direction: "column",
-              alignItems: "stretch",
-              gap: 2,
-              paddingLeft: 5,
-              paddingTop: 2,
-              paddingBottom: 5,
-              children: docLinks.map(({ label, href, icon: Icon2 }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Icon2, { fill: "primary600" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  TextLink,
-                  {
-                    tag: "a",
-                    href,
-                    target: "_blank",
-                    rel: "noreferrer noopener",
-                    variant: "sigma",
-                    textColor: "primary700",
-                    children: formatMessage(label)
-                  }
-                )
-              ] }, href))
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Content, { align: "end", side: "top", sideOffset: 12, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Flex,
+        {
+          justifyContent: "space-between",
+          paddingBottom: 5,
+          paddingRight: 6,
+          paddingLeft: 6,
+          paddingTop: 6,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TypographyLineHeight, { fontWeight: "bold", children: formatMessage({
+              id: "app.components.Onboarding.title",
+              defaultMessage: "Get started videos"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TextLink,
+              {
+                tag: "a",
+                href: WATCH_MORE.href,
+                target: "_blank",
+                rel: "noreferrer noopener",
+                variant: "pi",
+                textColor: "primary600",
+                children: formatMessage(WATCH_MORE.label)
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
+      VIDEO_LINKS.map(({ href, duration, label }, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        VideoLinkWrapper,
+        {
+          tag: "a",
+          href,
+          target: "_blank",
+          rel: "noreferrer noopener",
+          hasRadius: true,
+          paddingTop: 4,
+          paddingBottom: 4,
+          paddingLeft: 6,
+          paddingRight: 11,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingRight: 5, children: /* @__PURE__ */ jsxRuntime.jsx(Number, { textColor: "neutral200", variant: "alpha", children: index + 1 }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { position: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Preview, { src: onboardingPreview, alt: "" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                IconWrapper,
+                {
+                  position: "absolute",
+                  top: "50%",
+                  left: "50%",
+                  background: "primary600",
+                  borderRadius: "50%",
+                  justifyContent: "center",
+                  width: 6,
+                  height: 6,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Play, { fill: "buttonNeutral0", width: "1.2rem", height: "1.2rem" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "start", paddingLeft: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { fontWeight: "bold", children: formatMessage(label) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: ":" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", variant: "pi", children: duration })
+            ] })
+          ]
+        },
+        href
+      )),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Flex,
+        {
+          direction: "column",
+          alignItems: "stretch",
+          gap: 2,
+          paddingLeft: 5,
+          paddingTop: 2,
+          paddingBottom: 5,
+          children: docLinks.map(({ label, href, icon: Icon2 }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon2, { fill: "primary600" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TextLink,
+              {
+                tag: "a",
+                href,
+                target: "_blank",
+                rel: "noreferrer noopener",
+                variant: "sigma",
+                textColor: "primary700",
+                children: formatMessage(label)
+              }
+            )
+          ] }, href))
+        }
+      )
+    ] })
+  ] }) });
 };
 const HelperButton = styledComponents.styled(designSystem.Button)`
   border-radius: 50%;
   padding: ${({ theme }) => theme.spaces[3]};
   /* Resetting 2rem height defined by Button component */
-  height: 100%;
+  height: unset;
+  width: unset;
+
+  & > span > svg {
+    width: 1.6rem;
+    height: 1.6rem;
+  }
 `;
 const IconWrapper = styledComponents.styled(designSystem.Flex)`
   transform: translate(-50%, -50%);
@@ -943,7 +954,7 @@ const DOCUMENTATION_LINKS = [
 ];
 
 const PluginsInitializer = ({ children }) => {
-  const appPlugins = rbac.useStrapiApp("PluginsInitializer", (state) => state.plugins);
+  const appPlugins = Theme.useStrapiApp("PluginsInitializer", (state) => state.plugins);
   const [{ plugins }, dispatch] = React__namespace.useReducer(
     reducer,
     initialState,
@@ -966,7 +977,7 @@ const PluginsInitializer = ({ children }) => {
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       initializers,
-      /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {})
+      /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Loading, {})
     ] });
   }
   return children;
@@ -991,8 +1002,8 @@ const init = (plugins) => {
 };
 
 const useMenu = (shouldUpdateStrapi) => {
-  const checkUserHasPermissions = rbac.useAuth("useMenu", (state) => state.checkUserHasPermissions);
-  const menu = rbac.useStrapiApp("useMenu", (state) => state.menu);
+  const checkUserHasPermissions = Theme.useAuth("useMenu", (state) => state.checkUserHasPermissions);
+  const menu = Theme.useStrapiApp("useMenu", (state) => state.menu);
   const permissions = reactRedux.useSelector(selectors.selectAdminPermissions);
   const [menuWithUserPermissions, setMenuWithUserPermissions] = React__namespace.useState({
     generalSectionLinks: [
@@ -1107,16 +1118,16 @@ const AdminLayout = () => {
     (state) => state.setGuidedTourVisibility
   );
   const { formatMessage } = reactIntl.useIntl();
-  const userInfo = rbac.useAuth("AuthenticatedApp", (state) => state.user);
+  const userInfo = Theme.useAuth("AuthenticatedApp", (state) => state.user);
   const [userId, setUserId] = React__namespace.useState();
-  const { showReleaseNotification } = rbac.useConfiguration("AuthenticatedApp");
+  const { showReleaseNotification } = Theme.useConfiguration("AuthenticatedApp");
   const { data: appInfo, isLoading: isLoadingAppInfo } = admin.useInformationQuery();
   const [tagName, setTagName] = React__namespace.useState(strapiVersion);
   React__namespace.useEffect(() => {
     if (showReleaseNotification) {
       fetch("https://api.github.com/repos/strapi/strapi/releases/latest").then(async (res) => {
         if (!res.ok) {
-          throw new Error();
+          return;
         }
         const response = await res.json();
         if (!response.tag_name) {
@@ -1127,7 +1138,7 @@ const AdminLayout = () => {
       });
     }
   }, [showReleaseNotification]);
-  const userRoles = rbac.useAuth("AuthenticatedApp", (state) => state.user?.roles);
+  const userRoles = Theme.useAuth("AuthenticatedApp", (state) => state.user?.roles);
   React__namespace.useEffect(() => {
     if (userRoles) {
       const isUserSuperAdmin = userRoles.find(({ code }) => code === "strapi-super-admin");
@@ -1143,21 +1154,21 @@ const AdminLayout = () => {
       }
     });
   }, [userInfo]);
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   const {
     isLoading: isLoadingMenu,
     generalSectionLinks,
     pluginsSectionLinks
   } = useMenu(checkLatestStrapiVersion(strapiVersion, tagName));
-  const { showTutorials } = rbac.useConfiguration("Admin");
+  const { showTutorials } = Theme.useConfiguration("Admin");
   useOnce.useOnce(() => {
     trackUsage("didAccessAuthenticatedAdministration");
   });
   if (isLoadingMenu || isLoadingAppInfo) {
-    return /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Loading, {});
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    rbac.AppInfoProvider,
+    Theme.AppInfoProvider,
     {
       ...appInfo,
       userId,
@@ -1198,4 +1209,4 @@ const checkLatestStrapiVersion = (currentPackageVersion, latestPublishedVersion
 
 exports.AdminLayout = AdminLayout;
 exports.PrivateAdminLayout = PrivateAdminLayout;
-//# sourceMappingURL=AuthenticatedLayout-MDNNJRPg.js.map
+//# sourceMappingURL=AuthenticatedLayout-haMSd2JF.js.map