@strapi/admin 5.0.0-beta.8 → 5.0.0-rc.0

package/dist/admin/{index-UrJZyInv.js → index-r7BCTgkx.js}

@@ -2,15 +2,15 @@
 
 const client = require('react-dom/client');
 const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
 const designSystem = require('@strapi/design-system');
 const invariant = require('invariant');
 const isFunction = require('lodash/isFunction');
 const merge = require('lodash/merge');
 const pick = require('lodash/pick');
-const reactRedux = require('react-redux');
 const reactRouterDom = require('react-router-dom');
-const rbac = require('./rbac-5b9ylhpa.js');
+const Theme = require('./Theme-7W0we6BI.js');
+const reactRedux = require('react-redux');
+const React = require('react');
 const reactQuery = require('react-query');
 const icons = require('@strapi/icons');
 const immer = require('immer');
@@ -18,18 +18,17 @@ const reactIntl = require('react-intl');
 const get = require('lodash/get');
 const set = require('lodash/set');
 const styledComponents = require('styled-components');
-const toolkit = require('@reduxjs/toolkit');
-const admin = require('./admin-p0djr5G6.js');
+const symbols = require('@strapi/icons/symbols');
 const useEnterprise = require('./useEnterprise-DUs6BYlP.js');
+const admin = require('./admin-p0djr5G6.js');
 const camelCase = require('lodash/camelCase');
 const yup = require('yup');
 const fractionalIndexing = require('fractional-indexing');
 const isEqual = require('lodash/isEqual');
-const clone = require('lodash/clone');
-const toPath = require('lodash/toPath');
+const date = require('@internationalized/date');
 const omit = require('lodash/omit');
 const formik = require('formik');
-const symbols = require('@strapi/icons/symbols');
+const toolkit = require('@reduxjs/toolkit');
 const throttle = require('lodash/throttle');
 const qs = require('qs');
 
@@ -53,18 +52,16 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
 const invariant__default = /*#__PURE__*/_interopDefault(invariant);
 const isFunction__default = /*#__PURE__*/_interopDefault(isFunction);
 const merge__default = /*#__PURE__*/_interopDefault(merge);
 const pick__default = /*#__PURE__*/_interopDefault(pick);
+const React__namespace = /*#__PURE__*/_interopNamespace(React);
 const get__default = /*#__PURE__*/_interopDefault(get);
 const set__default = /*#__PURE__*/_interopDefault(set);
 const camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
 const yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 const isEqual__default = /*#__PURE__*/_interopDefault(isEqual);
-const clone__default = /*#__PURE__*/_interopDefault(clone);
-const toPath__default = /*#__PURE__*/_interopDefault(toPath);
 const omit__default = /*#__PURE__*/_interopDefault(omit);
 const throttle__default = /*#__PURE__*/_interopDefault(throttle);
 
@@ -103,7 +100,7 @@ const getEERoutes$1 = () => window.strapi.isEE ? [
   {
     path: "auth/login/:authResponse",
     lazy: async () => {
-      const { AuthResponse } = await Promise.resolve().then(() => require('./AuthResponse-6oCac46I.js'));
+      const { AuthResponse } = await Promise.resolve().then(() => require('./AuthResponse-KlTDmm2i.js'));
       return {
         Component: AuthResponse
       };
@@ -138,243 +135,519 @@ const constants = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
     getEERoutes: getEERoutes$1
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const getEERoutes = () => [
-  ...window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) ? [
-    {
-      path: "audit-logs",
-      lazy: async () => {
-        const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-qnRnNdZB.js'));
-        return {
-          Component: ProtectedListPage
-        };
+const StrapiLogo = "data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39%20282c0-118%200-176.9%2036.6-213.5C112.2%2032%20171.1%2032%20288.9%2032h221.2c117.8%200%20176.7%200%20213.3%2036.6C760%20105.2%20760%20164.1%20760%20281.9v221.2c0%20117.8%200%20176.7-36.6%20213.3C686.8%20753%20627.9%20753%20510.1%20753H288.9c-117.8%200-176.7%200-213.3-36.6C39%20679.8%2039%20620.9%2039%20503.1V281.9Z'%20fill='%234945FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M536.4%20250.7H293.7v123.8h123.8v123.7h123.8V255.5c0-2.6-2.2-4.8-4.9-4.8Z'%20fill='%23fff'/%3e%3cpath%20fill='%23fff'%20d='M412.7%20374.5h4.8v4.8h-4.8z'/%3e%3cpath%20d='M293.8%20374.5h119c2.6%200%204.8%202.1%204.8%204.8v119h-119a4.8%204.8%200%200%201-4.8-4.9v-119Z'%20fill='%239593FF'/%3e%3cpath%20d='M417.5%20498.2h123.8L421.6%20618a2.4%202.4%200%200%201-4-1.7v-118ZM293.8%20374.5h-118a2.4%202.4%200%200%201-1.7-4.1l119.7-119.7v123.8Z'%20fill='%239593FF'/%3e%3c/svg%3e";
+
+const ADMIN_PERMISSIONS_CE = {
+  contentManager: {
+    main: [],
+    collectionTypesConfigurations: [
+      {
+        action: "plugin::content-manager.collection-types.configure-view",
+        subject: null
       }
-    }
-  ] : [],
-  ...window.strapi.features.isEnabled(window.strapi.features.SSO) ? [
-    {
-      path: "single-sign-on",
-      lazy: async () => {
-        const { ProtectedSSO } = await Promise.resolve().then(() => require('./SingleSignOnPage-NRBGwvMB.js'));
-        return {
-          Component: ProtectedSSO
-        };
+    ],
+    componentsConfigurations: [
+      {
+        action: "plugin::content-manager.components.configure-layout",
+        subject: null
       }
-    }
-  ] : []
-];
-
-const [Provider, useHistory] = rbac.createContext("History", {
-  history: [],
-  currentLocationIndex: 0,
-  currentLocation: "",
-  canGoBack: false,
-  pushState: () => {
-    throw new Error("You must use the `HistoryProvider` to access the `pushState` function.");
-  },
-  goBack: () => {
-    throw new Error("You must use the `HistoryProvider` to access the `goBack` function.");
-  }
-});
-const HistoryProvider = ({ children }) => {
-  const location = reactRouterDom.useLocation();
-  const navigate = reactRouterDom.useNavigate();
-  const [state, dispatch] = React__namespace.useReducer(reducer$2, {
-    history: [],
-    currentLocationIndex: 0,
-    currentLocation: "",
-    canGoBack: false
-  });
-  const isGoingBack = React__namespace.useRef(false);
-  const pushState = React__namespace.useCallback((path) => {
-    dispatch({
-      type: "PUSH_STATE",
-      payload: typeof path === "string" ? { to: path, search: "" } : path
-    });
-  }, []);
-  const goBack = React__namespace.useCallback(() => {
-    navigate(-1);
-    dispatch({ type: "GO_BACK" });
-    isGoingBack.current = true;
-  }, [navigate]);
-  const prevIndex = React__namespace.useRef(state.currentLocationIndex);
-  React__namespace.useEffect(() => {
-    if (state.currentLocationIndex !== prevIndex.current) {
-      dispatch({
-        type: "SET_CAN_GO_BACK",
-        payload: state.currentLocationIndex > 1 && state.history.length > 1
-      });
-      prevIndex.current = state.currentLocationIndex;
-    }
-  }, [prevIndex, state.currentLocationIndex, state.history.length]);
-  React__namespace.useLayoutEffect(() => {
-    if (isGoingBack.current) {
-      isGoingBack.current = false;
-    } else {
-      dispatch({
-        type: "PUSH_STATE",
-        payload: { to: location.pathname, search: location.search }
-      });
-    }
-  }, [dispatch, location.pathname, location.search]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Provider, { pushState, goBack, ...state, children });
-};
-const reducer$2 = (state, action) => immer.produce(state, (draft) => {
-  switch (action.type) {
-    case "PUSH_STATE": {
-      const path = `${action.payload.to}${action.payload.search}`;
-      if (state.currentLocationIndex === state.history.length) {
-        draft.history = [...state.history, path];
-      } else {
-        draft.history = [...state.history.slice(0, state.currentLocationIndex), path];
+    ],
+    singleTypesConfigurations: [
+      {
+        action: "plugin::content-manager.single-types.configure-view",
+        subject: null
       }
-      draft.currentLocation = path;
-      draft.currentLocationIndex += 1;
-      break;
-    }
-    case "GO_BACK": {
-      const newIndex = state.currentLocationIndex - 1;
-      draft.currentLocation = state.history[newIndex - 1];
-      draft.currentLocationIndex = newIndex;
-      break;
-    }
-    case "SET_CAN_GO_BACK": {
-      draft.canGoBack = action.payload;
-      break;
+    ]
+  },
+  marketplace: {
+    main: [{ action: "admin::marketplace.read", subject: null }],
+    read: [{ action: "admin::marketplace.read", subject: null }]
+  },
+  settings: {
+    roles: {
+      main: [
+        { action: "admin::roles.create", subject: null },
+        { action: "admin::roles.update", subject: null },
+        { action: "admin::roles.read", subject: null },
+        { action: "admin::roles.delete", subject: null }
+      ],
+      create: [{ action: "admin::roles.create", subject: null }],
+      delete: [{ action: "admin::roles.delete", subject: null }],
+      read: [{ action: "admin::roles.read", subject: null }],
+      update: [{ action: "admin::roles.update", subject: null }]
+    },
+    users: {
+      main: [
+        { action: "admin::users.create", subject: null },
+        { action: "admin::users.read", subject: null },
+        { action: "admin::users.update", subject: null },
+        { action: "admin::users.delete", subject: null }
+      ],
+      create: [{ action: "admin::users.create", subject: null }],
+      delete: [{ action: "admin::users.delete", subject: null }],
+      read: [{ action: "admin::users.read", subject: null }],
+      update: [{ action: "admin::users.update", subject: null }]
+    },
+    webhooks: {
+      main: [
+        { action: "admin::webhooks.create", subject: null },
+        { action: "admin::webhooks.read", subject: null },
+        { action: "admin::webhooks.update", subject: null },
+        { action: "admin::webhooks.delete", subject: null }
+      ],
+      create: [{ action: "admin::webhooks.create", subject: null }],
+      delete: [{ action: "admin::webhooks.delete", subject: null }],
+      read: [
+        { action: "admin::webhooks.read", subject: null },
+        // NOTE: We need to check with the API
+        { action: "admin::webhooks.update", subject: null },
+        { action: "admin::webhooks.delete", subject: null }
+      ],
+      update: [{ action: "admin::webhooks.update", subject: null }]
+    },
+    "api-tokens": {
+      main: [{ action: "admin::api-tokens.access", subject: null }],
+      create: [{ action: "admin::api-tokens.create", subject: null }],
+      delete: [{ action: "admin::api-tokens.delete", subject: null }],
+      read: [{ action: "admin::api-tokens.read", subject: null }],
+      update: [{ action: "admin::api-tokens.update", subject: null }],
+      regenerate: [{ action: "admin::api-tokens.regenerate", subject: null }]
+    },
+    "transfer-tokens": {
+      main: [{ action: "admin::transfer.tokens.access", subject: null }],
+      create: [{ action: "admin::transfer.tokens.create", subject: null }],
+      delete: [{ action: "admin::transfer.tokens.delete", subject: null }],
+      read: [{ action: "admin::transfer.tokens.read", subject: null }],
+      update: [{ action: "admin::transfer.tokens.update", subject: null }],
+      regenerate: [{ action: "admin::transfer.tokens.regenerate", subject: null }]
+    },
+    "project-settings": {
+      read: [{ action: "admin::project-settings.read", subject: null }],
+      update: [{ action: "admin::project-settings.update", subject: null }]
     }
   }
-});
-const BackButton = React__namespace.forwardRef(({ disabled }, ref) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const canGoBack = useHistory("BackButton", (state) => state.canGoBack);
-  const goBack = useHistory("BackButton", (state) => state.goBack);
-  const history = useHistory("BackButton", (state) => state.history);
-  const handleClick = (e) => {
-    e.preventDefault();
-    goBack();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Link,
+};
+const HOOKS = {
+  /**
+   * Hook that allows to mutate the displayed headers of the list view table
+   * @constant
+   * @type {string}
+   */
+  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
+  /**
+   * Hook that allows to mutate the CM's collection types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
+  /**
+   * Hook that allows to mutate the CM's edit view layout
+   * @constant
+   * @type {string}
+   */
+  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
+  /**
+   * Hook that allows to mutate the CM's single types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+};
+const SETTINGS_LINKS_CE = () => ({
+  global: [
     {
-      ref,
-      tag: reactRouterDom.NavLink,
-      to: history.at(-1) ?? "",
-      onClick: handleClick,
-      disabled: disabled || !canGoBack,
-      "aria-disabled": disabled || !canGoBack,
-      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}),
-      children: formatMessage({
-        id: "global.back",
-        defaultMessage: "Back"
-      })
-    }
-  );
-});
-
-const GUIDED_TOUR_COMPLETED_STEPS = "GUIDED_TOUR_COMPLETED_STEPS";
-const GUIDED_TOUR_CURRENT_STEP = "GUIDED_TOUR_CURRENT_STEP";
-const GUIDED_TOUR_SKIPPED = "GUIDED_TOUR_SKIPPED";
-const [GuidedTourProviderImpl, useGuidedTour] = rbac.createContext("GuidedTour");
-const GuidedTourProvider = ({ children }) => {
-  const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React__namespace.useReducer(reducer$1, initialState, initialiseState);
-  const setCurrentStep = (step) => {
-    if (step !== null) {
-      const isStepAlreadyDone = get__default.default(guidedTourState, step);
-      const [sectionName, stepName] = step.split(".");
-      const sectionArray = Object.entries(guidedTourState[sectionName]);
-      const currentStepIndex = sectionArray.findIndex(([key]) => key === stepName);
-      const previousSteps = sectionArray.slice(0, currentStepIndex);
-      const isStepToShow = previousSteps.every(([, sectionValue]) => sectionValue);
-      if (isStepAlreadyDone || isSkipped || !isStepToShow) {
-        return null;
+      intlLabel: { id: "Settings.application.title", defaultMessage: "Overview" },
+      to: "/settings/application-infos",
+      id: "000-application-infos"
+    },
+    {
+      intlLabel: { id: "Settings.webhooks.title", defaultMessage: "Webhooks" },
+      to: "/settings/webhooks",
+      id: "webhooks"
+    },
+    {
+      intlLabel: { id: "Settings.apiTokens.title", defaultMessage: "API Tokens" },
+      to: "/settings/api-tokens?sort=name:ASC",
+      id: "api-tokens"
+    },
+    {
+      intlLabel: { id: "Settings.transferTokens.title", defaultMessage: "Transfer Tokens" },
+      to: "/settings/transfer-tokens?sort=name:ASC",
+      id: "transfer-tokens"
+    },
+    // If the Enterprise/Cloud feature is not enabled and if the config doesn't disable it, we promote the Enterprise/Cloud feature by displaying them in the settings menu.
+    // Disable this by adding "promoteEE: false" to your `./config/admin.js` file
+    ...!window.strapi.features.isEnabled(window.strapi.features.SSO) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: { id: "Settings.sso.title", defaultMessage: "Single Sign-On" },
+        to: "/settings/purchase-single-sign-on",
+        id: "sso-purchase-page",
+        licenseOnly: true
       }
-    }
-    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
-    return dispatch({
-      type: "SET_CURRENT_STEP",
-      step
-    });
-  };
-  const setGuidedTourVisibility = (value) => {
-    dispatch({
-      type: "SET_GUIDED_TOUR_VISIBILITY",
-      value
-    });
-  };
-  const setStepState = (currentStep2, value) => {
-    addCompletedStep(currentStep2);
-    dispatch({
-      type: "SET_STEP_STATE",
-      currentStep: currentStep2,
-      value
-    });
-  };
-  const startSection = (sectionName) => {
-    const sectionSteps = guidedTourState[sectionName];
-    if (sectionSteps) {
-      const guidedTourArray = Object.entries(guidedTourState);
-      const currentSectionIndex = guidedTourArray.findIndex(([key]) => key === sectionName);
-      const previousSections = guidedTourArray.slice(0, currentSectionIndex);
-      const isSectionToShow = previousSections.every(
-        ([, sectionValue]) => Object.values(sectionValue).every(Boolean)
+    ] : []
+  ],
+  admin: [
+    {
+      intlLabel: { id: "global.roles", defaultMessage: "Roles" },
+      to: "/settings/roles",
+      id: "roles"
+    },
+    {
+      intlLabel: { id: "global.users", defaultMessage: "Users" },
+      // Init the search params directly
+      to: "/settings/users?pageSize=10&page=1&sort=firstname",
+      id: "users"
+    },
+    ...!window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) && window.strapi?.flags?.promoteEE ? [
+      {
+        intlLabel: { id: "global.auditLogs", defaultMessage: "Audit Logs" },
+        to: "/settings/purchase-audit-logs",
+        id: "auditLogs-purchase-page",
+        licenseOnly: true
+      }
+    ] : []
+  ]
+});
+
+const ALLOWED_TYPES = [
+  "biginteger",
+  "boolean",
+  "date",
+  "datetime",
+  "decimal",
+  "email",
+  "enumeration",
+  "float",
+  "integer",
+  "json",
+  "password",
+  "richtext",
+  "string",
+  "text",
+  "time",
+  "uid"
+];
+const ALLOWED_ROOT_LEVEL_OPTIONS = [
+  "min",
+  "minLength",
+  "max",
+  "maxLength",
+  "required",
+  "regex",
+  "enum",
+  "unique",
+  "private",
+  "default"
+];
+class CustomFields {
+  customFields;
+  constructor() {
+    this.customFields = {};
+  }
+  register = (customFields) => {
+    if (Array.isArray(customFields)) {
+      customFields.forEach((customField) => {
+        this.register(customField);
+      });
+    } else {
+      const { name, pluginId, type, intlLabel, intlDescription, components, options } = customFields;
+      invariant__default.default(name, "A name must be provided");
+      invariant__default.default(type, "A type must be provided");
+      invariant__default.default(intlLabel, "An intlLabel must be provided");
+      invariant__default.default(intlDescription, "An intlDescription must be provided");
+      invariant__default.default(components, "A components object must be provided");
+      invariant__default.default(components.Input, "An Input component must be provided");
+      invariant__default.default(
+        ALLOWED_TYPES.includes(type),
+        `Custom field type: '${type}' is not a valid Strapi type or it can't be used with a Custom Field`
       );
-      const [firstStep] = Object.keys(sectionSteps);
-      const isFirstStepDone = sectionSteps[firstStep];
-      if (isSectionToShow && !currentStep && !isFirstStepDone) {
-        setCurrentStep(`${sectionName}.${firstStep}`);
+      const isValidObjectKey = /^(?![0-9])[a-zA-Z0-9$_-]+$/g;
+      invariant__default.default(
+        isValidObjectKey.test(name),
+        `Custom field name: '${name}' is not a valid object key`
+      );
+      const allFormOptions = [...options?.base || [], ...options?.advanced || []];
+      if (allFormOptions.length) {
+        const optionPathValidations = allFormOptions.reduce(optionsValidationReducer, []);
+        optionPathValidations.forEach(({ isValidOptionPath, errorMessage }) => {
+          invariant__default.default(isValidOptionPath, errorMessage);
+        });
       }
+      const uid = pluginId ? `plugin::${pluginId}.${name}` : `global::${name}`;
+      const uidAlreadyUsed = Object.prototype.hasOwnProperty.call(this.customFields, uid);
+      invariant__default.default(!uidAlreadyUsed, `Custom field: '${uid}' has already been registered`);
+      this.customFields[uid] = customFields;
     }
   };
-  const setSkipped = (value) => {
-    window.localStorage.setItem(GUIDED_TOUR_SKIPPED, JSON.stringify(value));
-    dispatch({
-      type: "SET_SKIPPED",
-      value
-    });
+  getAll = () => {
+    return this.customFields;
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    GuidedTourProviderImpl,
-    {
-      guidedTourState,
-      currentStep,
-      setCurrentStep,
-      setGuidedTourVisibility,
-      setSkipped,
-      setStepState,
-      startSection,
-      isGuidedTourVisible,
-      isSkipped,
-      children
-    }
-  );
+  get = (uid) => {
+    return this.customFields[uid];
+  };
+}
+const optionsValidationReducer = (acc, option) => {
+  if ("items" in option) {
+    return option.items.reduce(optionsValidationReducer, acc);
+  }
+  if (!option.name) {
+    acc.push({
+      isValidOptionPath: false,
+      errorMessage: "The 'name' property is required on an options object"
+    });
+  } else {
+    acc.push({
+      isValidOptionPath: option.name.startsWith("options") || ALLOWED_ROOT_LEVEL_OPTIONS.includes(option.name),
+      errorMessage: `'${option.name}' must be prefixed with 'options.'`
+    });
+  }
+  return acc;
 };
-const initialState = {
-  currentStep: null,
-  guidedTourState: {
-    contentTypeBuilder: {
-      create: false,
-      success: false
-    },
-    contentManager: {
-      create: false,
-      success: false
-    },
-    apiTokens: {
-      create: false,
-      success: false
-    },
-    transferTokens: {
-      create: false,
-      success: false
+
+class Plugin {
+  apis;
+  initializer;
+  injectionZones;
+  isReady;
+  name;
+  pluginId;
+  constructor(pluginConf) {
+    this.apis = pluginConf.apis || {};
+    this.initializer = pluginConf.initializer || null;
+    this.injectionZones = pluginConf.injectionZones || {};
+    this.isReady = pluginConf.isReady !== void 0 ? pluginConf.isReady : true;
+    this.name = pluginConf.name;
+    this.pluginId = pluginConf.id;
+  }
+  getInjectedComponents(containerName, blockName) {
+    try {
+      return this.injectionZones[containerName][blockName] || [];
+    } catch (err) {
+      console.error("Cannot get injected component", err);
+      return [];
     }
-  },
-  isGuidedTourVisible: false,
-  isSkipped: false
-};
-const reducer$1 = (state = initialState, action) => immer.produce(state, (draftState) => {
-  switch (action.type) {
-    case "SET_CURRENT_STEP": {
-      draftState.currentStep = action.step;
-      break;
+  }
+  injectComponent(containerName, blockName, component) {
+    try {
+      this.injectionZones[containerName][blockName].push(component);
+    } catch (err) {
+      console.error("Cannot inject component", err);
+    }
+  }
+}
+
+const [Provider, useHistory] = Theme.createContext("History", {
+  history: [],
+  currentLocationIndex: 0,
+  currentLocation: "",
+  canGoBack: false,
+  pushState: () => {
+    throw new Error("You must use the `HistoryProvider` to access the `pushState` function.");
+  },
+  goBack: () => {
+    throw new Error("You must use the `HistoryProvider` to access the `goBack` function.");
+  }
+});
+const HistoryProvider = ({ children }) => {
+  const location = reactRouterDom.useLocation();
+  const navigate = reactRouterDom.useNavigate();
+  const [state, dispatch] = React__namespace.useReducer(reducer$2, {
+    history: [],
+    currentLocationIndex: 0,
+    currentLocation: "",
+    canGoBack: false
+  });
+  const isGoingBack = React__namespace.useRef(false);
+  const pushState = React__namespace.useCallback((path) => {
+    dispatch({
+      type: "PUSH_STATE",
+      payload: typeof path === "string" ? { to: path, search: "" } : path
+    });
+  }, []);
+  const goBack = React__namespace.useCallback(() => {
+    navigate(-1);
+    dispatch({ type: "GO_BACK" });
+    isGoingBack.current = true;
+  }, [navigate]);
+  const prevIndex = React__namespace.useRef(state.currentLocationIndex);
+  React__namespace.useEffect(() => {
+    if (state.currentLocationIndex !== prevIndex.current) {
+      dispatch({
+        type: "SET_CAN_GO_BACK",
+        payload: state.currentLocationIndex > 1 && state.history.length > 1
+      });
+      prevIndex.current = state.currentLocationIndex;
+    }
+  }, [prevIndex, state.currentLocationIndex, state.history.length]);
+  React__namespace.useLayoutEffect(() => {
+    if (isGoingBack.current) {
+      isGoingBack.current = false;
+    } else {
+      dispatch({
+        type: "PUSH_STATE",
+        payload: { to: location.pathname, search: location.search }
+      });
+    }
+  }, [dispatch, location.pathname, location.search]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Provider, { pushState, goBack, ...state, children });
+};
+const reducer$2 = (state, action) => immer.produce(state, (draft) => {
+  switch (action.type) {
+    case "PUSH_STATE": {
+      const path = `${action.payload.to}${action.payload.search}`;
+      if (state.currentLocationIndex === state.history.length) {
+        draft.history = [...state.history, path];
+      } else {
+        draft.history = [...state.history.slice(0, state.currentLocationIndex), path];
+      }
+      draft.currentLocation = path;
+      draft.currentLocationIndex += 1;
+      break;
+    }
+    case "GO_BACK": {
+      const newIndex = state.currentLocationIndex - 1;
+      draft.currentLocation = state.history[newIndex - 1];
+      draft.currentLocationIndex = newIndex;
+      break;
+    }
+    case "SET_CAN_GO_BACK": {
+      draft.canGoBack = action.payload;
+      break;
+    }
+  }
+});
+const BackButton = React__namespace.forwardRef(({ disabled }, ref) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const canGoBack = useHistory("BackButton", (state) => state.canGoBack);
+  const goBack = useHistory("BackButton", (state) => state.goBack);
+  const history = useHistory("BackButton", (state) => state.history);
+  const handleClick = (e) => {
+    e.preventDefault();
+    goBack();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Link,
+    {
+      ref,
+      tag: reactRouterDom.NavLink,
+      to: history.at(-1) ?? "",
+      onClick: handleClick,
+      disabled: disabled || !canGoBack,
+      "aria-disabled": disabled || !canGoBack,
+      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}),
+      children: formatMessage({
+        id: "global.back",
+        defaultMessage: "Back"
+      })
+    }
+  );
+});
+
+const GUIDED_TOUR_COMPLETED_STEPS = "GUIDED_TOUR_COMPLETED_STEPS";
+const GUIDED_TOUR_CURRENT_STEP = "GUIDED_TOUR_CURRENT_STEP";
+const GUIDED_TOUR_SKIPPED = "GUIDED_TOUR_SKIPPED";
+const [GuidedTourProviderImpl, useGuidedTour] = Theme.createContext("GuidedTour");
+const GuidedTourProvider = ({ children }) => {
+  const [{ currentStep, guidedTourState, isGuidedTourVisible, isSkipped }, dispatch] = React__namespace.useReducer(reducer$1, initialState, initialiseState);
+  const setCurrentStep = (step) => {
+    if (step !== null) {
+      const isStepAlreadyDone = get__default.default(guidedTourState, step);
+      const [sectionName, stepName] = step.split(".");
+      const sectionArray = Object.entries(guidedTourState[sectionName]);
+      const currentStepIndex = sectionArray.findIndex(([key]) => key === stepName);
+      const previousSteps = sectionArray.slice(0, currentStepIndex);
+      const isStepToShow = previousSteps.every(([, sectionValue]) => sectionValue);
+      if (isStepAlreadyDone || isSkipped || !isStepToShow) {
+        return null;
+      }
+    }
+    window.localStorage.setItem(GUIDED_TOUR_CURRENT_STEP, JSON.stringify(null));
+    return dispatch({
+      type: "SET_CURRENT_STEP",
+      step
+    });
+  };
+  const setGuidedTourVisibility = (value) => {
+    dispatch({
+      type: "SET_GUIDED_TOUR_VISIBILITY",
+      value
+    });
+  };
+  const setStepState = (currentStep2, value) => {
+    addCompletedStep(currentStep2);
+    dispatch({
+      type: "SET_STEP_STATE",
+      currentStep: currentStep2,
+      value
+    });
+  };
+  const startSection = (sectionName) => {
+    const sectionSteps = guidedTourState[sectionName];
+    if (sectionSteps) {
+      const guidedTourArray = Object.entries(guidedTourState);
+      const currentSectionIndex = guidedTourArray.findIndex(([key]) => key === sectionName);
+      const previousSections = guidedTourArray.slice(0, currentSectionIndex);
+      const isSectionToShow = previousSections.every(
+        ([, sectionValue]) => Object.values(sectionValue).every(Boolean)
+      );
+      const [firstStep] = Object.keys(sectionSteps);
+      const isFirstStepDone = sectionSteps[firstStep];
+      if (isSectionToShow && !currentStep && !isFirstStepDone) {
+        setCurrentStep(`${sectionName}.${firstStep}`);
+      }
+    }
+  };
+  const setSkipped = (value) => {
+    window.localStorage.setItem(GUIDED_TOUR_SKIPPED, JSON.stringify(value));
+    dispatch({
+      type: "SET_SKIPPED",
+      value
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    GuidedTourProviderImpl,
+    {
+      guidedTourState,
+      currentStep,
+      setCurrentStep,
+      setGuidedTourVisibility,
+      setSkipped,
+      setStepState,
+      startSection,
+      isGuidedTourVisible,
+      isSkipped,
+      children
+    }
+  );
+};
+const initialState = {
+  currentStep: null,
+  guidedTourState: {
+    contentTypeBuilder: {
+      create: false,
+      success: false
+    },
+    contentManager: {
+      create: false,
+      success: false
+    },
+    apiTokens: {
+      create: false,
+      success: false
+    },
+    transferTokens: {
+      create: false,
+      success: false
+    }
+  },
+  isGuidedTourVisible: false,
+  isSkipped: false
+};
+const reducer$1 = (state = initialState, action) => immer.produce(state, (draftState) => {
+  switch (action.type) {
+    case "SET_CURRENT_STEP": {
+      draftState.currentStep = action.step;
+      break;
     }
     case "SET_STEP_STATE": {
       const [section, step] = action.currentStep.split(".");
@@ -446,12 +719,12 @@ const queryClient = new reactQuery.QueryClient({
 });
 const Providers = ({ children, strapi, store }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    rbac.StrapiAppProvider,
+    Theme.StrapiAppProvider,
     {
       components: strapi.library.components,
       customFields: strapi.customFields,
       fields: strapi.library.fields,
-      menu: strapi.menu,
+      menu: strapi.router.menu,
       getAdminInjectedComponents: strapi.getAdminInjectedComponents,
       getPlugin: strapi.getPlugin,
       plugins: strapi.plugins,
@@ -459,9 +732,9 @@ const Providers = ({ children, strapi, store }) => {
       runHookParallel: strapi.runHookParallel,
       runHookWaterfall: (name, initialValue) => strapi.runHookWaterfall(name, initialValue, store),
       runHookSeries: strapi.runHookSeries,
-      settings: strapi.settings,
-      children: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.AuthProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(HistoryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(rbac.LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(rbac.TrackingProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        rbac.ConfigurationProvider,
+      settings: strapi.router.settings,
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.AuthProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(HistoryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(Theme.LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.NotificationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(Theme.TrackingProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GuidedTourProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Theme.ConfigurationProvider,
         {
           defaultAuthLogo: strapi.configurations.authLogo,
           defaultMenuLogo: strapi.configurations.menuLogo,
@@ -476,16 +749,14 @@ const Providers = ({ children, strapi, store }) => {
 
 const App = ({ strapi, store }) => {
   React.useEffect(() => {
-    const language = localStorage.getItem(rbac.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
+    const language = localStorage.getItem(Theme.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
     if (language) {
       document.documentElement.lang = language;
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Providers, { strapi, store, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {}) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Providers, { strapi, store, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {}) }) });
 };
 
-const StrapiLogo = "data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39%20282c0-118%200-176.9%2036.6-213.5C112.2%2032%20171.1%2032%20288.9%2032h221.2c117.8%200%20176.7%200%20213.3%2036.6C760%20105.2%20760%20164.1%20760%20281.9v221.2c0%20117.8%200%20176.7-36.6%20213.3C686.8%20753%20627.9%20753%20510.1%20753H288.9c-117.8%200-176.7%200-213.3-36.6C39%20679.8%2039%20620.9%2039%20503.1V281.9Z'%20fill='%234945FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M536.4%20250.7H293.7v123.8h123.8v123.7h123.8V255.5c0-2.6-2.2-4.8-4.9-4.8Z'%20fill='%23fff'/%3e%3cpath%20fill='%23fff'%20d='M412.7%20374.5h4.8v4.8h-4.8z'/%3e%3cpath%20d='M293.8%20374.5h119c2.6%200%204.8%202.1%204.8%204.8v119h-119a4.8%204.8%200%200%201-4.8-4.9v-119Z'%20fill='%239593FF'/%3e%3cpath%20d='M417.5%20498.2h123.8L421.6%20618a2.4%202.4%200%200%201-4-1.7v-118ZM293.8%20374.5h-118a2.4%202.4%200%200%201-1.7-4.1l119.7-119.7v123.8Z'%20fill='%239593FF'/%3e%3c/svg%3e";
-
 const useClipboard = () => {
   const copy = React.useCallback(async (value) => {
     try {
@@ -587,434 +858,248 @@ const ErrorType = styledComponents.styled(designSystem.Typography)`
   color: ${({ theme }) => theme.colors.danger600};
 `;
 
-const ADMIN_PERMISSIONS_CE = {
-  contentManager: {
-    main: [],
-    collectionTypesConfigurations: [
-      {
-        action: "plugin::content-manager.collection-types.configure-view",
-        subject: null
-      }
-    ],
-    componentsConfigurations: [
-      {
-        action: "plugin::content-manager.components.configure-layout",
-        subject: null
-      }
-    ],
-    singleTypesConfigurations: [
-      {
-        action: "plugin::content-manager.single-types.configure-view",
-        subject: null
-      }
-    ]
-  },
-  marketplace: {
-    main: [{ action: "admin::marketplace.read", subject: null }],
-    read: [{ action: "admin::marketplace.read", subject: null }]
-  },
-  settings: {
-    roles: {
-      main: [
-        { action: "admin::roles.create", subject: null },
-        { action: "admin::roles.update", subject: null },
-        { action: "admin::roles.read", subject: null },
-        { action: "admin::roles.delete", subject: null }
-      ],
-      create: [{ action: "admin::roles.create", subject: null }],
-      delete: [{ action: "admin::roles.delete", subject: null }],
-      read: [{ action: "admin::roles.read", subject: null }],
-      update: [{ action: "admin::roles.update", subject: null }]
-    },
-    users: {
-      main: [
-        { action: "admin::users.create", subject: null },
-        { action: "admin::users.read", subject: null },
-        { action: "admin::users.update", subject: null },
-        { action: "admin::users.delete", subject: null }
-      ],
-      create: [{ action: "admin::users.create", subject: null }],
-      delete: [{ action: "admin::users.delete", subject: null }],
-      read: [{ action: "admin::users.read", subject: null }],
-      update: [{ action: "admin::users.update", subject: null }]
-    },
-    webhooks: {
-      main: [
-        { action: "admin::webhooks.create", subject: null },
-        { action: "admin::webhooks.read", subject: null },
-        { action: "admin::webhooks.update", subject: null },
-        { action: "admin::webhooks.delete", subject: null }
-      ],
-      create: [{ action: "admin::webhooks.create", subject: null }],
-      delete: [{ action: "admin::webhooks.delete", subject: null }],
-      read: [
-        { action: "admin::webhooks.read", subject: null },
-        // NOTE: We need to check with the API
-        { action: "admin::webhooks.update", subject: null },
-        { action: "admin::webhooks.delete", subject: null }
-      ],
-      update: [{ action: "admin::webhooks.update", subject: null }]
-    },
-    "api-tokens": {
-      main: [{ action: "admin::api-tokens.access", subject: null }],
-      create: [{ action: "admin::api-tokens.create", subject: null }],
-      delete: [{ action: "admin::api-tokens.delete", subject: null }],
-      read: [{ action: "admin::api-tokens.read", subject: null }],
-      update: [{ action: "admin::api-tokens.update", subject: null }],
-      regenerate: [{ action: "admin::api-tokens.regenerate", subject: null }]
-    },
-    "transfer-tokens": {
-      main: [{ action: "admin::transfer.tokens.access", subject: null }],
-      create: [{ action: "admin::transfer.tokens.create", subject: null }],
-      delete: [{ action: "admin::transfer.tokens.delete", subject: null }],
-      read: [{ action: "admin::transfer.tokens.read", subject: null }],
-      update: [{ action: "admin::transfer.tokens.update", subject: null }],
-      regenerate: [{ action: "admin::transfer.tokens.regenerate", subject: null }]
-    },
-    "project-settings": {
-      read: [{ action: "admin::project-settings.read", subject: null }],
-      update: [{ action: "admin::project-settings.update", subject: null }]
-    }
+const ActionLayout = ({ startActions, endActions }) => {
+  if (!startActions && !endActions) {
+    return null;
   }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Flex,
+    {
+      justifyContent: "space-between",
+      alignItems: "flex-start",
+      paddingBottom: 4,
+      paddingLeft: 10,
+      paddingRight: 10,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, wrap: "wrap", children: startActions }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, shrink: 0, wrap: "wrap", children: endActions })
+      ]
+    }
+  );
 };
-const HOOKS = {
-  /**
-   * Hook that allows to mutate the displayed headers of the list view table
-   * @constant
-   * @type {string}
-   */
-  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
-  /**
-   * Hook that allows to mutate the CM's collection types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
-  /**
-   * Hook that allows to mutate the CM's edit view layout
-   * @constant
-   * @type {string}
-   */
-  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
-  /**
-   * Hook that allows to mutate the CM's single types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+
+const ContentLayout = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children });
 };
-const SETTINGS_LINKS_CE = () => ({
-  global: [
-    {
-      intlLabel: { id: "Settings.application.title", defaultMessage: "Overview" },
-      to: "/settings/application-infos",
-      id: "000-application-infos"
-    },
-    {
-      intlLabel: { id: "Settings.webhooks.title", defaultMessage: "Webhooks" },
-      to: "/settings/webhooks",
-      id: "webhooks"
-    },
-    {
-      intlLabel: { id: "Settings.apiTokens.title", defaultMessage: "API Tokens" },
-      to: "/settings/api-tokens?sort=name:ASC",
-      id: "api-tokens"
-    },
-    {
-      intlLabel: { id: "Settings.transferTokens.title", defaultMessage: "Transfer Tokens" },
-      to: "/settings/transfer-tokens?sort=name:ASC",
-      id: "transfer-tokens"
-    },
-    // If the Enterprise/Cloud feature is not enabled and if the config doesn't disable it, we promote the Enterprise/Cloud feature by displaying them in the settings menu.
-    // Disable this by adding "promoteEE: false" to your `./config/admin.js` file
-    ...!window.strapi.features.isEnabled(window.strapi.features.SSO) && window.strapi?.flags?.promoteEE ? [
-      {
-        intlLabel: { id: "Settings.sso.title", defaultMessage: "Single Sign-On" },
-        to: "/settings/purchase-single-sign-on",
-        id: "sso-purchase-page",
-        lockIcon: true
-      }
-    ] : []
-  ],
-  admin: [
-    {
-      intlLabel: { id: "global.roles", defaultMessage: "Roles" },
-      to: "/settings/roles",
-      id: "roles"
-    },
-    {
-      intlLabel: { id: "global.users", defaultMessage: "Users" },
-      // Init the search params directly
-      to: "/settings/users?pageSize=10&page=1&sort=firstname",
-      id: "users"
-    },
-    ...!window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) && window.strapi?.flags?.promoteEE ? [
-      {
-        intlLabel: { id: "global.auditLogs", defaultMessage: "Audit Logs" },
-        to: "/settings/purchase-audit-logs",
-        id: "auditLogs-purchase-page",
-        lockIcon: true
-      }
-    ] : []
-  ]
-});
 
-const ALLOWED_TYPES = [
-  "biginteger",
-  "boolean",
-  "date",
-  "datetime",
-  "decimal",
-  "email",
-  "enumeration",
-  "float",
-  "integer",
-  "json",
-  "password",
-  "richtext",
-  "string",
-  "text",
-  "time",
-  "uid"
-];
-const ALLOWED_ROOT_LEVEL_OPTIONS = [
-  "min",
-  "minLength",
-  "max",
-  "maxLength",
-  "required",
-  "regex",
-  "enum",
-  "unique",
-  "private",
-  "default"
-];
-class CustomFields {
-  customFields;
-  constructor() {
-    this.customFields = {};
-  }
-  register = (customFields) => {
-    if (Array.isArray(customFields)) {
-      customFields.forEach((customField) => {
-        this.register(customField);
-      });
-    } else {
-      const { name, pluginId, type, intlLabel, intlDescription, components, options } = customFields;
-      invariant__default.default(name, "A name must be provided");
-      invariant__default.default(type, "A type must be provided");
-      invariant__default.default(intlLabel, "An intlLabel must be provided");
-      invariant__default.default(intlDescription, "An intlDescription must be provided");
-      invariant__default.default(components, "A components object must be provided");
-      invariant__default.default(components.Input, "An Input component must be provided");
-      invariant__default.default(
-        ALLOWED_TYPES.includes(type),
-        `Custom field type: '${type}' is not a valid Strapi type or it can't be used with a Custom Field`
-      );
-      const isValidObjectKey = /^(?![0-9])[a-zA-Z0-9$_-]+$/g;
-      invariant__default.default(
-        isValidObjectKey.test(name),
-        `Custom field name: '${name}' is not a valid object key`
-      );
-      const allFormOptions = [...options?.base || [], ...options?.advanced || []];
-      if (allFormOptions.length) {
-        const optionPathValidations = allFormOptions.reduce(optionsValidationReducer, []);
-        optionPathValidations.forEach(({ isValidOptionPath, errorMessage }) => {
-          invariant__default.default(isValidOptionPath, errorMessage);
-        });
-      }
-      const uid = pluginId ? `plugin::${pluginId}.${name}` : `global::${name}`;
-      const uidAlreadyUsed = Object.prototype.hasOwnProperty.call(this.customFields, uid);
-      invariant__default.default(!uidAlreadyUsed, `Custom field: '${uid}' has already been registered`);
-      this.customFields[uid] = customFields;
-    }
-  };
-  getAll = () => {
-    return this.customFields;
-  };
-  get = (uid) => {
-    return this.customFields[uid];
-  };
-}
-const optionsValidationReducer = (acc, option) => {
-  if ("items" in option) {
-    return option.items.reduce(optionsValidationReducer, acc);
-  }
-  if (!option.name) {
-    acc.push({
-      isValidOptionPath: false,
-      errorMessage: "The 'name' property is required on an options object"
-    });
-  } else {
-    acc.push({
-      isValidOptionPath: option.name.startsWith("options") || ALLOWED_ROOT_LEVEL_OPTIONS.includes(option.name),
-      errorMessage: `'${option.name}' must be prefixed with 'options.'`
-    });
-  }
-  return acc;
+const GridColSize = {
+  S: 180,
+  M: 250
+};
+const StyledGrid = styledComponents.styled(designSystem.Box)`
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(${({ $size }) => `${GridColSize[$size]}px`}, 1fr)
+  );
+  grid-gap: ${({ theme }) => theme.spaces[4]};
+`;
+const GridLayout = ({ size, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledGrid, { $size: size, children });
 };
 
-class Plugin {
-  apis;
-  initializer;
-  injectionZones;
-  isReady;
-  name;
-  pluginId;
-  constructor(pluginConf) {
-    this.apis = pluginConf.apis || {};
-    this.initializer = pluginConf.initializer || null;
-    this.injectionZones = pluginConf.injectionZones || {};
-    this.isReady = pluginConf.isReady !== void 0 ? pluginConf.isReady : true;
-    this.name = pluginConf.name;
-    this.pluginId = pluginConf.id;
-  }
-  getInjectedComponents(containerName, blockName) {
-    try {
-      return this.injectionZones[containerName][blockName] || [];
-    } catch (err) {
-      console.error("Cannot get injected component", err);
-      return [];
+const BaseHeaderLayout = React__namespace.forwardRef(
+  ({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
+    const isSubtitleString = typeof subtitle === "string";
+    if (sticky) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Box,
+        {
+          paddingLeft: 6,
+          paddingRight: 6,
+          paddingTop: 3,
+          paddingBottom: 3,
+          position: "fixed",
+          top: 0,
+          right: 0,
+          background: "neutral0",
+          shadow: "tableShadow",
+          width: `${width}rem`,
+          zIndex: 1,
+          "data-strapi-header-sticky": true,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
+              navigationAction && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingRight: 3, children: navigationAction }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h1", ...props, children: title }),
+                isSubtitleString ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: subtitle }) : subtitle
+              ] }),
+              secondaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 4, children: secondaryAction }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: primaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 2, children: primaryAction }) : void 0 })
+          ] })
+        }
+      );
     }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Box,
+      {
+        ref,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingBottom: 8,
+        paddingTop: navigationAction ? 6 : 8,
+        background: "neutral100",
+        "data-strapi-header": true,
+        children: [
+          navigationAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 2, children: navigationAction }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { minWidth: 0, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h1", variant: "alpha", ...props, children: title }),
+              secondaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 4, children: secondaryAction }) : null
+            ] }),
+            primaryAction
+          ] }),
+          isSubtitleString ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: subtitle }) : subtitle
+        ]
+      }
+    );
   }
-  injectComponent(containerName, blockName, component) {
-    try {
-      this.injectionZones[containerName][blockName].push(component);
-    } catch (err) {
-      console.error("Cannot inject component", err);
+);
+const HeaderLayout = (props) => {
+  const baseHeaderLayoutRef = React__namespace.useRef(null);
+  const [headerSize, setHeaderSize] = React__namespace.useState(null);
+  const [containerRef, isVisible] = useElementOnScreen({
+    root: null,
+    rootMargin: "0px",
+    threshold: 0
+  });
+  useResizeObserver(containerRef, () => {
+    if (containerRef.current) {
+      setHeaderSize(containerRef.current.getBoundingClientRect());
     }
-  }
-}
-
-const staticReducers = {
-  [admin.adminApi.reducerPath]: admin.adminApi.reducer,
-  admin_app: rbac.reducer
-};
-const injectReducerStoreEnhancer = (appReducers) => (next) => (...args) => {
-  const store = next(...args);
-  const asyncReducers = {};
-  return {
-    ...store,
-    asyncReducers,
-    injectReducer: (key, asyncReducer) => {
-      asyncReducers[key] = asyncReducer;
-      store.replaceReducer(
-        // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.
-        toolkit.combineReducers({
-          ...appReducers,
-          ...asyncReducers
-        })
-      );
+  });
+  React__namespace.useEffect(() => {
+    if (baseHeaderLayoutRef.current) {
+      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
     }
+  }, [baseHeaderLayoutRef]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && /* @__PURE__ */ jsxRuntime.jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }),
+    !isVisible && /* @__PURE__ */ jsxRuntime.jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })
+  ] });
+};
+HeaderLayout.displayName = "HeaderLayout";
+const useElementOnScreen = (options) => {
+  const containerRef = React__namespace.useRef(null);
+  const [isVisible, setIsVisible] = React__namespace.useState(true);
+  const callback = ([entry]) => {
+    setIsVisible(entry.isIntersecting);
   };
+  React__namespace.useEffect(() => {
+    const containerEl = containerRef.current;
+    const observer = new IntersectionObserver(callback, options);
+    if (containerEl) {
+      observer.observe(containerRef.current);
+    }
+    return () => {
+      if (containerEl) {
+        observer.disconnect();
+      }
+    };
+  }, [containerRef, options]);
+  return [containerRef, isVisible];
 };
-const configureStoreImpl = (preloadedState = {}, appMiddlewares = [], injectedReducers = {}) => {
-  const coreReducers = { ...staticReducers, ...injectedReducers };
-  const defaultMiddlewareOptions = {};
-  if (process.env.NODE_ENV === "test") {
-    defaultMiddlewareOptions.serializableCheck = false;
-    defaultMiddlewareOptions.immutableCheck = false;
-  }
-  const store = toolkit.configureStore({
-    preloadedState: {
-      admin_app: preloadedState.admin_app
-    },
-    reducer: coreReducers,
-    devTools: process.env.NODE_ENV !== "production",
-    middleware: (getDefaultMiddleware) => [
-      ...getDefaultMiddleware(defaultMiddlewareOptions),
-      admin.adminApi.middleware,
-      ...appMiddlewares.map((m) => m())
-    ],
-    enhancers: [injectReducerStoreEnhancer(coreReducers)]
-  });
-  return store;
+const useResizeObserver = (sources, onResize) => {
+  const handleResize = designSystem.useCallbackRef(onResize);
+  React__namespace.useLayoutEffect(() => {
+    const resizeObs = new ResizeObserver(handleResize);
+    if (Array.isArray(sources)) {
+      sources.forEach((source) => {
+        if (source.current) {
+          resizeObs.observe(source.current);
+        }
+      });
+    } else if (sources.current) {
+      resizeObs.observe(sources.current);
+    }
+    return () => {
+      resizeObs.disconnect();
+    };
+  }, [sources, handleResize]);
 };
 
-const getBasename = () => (process.env.ADMIN_PATH ?? "").replace(window.location.origin, "");
+const GridContainer = styledComponents.styled(designSystem.Box)`
+  display: grid;
+  grid-template-columns: ${({ $hasSideNav }) => $hasSideNav ? `auto 1fr` : "1fr"};
+`;
+const OverflowingItem = styledComponents.styled(designSystem.Box)`
+  overflow-x: hidden;
+`;
+const RootLayout = ({ sideNav, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(GridContainer, { $hasSideNav: Boolean(sideNav), children: [
+    sideNav,
+    /* @__PURE__ */ jsxRuntime.jsx(OverflowingItem, { paddingBottom: 10, children })
+  ] });
+};
+const Layouts = {
+  Root: RootLayout,
+  Header: HeaderLayout,
+  BaseHeader: BaseHeaderLayout,
+  Grid: GridLayout,
+  Action: ActionLayout,
+  Content: ContentLayout
+};
 
-const createHook = () => {
-  const _handlers = [];
-  return {
-    register(fn) {
-      _handlers.push(fn);
-    },
-    delete(handler) {
-      _handlers.splice(_handlers.indexOf(handler), 1);
-    },
-    runWaterfall(args, store) {
-      return _handlers.reduce((acc, fn) => fn(acc, store), args);
-    },
-    async runWaterfallAsync(args, store) {
-      let result = args;
-      for (const fn of _handlers) {
-        result = await fn(result, store);
+const NotFoundPage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(Theme.Page.Main, { labelledBy: "title", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Layouts.Header,
+      {
+        id: "title",
+        title: formatMessage({
+          id: "content-manager.pageNotFound",
+          defaultMessage: "Page not found"
+        })
       }
-      return result;
-    },
-    runSeries(...args) {
-      return _handlers.map((fn) => fn(...args));
-    },
-    async runSeriesAsync(...args) {
-      const result = [];
-      for (const fn of _handlers) {
-        result.push(await fn(...args));
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { tag: reactRouterDom.Link, variant: "secondary", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRight, {}), to: "/", children: formatMessage({
+          id: "app.components.NotFoundPage.back",
+          defaultMessage: "Back to homepage"
+        }) }),
+        content: formatMessage({
+          id: "app.page.not.found",
+          defaultMessage: "Oops! We can't seem to find the page you're looging for..."
+        }),
+        hasRadius: true,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyPictures, { width: "16rem" }),
+        shadow: "tableShadow"
       }
-      return result;
-    },
-    runParallel(...args) {
-      return Promise.all(
-        _handlers.map((fn) => {
-          return fn(...args);
-        })
-      );
-    }
-  };
+    ) })
+  ] });
 };
 
-function getIn(obj, key, def, pathStartIndex = 0) {
-  const path = toPath__default.default(key);
-  while (obj && pathStartIndex < path.length) {
-    obj = obj[path[pathStartIndex++]];
-  }
-  if (pathStartIndex !== path.length && !obj) {
-    return def;
-  }
-  return obj === void 0 ? def : obj;
-}
-const isObject = (obj) => obj !== null && typeof obj === "object" && !Array.isArray(obj);
-const isInteger = (obj) => String(Math.floor(Number(obj))) === obj;
-function setIn(obj, path, value) {
-  const res = clone__default.default(obj);
-  let resVal = res;
-  let i = 0;
-  const pathArray = toPath__default.default(path);
-  for (; i < pathArray.length - 1; i++) {
-    const currentPath = pathArray[i];
-    const currentObj = getIn(obj, pathArray.slice(0, i + 1));
-    if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {
-      resVal = resVal[currentPath] = clone__default.default(currentObj);
-    } else {
-      const nextPath = pathArray[i + 1];
-      resVal = resVal[currentPath] = isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};
+const getEERoutes = () => [
+  ...window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS) ? [
+    {
+      path: "audit-logs",
+      lazy: async () => {
+        const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-Hr65IOSg.js'));
+        return {
+          Component: ProtectedListPage
+        };
+      }
     }
-  }
-  if ((i === 0 ? obj : resVal)[pathArray[i]] === value) {
-    return obj;
-  }
-  if (value === void 0) {
-    delete resVal[pathArray[i]];
-  } else {
-    resVal[pathArray[i]] = value;
-  }
-  if (i === 0 && value === void 0) {
-    delete res[pathArray[i]];
-  }
-  return res;
-}
+  ] : [],
+  ...window.strapi.features.isEnabled(window.strapi.features.SSO) ? [
+    {
+      path: "single-sign-on",
+      lazy: async () => {
+        const { ProtectedSSO } = await Promise.resolve().then(() => require('./SingleSignOnPage-UAjYb3Du.js'));
+        return {
+          Component: ProtectedSSO
+        };
+      }
+    }
+  ] : []
+];
 
 const ERR_MSG = "The Form Component has not been initialised, ensure you are using this hook within a Form component";
-const [FormProvider, useForm] = rbac.createContext("Form", {
+const [FormProvider, useForm] = Theme.createContext("Form", {
   disabled: false,
   errors: {},
   initialValues: {},
@@ -1050,11 +1135,11 @@ const [FormProvider, useForm] = rbac.createContext("Form", {
   values: {}
 });
 const Form = React__namespace.forwardRef(
-  ({ disabled = false, method, onSubmit, ...props }, ref) => {
+  ({ disabled = false, method, onSubmit, initialErrors, ...props }, ref) => {
     const formRef = React__namespace.useRef(null);
     const initialValues = React__namespace.useRef(props.initialValues ?? {});
     const [state, dispatch] = React__namespace.useReducer(reducer, {
-      errors: {},
+      errors: initialErrors ?? {},
       isSubmitting: false,
       values: props.initialValues ?? {}
     });
@@ -1185,7 +1270,7 @@ const Form = React__namespace.forwardRef(
         const parsed = parseFloat(value);
         val = isNaN(parsed) ? "" : parsed;
       } else if (/checkbox/.test(type)) {
-        val = !getIn(state.values, field);
+        val = !Theme.getIn(state.values, field);
       } else if (options && multiple) {
         val = Array.from(options).filter((el) => el.selected).map((el) => el.value);
       } else {
@@ -1286,11 +1371,11 @@ const getYupValidationErrors = (err) => {
   let errors = {};
   if (err.inner) {
     if (err.inner.length === 0) {
-      return setIn(errors, err.path, err.message);
+      return Theme.setIn(errors, err.path, err.message);
     }
     for (const error of err.inner) {
-      if (!getIn(errors, error.path)) {
-        errors = setIn(errors, error.path, error.message);
+      if (!Theme.getIn(errors, error.path)) {
+        errors = Theme.setIn(errors, error.path, error.message);
       }
     }
   }
@@ -1314,10 +1399,10 @@ const reducer = (state, action) => immer.produce(state, (draft) => {
       draft.isSubmitting = false;
       break;
     case "SET_FIELD_VALUE":
-      draft.values = setIn(state.values, action.payload.field, action.payload.value);
+      draft.values = Theme.setIn(state.values, action.payload.field, action.payload.value);
       break;
     case "ADD_FIELD_ROW": {
-      const currentField = getIn(state.values, action.payload.field, []);
+      const currentField = Theme.getIn(state.values, action.payload.field, []);
       let position = action.payload.addAtIndex;
       if (position === void 0) {
         position = currentField.length;
@@ -1329,40 +1414,40 @@ const reducer = (state, action) => immer.produce(state, (draft) => {
         currentField.at(position)?.__temp_key__,
         1
       );
-      draft.values = setIn(
+      draft.values = Theme.setIn(
         state.values,
         action.payload.field,
-        setIn(currentField, position.toString(), { ...action.payload.value, __temp_key__: key })
+        Theme.setIn(currentField, position.toString(), { ...action.payload.value, __temp_key__: key })
       );
       break;
     }
     case "MOVE_FIELD_ROW": {
       const { field, fromIndex, toIndex } = action.payload;
-      const currentField = [...getIn(state.values, field, [])];
+      const currentField = [...Theme.getIn(state.values, field, [])];
       const currentRow = currentField[fromIndex];
       const startKey = fromIndex > toIndex ? currentField[toIndex - 1]?.__temp_key__ : currentField[toIndex]?.__temp_key__;
       const endKey = fromIndex > toIndex ? currentField[toIndex]?.__temp_key__ : currentField[toIndex + 1]?.__temp_key__;
       const [newKey] = fractionalIndexing.generateNKeysBetween(startKey, endKey, 1);
       currentField.splice(fromIndex, 1);
       currentField.splice(toIndex, 0, { ...currentRow, __temp_key__: newKey });
-      draft.values = setIn(state.values, field, currentField);
+      draft.values = Theme.setIn(state.values, field, currentField);
       break;
     }
     case "REMOVE_FIELD_ROW": {
-      const currentField = getIn(state.values, action.payload.field, []);
+      const currentField = Theme.getIn(state.values, action.payload.field, []);
       let position = action.payload.removeAtIndex;
       if (position === void 0) {
         position = currentField.length - 1;
       } else if (position < 0) {
         position = 0;
       }
-      const newValue = setIn(currentField, position.toString(), void 0).filter(
+      const newValue = Theme.setIn(currentField, position.toString(), void 0).filter(
         (val) => val
       );
-      draft.values = setIn(
+      draft.values = Theme.setIn(
         state.values,
         action.payload.field,
-        newValue.length > 0 ? newValue : void 0
+        newValue.length > 0 ? newValue : []
       );
       break;
     }
@@ -1385,18 +1470,25 @@ const useField = (path) => {
   const { formatMessage } = reactIntl.useIntl();
   const initialValue = useForm(
     "useField",
-    (state) => getIn(state.initialValues, path)
+    (state) => Theme.getIn(state.initialValues, path)
   );
   const value = useForm(
     "useField",
-    (state) => getIn(state.values, path)
+    (state) => Theme.getIn(state.values, path)
   );
   const handleChange = useForm("useField", (state) => state.onChange);
-  const error = useForm("useField", (state) => getIn(state.errors, path));
+  const error = useForm("useField", (state) => {
+    const error2 = Theme.getIn(state.errors, path);
+    if (isErrorMessageDescriptor(error2)) {
+      const { values, ...message } = error2;
+      return formatMessage(message, values);
+    }
+    return error2;
+  });
   return {
     initialValue,
     /**
-     * Errors can be a string, or a MesaageDescriptor, so we need to handle both cases.
+     * Errors can be a string, or a MessageDescriptor, so we need to handle both cases.
      * If it's anything else, we don't return it.
      */
     error: isErrorMessageDescriptor(error) ? formatMessage(
@@ -1407,69 +1499,58 @@ const useField = (path) => {
       error.values
     ) : typeof error === "string" ? error : void 0,
     onChange: handleChange,
-    value
-  };
-};
-const isErrorMessageDescriptor = (object) => {
-  return typeof object === "object" && object !== null && "id" in object && "defaultMessage" in object;
-};
-const Blocker = ({ onProceed = () => {
-}, onCancel = () => {
-} }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const modified = useForm("Blocker", (state) => state.modified);
-  const isSubmitting = useForm("Blocker", (state) => state.isSubmitting);
-  const blocker = reactRouterDom.useBlocker(({ currentLocation, nextLocation }) => {
-    return !isSubmitting && modified && (currentLocation.pathname !== nextLocation.pathname || currentLocation.search !== nextLocation.search);
-  });
-  if (blocker.state === "blocked") {
-    const handleCancel = () => {
-      onCancel();
-      blocker.reset();
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Dialog,
-      {
-        isOpen: true,
-        title: formatMessage({
-          id: "app.components.ConfirmDialog.title",
-          defaultMessage: "Confirmation"
-        }),
-        onClose: handleCancel,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
-              id: "global.prompt.unsaved",
-              defaultMessage: "You have unsaved changes, are you sure you want to leave?"
-            }) })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.DialogFooter,
-            {
-              startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleCancel, variant: "tertiary", children: formatMessage({
-                id: "app.components.Button.cancel",
-                defaultMessage: "Cancel"
-              }) }),
-              endAction: /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Button,
-                {
-                  onClick: () => {
-                    onProceed();
-                    blocker.proceed();
-                  },
-                  variant: "danger",
-                  children: formatMessage({
-                    id: "app.components.Button.confirm",
-                    defaultMessage: "Confirm"
-                  })
-                }
-              )
-            }
-          )
-        ]
+    value
+  };
+};
+const isErrorMessageDescriptor = (object) => {
+  return typeof object === "object" && object !== null && !Array.isArray(object) && "id" in object && "defaultMessage" in object;
+};
+const Blocker = ({ onProceed = () => {
+}, onCancel = () => {
+} }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const modified = useForm("Blocker", (state) => state.modified);
+  const isSubmitting = useForm("Blocker", (state) => state.isSubmitting);
+  const blocker = reactRouterDom.useBlocker(({ currentLocation, nextLocation }) => {
+    return !isSubmitting && modified && (currentLocation.pathname !== nextLocation.pathname || currentLocation.search !== nextLocation.search);
+  });
+  if (blocker.state === "blocked") {
+    const handleCancel = (isOpen) => {
+      if (!isOpen) {
+        onCancel();
+        blocker.reset();
       }
-    );
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: true, onOpenChange: handleCancel, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }), children: formatMessage({
+        id: "global.prompt.unsaved",
+        defaultMessage: "You have unsaved changes, are you sure you want to leave?"
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
+          id: "app.components.Button.cancel",
+          defaultMessage: "Cancel"
+        }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            onClick: () => {
+              onProceed();
+              blocker.proceed();
+            },
+            variant: "danger",
+            children: formatMessage({
+              id: "app.components.Button.confirm",
+              defaultMessage: "Confirm"
+            })
+          }
+        )
+      ] })
+    ] }) });
   }
   return null;
 };
@@ -1522,7 +1603,7 @@ const BooleanInput = React.forwardRef(
 const MemoizedBooleanInput = React.memo(BooleanInput);
 
 const CheckboxInput = React.forwardRef(
-  ({ name, required, label, hint, ...props }, ref) => {
+  ({ name, required, label, hint, type: _type, ...props }, ref) => {
     const field = useField(name);
     const fieldRef = useFocusInputField(name);
     const composedRefs = designSystem.useComposedRefs(ref, fieldRef);
@@ -1530,9 +1611,9 @@ const CheckboxInput = React.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Checkbox,
         {
-          onValueChange: (checked) => field.onChange(name, checked),
+          onCheckedChange: (checked) => field.onChange(name, !!checked),
           ref: composedRefs,
-          value: field.value,
+          checked: field.value,
           ...props,
           children: label || props["aria-label"]
         }
@@ -1559,10 +1640,10 @@ const DateInput = React.forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (date) => {
-            field.onChange(name, date);
+            field.onChange(name, date ? convertLocalDateToUTCDate(date) : null);
           },
-          onClear: () => field.onChange(name, void 0),
-          value,
+          onClear: () => field.onChange(name, null),
+          value: value ? convertLocalDateToUTCDate(value) : value,
           ...props
         }
       ),
@@ -1571,6 +1652,12 @@ const DateInput = React.forwardRef(
     ] });
   }
 );
+const convertLocalDateToUTCDate = (date$1) => {
+  const utcDateString = date$1.toISOString();
+  const timeZone = date.getLocalTimeZone();
+  const zonedDateTime = date.parseAbsolute(utcDateString, timeZone);
+  return date.toCalendarDate(zonedDateTime).toDate("UTC");
+};
 const MemoizedDateInput = React.memo(DateInput);
 
 const DateTimeInput = React.forwardRef(
@@ -1588,9 +1675,9 @@ const DateTimeInput = React.forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (date) => {
-            field.onChange(name, date);
+            field.onChange(name, date ? date : null);
           },
-          onClear: () => field.onChange(name, void 0),
+          onClear: () => field.onChange(name, null),
           value,
           ...props
         }
@@ -1820,7 +1907,7 @@ const TimeInput = React.forwardRef(
           ref: composedRefs,
           clearLabel: formatMessage({ id: "clearLabel", defaultMessage: "Clear" }),
           onChange: (time) => {
-            field.onChange(name, time);
+            field.onChange(name, `${time}:00.000`);
           },
           onClear: () => field.onChange(name, void 0),
           value: field.value ?? "",
@@ -1840,6 +1927,7 @@ const InputRenderer = React.memo(
       case "biginteger":
       case "timestamp":
       case "string":
+      case "uid":
         return /* @__PURE__ */ jsxRuntime.jsx(MemoizedStringInput, { ref: forwardRef2, ...props });
       case "boolean":
         return /* @__PURE__ */ jsxRuntime.jsx(MemoizedBooleanInput, { ref: forwardRef2, ...props });
@@ -1901,7 +1989,7 @@ const Img = styledComponents.styled.img`
 const Logo = () => {
   const {
     logos: { auth }
-  } = rbac.useConfiguration("UnauthenticatedLogo");
+  } = Theme.useConfiguration("UnauthenticatedLogo");
   return /* @__PURE__ */ jsxRuntime.jsx(Img, { src: auth?.custom?.url || auth.default, "aria-hidden": true, alt: "" });
 };
 
@@ -1913,8 +2001,8 @@ const Column = styledComponents.styled(designSystem.Flex)`
   flex-direction: column;
 `;
 const LocaleToggle = () => {
-  const localeNames = rbac.useTypedSelector((state) => state.admin_app.language.localeNames);
-  const dispatch = rbac.useTypedDispatch();
+  const localeNames = Theme.useTypedSelector((state) => state.admin_app.language.localeNames);
+  const dispatch = Theme.useTypedDispatch();
   const { formatMessage, locale } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.SingleSelect,
@@ -1925,7 +2013,7 @@ const LocaleToggle = () => {
       }),
       value: locale,
       onChange: (language) => {
-        dispatch(rbac.setLocale(language));
+        dispatch(Theme.setLocale(language));
       },
       children: Object.entries(localeNames).map(([language, name]) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: language, children: name }, language))
     }
@@ -2016,7 +2104,7 @@ const Login = ({ children }) => {
   const { search: searchString } = reactRouterDom.useLocation();
   const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
   const navigate = reactRouterDom.useNavigate();
-  const login = rbac.useAuth("Login", (state) => state.login);
+  const { login } = Theme.useAuth("Login", (auth) => auth);
   const handleLogin = async (body) => {
     setApiError(void 0);
     const res = await login(body);
@@ -2106,8 +2194,8 @@ const Login = ({ children }) => {
 const ForgotPassword = () => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
-  const { _unstableFormatAPIError: formatAPIError } = rbac.useAPIErrorHandler();
-  const [forgotPassword, { error }] = rbac.useForgotPasswordMutation();
+  const { _unstableFormatAPIError: formatAPIError } = Theme.useAPIErrorHandler();
+  const [forgotPassword, { error }] = Theme.useForgotPasswordMutation();
   return /* @__PURE__ */ jsxRuntime.jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(LayoutContent, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Column, { children: [
@@ -2264,12 +2352,12 @@ const FieldWrapper = styledComponents.styled(designSystem.Field.Root)`
 const delays = {
   postResponse: 90 * 24 * 60 * 60 * 1e3,
   // 90 days in ms
-  postFirstDismissal: 7 * 24 * 60 * 60 * 1e3,
-  // 7 days in ms
+  postFirstDismissal: 14 * 24 * 60 * 60 * 1e3,
+  // 14 days in ms
   postSubsequentDismissal: 90 * 24 * 60 * 60 * 1e3,
   // 90 days in ms
-  display: 5 * 60 * 1e3
-  // 5 minutes in ms
+  display: 30 * 60 * 1e3
+  // 30 minutes in ms
 };
 const ratingArray = [...Array(11).keys()];
 const checkIfShouldShowSurvey = (settings) => {
@@ -2307,9 +2395,9 @@ const NpsSurvey = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { npsSurveySettings, setNpsSurveySettings } = useNpsSurveySettings();
   const [isFeedbackResponse, setIsFeedbackResponse] = React__namespace.useState(false);
-  const { toggleNotification } = rbac.useNotification();
-  const currentEnvironment = rbac.useAppInfo("NpsSurvey", (state) => state.currentEnvironment);
-  const strapiVersion = rbac.useAppInfo("NpsSurvey", (state) => state.strapiVersion);
+  const { toggleNotification } = Theme.useNotification();
+  const currentEnvironment = Theme.useAppInfo("NpsSurvey", (state) => state.currentEnvironment);
+  const strapiVersion = Theme.useAppInfo("NpsSurvey", (state) => state.strapiVersion);
   const [surveyIsShown, setSurveyIsShown] = React__namespace.useState(
     checkIfShouldShowSurvey(npsSurveySettings)
   );
@@ -2322,7 +2410,7 @@ const NpsSurvey = () => {
       clearTimeout(displayTime);
     };
   }, []);
-  const user = rbac.useAuth("NpsSurvey", (state) => state.user);
+  const { user } = Theme.useAuth("NpsSurvey", (auth) => auth);
   if (!displaySurvey) {
     return null;
   }
@@ -2406,7 +2494,7 @@ const NpsSurvey = () => {
           bottom: 0,
           left: "50%",
           transform: "translateX(-50%)",
-          zIndex: "popover",
+          zIndex: "200",
           width: "50%",
           children: isFeedbackResponse ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: formatMessage({
             id: "app.components.NpsSurvey.feedback-response",
@@ -2592,11 +2680,11 @@ const REGISTER_ADMIN_SCHEMA = yup__namespace.object().shape({
   })
 });
 const Register = ({ hasAdmin }) => {
-  const { toggleNotification } = rbac.useNotification();
+  const { toggleNotification } = Theme.useNotification();
   const navigate = reactRouterDom.useNavigate();
   const [submitCount, setSubmitCount] = React__namespace.useState(0);
   const [apiError, setApiError] = React__namespace.useState();
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   const { formatMessage } = reactIntl.useIntl();
   const setSkipped = useGuidedTour("Register", (state) => state.setSkipped);
   const { search: searchString } = reactRouterDom.useLocation();
@@ -2605,10 +2693,10 @@ const Register = ({ hasAdmin }) => {
   const {
     _unstableFormatAPIError: formatAPIError,
     _unstableFormatValidationErrors: formatValidationErrors
-  } = rbac.useAPIErrorHandler();
+  } = Theme.useAPIErrorHandler();
   const { setNpsSurveySettings } = useNpsSurveySettings();
   const registrationToken = query.get("registrationToken");
-  const { data: userInfo, error } = rbac.useGetRegistrationInfoQuery(registrationToken, {
+  const { data: userInfo, error } = Theme.useGetRegistrationInfoQuery(registrationToken, {
     skip: !registrationToken
   });
   React__namespace.useEffect(() => {
@@ -2621,13 +2709,13 @@ const Register = ({ hasAdmin }) => {
       navigate(`/auth/oops?info=${encodeURIComponent(message)}`);
     }
   }, [error, formatAPIError, navigate, toggleNotification]);
-  const [registerAdmin] = rbac.useRegisterAdminMutation();
-  const [registerUser] = rbac.useRegisterUserMutation();
-  const setToken = rbac.useAuth("Register", (state) => state.setToken);
+  const [registerAdmin] = Theme.useRegisterAdminMutation();
+  const [registerUser] = Theme.useRegisterUserMutation();
+  const dispatch = Theme.useTypedDispatch();
   const handleRegisterAdmin = async ({ news, ...body }, setFormErrors) => {
     const res = await registerAdmin(body);
     if ("data" in res) {
-      setToken(res.data.token);
+      dispatch(Theme.login({ token: res.data.token }));
       const { roles } = res.data.user;
       if (roles) {
         const isUserSuperAdmin = roles.find(({ code }) => code === "strapi-super-admin");
@@ -2660,7 +2748,7 @@ const Register = ({ hasAdmin }) => {
   const handleRegisterUser = async ({ news, ...body }, setFormErrors) => {
     const res = await registerUser(body);
     if ("data" in res) {
-      setToken(res.data.token);
+      dispatch(Theme.login({ token: res.data.token }));
       if (news) {
         setNpsSurveySettings((s) => ({ ...s, enabled: true }));
         navigate({
@@ -2754,7 +2842,7 @@ const Register = ({ hasAdmin }) => {
           }
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, marginTop: 7, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: [
             {
               label: formatMessage({
                 id: "Auth.form.firstname.label",
@@ -2830,7 +2918,7 @@ const Register = ({ hasAdmin }) => {
               size: 12,
               type: "checkbox"
             }
-          ].map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field }) }, field.name)) }),
+          ].map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field }) }, field.name)) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, size: "L", type: "submit", children: formatMessage({
             id: "Auth.form.button.register",
             defaultMessage: "Let's start"
@@ -2898,16 +2986,16 @@ const RESET_PASSWORD_SCHEMA = yup__namespace.object().shape({
 });
 const ResetPassword = () => {
   const { formatMessage } = reactIntl.useIntl();
+  const dispatch = Theme.useTypedDispatch();
   const navigate = reactRouterDom.useNavigate();
   const { search: searchString } = reactRouterDom.useLocation();
   const query = React__namespace.useMemo(() => new URLSearchParams(searchString), [searchString]);
-  const { _unstableFormatAPIError: formatAPIError } = rbac.useAPIErrorHandler();
-  const setToken = rbac.useAuth("ResetPassword", (state) => state.setToken);
-  const [resetPassword, { error }] = rbac.useResetPasswordMutation();
+  const { _unstableFormatAPIError: formatAPIError } = Theme.useAPIErrorHandler();
+  const [resetPassword, { error }] = Theme.useResetPasswordMutation();
   const handleSubmit = async (body) => {
     const res = await resetPassword(body);
     if ("data" in res) {
-      setToken(res.data.token);
+      dispatch(Theme.login({ token: res.data.token }));
       navigate("/");
     }
   };
@@ -2997,11 +3085,11 @@ const AuthPage = () => {
   const { hasAdmin } = data ?? {};
   const Login$1 = useEnterprise.useEnterprise(
     Login,
-    async () => (await Promise.resolve().then(() => require('./Login-uUFgaGQO.js'))).LoginEE
+    async () => (await Promise.resolve().then(() => require('./Login-KZbFZfrN.js'))).LoginEE
   );
   const forms = useEnterprise.useEnterprise(
     FORMS,
-    async () => (await Promise.resolve().then(() => require('./constants-MTKkA8PE.js'))).FORMS,
+    async () => (await Promise.resolve().then(() => require('./constants-4XMdB2M2.js'))).FORMS,
     {
       combine(ceForms, eeForms) {
         return {
@@ -3012,7 +3100,7 @@ const AuthPage = () => {
       defaultValue: FORMS
     }
   );
-  const token = rbac.useAuth("AuthPage", (state) => state.token);
+  const { token } = Theme.useAuth("AuthPage", (auth) => auth);
   if (!authType || !forms) {
     return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/" });
   }
@@ -3029,237 +3117,22 @@ const AuthPage = () => {
           // Forward the `?redirectTo` from /auth/login
           // /abc => /auth/login?redirectTo=%2Fabc => /auth/register-admin?redirectTo=%2Fabc
           search
-        }
-      }
-    );
-  }
-  if (Login$1 && authType === "login") {
-    return /* @__PURE__ */ jsxRuntime.jsx(Login$1, {});
-  } else if (authType === "login" && !Login$1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { hasAdmin });
-};
-
-const ActionLayout = ({ startActions, endActions }) => {
-  if (!startActions && !endActions) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Flex,
-    {
-      justifyContent: "space-between",
-      alignItems: "flex-start",
-      paddingBottom: 4,
-      paddingLeft: 10,
-      paddingRight: 10,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, wrap: "wrap", children: startActions }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, shrink: 0, wrap: "wrap", children: endActions })
-      ]
-    }
-  );
-};
-
-const ContentLayout = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children });
-};
-
-const GridColSize = {
-  S: 180,
-  M: 250
-};
-const StyledGrid = styledComponents.styled(designSystem.Box)`
-  display: grid;
-  grid-template-columns: repeat(
-    auto-fit,
-    minmax(${({ $size }) => `${GridColSize[$size]}px`}, 1fr)
-  );
-  grid-gap: ${({ theme }) => theme.spaces[4]};
-`;
-const GridLayout = ({ size, children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledGrid, { $size: size, children });
-};
-
-const BaseHeaderLayout = React__namespace.forwardRef(
-  ({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
-    const isSubtitleString = typeof subtitle === "string";
-    if (sticky) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Box,
-        {
-          paddingLeft: 6,
-          paddingRight: 6,
-          paddingTop: 3,
-          paddingBottom: 3,
-          position: "fixed",
-          top: 0,
-          right: 0,
-          background: "neutral0",
-          shadow: "tableShadow",
-          width: `${width}rem`,
-          zIndex: 1,
-          "data-strapi-header-sticky": true,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
-              navigationAction && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingRight: 3, children: navigationAction }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h1", ...props, children: title }),
-                isSubtitleString ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: subtitle }) : subtitle
-              ] }),
-              secondaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 4, children: secondaryAction }) : null
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: primaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 2, children: primaryAction }) : void 0 })
-          ] })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Box,
-      {
-        ref,
-        paddingLeft: 10,
-        paddingRight: 10,
-        paddingBottom: 8,
-        paddingTop: navigationAction ? 6 : 8,
-        background: "neutral100",
-        "data-strapi-header": true,
-        children: [
-          navigationAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 2, children: navigationAction }) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { minWidth: 0, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h1", variant: "alpha", ...props, children: title }),
-              secondaryAction ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 4, children: secondaryAction }) : null
-            ] }),
-            primaryAction
-          ] }),
-          isSubtitleString ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: subtitle }) : subtitle
-        ]
-      }
-    );
-  }
-);
-const HeaderLayout = (props) => {
-  const baseHeaderLayoutRef = React__namespace.useRef(null);
-  const [headerSize, setHeaderSize] = React__namespace.useState(null);
-  const [containerRef, isVisible] = useElementOnScreen({
-    root: null,
-    rootMargin: "0px",
-    threshold: 0
-  });
-  useResizeObserver(containerRef, () => {
-    if (containerRef.current) {
-      setHeaderSize(containerRef.current.getBoundingClientRect());
-    }
-  });
-  React__namespace.useEffect(() => {
-    if (baseHeaderLayoutRef.current) {
-      setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
-    }
-  }, [baseHeaderLayoutRef]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && /* @__PURE__ */ jsxRuntime.jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }),
-    !isVisible && /* @__PURE__ */ jsxRuntime.jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })
-  ] });
-};
-HeaderLayout.displayName = "HeaderLayout";
-const useElementOnScreen = (options) => {
-  const containerRef = React__namespace.useRef(null);
-  const [isVisible, setIsVisible] = React__namespace.useState(true);
-  const callback = ([entry]) => {
-    setIsVisible(entry.isIntersecting);
-  };
-  React__namespace.useEffect(() => {
-    const containerEl = containerRef.current;
-    const observer = new IntersectionObserver(callback, options);
-    if (containerEl) {
-      observer.observe(containerRef.current);
-    }
-    return () => {
-      if (containerEl) {
-        observer.disconnect();
-      }
-    };
-  }, [containerRef, options]);
-  return [containerRef, isVisible];
-};
-const useResizeObserver = (sources, onResize) => {
-  const handleResize = designSystem.useCallbackRef(onResize);
-  React__namespace.useLayoutEffect(() => {
-    const resizeObs = new ResizeObserver(handleResize);
-    if (Array.isArray(sources)) {
-      sources.forEach((source) => {
-        if (source.current) {
-          resizeObs.observe(source.current);
-        }
-      });
-    } else if (sources.current) {
-      resizeObs.observe(sources.current);
-    }
-    return () => {
-      resizeObs.disconnect();
-    };
-  }, [sources, handleResize]);
-};
-
-const GridContainer = styledComponents.styled(designSystem.Box)`
-  display: grid;
-  grid-template-columns: ${({ $hasSideNav }) => $hasSideNav ? `auto 1fr` : "1fr"};
-`;
-const OverflowingItem = styledComponents.styled(designSystem.Box)`
-  overflow-x: hidden;
-`;
-const RootLayout = ({ sideNav, children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(GridContainer, { $hasSideNav: Boolean(sideNav), children: [
-    sideNav,
-    /* @__PURE__ */ jsxRuntime.jsx(OverflowingItem, { paddingBottom: 10, children })
-  ] });
-};
-const Layouts = {
-  Root: RootLayout,
-  Header: HeaderLayout,
-  BaseHeader: BaseHeaderLayout,
-  Grid: GridLayout,
-  Action: ActionLayout,
-  Content: ContentLayout
-};
-
-const NotFoundPage = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(rbac.Page.Main, { labelledBy: "title", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Layouts.Header,
-      {
-        id: "title",
-        title: formatMessage({
-          id: "content-manager.pageNotFound",
-          defaultMessage: "Page not found"
-        })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.EmptyStateLayout,
-      {
-        action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { tag: reactRouterDom.Link, variant: "secondary", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRight, {}), to: "/", children: formatMessage({
-          id: "app.components.NotFoundPage.back",
-          defaultMessage: "Back to homepage"
-        }) }),
-        content: formatMessage({
-          id: "app.page.not.found",
-          defaultMessage: "Oops! We can't seem to find the page you're looging for..."
-        }),
-        hasRadius: true,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyPictures, { width: "16rem" }),
-        shadow: "tableShadow"
+        }
       }
-    ) })
-  ] });
+    );
+  }
+  if (Login$1 && authType === "login") {
+    return /* @__PURE__ */ jsxRuntime.jsx(Login$1, {});
+  } else if (authType === "login" && !Login$1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { hasAdmin });
 };
 
 const ROUTES_CE = [
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-qccI1KJZ.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-Lg5YOMva.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3268,7 +3141,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-peOfskFg.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-cmQo1lsI.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3277,7 +3150,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-peOfskFg.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-cmQo1lsI.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3286,7 +3159,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-z7pM9PD2.js'));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-aTVcZqIw.js'));
       return {
         Component: ProtectedEditPage
       };
@@ -3295,7 +3168,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-Id9VZhfe.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-1rd2okih.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3304,7 +3177,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-SrUqHo-J.js'));
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-lZSLQ_kW.js'));
       return {
         Component: ProtectedEditPage
       };
@@ -3313,7 +3186,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-4TW2khkB.js'));
+      const { ProtectedCreatePage } = await Promise.resolve().then(() => require('./CreatePage-pdMfqmVQ.js'));
       return {
         Component: ProtectedCreatePage
       };
@@ -3322,7 +3195,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage-cmzfgdc5.js')).then(n => n.EditPage$1);
+      const { ProtectedEditPage } = await Promise.resolve().then(() => require('./EditPage--0bmE7_N.js')).then(n => n.EditPage$1);
       return {
         Component: ProtectedEditPage
       };
@@ -3331,7 +3204,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-kdascM3g.js'));
+      const { ProtectedListPage } = await Promise.resolve().then(() => require('./ListPage-Z6tGG3Ab.js'));
       return {
         Component: ProtectedListPage
       };
@@ -3340,7 +3213,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-gOdn2Qwi.js'));
+      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-qyoVbUIE.js'));
       return {
         Component: ProtectedListView
       };
@@ -3349,7 +3222,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-uK14O_jU.js'));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-pnws3TX-.js'));
       return {
         Component: ProtectedCreateView
       };
@@ -3358,7 +3231,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditViewPage-KEF7ROrG.js'));
+      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditViewPage-l54jnFq5.js'));
       return {
         Component: ProtectedEditView
       };
@@ -3367,7 +3240,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-Ni2CgUVr.js'));
+      const { ProtectedCreateView } = await Promise.resolve().then(() => require('./CreateView-d40DvWop.js'));
       return {
         Component: ProtectedCreateView
       };
@@ -3376,7 +3249,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-Tdz585_r.js'));
+      const { ProtectedListView } = await Promise.resolve().then(() => require('./ListView-5P4j7mTu.js'));
       return {
         Component: ProtectedListView
       };
@@ -3385,7 +3258,7 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditView-gJfIIjvG.js'));
+      const { ProtectedEditView } = await Promise.resolve().then(() => require('./EditView-lT8-jopG.js'));
       return {
         Component: ProtectedEditView
       };
@@ -3394,23 +3267,446 @@ const ROUTES_CE = [
   },
   {
     lazy: async () => {
-      const { PurchaseAuditLogs } = await Promise.resolve().then(() => require('./PurchaseAuditLogs-uu0_PoKP.js'));
+      const { PurchaseAuditLogs } = await Promise.resolve().then(() => require('./PurchaseAuditLogs-vw0PH1V9.js'));
       return {
         Component: PurchaseAuditLogs
       };
     },
-    path: "purchase-audit-logs"
-  },
-  {
-    lazy: async () => {
-      const { PurchaseSingleSignOn } = await Promise.resolve().then(() => require('./PurchaseSingleSignOn-I0AAcpBZ.js'));
-      return {
-        Component: PurchaseSingleSignOn
-      };
+    path: "purchase-audit-logs"
+  },
+  {
+    lazy: async () => {
+      const { PurchaseSingleSignOn } = await Promise.resolve().then(() => require('./PurchaseSingleSignOn-6LucYXfi.js'));
+      return {
+        Component: PurchaseSingleSignOn
+      };
+    },
+    path: "purchase-single-sign-on"
+  }
+];
+
+const getImmutableRoutes = () => [
+  {
+    path: "usecase",
+    lazy: async () => {
+      const { PrivateUseCasePage } = await Promise.resolve().then(() => require('./UseCasePage-qujErAl0.js'));
+      return {
+        Component: PrivateUseCasePage
+      };
+    }
+  },
+  // this needs to go before auth/:authType because otherwise it won't match the route
+  ...getEERoutes$1(),
+  {
+    path: "auth/:authType",
+    element: /* @__PURE__ */ jsxRuntime.jsx(AuthPage, {})
+  }
+];
+const getInitialRoutes = () => [
+  {
+    index: true,
+    lazy: async () => {
+      const { HomePage } = await Promise.resolve().then(() => require('./HomePage-rO315cxr.js'));
+      return {
+        Component: HomePage
+      };
+    }
+  },
+  {
+    path: "me",
+    lazy: async () => {
+      const { ProfilePage } = await Promise.resolve().then(() => require('./ProfilePage-CcfGiB1f.js'));
+      return {
+        Component: ProfilePage
+      };
+    }
+  },
+  {
+    path: "list-plugins",
+    lazy: async () => {
+      const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require('./InstalledPluginsPage-Jr5ITmO2.js'));
+      return {
+        Component: ProtectedInstalledPluginsPage
+      };
+    }
+  },
+  {
+    path: "marketplace",
+    lazy: async () => {
+      const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require('./MarketplacePage-_xLLmtgL.js'));
+      return {
+        Component: ProtectedMarketplacePage
+      };
+    }
+  },
+  {
+    path: "settings/*",
+    lazy: async () => {
+      const { Layout } = await Promise.resolve().then(() => require('./Layout-oY1FywRQ.js'));
+      return {
+        Component: Layout
+      };
+    },
+    children: [
+      {
+        path: "application-infos",
+        lazy: async () => {
+          const { ApplicationInfoPage } = await Promise.resolve().then(() => require('./ApplicationInfoPage-g82dXg6q.js'));
+          return {
+            Component: ApplicationInfoPage
+          };
+        }
+      },
+      // ...Object.values(this.settings).flatMap(({ links }) =>
+      //   links.map(({ to, Component }) => ({
+      //     path: `${to}/*`,
+      //     element: (
+      //       <React.Suspense fallback={<Page.Loading />}>
+      //         <Component />
+      //       </React.Suspense>
+      //     ),
+      //   }))
+      // ),
+      ...[...getEERoutes(), ...ROUTES_CE].filter(
+        (route, index, refArray) => refArray.findIndex((obj) => obj.path === route.path) === index
+      )
+    ]
+  }
+];
+
+class Router {
+  _routes = [];
+  router = null;
+  _menu = [];
+  _settings = {
+    global: {
+      id: "global",
+      intlLabel: {
+        id: "Settings.global",
+        defaultMessage: "Global Settings"
+      },
+      links: []
+    }
+  };
+  constructor(initialRoutes) {
+    this._routes = initialRoutes;
+  }
+  get routes() {
+    return this._routes;
+  }
+  get menu() {
+    return this._menu;
+  }
+  get settings() {
+    return this._settings;
+  }
+  /**
+   * @internal This method is used internally by Strapi to create the router.
+   * It should not be used by plugins, doing so will likely break the application.
+   */
+  createRouter(strapi, { memory, ...opts } = {}) {
+    const routes = [
+      {
+        path: "/*",
+        errorElement: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store: strapi.store, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.LanguageProvider, { messages: strapi.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(Theme.Theme, { themes: strapi.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {}) }) }) }),
+        element: /* @__PURE__ */ jsxRuntime.jsx(App, { strapi, store: strapi.store }),
+        children: [
+          ...getImmutableRoutes(),
+          {
+            path: "/*",
+            lazy: async () => {
+              const { PrivateAdminLayout } = await Promise.resolve().then(() => require('./AuthenticatedLayout-zi65roOD.js'));
+              return {
+                Component: PrivateAdminLayout
+              };
+            },
+            children: [
+              ...this.routes,
+              {
+                path: "*",
+                element: /* @__PURE__ */ jsxRuntime.jsx(NotFoundPage, {})
+              }
+            ]
+          }
+        ]
+      }
+    ];
+    if (memory) {
+      this.router = reactRouterDom.createMemoryRouter(routes, opts);
+    } else {
+      this.router = reactRouterDom.createBrowserRouter(routes, opts);
+    }
+    return this.router;
+  }
+  addMenuLink = (link) => {
+    invariant__default.default(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
+    invariant__default.default(
+      typeof link.to === "string",
+      `[${link.intlLabel.defaultMessage}]: Expected link.to to be a string instead received ${typeof link.to}`
+    );
+    invariant__default.default(
+      link.intlLabel?.id && link.intlLabel?.defaultMessage,
+      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage should be defined`
+    );
+    invariant__default.default(
+      !link.Component || link.Component && typeof link.Component === "function",
+      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise that returns a default component. Please use: \`Component: () => import(path)\` instead.`
+    );
+    if (!link.Component || link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
+    link.Component[Symbol.toStringTag] === "AsyncFunction") {
+      console.warn(
+        `
+      [${link.intlLabel.defaultMessage}]: [deprecated] addMenuLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
+      `.trim()
+      );
+    }
+    if (link.to.startsWith("/")) {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your menu link is an absolute path, it should be relative to the root of the application. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.slice(1);
+    }
+    const { Component, ...restLink } = link;
+    if (Component) {
+      this._routes.push({
+        path: `${link.to}/*`,
+        lazy: async () => {
+          const mod = await Component();
+          if ("default" in mod) {
+            return { Component: mod.default };
+          } else {
+            return { Component: mod };
+          }
+        }
+      });
+    }
+    this.menu.push(restLink);
+  };
+  addSettingsLink(section, link) {
+    if (typeof section === "object" && "links" in section) {
+      invariant__default.default(section.id, "section.id should be defined");
+      invariant__default.default(
+        section.intlLabel?.id && section.intlLabel?.defaultMessage,
+        "section.intlLabel should be defined"
+      );
+      invariant__default.default(this.settings[section.id] === void 0, "A similar section already exists");
+      invariant__default.default(Array.isArray(section.links), "TypeError expected links to be an array");
+      this.settings[section.id] = { ...section, links: [] };
+      section.links.forEach((link2) => {
+        this.createSettingsLink(section.id, link2);
+      });
+    } else if (typeof section === "object" && link) {
+      invariant__default.default(section.id, "section.id should be defined");
+      invariant__default.default(
+        section.intlLabel?.id && section.intlLabel?.defaultMessage,
+        "section.intlLabel should be defined"
+      );
+      invariant__default.default(this.settings[section.id] === void 0, "A similar section already exists");
+      this.settings[section.id] = { ...section, links: [] };
+      if (Array.isArray(link)) {
+        link.forEach((l) => this.createSettingsLink(section.id, l));
+      } else {
+        this.createSettingsLink(section.id, link);
+      }
+    } else if (typeof section === "string" && link) {
+      if (Array.isArray(link)) {
+        link.forEach((l) => this.createSettingsLink(section, l));
+      } else {
+        this.createSettingsLink(section, link);
+      }
+    } else {
+      throw new Error(
+        "Invalid arguments provided to addSettingsLink, at minimum a sectionId and link are required."
+      );
+    }
+  }
+  createSettingsLink = (sectionId, link) => {
+    invariant__default.default(this._settings[sectionId], "The section does not exist");
+    invariant__default.default(link.id, `[${link.intlLabel.defaultMessage}]: link.id should be defined`);
+    invariant__default.default(
+      link.intlLabel?.id && link.intlLabel?.defaultMessage,
+      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage`
+    );
+    invariant__default.default(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
+    invariant__default.default(
+      !link.Component || link.Component && typeof link.Component === "function",
+      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise. Please use: \`Component: () => import(path)\` instead.`
+    );
+    if (!link.Component || link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
+    link.Component[Symbol.toStringTag] === "AsyncFunction") {
+      console.warn(
+        `
+      [${link.intlLabel.defaultMessage}]: [deprecated] addSettingsLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
+      `.trim()
+      );
+    }
+    if (link.to.startsWith("/")) {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link is an absolute path. It should be relative to \`/settings\`. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.slice(1);
+    }
+    if (link.to.split("/")[0] === "settings") {
+      console.warn(
+        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link has \`settings\` as the first part of it's path. It should be relative to \`settings\` and therefore, not include it. This has been corrected for you but will be removed in a future version of Strapi.`
+      );
+      link.to = link.to.split("/").slice(1).join("/");
+    }
+    const { Component, ...restLink } = link;
+    const settingsIndex = this._routes.findIndex((route) => route.path === "settings/*");
+    if (!settingsIndex) {
+      console.warn(
+        "A third party plugin has removed the settings section, the settings link cannot be added."
+      );
+      return;
+    } else if (!this._routes[settingsIndex].children) {
+      this._routes[settingsIndex].children = [];
+    }
+    if (Component) {
+      this._routes[settingsIndex].children.push({
+        path: `${link.to}/*`,
+        lazy: async () => {
+          const mod = await Component();
+          if ("default" in mod) {
+            return { Component: mod.default };
+          } else {
+            return { Component: mod };
+          }
+        }
+      });
+    }
+    this._settings[sectionId].links.push(restLink);
+  };
+  /**
+   * @alpha
+   * @description Adds a route or an array of routes to the router.
+   * Otherwise, pass a function that receives the current routes and
+   * returns the new routes in a reducer like fashion.
+   */
+  addRoute(route) {
+    if (Array.isArray(route)) {
+      this._routes = [...this._routes, ...route];
+    } else if (typeof route === "object" && route !== null) {
+      this._routes.push(route);
+    } else if (typeof route === "function") {
+      this._routes = route(this._routes);
+    } else {
+      throw new Error(
+        `Expected the \`route\` passed to \`addRoute\` to be an array or a function, but received ${getPrintableType(
+          route
+        )}`
+      );
+    }
+  }
+}
+const getPrintableType = (value) => {
+  const nativeType = typeof value;
+  if (nativeType === "object") {
+    if (value === null)
+      return "null";
+    if (Array.isArray(value))
+      return "array";
+    if (value instanceof Object && value.constructor.name !== "Object") {
+      return value.constructor.name;
+    }
+  }
+  return nativeType;
+};
+
+const staticReducers = {
+  [admin.adminApi.reducerPath]: admin.adminApi.reducer,
+  admin_app: Theme.reducer
+};
+const injectReducerStoreEnhancer = (appReducers) => (next) => (...args) => {
+  const store = next(...args);
+  const asyncReducers = {};
+  return {
+    ...store,
+    asyncReducers,
+    injectReducer: (key, asyncReducer) => {
+      asyncReducers[key] = asyncReducer;
+      store.replaceReducer(
+        // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.
+        toolkit.combineReducers({
+          ...appReducers,
+          ...asyncReducers
+        })
+      );
+    }
+  };
+};
+const configureStoreImpl = (preloadedState = {}, appMiddlewares = [], injectedReducers = {}) => {
+  const coreReducers = { ...staticReducers, ...injectedReducers };
+  const defaultMiddlewareOptions = {};
+  if (process.env.NODE_ENV === "test") {
+    defaultMiddlewareOptions.serializableCheck = false;
+    defaultMiddlewareOptions.immutableCheck = false;
+  }
+  const store = toolkit.configureStore({
+    preloadedState: {
+      admin_app: preloadedState.admin_app
+    },
+    reducer: coreReducers,
+    devTools: process.env.NODE_ENV !== "production",
+    middleware: (getDefaultMiddleware) => [
+      ...getDefaultMiddleware(defaultMiddlewareOptions),
+      rtkQueryUnauthorizedMiddleware,
+      admin.adminApi.middleware,
+      ...appMiddlewares.map((m) => m())
+    ],
+    enhancers: [injectReducerStoreEnhancer(coreReducers)]
+  });
+  return store;
+};
+const rtkQueryUnauthorizedMiddleware = ({ dispatch }) => (next) => (action) => {
+  if (toolkit.isRejected(action) && action.payload?.status === 401) {
+    dispatch(Theme.logout());
+    window.location.href = "/admin/auth/login";
+    return;
+  }
+  return next(action);
+};
+
+const getBasename = () => (process.env.ADMIN_PATH ?? "").replace(window.location.origin, "");
+
+const createHook = () => {
+  const _handlers = [];
+  return {
+    register(fn) {
+      _handlers.push(fn);
+    },
+    delete(handler) {
+      _handlers.splice(_handlers.indexOf(handler), 1);
+    },
+    runWaterfall(args, store) {
+      return _handlers.reduce((acc, fn) => fn(acc, store), args);
+    },
+    async runWaterfallAsync(args, store) {
+      let result = args;
+      for (const fn of _handlers) {
+        result = await fn(result, store);
+      }
+      return result;
+    },
+    runSeries(...args) {
+      return _handlers.map((fn) => fn(...args));
     },
-    path: "purchase-single-sign-on"
-  }
-];
+    async runSeriesAsync(...args) {
+      const result = [];
+      for (const fn of _handlers) {
+        result.push(await fn(...args));
+      }
+      return result;
+    },
+    runParallel(...args) {
+      return Promise.all(
+        _handlers.map((fn) => {
+          return fn(...args);
+        })
+      );
+    }
+  };
+};
 
 const languageNativeNames = {
   ar: "العربية",
@@ -3463,20 +3759,6 @@ class StrapiApp {
     injectionZones: {}
   };
   translations = {};
-  /**
-   * MENU API
-   */
-  menu = [];
-  settings = {
-    global: {
-      id: "global",
-      intlLabel: {
-        id: "Settings.global",
-        defaultMessage: "Global Settings"
-      },
-      links: []
-    }
-  };
   configurations = {
     authLogo: StrapiLogo,
     head: { favicon: "" },
@@ -3490,13 +3772,15 @@ class StrapiApp {
   /**
    * APIs
    */
-  rbac = new rbac.RBAC();
+  rbac = new Theme.RBAC();
+  router;
   library = {
     components: {},
     fields: {}
   };
   middlewares = [];
   reducers = {};
+  store = null;
   customFields = new CustomFields();
   constructor({ config, appPlugins } = {}) {
     this.appPlugins = appPlugins || {};
@@ -3505,6 +3789,7 @@ class StrapiApp {
     this.createHook(MUTATE_COLLECTION_TYPES_LINKS);
     this.createHook(MUTATE_SINGLE_TYPES_LINKS);
     this.createHook(MUTATE_EDIT_VIEW_LAYOUT);
+    this.router = new Router(getInitialRoutes());
   }
   addComponents = (components) => {
     if (Array.isArray(components)) {
@@ -3532,46 +3817,6 @@ class StrapiApp {
       this.library.fields[fields.type] = fields.Component;
     }
   };
-  addMenuLink = (link) => {
-    invariant__default.default(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
-    invariant__default.default(
-      typeof link.to === "string",
-      `[${link.intlLabel.defaultMessage}]: Expected link.to to be a string instead received ${typeof link.to}`
-    );
-    invariant__default.default(
-      link.intlLabel?.id && link.intlLabel?.defaultMessage,
-      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage should be defined`
-    );
-    invariant__default.default(
-      link.Component && typeof link.Component === "function",
-      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise that returns a default component. Please use: \`Component: () => import(path)\` instead.`
-    );
-    if (link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
-    link.Component[Symbol.toStringTag] === "AsyncFunction") {
-      console.warn(
-        `
-      [${link.intlLabel.defaultMessage}]: [deprecated] addMenuLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
-      `.trim()
-      );
-    }
-    if (link.to.startsWith("/")) {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your menu link is an absolute path, it should be relative to the root of the application. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.slice(1);
-    }
-    this.menu.push({
-      ...link,
-      Component: React__namespace.lazy(async () => {
-        const mod = await link.Component();
-        if ("default" in mod) {
-          return mod;
-        } else {
-          return { default: mod };
-        }
-      })
-    });
-  };
   addMiddlewares = (middlewares) => {
     middlewares.forEach((middleware) => {
       this.middlewares.push(middleware);
@@ -3589,56 +3834,22 @@ class StrapiApp {
       this.reducers[name] = reducer;
     });
   };
-  addSettingsLink = (sectionId, link) => {
-    invariant__default.default(this.settings[sectionId], "The section does not exist");
-    invariant__default.default(link.id, `[${link.intlLabel.defaultMessage}]: link.id should be defined`);
-    invariant__default.default(
-      link.intlLabel?.id && link.intlLabel?.defaultMessage,
-      `[${link.intlLabel.defaultMessage}]: link.intlLabel.id & link.intlLabel.defaultMessage`
-    );
-    invariant__default.default(link.to, `[${link.intlLabel.defaultMessage}]: link.to should be defined`);
-    invariant__default.default(
-      link.Component && typeof link.Component === "function",
-      `[${link.intlLabel.defaultMessage}]: link.Component must be a function returning a Promise. Please use: \`Component: () => import(path)\` instead.`
-    );
-    if (link.Component && typeof link.Component === "function" && // @ts-expect-error – shh
-    link.Component[Symbol.toStringTag] === "AsyncFunction") {
-      console.warn(
-        `
-      [${link.intlLabel.defaultMessage}]: [deprecated] addSettingsLink() was called with an async Component from the plugin "${link.intlLabel.defaultMessage}". This will be removed in the future. Please use: \`Component: () => import(path)\` ensuring you return a default export instead.
-      `.trim()
-      );
-    }
-    if (link.to.startsWith("/")) {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link is an absolute path. It should be relative to \`/settings\`. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.slice(1);
-    }
-    if (link.to.split("/")[0] === "settings") {
-      console.warn(
-        `[${link.intlLabel.defaultMessage}]: the \`to\` property of your settings link has \`settings\` as the first part of it's path. It should be relative to \`settings\` and therefore, not include it. This has been corrected for you but will be removed in a future version of Strapi.`
-      );
-      link.to = link.to.split("/").slice(1).join("/");
-    }
-    this.settings[sectionId].links.push({
-      ...link,
-      Component: React__namespace.lazy(async () => {
-        const mod = await link.Component();
-        if ("default" in mod) {
-          return mod;
-        } else {
-          return { default: mod };
-        }
-      })
-    });
-  };
+  addMenuLink = (link) => this.router.addMenuLink(link);
+  /**
+   * @deprecated use `addSettingsLink` instead, it internally supports
+   * adding multiple links at once.
+   */
   addSettingsLinks = (sectionId, links) => {
-    invariant__default.default(this.settings[sectionId], "The section does not exist");
     invariant__default.default(Array.isArray(links), "TypeError expected links to be an array");
-    links.forEach((link) => {
-      this.addSettingsLink(sectionId, link);
-    });
+    this.router.addSettingsLink(sectionId, links);
+  };
+  /**
+   * @deprecated use `addSettingsLink` instead, you can pass a section object to
+   * create the section and links at the same time.
+   */
+  createSettingSection = (section, links) => this.router.addSettingsLink(section, links);
+  addSettingsLink = (sectionId, link) => {
+    this.router.addSettingsLink(sectionId, link);
   };
   async bootstrap(customBootstrap) {
     Object.keys(this.appPlugins).forEach((plugin) => {
@@ -3705,19 +3916,6 @@ class StrapiApp {
   createHook = (name) => {
     this.hooksDict[name] = createHook();
   };
-  createSettingSection = (section, links) => {
-    invariant__default.default(section.id, "section.id should be defined");
-    invariant__default.default(
-      section.intlLabel?.id && section.intlLabel?.defaultMessage,
-      "section.intlLabel should be defined"
-    );
-    invariant__default.default(Array.isArray(links), "TypeError expected links to be an array");
-    invariant__default.default(this.settings[section.id] === void 0, "A similar section already exists");
-    this.settings[section.id] = { ...section, links: [] };
-    links.forEach((link) => {
-      this.addSettingsLink(section.id, link);
-    });
-  };
   getAdminInjectedComponents = (moduleName, containerName, blockName) => {
     try {
       return this.admin.injectionZones[moduleName][containerName][blockName] || [];
@@ -3727,16 +3925,19 @@ class StrapiApp {
     }
   };
   getPlugin = (pluginId) => this.plugins[pluginId];
-  async register() {
+  async register(customRegister) {
     Object.keys(this.appPlugins).forEach((plugin) => {
       this.appPlugins[plugin].register(this);
     });
+    if (isFunction__default.default(customRegister)) {
+      customRegister(this);
+    }
   }
   async loadAdminTrads() {
     const adminLocales = await Promise.all(
       this.configurations.locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./translations/ar.json": () => Promise.resolve().then(() => require('./ar-74XpZHjA.js')),"./translations/ca.json": () => Promise.resolve().then(() => require('./ca-tfhzbe_0.js')),"./translations/cs.json": () => Promise.resolve().then(() => require('./cs-sS-228vY.js')),"./translations/de.json": () => Promise.resolve().then(() => require('./de-og0YSnla.js')),"./translations/dk.json": () => Promise.resolve().then(() => require('./dk-GtDhDxRc.js')),"./translations/en.json": () => Promise.resolve().then(() => require('./en-G-ukrF2h.js')),"./translations/es.json": () => Promise.resolve().then(() => require('./es-TQtY4G8X.js')),"./translations/eu.json": () => Promise.resolve().then(() => require('./eu-SRdPRyQu.js')),"./translations/fr.json": () => Promise.resolve().then(() => require('./fr-GW5-kEO9.js')),"./translations/gu.json": () => Promise.resolve().then(() => require('./gu-z6qqOLRh.js')),"./translations/he.json": () => Promise.resolve().then(() => require('./he-CLdZZ_n1.js')),"./translations/hi.json": () => Promise.resolve().then(() => require('./hi-3pMoYe6q.js')),"./translations/hu.json": () => Promise.resolve().then(() => require('./hu-VxIqV1X0.js')),"./translations/id.json": () => Promise.resolve().then(() => require('./id-cUUpuxZO.js')),"./translations/it.json": () => Promise.resolve().then(() => require('./it-m8H0rXTP.js')),"./translations/ja.json": () => Promise.resolve().then(() => require('./ja-jhqUhh7F.js')),"./translations/ko.json": () => Promise.resolve().then(() => require('./ko-Fq49QS3z.js')),"./translations/ml.json": () => Promise.resolve().then(() => require('./ml-mLJM4sQP.js')),"./translations/ms.json": () => Promise.resolve().then(() => require('./ms-NDmpSkMY.js')),"./translations/nl.json": () => Promise.resolve().then(() => require('./nl-RREi1JAg.js')),"./translations/no.json": () => Promise.resolve().then(() => require('./no-2wT9Jd9n.js')),"./translations/pl.json": () => Promise.resolve().then(() => require('./pl-kU2npCRO.js')),"./translations/pt-BR.json": () => Promise.resolve().then(() => require('./pt-BR-R-dMJxPL.js')),"./translations/pt.json": () => Promise.resolve().then(() => require('./pt-IygqsPYv.js')),"./translations/ru.json": () => Promise.resolve().then(() => require('./ru-5TBoMH_2.js')),"./translations/sa.json": () => Promise.resolve().then(() => require('./sa-KmwTiEO5.js')),"./translations/sk.json": () => Promise.resolve().then(() => require('./sk-IV2uPmXo.js')),"./translations/sv.json": () => Promise.resolve().then(() => require('./sv-Uv9nW9cN.js')),"./translations/th.json": () => Promise.resolve().then(() => require('./th-SXQwWjv6.js')),"./translations/tr.json": () => Promise.resolve().then(() => require('./tr-RBQM-Vq5.js')),"./translations/uk.json": () => Promise.resolve().then(() => require('./uk-5T4XFIKm.js')),"./translations/vi.json": () => Promise.resolve().then(() => require('./vi-mj-Smy3d.js')),"./translations/zh-Hans.json": () => Promise.resolve().then(() => require('./zh-Hans-eWSoi9-X.js')),"./translations/zh.json": () => Promise.resolve().then(() => require('./zh-6qF5HCOo.js'))})), `./translations/${locale}.json`);
+          const { default: data } = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./translations/ar.json": () => Promise.resolve().then(() => require('./ar-74XpZHjA.js')),"./translations/ca.json": () => Promise.resolve().then(() => require('./ca-tfhzbe_0.js')),"./translations/cs.json": () => Promise.resolve().then(() => require('./cs-sS-228vY.js')),"./translations/de.json": () => Promise.resolve().then(() => require('./de-og0YSnla.js')),"./translations/dk.json": () => Promise.resolve().then(() => require('./dk-GtDhDxRc.js')),"./translations/en.json": () => Promise.resolve().then(() => require('./en-TbnMBjZf.js')),"./translations/es.json": () => Promise.resolve().then(() => require('./es-TQtY4G8X.js')),"./translations/eu.json": () => Promise.resolve().then(() => require('./eu-SRdPRyQu.js')),"./translations/fr.json": () => Promise.resolve().then(() => require('./fr-GW5-kEO9.js')),"./translations/gu.json": () => Promise.resolve().then(() => require('./gu-z6qqOLRh.js')),"./translations/he.json": () => Promise.resolve().then(() => require('./he-CLdZZ_n1.js')),"./translations/hi.json": () => Promise.resolve().then(() => require('./hi-3pMoYe6q.js')),"./translations/hu.json": () => Promise.resolve().then(() => require('./hu-VxIqV1X0.js')),"./translations/id.json": () => Promise.resolve().then(() => require('./id-cUUpuxZO.js')),"./translations/it.json": () => Promise.resolve().then(() => require('./it-m8H0rXTP.js')),"./translations/ja.json": () => Promise.resolve().then(() => require('./ja-jhqUhh7F.js')),"./translations/ko.json": () => Promise.resolve().then(() => require('./ko-Fq49QS3z.js')),"./translations/ml.json": () => Promise.resolve().then(() => require('./ml-mLJM4sQP.js')),"./translations/ms.json": () => Promise.resolve().then(() => require('./ms-NDmpSkMY.js')),"./translations/nl.json": () => Promise.resolve().then(() => require('./nl-RREi1JAg.js')),"./translations/no.json": () => Promise.resolve().then(() => require('./no-2wT9Jd9n.js')),"./translations/pl.json": () => Promise.resolve().then(() => require('./pl-kU2npCRO.js')),"./translations/pt-BR.json": () => Promise.resolve().then(() => require('./pt-BR-R-dMJxPL.js')),"./translations/pt.json": () => Promise.resolve().then(() => require('./pt-IygqsPYv.js')),"./translations/ru.json": () => Promise.resolve().then(() => require('./ru-5TBoMH_2.js')),"./translations/sa.json": () => Promise.resolve().then(() => require('./sa-KmwTiEO5.js')),"./translations/sk.json": () => Promise.resolve().then(() => require('./sk-IV2uPmXo.js')),"./translations/sv.json": () => Promise.resolve().then(() => require('./sv-Uv9nW9cN.js')),"./translations/th.json": () => Promise.resolve().then(() => require('./th-SXQwWjv6.js')),"./translations/tr.json": () => Promise.resolve().then(() => require('./tr-RBQM-Vq5.js')),"./translations/uk.json": () => Promise.resolve().then(() => require('./uk-5T4XFIKm.js')),"./translations/vi.json": () => Promise.resolve().then(() => require('./vi-mj-Smy3d.js')),"./translations/zh-Hans.json": () => Promise.resolve().then(() => require('./zh-Hans-eWSoi9-X.js')),"./translations/zh.json": () => Promise.resolve().then(() => require('./zh-6qF5HCOo.js'))})), `./translations/${locale}.json`);
           return { data, locale };
         } catch {
           return { data: null, locale };
@@ -3809,138 +4010,28 @@ class StrapiApp {
   runHookParallel = (name) => this.hooksDict[name].runParallel();
   render() {
     const localeNames = pick__default.default(languageNativeNames, this.configurations.locales || []);
-    const locale = localStorage.getItem(rbac.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
-    const store = configureStoreImpl(
+    const locale = localStorage.getItem(Theme.LANGUAGE_LOCAL_STORAGE_KEY) || "en";
+    this.store = configureStoreImpl(
       {
         admin_app: {
           permissions: merge__default.default({}, ADMIN_PERMISSIONS_CE, ADMIN_PERMISSIONS_EE),
           theme: {
             availableThemes: [],
-            currentTheme: localStorage.getItem(rbac.THEME_LOCAL_STORAGE_KEY) || "system"
+            currentTheme: localStorage.getItem(Theme.THEME_LOCAL_STORAGE_KEY) || "system"
           },
           language: {
             locale: localeNames[locale] ? locale : "en",
             localeNames
-          }
+          },
+          token: Theme.getStoredToken()
         }
       },
       this.middlewares,
       this.reducers
     );
-    const settingsRoutes = [...getEERoutes(), ...ROUTES_CE].filter(
-      (route, index, refArray) => refArray.findIndex((obj) => obj.path === route.path) === index
-    );
-    const router = reactRouterDom.createBrowserRouter(
-      [
-        {
-          path: "/*",
-          errorElement: /* @__PURE__ */ jsxRuntime.jsx(reactRedux.Provider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.LanguageProvider, { messages: this.configurations.translations, children: /* @__PURE__ */ jsxRuntime.jsx(rbac.Theme, { themes: this.configurations.themes, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {}) }) }) }),
-          element: /* @__PURE__ */ jsxRuntime.jsx(App, { strapi: this, store }),
-          children: [
-            {
-              path: "usecase",
-              lazy: async () => {
-                const { PrivateUseCasePage } = await Promise.resolve().then(() => require('./UseCasePage-g9nN8RuC.js'));
-                return {
-                  Component: PrivateUseCasePage
-                };
-              }
-            },
-            // this needs to go before auth/:authType because otherwise it won't match the route
-            ...getEERoutes$1(),
-            {
-              path: "auth/:authType",
-              element: /* @__PURE__ */ jsxRuntime.jsx(AuthPage, {})
-            },
-            {
-              path: "/*",
-              lazy: async () => {
-                const { PrivateAdminLayout } = await Promise.resolve().then(() => require('./AuthenticatedLayout-QwEem8GL.js'));
-                return {
-                  Component: PrivateAdminLayout
-                };
-              },
-              children: [
-                {
-                  index: true,
-                  lazy: async () => {
-                    const { HomePage } = await Promise.resolve().then(() => require('./HomePage-eU782NVl.js'));
-                    return {
-                      Component: HomePage
-                    };
-                  }
-                },
-                {
-                  path: "me",
-                  lazy: async () => {
-                    const { ProfilePage } = await Promise.resolve().then(() => require('./ProfilePage-lpqTZIyh.js'));
-                    return {
-                      Component: ProfilePage
-                    };
-                  }
-                },
-                {
-                  path: "list-plugins",
-                  lazy: async () => {
-                    const { ProtectedInstalledPluginsPage } = await Promise.resolve().then(() => require('./InstalledPluginsPage-gga_OMMI.js'));
-                    return {
-                      Component: ProtectedInstalledPluginsPage
-                    };
-                  }
-                },
-                {
-                  path: "marketplace",
-                  lazy: async () => {
-                    const { ProtectedMarketplacePage } = await Promise.resolve().then(() => require('./MarketplacePage-UfmJkfaS.js'));
-                    return {
-                      Component: ProtectedMarketplacePage
-                    };
-                  }
-                },
-                {
-                  path: "settings/*",
-                  lazy: async () => {
-                    const { Layout } = await Promise.resolve().then(() => require('./Layout-6QqRGC19.js'));
-                    return {
-                      Component: Layout
-                    };
-                  },
-                  children: [
-                    {
-                      path: "application-infos",
-                      lazy: async () => {
-                        const { ApplicationInfoPage } = await Promise.resolve().then(() => require('./ApplicationInfoPage-FlIVu3WL.js'));
-                        return {
-                          Component: ApplicationInfoPage
-                        };
-                      }
-                    },
-                    ...Object.values(this.settings).flatMap(
-                      ({ links }) => links.map(({ to, Component }) => ({
-                        path: `${to}/*`,
-                        element: /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Component, {}) })
-                      }))
-                    ),
-                    ...settingsRoutes
-                  ]
-                },
-                ...this.menu.map(({ to, Component }) => ({
-                  path: `${to}/*`,
-                  element: /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Component, {}) })
-                })),
-                {
-                  path: "*",
-                  element: /* @__PURE__ */ jsxRuntime.jsx(NotFoundPage, {})
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      {
-        basename: getBasename()
-      }
-    );
+    const router = this.router.createRouter(this, {
+      basename: getBasename()
+    });
     return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.RouterProvider, { router });
   }
 }
@@ -4002,7 +4093,7 @@ const renderAdmin = async (mountNode, { plugins, customisations, features }) =>
     config: customisations?.config,
     appPlugins: plugins
   });
-  await app.register();
+  await app.register(customisations?.register);
   await app.bootstrap(customisations?.bootstrap);
   await app.loadTrads(customisations?.config?.translations);
   client.createRoot(mountNode).render(app.render());
@@ -4013,13 +4104,12 @@ const renderAdmin = async (mountNode, { plugins, customisations, features }) =>
 
 const ConfirmDialog = ({
   children,
-  icon = /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, {}),
-  onClose,
+  icon = /* @__PURE__ */ jsxRuntime.jsx(StyledWarning, {}),
   onConfirm,
-  variant = "danger",
+  variant = "danger-light",
   startAction,
   endAction,
-  ...props
+  title
 }) => {
   const { formatMessage } = reactIntl.useIntl();
   const [isConfirming, setIsConfirming] = React__namespace.useState(false);
@@ -4027,49 +4117,53 @@ const ConfirmDialog = ({
     id: "app.confirm.body",
     defaultMessage: "Are you sure?"
   });
-  const handleConfirm = async () => {
+  const handleConfirm = async (e) => {
     if (!onConfirm) {
       return;
     }
     try {
       setIsConfirming(true);
-      await onConfirm();
-      onClose();
+      await onConfirm(e);
     } finally {
       setIsConfirming(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Dialog,
-    {
-      title: formatMessage({
-        id: "app.components.ConfirmDialog.title",
-        defaultMessage: "Confirmation"
-      }),
-      onClose,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { icon, children: typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(DefaultBodyWrapper, { children: content }) : content }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.DialogFooter,
-          {
-            startAction: startAction || /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
-              id: "app.components.Button.cancel",
-              defaultMessage: "Cancel"
-            }) }),
-            endAction: endAction || /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, loading: isConfirming, children: formatMessage({
-              id: "app.components.Button.confirm",
-              defaultMessage: "Confirm"
-            }) })
-          }
-        )
-      ]
-    }
-  );
-};
-const DefaultBodyWrapper = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title || formatMessage({
+      id: "app.components.ConfirmDialog.title",
+      defaultMessage: "Confirmation"
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { icon, children: content }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+      startAction || /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          fullWidth: true,
+          variant: "tertiary",
+          onClick: (e) => {
+            e.stopPropagation();
+          },
+          children: formatMessage({
+            id: "app.components.Button.cancel",
+            defaultMessage: "Cancel"
+          })
+        }
+      ) }),
+      endAction || /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, onClick: handleConfirm, variant, loading: isConfirming, children: formatMessage({
+        id: "app.components.Button.confirm",
+        defaultMessage: "Confirm"
+      }) }) })
+    ] })
+  ] });
 };
+const StyledWarning = styledComponents.styled(icons.WarningCircle)`
+  width: 24px;
+  height: 24px;
+
+  path {
+    fill: ${({ theme }) => theme.colors.danger600};
+  }
+`;
 
 const useIsMounted = () => {
   const isMounted = React__namespace.useRef(false);
@@ -4334,6 +4428,7 @@ const STRING_PARSE_FILTERS = [
     value: "$endsWithi"
   }
 ];
+const FILTERS_WITH_NO_VALUE = ["$null", "$notNull"];
 
 function useControllableState({
   prop,
@@ -4406,95 +4501,83 @@ const useQueryParams = (initialParams) => {
   return [{ query, rawQuery: search }, setQuery];
 };
 
-const [FiltersProvider, useFilters] = rbac.createContext("Filters");
+const [FiltersProvider, useFilters] = Theme.createContext("Filters");
 const Root$2 = ({
   children,
   disabled = false,
   onChange,
+  options = [],
   onOpenChange,
   open: openProp,
   defaultOpen,
-  options = []
+  ...restProps
 }) => {
-  const [triggerNode, setTriggerNode] = React__namespace.useState(null);
-  const [open = false, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
   const handleChange = (data) => {
     if (onChange) {
       onChange(data);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Root, { open, onOpenChange: setOpen, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(
     FiltersProvider,
     {
+      setOpen,
       disabled,
       onChange: handleChange,
-      open,
       options,
-      setOpen,
-      setTriggerNode,
-      triggerNode,
       children
     }
-  );
+  ) });
 };
 const Trigger = React__namespace.forwardRef(
   ({ label }, forwardedRef) => {
     const { formatMessage } = reactIntl.useIntl();
-    const { setTriggerNode, setOpen } = useFilters("Trigger", ({ setTriggerNode: setTriggerNode2, setOpen: setOpen2 }) => ({
-      setTriggerNode: setTriggerNode2,
-      setOpen: setOpen2
-    }));
     const disabled = useFilters("Trigger", ({ disabled: disabled2 }) => disabled2);
-    const open = useFilters("Trigger", ({ open: open2 }) => open2);
-    const composedRefs = designSystem.useComposedRefs(forwardedRef, setTriggerNode);
-    const handleClick = () => setOpen(!open);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Button,
       {
         variant: "tertiary",
-        ref: composedRefs,
+        ref: forwardedRef,
         startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Filter, {}),
-        onClick: handleClick,
         size: "S",
         disabled,
         children: label || formatMessage({ id: "app.utils.filters", defaultMessage: "Filters" })
       }
-    );
+    ) });
   }
 );
 const PopoverImpl = () => {
   const [{ query }, setQuery] = useQueryParams();
   const { formatMessage } = reactIntl.useIntl();
-  const open = useFilters("Popover", ({ open: open2 }) => open2);
   const options = useFilters("Popover", ({ options: options2 }) => options2);
-  const triggerNode = useFilters("Popover", ({ triggerNode: triggerNode2 }) => triggerNode2);
-  const setOpen = useFilters("Popover", ({ setOpen: setOpen2 }) => setOpen2);
   const onChange = useFilters("Popover", ({ onChange: onChange2 }) => onChange2);
-  if (!open || options.length === 0 || !triggerNode) {
+  const setOpen = useFilters("Popover", ({ setOpen: setOpen2 }) => setOpen2);
+  if (options.length === 0) {
     return null;
   }
   const handleSubmit = (data) => {
-    if (!data.value) {
+    const value = FILTERS_WITH_NO_VALUE.includes(data.filter) ? "true" : data.value;
+    if (!value) {
       return;
     }
     if (onChange) {
       onChange(data);
     }
-    const filterType = options.find((filter) => filter.name === data.name).type;
+    const fieldOptions = options.find((filter) => filter.name === data.name);
     const operatorValuePairing = {
-      [data.filter]: data.value
+      [data.filter]: value
     };
     const newFilterQuery = {
       ...query.filters,
       $and: [
         ...query.filters?.$and ?? [],
         {
-          [data.name]: filterType === "relation" ? {
-            id: operatorValuePairing
+          [data.name]: fieldOptions.type === "relation" ? {
+            [fieldOptions.mainField?.name ?? "id"]: operatorValuePairing
           } : operatorValuePairing
         }
       ]
@@ -4502,89 +4585,79 @@ const PopoverImpl = () => {
     setQuery({ filters: newFilterQuery, page: 1 });
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.PopoverPrimitives.Content,
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Form,
     {
-      source: { current: triggerNode },
-      onDismiss: () => setOpen(false),
-      padding: 3,
-      spacing: 4,
-      maxHeight: "unset",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Form,
-        {
-          method: "POST",
-          initialValues: {
-            name: options[0]?.name,
-            filter: BASE_FILTERS[0].value
-          },
-          onSubmit: handleSubmit,
-          children: ({ values: formValues, modified, isSubmitting }) => {
-            const filter = options.find((filter2) => filter2.name === formValues.name);
-            const Input = filter?.input || MemoizedInputRenderer;
-            return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, style: { minWidth: 184 }, children: [
-              [
-                {
-                  ["aria-label"]: formatMessage({
-                    id: "app.utils.select-field",
-                    defaultMessage: "Select field"
-                  }),
-                  name: "name",
-                  options: options.map((filter2) => ({
-                    label: filter2.label,
-                    value: filter2.name
-                  })),
-                  placholder: formatMessage({
-                    id: "app.utils.select-field",
-                    defaultMessage: "Select field"
-                  }),
-                  type: "enumeration"
-                },
-                {
-                  ["aria-label"]: formatMessage({
-                    id: "app.utils.select-filter",
-                    defaultMessage: "Select filter"
-                  }),
-                  name: "filter",
-                  options: filter?.operators || getFilterList(filter).map((opt) => ({
-                    label: formatMessage(opt.label),
-                    value: opt.value
-                  })),
-                  placeholder: formatMessage({
-                    id: "app.utils.select-filter",
-                    defaultMessage: "Select filter"
-                  }),
-                  type: "enumeration"
-                }
-              ].map((field) => /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field }, field.name)),
-              filter && formValues.filter && formValues.filter !== "$null" && formValues.filter !== "$notNull" ? /* @__PURE__ */ jsxRuntime.jsx(
-                Input,
-                {
-                  ...filter,
-                  label: null,
-                  "aria-label": filter.label,
-                  name: "value",
-                  type: filter.mainField?.type ?? filter.type
-                }
-              ) : null,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Button,
-                {
-                  disabled: !modified || isSubmitting,
-                  size: "L",
-                  variant: "secondary",
-                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
-                  type: "submit",
-                  fullWidth: true,
-                  children: formatMessage({ id: "app.utils.add-filter", defaultMessage: "Add filter" })
-                }
-              )
-            ] });
-          }
-        }
-      )
+      method: "POST",
+      initialValues: {
+        name: options[0]?.name,
+        filter: BASE_FILTERS[0].value
+      },
+      onSubmit: handleSubmit,
+      children: ({ values: formValues, modified, isSubmitting }) => {
+        const filter = options.find((filter2) => filter2.name === formValues.name);
+        const Input = filter?.input || MemoizedInputRenderer;
+        return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, style: { minWidth: 184 }, children: [
+          [
+            {
+              ["aria-label"]: formatMessage({
+                id: "app.utils.select-field",
+                defaultMessage: "Select field"
+              }),
+              name: "name",
+              options: options.map((filter2) => ({
+                label: filter2.label,
+                value: filter2.name
+              })),
+              placholder: formatMessage({
+                id: "app.utils.select-field",
+                defaultMessage: "Select field"
+              }),
+              type: "enumeration"
+            },
+            {
+              ["aria-label"]: formatMessage({
+                id: "app.utils.select-filter",
+                defaultMessage: "Select filter"
+              }),
+              name: "filter",
+              options: filter?.operators || getFilterList(filter).map((opt) => ({
+                label: formatMessage(opt.label),
+                value: opt.value
+              })),
+              placeholder: formatMessage({
+                id: "app.utils.select-filter",
+                defaultMessage: "Select filter"
+              }),
+              type: "enumeration"
+            }
+          ].map((field) => /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field }, field.name)),
+          filter && formValues.filter && formValues.filter !== "$null" && formValues.filter !== "$notNull" ? /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              ...filter,
+              label: null,
+              "aria-label": filter.label,
+              name: "value",
+              type: filter.mainField?.type ?? filter.type
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              disabled: !modified || isSubmitting,
+              size: "L",
+              variant: "secondary",
+              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+              type: "submit",
+              fullWidth: true,
+              children: formatMessage({ id: "app.utils.add-filter", defaultMessage: "Add filter" })
+            }
+          )
+        ] });
+      }
     }
-  );
+  ) }) });
 };
 const getFilterList = (filter) => {
   if (!filter) {
@@ -4594,7 +4667,6 @@ const getFilterList = (filter) => {
   switch (type) {
     case "email":
     case "text":
-    case "enumeration":
     case "string": {
       return [
         ...BASE_FILTERS,
@@ -4616,6 +4688,9 @@ const getFilterList = (filter) => {
     case "datetime": {
       return [...BASE_FILTERS, ...NUMERIC_FILTERS];
     }
+    case "enumeration": {
+      return BASE_FILTERS;
+    }
     default:
       return [...BASE_FILTERS, ...IS_SENSITIVE_FILTERS];
   }
@@ -4753,7 +4828,7 @@ const Filters = {
   Trigger
 };
 
-const [PaginationProvider, usePagination] = rbac.createContext("Pagination");
+const [PaginationProvider, usePagination] = Theme.createContext("Pagination");
 const Root$1 = React__namespace.forwardRef(
   ({ children, defaultPageSize = 10, pageCount = 0, defaultPage = 1, onPageSizeChange, total = 0 }, forwardedRef) => {
     const [{ query }, setQuery] = useQueryParams(
@@ -4768,18 +4843,28 @@ const Root$1 = React__namespace.forwardRef(
         onPageSizeChange(pageSize);
       }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { ref: forwardedRef, paddingTop: 4, alignItems: "flex-end", justifyContent: "space-between", children: /* @__PURE__ */ jsxRuntime.jsx(
-      PaginationProvider,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Flex,
       {
-        currentQuery: query,
-        page: query.page,
-        pageSize: query.pageSize,
-        pageCount: pageCount.toString(),
-        setPageSize,
-        total,
-        children
+        ref: forwardedRef,
+        paddingTop: 4,
+        paddingBottom: 4,
+        alignItems: "flex-end",
+        justifyContent: "space-between",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          PaginationProvider,
+          {
+            currentQuery: query,
+            page: query.page,
+            pageSize: query.pageSize,
+            pageCount: pageCount.toString(),
+            setPageSize,
+            total,
+            children
+          }
+        )
       }
-    ) });
+    );
   }
 );
 const PageSize = ({ options = ["10", "20", "50", "100"] }) => {
@@ -4910,7 +4995,7 @@ const SearchInput = ({
   const [value, setValue] = React__namespace.useState(query?._q || "");
   const [isOpen, setIsOpen] = React__namespace.useState(!!value);
   const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   const handleToggle = () => setIsOpen((prev) => !prev);
   React__namespace.useLayoutEffect(() => {
     if (isOpen && inputRef.current) {
@@ -4955,12 +5040,12 @@ const SearchInput = ({
       disabled,
       label: formatMessage({ id: "global.search", defaultMessage: "Search" }),
       onClick: handleToggle,
-      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Search, { fill: "neutral800" })
+      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Search, {})
     }
   );
 };
 
-const [TableProvider, useTable] = rbac.createContext("Table");
+const [TableProvider, useTable] = Theme.createContext("Table");
 const Root = ({
   children,
   defaultSelectedRows,
@@ -5094,16 +5179,15 @@ const HeaderCheckboxCell = () => {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.BaseCheckbox,
+    designSystem.Checkbox,
     {
       "aria-label": formatMessage({
         id: "global.select-all-entries",
         defaultMessage: "Select all entries"
       }),
       disabled: rows.length === 0,
-      checked: areAllEntriesSelected,
-      indeterminate: isIndeterminate,
-      onChange: handleSelectAll
+      checked: isIndeterminate ? "indeterminate" : areAllEntriesSelected,
+      onCheckedChange: handleSelectAll
     }
   ) });
 };
@@ -5147,7 +5231,9 @@ const Body = ({ children }) => {
 const Row = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { ...props });
 };
-const Cell = designSystem.Td;
+const Cell = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { ...props });
+};
 const CheckboxCell = ({ id, ...props }) => {
   const rows = useTable("CheckboxCell", (state) => state.rows);
   const selectedRows = useTable("CheckboxCell", (state) => state.selectedRows);
@@ -5158,15 +5244,18 @@ const CheckboxCell = ({ id, ...props }) => {
   };
   const isChecked = selectedRows.findIndex((row) => row.id === id) > -1;
   return /* @__PURE__ */ jsxRuntime.jsx(Cell, { ...props, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.BaseCheckbox,
+    designSystem.Checkbox,
     {
-      "aria-label": formatMessage({
-        id: "global.select",
-        defaultMessage: "Select"
-      }),
+      "aria-label": formatMessage(
+        {
+          id: "app.component.table.select.one-entry",
+          defaultMessage: `Select {target}`
+        },
+        { target: id }
+      ),
       disabled: rows.length === 0,
       checked: isChecked,
-      onChange: handleSelectRow
+      onCheckedChange: handleSelectRow
     }
   ) });
 };
@@ -5186,7 +5275,7 @@ const Table = {
 };
 
 function useInjectReducer(namespace, reducer) {
-  const store = rbac.useTypedStore();
+  const store = Theme.useTypedStore();
   React.useEffect(() => {
     store.injectReducer(namespace, reducer);
   }, [store, namespace, reducer]);
@@ -5406,7 +5495,6 @@ exports.constants = constants;
 exports.errorsTrads = errorsTrads;
 exports.getBasename = getBasename;
 exports.getYupValidationErrors = getYupValidationErrors;
-exports.isObject = isObject;
 exports.renderAdmin = renderAdmin;
 exports.useAdminUsers = useAdminUsers;
 exports.useClipboard = useClipboard;
@@ -5427,4 +5515,4 @@ exports.useTable = useTable;
 exports.useUpdateRoleMutation = useUpdateRoleMutation;
 exports.useUpdateRolePermissionsMutation = useUpdateRolePermissionsMutation;
 exports.useUpdateUserMutation = useUpdateUserMutation;
-//# sourceMappingURL=index-UrJZyInv.js.map
+//# sourceMappingURL=index-r7BCTgkx.js.map