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

package/dist/admin/{Login-uUFgaGQO.js → Login-KZbFZfrN.js}

@@ -6,16 +6,16 @@ const jsxRuntime = require('react/jsx-runtime');
 const designSystem = require('@strapi/design-system');
 const reactIntl = require('react-intl');
 const styledComponents = require('styled-components');
-const index = require('./index-UrJZyInv.js');
-const rbac = require('./rbac-5b9ylhpa.js');
-const SSOProviders = require('./SSOProviders-AirHFyBl.js');
+const index = require('./index-r7BCTgkx.js');
+const Theme = require('./Theme-7W0we6BI.js');
+const SSOProviders = require('./SSOProviders-QBcyB9VI.js');
 
 const DividerFull = styledComponents.styled(designSystem.Divider)`
   flex: 1;
 `;
 const LoginEE = (loginProps) => {
   const { formatMessage } = reactIntl.useIntl();
-  const { isLoading, data: providers = [] } = rbac.useGetProvidersQuery(void 0, {
+  const { isLoading, data: providers = [] } = Theme.useGetProvidersQuery(void 0, {
     skip: !window.strapi.features.isEnabled(window.strapi.features.SSO)
   });
   if (!window.strapi.features.isEnabled(window.strapi.features.SSO) || !isLoading && providers.length === 0) {
@@ -32,4 +32,4 @@ const LoginEE = (loginProps) => {
 };
 
 exports.LoginEE = LoginEE;
-//# sourceMappingURL=Login-uUFgaGQO.js.map
+//# sourceMappingURL=Login-KZbFZfrN.js.map

package/dist/admin/{Login-uUFgaGQO.js.map → Login-KZbFZfrN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Login-uUFgaGQO.js","sources":["../../ee/admin/src/pages/AuthPage/components/Login.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { Login, LoginProps } from '../../../../../../admin/src/pages/Auth/components/Login';\nimport { useGetProvidersQuery } from '../../../../../../admin/src/services/auth';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nconst LoginEE = (loginProps: LoginProps) => {\n  const { formatMessage } = useIntl();\n  const { isLoading, data: providers = [] } = useGetProvidersQuery(undefined, {\n    skip: !window.strapi.features.isEnabled(window.strapi.features.SSO),\n  });\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Login {...loginProps} />;\n  }\n\n  return (\n    <Login {...loginProps}>\n      <Box paddingTop={7}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex>\n            <DividerFull />\n            <Box paddingLeft={3} paddingRight={3}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.divider' })}\n              </Typography>\n            </Box>\n            <DividerFull />\n          </Flex>\n          <SSOProviders providers={providers} displayAllProviders={false} />\n        </Flex>\n      </Box>\n    </Login>\n  );\n};\n\nexport { LoginEE };\n"],"names":["styled","Divider","useIntl","useGetProvidersQuery","jsx","Login","Box","jsxs","Flex","Typography","SSOProviders"],"mappings":";;;;;;;;;;;;AASA,MAAM,WAAA,GAAcA,wBAAOC,oBAAO,CAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAI5B,MAAA,OAAA,GAAU,CAAC,UAA2B,KAAA;AAC1C,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIC,iBAAQ,EAAA,CAAA;AAClC,EAAM,MAAA,EAAE,WAAW,IAAM,EAAA,SAAA,GAAY,EAAG,EAAA,GAAIC,0BAAqB,KAAW,CAAA,EAAA;AAAA,IAC1E,IAAA,EAAM,CAAC,MAAO,CAAA,MAAA,CAAO,SAAS,SAAU,CAAA,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACnE,CAAA,CAAA;AAED,EAAA,IACE,CAAC,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,UAAU,MAAO,CAAA,MAAA,CAAO,QAAS,CAAA,GAAG,CAC3D,IAAA,CAAC,SAAa,IAAA,SAAA,CAAU,WAAW,CACpC,EAAA;AACA,IAAO,uBAAAC,cAAA,CAACC,WAAO,EAAA,EAAA,GAAG,UAAY,EAAA,CAAA,CAAA;AAAA,GAChC;AAEA,EAAA,uBACGD,cAAA,CAAAC,WAAA,EAAA,EAAO,GAAG,UAAA,EACT,yCAACC,gBAAI,EAAA,EAAA,UAAA,EAAY,CACf,EAAA,QAAA,kBAAAC,eAAA,CAACC,qBAAK,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAAC,WAAY,EAAA,EAAA,CAAA;AAAA,qCACZE,gBAAI,EAAA,EAAA,WAAA,EAAa,GAAG,YAAc,EAAA,CAAA,EACjC,yCAACG,uBAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,cACnC,QAAc,EAAA,aAAA,CAAA,EAAE,IAAI,wBAAyB,EAAC,GACjD,CACF,EAAA,CAAA;AAAA,qCACC,WAAY,EAAA,EAAA,CAAA;AAAA,KACf,EAAA,CAAA;AAAA,oBACCL,cAAA,CAAAM,yBAAA,EAAA,EAAa,SAAsB,EAAA,mBAAA,EAAqB,KAAO,EAAA,CAAA;AAAA,GAAA,EAClE,GACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Login-KZbFZfrN.js","sources":["../../ee/admin/src/pages/AuthPage/components/Login.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { Login, LoginProps } from '../../../../../../admin/src/pages/Auth/components/Login';\nimport { useGetProvidersQuery } from '../../../../../../admin/src/services/auth';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nconst LoginEE = (loginProps: LoginProps) => {\n  const { formatMessage } = useIntl();\n  const { isLoading, data: providers = [] } = useGetProvidersQuery(undefined, {\n    skip: !window.strapi.features.isEnabled(window.strapi.features.SSO),\n  });\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Login {...loginProps} />;\n  }\n\n  return (\n    <Login {...loginProps}>\n      <Box paddingTop={7}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex>\n            <DividerFull />\n            <Box paddingLeft={3} paddingRight={3}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.divider' })}\n              </Typography>\n            </Box>\n            <DividerFull />\n          </Flex>\n          <SSOProviders providers={providers} displayAllProviders={false} />\n        </Flex>\n      </Box>\n    </Login>\n  );\n};\n\nexport { LoginEE };\n"],"names":["styled","Divider","useIntl","useGetProvidersQuery","jsx","Login","Box","jsxs","Flex","Typography","SSOProviders"],"mappings":";;;;;;;;;;;;AASA,MAAM,WAAA,GAAcA,wBAAOC,oBAAO,CAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAI5B,MAAA,OAAA,GAAU,CAAC,UAA2B,KAAA;AAC1C,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIC,iBAAQ,EAAA,CAAA;AAClC,EAAM,MAAA,EAAE,WAAW,IAAM,EAAA,SAAA,GAAY,EAAG,EAAA,GAAIC,2BAAqB,KAAW,CAAA,EAAA;AAAA,IAC1E,IAAA,EAAM,CAAC,MAAO,CAAA,MAAA,CAAO,SAAS,SAAU,CAAA,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACnE,CAAA,CAAA;AAED,EAAA,IACE,CAAC,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,UAAU,MAAO,CAAA,MAAA,CAAO,QAAS,CAAA,GAAG,CAC3D,IAAA,CAAC,SAAa,IAAA,SAAA,CAAU,WAAW,CACpC,EAAA;AACA,IAAO,uBAAAC,cAAA,CAACC,WAAO,EAAA,EAAA,GAAG,UAAY,EAAA,CAAA,CAAA;AAAA,GAChC;AAEA,EAAA,uBACGD,cAAA,CAAAC,WAAA,EAAA,EAAO,GAAG,UAAA,EACT,yCAACC,gBAAI,EAAA,EAAA,UAAA,EAAY,CACf,EAAA,QAAA,kBAAAC,eAAA,CAACC,qBAAK,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAAC,WAAY,EAAA,EAAA,CAAA;AAAA,qCACZE,gBAAI,EAAA,EAAA,WAAA,EAAa,GAAG,YAAc,EAAA,CAAA,EACjC,yCAACG,uBAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,cACnC,QAAc,EAAA,aAAA,CAAA,EAAE,IAAI,wBAAyB,EAAC,GACjD,CACF,EAAA,CAAA;AAAA,qCACC,WAAY,EAAA,EAAA,CAAA;AAAA,KACf,EAAA,CAAA;AAAA,oBACCL,cAAA,CAAAM,yBAAA,EAAA,EAAa,SAAsB,EAAA,mBAAA,EAAqB,KAAO,EAAA,CAAA;AAAA,GAAA,EAClE,GACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/{Login-227oY0SP.mjs → Login-N5NSuTVF.mjs}

@@ -2,9 +2,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Divider, Box, Flex, Typography } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';
-import { d as Login } from './index-69WUS0qJ.mjs';
-import { l as useGetProvidersQuery } from './rbac-oJEkQdXG.mjs';
-import { S as SSOProviders } from './SSOProviders-t8D-v8As.mjs';
+import { d as Login } from './index-8-k5RCnK.mjs';
+import { l as useGetProvidersQuery } from './Theme-PrUuuGtN.mjs';
+import { S as SSOProviders } from './SSOProviders-nMmBLr8g.mjs';
 
 const DividerFull = styled(Divider)`
   flex: 1;
@@ -28,4 +28,4 @@ const LoginEE = (loginProps) => {
 };
 
 export { LoginEE };
-//# sourceMappingURL=Login-227oY0SP.mjs.map
+//# sourceMappingURL=Login-N5NSuTVF.mjs.map

package/dist/admin/{Login-227oY0SP.mjs.map → Login-N5NSuTVF.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Login-227oY0SP.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/Login.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { Login, LoginProps } from '../../../../../../admin/src/pages/Auth/components/Login';\nimport { useGetProvidersQuery } from '../../../../../../admin/src/services/auth';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nconst LoginEE = (loginProps: LoginProps) => {\n  const { formatMessage } = useIntl();\n  const { isLoading, data: providers = [] } = useGetProvidersQuery(undefined, {\n    skip: !window.strapi.features.isEnabled(window.strapi.features.SSO),\n  });\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Login {...loginProps} />;\n  }\n\n  return (\n    <Login {...loginProps}>\n      <Box paddingTop={7}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex>\n            <DividerFull />\n            <Box paddingLeft={3} paddingRight={3}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.divider' })}\n              </Typography>\n            </Box>\n            <DividerFull />\n          </Flex>\n          <SSOProviders providers={providers} displayAllProviders={false} />\n        </Flex>\n      </Box>\n    </Login>\n  );\n};\n\nexport { LoginEE };\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,WAAA,GAAc,OAAO,OAAO,CAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAI5B,MAAA,OAAA,GAAU,CAAC,UAA2B,KAAA;AAC1C,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAClC,EAAM,MAAA,EAAE,WAAW,IAAM,EAAA,SAAA,GAAY,EAAG,EAAA,GAAI,qBAAqB,KAAW,CAAA,EAAA;AAAA,IAC1E,IAAA,EAAM,CAAC,MAAO,CAAA,MAAA,CAAO,SAAS,SAAU,CAAA,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACnE,CAAA,CAAA;AAED,EAAA,IACE,CAAC,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,UAAU,MAAO,CAAA,MAAA,CAAO,QAAS,CAAA,GAAG,CAC3D,IAAA,CAAC,SAAa,IAAA,SAAA,CAAU,WAAW,CACpC,EAAA;AACA,IAAO,uBAAA,GAAA,CAAC,KAAO,EAAA,EAAA,GAAG,UAAY,EAAA,CAAA,CAAA;AAAA,GAChC;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,UAAA,EACT,8BAAC,GAAI,EAAA,EAAA,UAAA,EAAY,CACf,EAAA,QAAA,kBAAA,IAAA,CAAC,QAAK,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,CAAA;AAAA,0BACZ,GAAI,EAAA,EAAA,WAAA,EAAa,GAAG,YAAc,EAAA,CAAA,EACjC,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,cACnC,QAAc,EAAA,aAAA,CAAA,EAAE,IAAI,wBAAyB,EAAC,GACjD,CACF,EAAA,CAAA;AAAA,0BACC,WAAY,EAAA,EAAA,CAAA;AAAA,KACf,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,YAAA,EAAA,EAAa,SAAsB,EAAA,mBAAA,EAAqB,KAAO,EAAA,CAAA;AAAA,GAAA,EAClE,GACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Login-N5NSuTVF.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/Login.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { Login, LoginProps } from '../../../../../../admin/src/pages/Auth/components/Login';\nimport { useGetProvidersQuery } from '../../../../../../admin/src/services/auth';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nconst LoginEE = (loginProps: LoginProps) => {\n  const { formatMessage } = useIntl();\n  const { isLoading, data: providers = [] } = useGetProvidersQuery(undefined, {\n    skip: !window.strapi.features.isEnabled(window.strapi.features.SSO),\n  });\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Login {...loginProps} />;\n  }\n\n  return (\n    <Login {...loginProps}>\n      <Box paddingTop={7}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex>\n            <DividerFull />\n            <Box paddingLeft={3} paddingRight={3}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.divider' })}\n              </Typography>\n            </Box>\n            <DividerFull />\n          </Flex>\n          <SSOProviders providers={providers} displayAllProviders={false} />\n        </Flex>\n      </Box>\n    </Login>\n  );\n};\n\nexport { LoginEE };\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,WAAA,GAAc,OAAO,OAAO,CAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAI5B,MAAA,OAAA,GAAU,CAAC,UAA2B,KAAA;AAC1C,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAClC,EAAM,MAAA,EAAE,WAAW,IAAM,EAAA,SAAA,GAAY,EAAG,EAAA,GAAI,qBAAqB,KAAW,CAAA,EAAA;AAAA,IAC1E,IAAA,EAAM,CAAC,MAAO,CAAA,MAAA,CAAO,SAAS,SAAU,CAAA,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACnE,CAAA,CAAA;AAED,EAAA,IACE,CAAC,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,UAAU,MAAO,CAAA,MAAA,CAAO,QAAS,CAAA,GAAG,CAC3D,IAAA,CAAC,SAAa,IAAA,SAAA,CAAU,WAAW,CACpC,EAAA;AACA,IAAO,uBAAA,GAAA,CAAC,KAAO,EAAA,EAAA,GAAG,UAAY,EAAA,CAAA,CAAA;AAAA,GAChC;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,UAAA,EACT,8BAAC,GAAI,EAAA,EAAA,UAAA,EAAY,CACf,EAAA,QAAA,kBAAA,IAAA,CAAC,QAAK,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,SAAA,EAAU,KAAK,CACjD,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,CAAA;AAAA,0BACZ,GAAI,EAAA,EAAA,WAAA,EAAa,GAAG,YAAc,EAAA,CAAA,EACjC,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,cACnC,QAAc,EAAA,aAAA,CAAA,EAAE,IAAI,wBAAyB,EAAC,GACjD,CACF,EAAA,CAAA;AAAA,0BACC,WAAY,EAAA,EAAA,CAAA;AAAA,KACf,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,YAAA,EAAA,EAAa,SAAsB,EAAA,mBAAA,EAAqB,KAAO,EAAA,CAAA;AAAA,GAAA,EAClE,GACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/{MagicLinkEE-1cdMwO4L.mjs → MagicLinkEE-XXdnsS6S.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useIntl } from 'react-intl';
-import { m as getBasename } from './index-69WUS0qJ.mjs';
-import { a as MagicLinkWrapper } from './SelectRoles-neYrKAlL.mjs';
+import { m as getBasename } from './index-8-k5RCnK.mjs';
+import { a as MagicLinkWrapper } from './SelectRoles-N6X582ND.mjs';
 
 const MagicLinkEE = ({ registrationToken }) => {
   const { formatMessage } = useIntl();
@@ -24,4 +24,4 @@ const MagicLinkEE = ({ registrationToken }) => {
 };
 
 export { MagicLinkEE };
-//# sourceMappingURL=MagicLinkEE-1cdMwO4L.mjs.map
+//# sourceMappingURL=MagicLinkEE-XXdnsS6S.mjs.map

package/dist/admin/{MagicLinkEE-1cdMwO4L.mjs.map → MagicLinkEE-XXdnsS6S.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MagicLinkEE-1cdMwO4L.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/components/MagicLinkEE.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../../../../admin/src/core/utils/basename';\nimport { MagicLinkWrapper } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper';\n\nimport type { MagicLinkCEProps } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE';\n\n// FIXME replace with parts compo when ready\nexport const MagicLinkEE = ({ registrationToken }: MagicLinkCEProps) => {\n  const { formatMessage } = useIntl();\n\n  if (registrationToken) {\n    return (\n      <MagicLinkWrapper\n        target={`${\n          window.location.origin\n        }${getBasename()}/auth/register?registrationToken=${registrationToken}`}\n      >\n        {formatMessage({\n          id: 'app.components.Users.MagicLink.connect',\n          defaultMessage: 'Copy and share this link to give access to this user',\n        })}\n      </MagicLinkWrapper>\n    );\n  }\n\n  return (\n    <MagicLinkWrapper target={`${window.location.origin}${getBasename()}/auth/login`}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect.sso',\n        defaultMessage:\n          'Send this link to the user, the first login can be made via a SSO provider.',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,WAAc,GAAA,CAAC,EAAE,iBAAA,EAA0C,KAAA;AACtE,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAElC,EAAA,IAAI,iBAAmB,EAAA;AACrB,IACE,uBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,GACN,MAAO,CAAA,QAAA,CAAS,MAClB,CAAG,EAAA,WAAA,EAAa,CAAA,iCAAA,EAAoC,iBAAiB,CAAA,CAAA;AAAA,QAEpE,QAAc,EAAA,aAAA,CAAA;AAAA,UACb,EAAI,EAAA,wCAAA;AAAA,UACJ,cAAgB,EAAA,sDAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,CAAG,EAAA,WAAA,EAAa,CAAA,WAAA,CAAA,EAChE,QAAc,EAAA,aAAA,CAAA;AAAA,IACb,EAAI,EAAA,4CAAA;AAAA,IACJ,cACE,EAAA,6EAAA;AAAA,GACH,CACH,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MagicLinkEE-XXdnsS6S.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/components/MagicLinkEE.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../../../../admin/src/core/utils/basename';\nimport { MagicLinkWrapper } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper';\n\nimport type { MagicLinkCEProps } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE';\n\n// FIXME replace with parts compo when ready\nexport const MagicLinkEE = ({ registrationToken }: MagicLinkCEProps) => {\n  const { formatMessage } = useIntl();\n\n  if (registrationToken) {\n    return (\n      <MagicLinkWrapper\n        target={`${\n          window.location.origin\n        }${getBasename()}/auth/register?registrationToken=${registrationToken}`}\n      >\n        {formatMessage({\n          id: 'app.components.Users.MagicLink.connect',\n          defaultMessage: 'Copy and share this link to give access to this user',\n        })}\n      </MagicLinkWrapper>\n    );\n  }\n\n  return (\n    <MagicLinkWrapper target={`${window.location.origin}${getBasename()}/auth/login`}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect.sso',\n        defaultMessage:\n          'Send this link to the user, the first login can be made via a SSO provider.',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,WAAc,GAAA,CAAC,EAAE,iBAAA,EAA0C,KAAA;AACtE,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAElC,EAAA,IAAI,iBAAmB,EAAA;AACrB,IACE,uBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,GACN,MAAO,CAAA,QAAA,CAAS,MAClB,CAAG,EAAA,WAAA,EAAa,CAAA,iCAAA,EAAoC,iBAAiB,CAAA,CAAA;AAAA,QAEpE,QAAc,EAAA,aAAA,CAAA;AAAA,UACb,EAAI,EAAA,wCAAA;AAAA,UACJ,cAAgB,EAAA,sDAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,CAAG,EAAA,WAAA,EAAa,CAAA,WAAA,CAAA,EAChE,QAAc,EAAA,aAAA,CAAA;AAAA,IACb,EAAI,EAAA,4CAAA;AAAA,IACJ,cACE,EAAA,6EAAA;AAAA,GACH,CACH,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/{MagicLinkEE-SU6DdTGf.js → MagicLinkEE-sKqh4jBd.js}

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const reactIntl = require('react-intl');
-const index = require('./index-UrJZyInv.js');
-const SelectRoles = require('./SelectRoles-7QbQhIi4.js');
+const index = require('./index-r7BCTgkx.js');
+const SelectRoles = require('./SelectRoles-9mmcvACr.js');
 
 const MagicLinkEE = ({ registrationToken }) => {
   const { formatMessage } = reactIntl.useIntl();
@@ -28,4 +28,4 @@ const MagicLinkEE = ({ registrationToken }) => {
 };
 
 exports.MagicLinkEE = MagicLinkEE;
-//# sourceMappingURL=MagicLinkEE-SU6DdTGf.js.map
+//# sourceMappingURL=MagicLinkEE-sKqh4jBd.js.map

package/dist/admin/{MagicLinkEE-SU6DdTGf.js.map → MagicLinkEE-sKqh4jBd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MagicLinkEE-SU6DdTGf.js","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/components/MagicLinkEE.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../../../../admin/src/core/utils/basename';\nimport { MagicLinkWrapper } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper';\n\nimport type { MagicLinkCEProps } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE';\n\n// FIXME replace with parts compo when ready\nexport const MagicLinkEE = ({ registrationToken }: MagicLinkCEProps) => {\n  const { formatMessage } = useIntl();\n\n  if (registrationToken) {\n    return (\n      <MagicLinkWrapper\n        target={`${\n          window.location.origin\n        }${getBasename()}/auth/register?registrationToken=${registrationToken}`}\n      >\n        {formatMessage({\n          id: 'app.components.Users.MagicLink.connect',\n          defaultMessage: 'Copy and share this link to give access to this user',\n        })}\n      </MagicLinkWrapper>\n    );\n  }\n\n  return (\n    <MagicLinkWrapper target={`${window.location.origin}${getBasename()}/auth/login`}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect.sso',\n        defaultMessage:\n          'Send this link to the user, the first login can be made via a SSO provider.',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n"],"names":["useIntl","jsx","MagicLinkWrapper","getBasename"],"mappings":";;;;;;;;;AAQO,MAAM,WAAc,GAAA,CAAC,EAAE,iBAAA,EAA0C,KAAA;AACtE,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIA,iBAAQ,EAAA,CAAA;AAElC,EAAA,IAAI,iBAAmB,EAAA;AACrB,IACE,uBAAAC,cAAA;AAAA,MAACC,4BAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,GACN,MAAO,CAAA,QAAA,CAAS,MAClB,CAAG,EAAAC,iBAAA,EAAa,CAAA,iCAAA,EAAoC,iBAAiB,CAAA,CAAA;AAAA,QAEpE,QAAc,EAAA,aAAA,CAAA;AAAA,UACb,EAAI,EAAA,wCAAA;AAAA,UACJ,cAAgB,EAAA,sDAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAAF,cAAA,CAACC,4BAAiB,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,CAAG,EAAAC,iBAAA,EAAa,CAAA,WAAA,CAAA,EAChE,QAAc,EAAA,aAAA,CAAA;AAAA,IACb,EAAI,EAAA,4CAAA;AAAA,IACJ,cACE,EAAA,6EAAA;AAAA,GACH,CACH,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MagicLinkEE-sKqh4jBd.js","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/components/MagicLinkEE.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../../../../admin/src/core/utils/basename';\nimport { MagicLinkWrapper } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper';\n\nimport type { MagicLinkCEProps } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE';\n\n// FIXME replace with parts compo when ready\nexport const MagicLinkEE = ({ registrationToken }: MagicLinkCEProps) => {\n  const { formatMessage } = useIntl();\n\n  if (registrationToken) {\n    return (\n      <MagicLinkWrapper\n        target={`${\n          window.location.origin\n        }${getBasename()}/auth/register?registrationToken=${registrationToken}`}\n      >\n        {formatMessage({\n          id: 'app.components.Users.MagicLink.connect',\n          defaultMessage: 'Copy and share this link to give access to this user',\n        })}\n      </MagicLinkWrapper>\n    );\n  }\n\n  return (\n    <MagicLinkWrapper target={`${window.location.origin}${getBasename()}/auth/login`}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect.sso',\n        defaultMessage:\n          'Send this link to the user, the first login can be made via a SSO provider.',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n"],"names":["useIntl","jsx","MagicLinkWrapper","getBasename"],"mappings":";;;;;;;;;AAQO,MAAM,WAAc,GAAA,CAAC,EAAE,iBAAA,EAA0C,KAAA;AACtE,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIA,iBAAQ,EAAA,CAAA;AAElC,EAAA,IAAI,iBAAmB,EAAA;AACrB,IACE,uBAAAC,cAAA;AAAA,MAACC,4BAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,GACN,MAAO,CAAA,QAAA,CAAS,MAClB,CAAG,EAAAC,iBAAA,EAAa,CAAA,iCAAA,EAAoC,iBAAiB,CAAA,CAAA;AAAA,QAEpE,QAAc,EAAA,aAAA,CAAA;AAAA,UACb,EAAI,EAAA,wCAAA;AAAA,UACJ,cAAgB,EAAA,sDAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAAF,cAAA,CAACC,4BAAiB,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,CAAG,EAAAC,iBAAA,EAAa,CAAA,WAAA,CAAA,EAChE,QAAc,EAAA,aAAA,CAAA;AAAA,IACb,EAAI,EAAA,4CAAA;AAAA,IACJ,cACE,EAAA,6EAAA;AAAA,GACH,CACH,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/{MarketplacePage-UfmJkfaS.js → MarketplacePage-_xLLmtgL.js}

@@ -9,8 +9,8 @@ const icons = require('@strapi/icons');
 const symbols = require('@strapi/icons/symbols');
 const reactIntl = require('react-intl');
 const ContentBox = require('./ContentBox-3MRTNw0X.js');
-const index = require('./index-UrJZyInv.js');
-const rbac = require('./rbac-5b9ylhpa.js');
+const index = require('./index-r7BCTgkx.js');
+const Theme = require('./Theme-7W0we6BI.js');
 const styledComponents = require('styled-components');
 const pluralize = require('pluralize');
 const semver = require('semver');
@@ -63,30 +63,17 @@ const NpmPackagesFilters = ({
   possibleCollections,
   query
 }) => {
-  const [isVisible, setIsVisible] = React__namespace.useState(false);
-  const buttonRef = React__namespace.useRef(null);
   const { formatMessage } = reactIntl.useIntl();
-  const handleToggle = () => setIsVisible((prev) => !prev);
   const handleTagRemove = (tagToRemove, filterType) => {
     const update = {
       [filterType]: (query[filterType] ?? []).filter((previousTag) => previousTag !== tagToRemove)
     };
     handleSelectChange(update);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 1, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ButtonToggle,
-        {
-          variant: "tertiary",
-          ref: buttonRef,
-          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Filter, {}),
-          onClick: handleToggle,
-          size: "S",
-          children: formatMessage({ id: "app.utils.filters", defaultMessage: "Filters" })
-        }
-      ),
-      isVisible && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover, { source: buttonRef, onDismiss: handleToggle, padding: 3, spacing: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ButtonToggle, { variant: "tertiary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Filter, {}), size: "S", children: formatMessage({ id: "app.utils.filters", defaultMessage: "Filters" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { padding: 3, direction: "column", alignItems: "stretch", gap: 1, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FilterSelect,
           {
@@ -192,7 +179,7 @@ const NpmPackageCard = ({
 }) => {
   const { attributes } = npmPackage;
   const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   const commandToCopy = useYarn ? `yarn add ${attributes.npmPackageName}` : `npm install ${attributes.npmPackageName}`;
   const madeByStrapiMessage = formatMessage({
     id: "admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi",
@@ -316,9 +303,9 @@ const InstallPluginButton = ({
   strapiPeerDepVersion,
   pluginName
 }) => {
-  const { toggleNotification } = rbac.useNotification();
+  const { toggleNotification } = Theme.useNotification();
   const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   const { copy } = index.useClipboard();
   const handleCopy = async () => {
     const didCopy = await copy(commandToCopy);
@@ -464,10 +451,10 @@ const NpmPackagesGrid = ({
 }) => {
   const { formatMessage } = reactIntl.useIntl();
   if (status === "error") {
-    return /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Error, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Error, {});
   }
   if (status === "loading") {
-    return /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Loading, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Loading, {});
   }
   const emptySearchMessage = formatMessage(
     {
@@ -485,7 +472,7 @@ const NpmPackagesGrid = ({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: npmPackages.map((npmPackage) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 4, s: 6, xs: 12, style: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: npmPackages.map((npmPackage) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 6, xs: 12, style: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
     NpmPackageCard,
     {
       npmPackage,
@@ -504,7 +491,7 @@ const EmptyPluginCard = styledComponents.styled(designSystem.Box)`
 
 const PageHeader = ({ isOnline, npmPackageType = "plugin" }) => {
   const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = rbac.useTracking();
+  const { trackUsage } = Theme.useTracking();
   const tracking = npmPackageType === "provider" ? "didSubmitProvider" : "didSubmitPlugin";
   return /* @__PURE__ */ jsxRuntime.jsx(
     index.Layouts.Header,
@@ -662,7 +649,7 @@ function useMarketplaceData({
 }) {
   const { notifyStatus } = designSystem.useNotifyAT();
   const { formatMessage } = reactIntl.useIntl();
-  const { toggleNotification } = rbac.useNotification();
+  const { toggleNotification } = Theme.useNotification();
   const marketplaceTitle = formatMessage({
     id: "global.marketplace",
     defaultMessage: "Marketplace"
@@ -773,11 +760,12 @@ const useNavigatorOnline = () => {
   return isOnline;
 };
 
+const PLUGIN = "plugin";
+const PROVIDER = "provider";
 const MarketplacePage = () => {
-  const tabRef = React__namespace.useRef(null);
   const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = rbac.useTracking();
-  const { toggleNotification } = rbac.useNotification();
+  const { trackUsage } = Theme.useTracking();
+  const { toggleNotification } = Theme.useNotification();
   const [{ query }, setQuery] = index.useQueryParams();
   const debouncedSearch = useDebounce(query?.search, 500) || "";
   const {
@@ -785,12 +773,12 @@ const MarketplacePage = () => {
     dependencies,
     useYarn,
     strapiVersion
-  } = rbac.useAppInfo("MarketplacePage", (state) => state);
+  } = Theme.useAppInfo("MarketplacePage", (state) => state);
   const isOnline = useNavigatorOnline();
-  const npmPackageType = query?.npmPackageType || "plugin";
+  const npmPackageType = query?.npmPackageType || PLUGIN;
   const [tabQuery, setTabQuery] = React__namespace.useState({
-    plugin: npmPackageType === "plugin" ? { ...query } : {},
-    provider: npmPackageType === "provider" ? { ...query } : {}
+    plugin: npmPackageType === PLUGIN ? { ...query } : {},
+    provider: npmPackageType === PROVIDER ? { ...query } : {}
   });
   React__namespace.useEffect(() => {
     trackUsage("didGoToMarketplace");
@@ -815,17 +803,11 @@ const MarketplacePage = () => {
     possibleCategories,
     pagination
   } = useMarketplaceData({ npmPackageType, debouncedSearch, query, tabQuery });
-  const indexOfNpmPackageType = ["plugin", "provider"].indexOf(npmPackageType);
-  React__namespace.useEffect(() => {
-    if (tabRef.current) {
-      tabRef.current._handlers.setSelectedTabIndex(indexOfNpmPackageType);
-    }
-  }, [indexOfNpmPackageType]);
   if (!isOnline) {
     return /* @__PURE__ */ jsxRuntime.jsx(OfflineLayout, {});
   }
-  const handleTabChange = (selected) => {
-    const selectedTab = selected === 0 ? "plugin" : "provider";
+  const handleTabChange = (tab) => {
+    const selectedTab = tab === PLUGIN || tab === PROVIDER ? tab : PLUGIN;
     const hasTabQuery = tabQuery[selectedTab] && Object.keys(tabQuery[selectedTab]).length;
     if (hasTabQuery) {
       setQuery({
@@ -866,117 +848,108 @@ const MarketplacePage = () => {
     handleSelectChange({ sort })
   );
   const installedPackageNames = Object.keys(dependencies ?? {});
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Layouts.Root, { children: /* @__PURE__ */ jsxRuntime.jsxs(rbac.Page.Main, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Title, { children: formatMessage({
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Layouts.Root, { children: /* @__PURE__ */ jsxRuntime.jsxs(Theme.Page.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Title, { children: formatMessage({
       id: "admin.pages.MarketPlacePage.head",
       defaultMessage: "Marketplace - Plugins"
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx(PageHeader, { isOnline, npmPackageType }),
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Layouts.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.TabGroup,
-        {
-          label: formatMessage({
-            id: "admin.pages.MarketPlacePage.tab-group.label",
-            defaultMessage: "Plugins and Providers for Strapi"
-          }),
-          id: "tabs",
-          variant: "simple",
-          initialSelectedTabIndex: indexOfNpmPackageType,
-          onTabChange: handleTabChange,
-          ref: tabRef,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", paddingBottom: 4, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tab, { children: [
-                  formatMessage({
-                    id: "admin.pages.MarketPlacePage.plugins",
-                    defaultMessage: "Plugins"
-                  }),
-                  " ",
-                  pluginsResponse ? `(${pluginsResponse.meta.pagination.total})` : "..."
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tab, { children: [
-                  formatMessage({
-                    id: "admin.pages.MarketPlacePage.providers",
-                    defaultMessage: "Providers"
-                  }),
-                  " ",
-                  providersResponse ? `(${providersResponse.meta.pagination.total})` : "..."
-                ] })
+    /* @__PURE__ */ jsxRuntime.jsx(index.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { variant: "simple", onValueChange: handleTabChange, value: npmPackageType, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", paddingBottom: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Tabs.List,
+          {
+            "aria-label": formatMessage({
+              id: "admin.pages.MarketPlacePage.tab-group.label",
+              defaultMessage: "Plugins and Providers for Strapi"
+            }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Trigger, { value: PLUGIN, children: [
+                formatMessage({
+                  id: "admin.pages.MarketPlacePage.plugins",
+                  defaultMessage: "Plugins"
+                }),
+                " ",
+                pluginsResponse ? `(${pluginsResponse.meta.pagination.total})` : "..."
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "25%", children: /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Searchbar,
-                {
-                  name: "searchbar",
-                  onClear: () => setQuery({ search: "", page: 1 }),
-                  value: query?.search,
-                  onChange: (e) => setQuery({ search: e.target.value, page: 1 }),
-                  clearLabel: formatMessage({
-                    id: "admin.pages.MarketPlacePage.search.clear",
-                    defaultMessage: "Clear the search"
-                  }),
-                  placeholder: formatMessage({
-                    id: "admin.pages.MarketPlacePage.search.placeholder",
-                    defaultMessage: "Search"
-                  }),
-                  children: formatMessage({
-                    id: "admin.pages.MarketPlacePage.search.placeholder",
-                    defaultMessage: "Search"
-                  })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingBottom: 4, gap: 2, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                SortSelect,
-                {
-                  sortQuery: query?.sort || "name:asc",
-                  handleSelectChange: handleSortSelectChange
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                NpmPackagesFilters,
-                {
-                  npmPackageType,
-                  possibleCollections,
-                  possibleCategories,
-                  query: query || {},
-                  handleSelectChange,
-                  handleSelectClear
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.TabPanels, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                NpmPackagesGrid,
-                {
-                  npmPackages: pluginsResponse?.data,
-                  status: pluginsStatus,
-                  installedPackageNames,
-                  useYarn,
-                  isInDevelopmentMode,
-                  npmPackageType: "plugin",
-                  strapiAppVersion: strapiVersion,
-                  debouncedSearch
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                NpmPackagesGrid,
-                {
-                  npmPackages: providersResponse?.data,
-                  status: providersStatus,
-                  installedPackageNames,
-                  useYarn,
-                  isInDevelopmentMode,
-                  npmPackageType: "provider",
-                  debouncedSearch
-                }
-              ) })
-            ] })
-          ]
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Trigger, { value: PROVIDER, children: [
+                formatMessage({
+                  id: "admin.pages.MarketPlacePage.providers",
+                  defaultMessage: "Providers"
+                }),
+                " ",
+                providersResponse ? `(${providersResponse.meta.pagination.total})` : "..."
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "25%", children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Searchbar,
+          {
+            name: "searchbar",
+            onClear: () => setQuery({ search: "", page: 1 }),
+            value: query?.search,
+            onChange: (e) => setQuery({ search: e.target.value, page: 1 }),
+            clearLabel: formatMessage({
+              id: "admin.pages.MarketPlacePage.search.clear",
+              defaultMessage: "Clear the search"
+            }),
+            placeholder: formatMessage({
+              id: "admin.pages.MarketPlacePage.search.placeholder",
+              defaultMessage: "Search"
+            }),
+            children: formatMessage({
+              id: "admin.pages.MarketPlacePage.search.placeholder",
+              defaultMessage: "Search"
+            })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingBottom: 4, gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SortSelect,
+          {
+            sortQuery: query?.sort || "name:asc",
+            handleSelectChange: handleSortSelectChange
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          NpmPackagesFilters,
+          {
+            npmPackageType,
+            possibleCollections,
+            possibleCategories,
+            query: query || {},
+            handleSelectChange,
+            handleSelectClear
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: PLUGIN, children: /* @__PURE__ */ jsxRuntime.jsx(
+        NpmPackagesGrid,
+        {
+          npmPackages: pluginsResponse?.data,
+          status: pluginsStatus,
+          installedPackageNames,
+          useYarn,
+          isInDevelopmentMode,
+          npmPackageType: "plugin",
+          strapiAppVersion: strapiVersion,
+          debouncedSearch
         }
-      ),
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: PROVIDER, children: /* @__PURE__ */ jsxRuntime.jsx(
+        NpmPackagesGrid,
+        {
+          npmPackages: providersResponse?.data,
+          status: providersStatus,
+          installedPackageNames,
+          useYarn,
+          isInDevelopmentMode,
+          npmPackageType: "provider",
+          debouncedSearch
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(index.Pagination.Root, { ...pagination, defaultPageSize: 24, children: [
         /* @__PURE__ */ jsxRuntime.jsx(index.Pagination.PageSize, { options: ["12", "24", "50", "100"] }),
         /* @__PURE__ */ jsxRuntime.jsx(index.Pagination.Links, {})
@@ -1015,14 +988,14 @@ const MarketplacePage = () => {
           )
         }
       ) })
-    ] })
+    ] }) })
   ] }) });
 };
 const ProtectedMarketplacePage = () => {
-  const permissions = rbac.useTypedSelector((state) => state.admin_app.permissions.marketplace?.main);
-  return /* @__PURE__ */ jsxRuntime.jsx(rbac.Page.Protect, { permissions, children: /* @__PURE__ */ jsxRuntime.jsx(MarketplacePage, {}) });
+  const permissions = Theme.useTypedSelector((state) => state.admin_app.permissions.marketplace?.main);
+  return /* @__PURE__ */ jsxRuntime.jsx(Theme.Page.Protect, { permissions, children: /* @__PURE__ */ jsxRuntime.jsx(MarketplacePage, {}) });
 };
 
 exports.MarketplacePage = MarketplacePage;
 exports.ProtectedMarketplacePage = ProtectedMarketplacePage;
-//# sourceMappingURL=MarketplacePage-UfmJkfaS.js.map
+//# sourceMappingURL=MarketplacePage-_xLLmtgL.js.map