diff --git a/CHANGELOG.md b/CHANGELOG.md
index 751c6ee8d..056dfbd78 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,8 @@
   - Fix consistency issue in overlays where form input is used
 - Company Wallet
   - Use appropriate path to display logo on cards
+- Refactor
+  - Remove unnecessary import of Typography, Dialog and Circular Progress from mui and use those from shared-components
 - Connector Management
   - fetch details using api, added permissions and fixed error messages
 - App Release Process
diff --git a/DEPENDENCIES b/DEPENDENCIES
index 5931d5d06..7a6c02930 100644
--- a/DEPENDENCIES
+++ b/DEPENDENCIES
@@ -599,7 +599,7 @@ npm/npmjs/@babel/template/7.24.0, MIT, approved, clearlydefined
 npm/npmjs/@babel/traverse/7.24.1, MIT AND (BSD-2-Clause AND ISC AND MIT) AND BSD-2-Clause AND BSD-3-Clause, approved, #13926
 npm/npmjs/@babel/types/7.24.0, MIT, approved, clearlydefined
 npm/npmjs/@bcoe/v8-coverage/0.2.3, ISC AND MIT, approved, clearlydefined
-npm/npmjs/@catena-x/portal-shared-components/3.0.16, Apache-2.0 AND CC-BY-4.0 AND OFL-1.1, approved, #14247
+npm/npmjs/@catena-x/portal-shared-components/3.0.17, Apache-2.0 AND CC-BY-4.0 AND OFL-1.1, approved, #14247
 npm/npmjs/@cspotcode/source-map-support/0.8.1, MIT, approved, clearlydefined
 npm/npmjs/@date-io/core/3.0.0, MIT, approved, clearlydefined
 npm/npmjs/@date-io/date-fns/3.0.0, MIT, approved, #14023
diff --git a/package.json b/package.json
index 7dedc58e6..96dd393e8 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     ]
   },
   "dependencies": {
-    "@catena-x/portal-shared-components": "^3.0.16",
+    "@catena-x/portal-shared-components": "^3.0.17",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@hookform/error-message": "^2.0.1",
diff --git a/src/components/overlays/UpdateCertificate/index.tsx b/src/components/overlays/UpdateCertificate/index.tsx
index 818f08f21..ee9684532 100644
--- a/src/components/overlays/UpdateCertificate/index.tsx
+++ b/src/components/overlays/UpdateCertificate/index.tsx
@@ -32,8 +32,9 @@ import {
   Typography,
   SelectList,
   Tooltips,
+  Dialog,
 } from '@catena-x/portal-shared-components'
-import { Box, Dialog } from '@mui/material'
+import { Box } from '@mui/material'
 import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline'
 import PendingOutlinedIcon from '@mui/icons-material/PendingOutlined'
 import { OVERLAYS } from 'types/Constants'
diff --git a/src/components/pages/Admin/components/RegistrationRequests/CompanyDetailOverlay/index.tsx b/src/components/pages/Admin/components/RegistrationRequests/CompanyDetailOverlay/index.tsx
index fc64b33d3..e95c003d7 100644
--- a/src/components/pages/Admin/components/RegistrationRequests/CompanyDetailOverlay/index.tsx
+++ b/src/components/pages/Admin/components/RegistrationRequests/CompanyDetailOverlay/index.tsx
@@ -33,8 +33,9 @@ import {
   DropPreviewFile,
   UploadStatus,
   DialogActions,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
-import { Box, useTheme, CircularProgress } from '@mui/material'
+import { Box, useTheme } from '@mui/material'
 import { useSelector } from 'react-redux'
 import { adminRegistrationSelector } from 'features/admin/registration/slice'
 import {
@@ -320,8 +321,10 @@ const CompanyDetailOverlay = ({
               padding: '30px',
             }}
           >
-            <CircularProgress
+            <CircleProgress
               size={35}
+              variant="indeterminate"
+              colorVariant="primary"
               sx={{
                 color: theme.palette.primary.main,
                 zIndex: 1,
diff --git a/src/components/pages/AppMarketplace/components/AppListSection/index.tsx b/src/components/pages/AppMarketplace/components/AppListSection/index.tsx
index e77303150..feed78d21 100644
--- a/src/components/pages/AppMarketplace/components/AppListSection/index.tsx
+++ b/src/components/pages/AppMarketplace/components/AppListSection/index.tsx
@@ -18,8 +18,8 @@
  ********************************************************************************/
 
 import { useTranslation } from 'react-i18next'
-import { Typography } from '@catena-x/portal-shared-components'
-import { useTheme, CircularProgress } from '@mui/material'
+import { CircleProgress, Typography } from '@catena-x/portal-shared-components'
+import { useTheme } from '@mui/material'
 import { AppListGroupView } from '../AppListGroupView'
 import { useDispatch, useSelector } from 'react-redux'
 import { useNavigate } from 'react-router-dom'
@@ -83,7 +83,9 @@ export default function AppListSection() {
 
   const renderProgress = () => (
     <div style={{ textAlign: 'center' }}>
-      <CircularProgress
+      <CircleProgress
+        variant="indeterminate"
+        colorVariant="primary"
         size={50}
         sx={{
           color: theme.palette.primary.main,
diff --git a/src/components/pages/AppMarketplace/components/HeaderSection/index.tsx b/src/components/pages/AppMarketplace/components/HeaderSection/index.tsx
index 13bb09f3b..b3818974d 100644
--- a/src/components/pages/AppMarketplace/components/HeaderSection/index.tsx
+++ b/src/components/pages/AppMarketplace/components/HeaderSection/index.tsx
@@ -17,7 +17,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { Typography } from '@mui/material'
+import { Typography } from '@catena-x/portal-shared-components'
 import { useTranslation } from 'react-i18next'
 
 export default function HeaderSection() {
@@ -26,8 +26,8 @@ export default function HeaderSection() {
   return (
     <section style={{ paddingBottom: 0, margin: '0 auto' }}>
       <Typography
-        sx={{ fontFamily: 'LibreFranklin-Light', fontSize: '25px' }}
-        variant="h3"
+        sx={{ fontSize: '25px' }}
+        variant="body1"
         className="section-title"
       >
         {t('content.appstore.appOverviewSection.title')}
diff --git a/src/components/pages/AppOverview/index.tsx b/src/components/pages/AppOverview/index.tsx
index c7c70a671..9096908ae 100644
--- a/src/components/pages/AppOverview/index.tsx
+++ b/src/components/pages/AppOverview/index.tsx
@@ -30,8 +30,9 @@ import {
   Cards,
   PageSnackbar,
   ErrorBar,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
-import { useTheme, CircularProgress, Box } from '@mui/material'
+import { useTheme, Box } from '@mui/material'
 import {
   appCardStatus,
   appCardRecentlyApps,
@@ -269,7 +270,9 @@ export default function AppOverview() {
         <div className="app-detail">
           {isFetching ? (
             <div style={{ textAlign: 'center' }}>
-              <CircularProgress
+              <CircleProgress
+                variant="indeterminate"
+                colorVariant="primary"
                 size={50}
                 sx={{
                   color: theme.palette.primary.main,
diff --git a/src/components/pages/DeleteCompany/index.tsx b/src/components/pages/DeleteCompany/index.tsx
index 32b151846..a377ad383 100644
--- a/src/components/pages/DeleteCompany/index.tsx
+++ b/src/components/pages/DeleteCompany/index.tsx
@@ -19,12 +19,12 @@
 
 import { useEffect, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { CircularProgress } from '@mui/material'
 import { uniqueId } from 'lodash'
 import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline'
 import { getAssetBase } from 'services/EnvironmentService'
 import {
   Button,
+  CircleProgress,
   LoadingButton,
   Typography,
 } from '@catena-x/portal-shared-components'
@@ -85,7 +85,11 @@ export default function DeleteCompany() {
     <>
       {isLoading ? (
         <div className="loading">
-          <CircularProgress size={100} />
+          <CircleProgress
+            variant="indeterminate"
+            colorVariant="primary"
+            size={100}
+          />
         </div>
       ) : (
         <div
diff --git a/src/components/pages/IDPManagement/IDPList.tsx b/src/components/pages/IDPManagement/IDPList.tsx
index 71ef59d99..a5ade9593 100644
--- a/src/components/pages/IDPManagement/IDPList.tsx
+++ b/src/components/pages/IDPManagement/IDPList.tsx
@@ -21,10 +21,11 @@
 import { useState } from 'react'
 import { useDispatch } from 'react-redux'
 import { useTranslation } from 'react-i18next'
-import { CircularProgress, MenuItem } from '@mui/material'
+import { MenuItem } from '@mui/material'
 import ReportProblemIcon from '@mui/icons-material/ReportProblem'
 import './style.scss'
 import {
+  CircleProgress,
   DropdownMenu,
   StatusTag,
   Table,
@@ -173,7 +174,9 @@ export const IDPList = () => {
         >
           {ti('action.delete')}
           {deleteLoading && (
-            <CircularProgress
+            <CircleProgress
+              variant="indeterminate"
+              colorVariant="primary"
               size={15}
               sx={{
                 marginLeft: '5px',
@@ -226,7 +229,9 @@ export const IDPList = () => {
           >
             {idp.enabled ? ti('action.disable') : ti('action.enable')}
             {disableLoading && (
-              <CircularProgress
+              <CircleProgress
+                variant="indeterminate"
+                colorVariant="primary"
                 size={15}
                 sx={{
                   marginLeft: '5px',
diff --git a/src/components/pages/Organization/LoadingError.tsx b/src/components/pages/Organization/LoadingError.tsx
index c656ba81b..47a2c17e3 100644
--- a/src/components/pages/Organization/LoadingError.tsx
+++ b/src/components/pages/Organization/LoadingError.tsx
@@ -18,7 +18,8 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { useTheme, CircularProgress } from '@mui/material'
+import { CircleProgress } from '@catena-x/portal-shared-components'
+import { useTheme } from '@mui/material'
 export default function LoadingError({
   isLoading,
   isError,
@@ -33,7 +34,9 @@ export default function LoadingError({
     <>
       {isLoading ? (
         <div className="organization-loader">
-          <CircularProgress
+          <CircleProgress
+            variant="indeterminate"
+            colorVariant="primary"
             size={50}
             sx={{
               color: theme.palette.primary.main,
diff --git a/src/components/pages/SemanticHub/ModelDetailDialog.tsx b/src/components/pages/SemanticHub/ModelDetailDialog.tsx
index b477ea22f..6935e7666 100644
--- a/src/components/pages/SemanticHub/ModelDetailDialog.tsx
+++ b/src/components/pages/SemanticHub/ModelDetailDialog.tsx
@@ -28,6 +28,7 @@ import {
   Input,
   Button,
   DialogActions,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
 import { semanticModelsSelector } from 'features/semanticModels/slice'
 import { useDispatch, useSelector } from 'react-redux'
@@ -38,7 +39,6 @@ import {
   Select,
   Divider,
   Box,
-  CircularProgress,
 } from '@mui/material'
 import { useTranslation } from 'react-i18next'
 import DownloadLink from './DownloadLink'
@@ -141,7 +141,12 @@ const ModelDetailDialog = ({ show, onClose }: ModelDetailDialogProps) => {
 
   const Loading = (
     <Box sx={{ textAlign: 'center' }}>
-      <CircularProgress size={35} sx={{ color: theme.palette.primary.main }} />
+      <CircleProgress
+        variant="indeterminate"
+        colorVariant="primary"
+        size={35}
+        sx={{ color: theme.palette.primary.main }}
+      />
     </Box>
   )
 
diff --git a/src/components/pages/SemanticHub/ModelImportDialog.tsx b/src/components/pages/SemanticHub/ModelImportDialog.tsx
index 59765dfde..bf414b686 100644
--- a/src/components/pages/SemanticHub/ModelImportDialog.tsx
+++ b/src/components/pages/SemanticHub/ModelImportDialog.tsx
@@ -27,6 +27,7 @@ import {
   Typography,
   Input,
   theme,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -41,7 +42,6 @@ import {
   FormControl,
   Select,
   type SelectChangeEvent,
-  CircularProgress,
 } from '@mui/material'
 import type { AppDispatch } from 'features/store'
 
@@ -126,7 +126,9 @@ const ModelImportDialog = ({ show, onClose }: ModelDetailDialogProps) => {
         {error && <Typography color="error">{error}</Typography>}
         {uploading && (
           <Box sx={{ textAlign: 'center', mt: 2 }}>
-            <CircularProgress
+            <CircleProgress
+              variant="indeterminate"
+              colorVariant="primary"
               size={35}
               sx={{
                 color: theme.palette.primary.main,
diff --git a/src/components/pages/ServiceMarketplace/RecommendedServices.tsx b/src/components/pages/ServiceMarketplace/RecommendedServices.tsx
index 79182098f..3ba358825 100644
--- a/src/components/pages/ServiceMarketplace/RecommendedServices.tsx
+++ b/src/components/pages/ServiceMarketplace/RecommendedServices.tsx
@@ -18,8 +18,11 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { CardHorizontal } from '@catena-x/portal-shared-components'
-import { Grid, useTheme, CircularProgress } from '@mui/material'
+import {
+  CardHorizontal,
+  CircleProgress,
+} from '@catena-x/portal-shared-components'
+import { Grid, useTheme } from '@mui/material'
 import { useNavigate } from 'react-router-dom'
 import type { ServiceRequest } from 'features/serviceMarketplace/serviceApiSlice'
 import './ServiceMarketplace.scss'
@@ -86,7 +89,9 @@ export default function RecommendedServices({
         </Grid>
       ) : (
         <div className="loading-progress">
-          <CircularProgress
+          <CircleProgress
+            variant="indeterminate"
+            colorVariant="primary"
             size={50}
             sx={{
               color: theme.palette.primary.main,
diff --git a/src/components/pages/ServiceMarketplace/index.tsx b/src/components/pages/ServiceMarketplace/index.tsx
index 638146b5a..9b56336c5 100644
--- a/src/components/pages/ServiceMarketplace/index.tsx
+++ b/src/components/pages/ServiceMarketplace/index.tsx
@@ -26,7 +26,7 @@ import {
   type ChangeEvent,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useTheme, CircularProgress } from '@mui/material'
+import { useTheme } from '@mui/material'
 import debounce from 'lodash.debounce'
 import ServicesElements from './ServicesElements'
 import RecommendedServices from './RecommendedServices'
@@ -40,6 +40,7 @@ import {
   Typography,
   ViewSelector,
   SortOption,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
 import {
   type ServiceRequest,
@@ -194,7 +195,9 @@ export default function ServiceMarketplace() {
             </div>
             {!services ? (
               <div className="loading-progress">
-                <CircularProgress
+                <CircleProgress
+                  variant="indeterminate"
+                  colorVariant="primary"
                   size={50}
                   sx={{
                     color: theme.palette.primary.main,
diff --git a/src/components/pages/ServiceReleaseProcess/components/ServiceListOverview.tsx b/src/components/pages/ServiceReleaseProcess/components/ServiceListOverview.tsx
index 1e3b0d164..bc539b05a 100644
--- a/src/components/pages/ServiceReleaseProcess/components/ServiceListOverview.tsx
+++ b/src/components/pages/ServiceReleaseProcess/components/ServiceListOverview.tsx
@@ -30,6 +30,7 @@ import {
   type CardItems,
   PageSnackbar,
   ErrorBar,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
 import { serviceToCard } from 'features/apps/mapper'
 import { fetchImageWithToken } from 'services/ImageService'
@@ -52,7 +53,7 @@ import {
 import { useDispatch } from 'react-redux'
 import { setServiceReleaseActiveStep } from 'features/serviceManagement/slice'
 import { SuccessErrorType } from 'features/admin/appuserApiSlice'
-import { Box, useTheme, CircularProgress } from '@mui/material'
+import { Box, useTheme } from '@mui/material'
 import { initialState } from 'features/serviceManagement/types'
 
 enum ServiceSubMenuItems {
@@ -229,7 +230,9 @@ export default function ServiceListOverview() {
       <section>
         {isFetching ? (
           <div style={{ textAlign: 'center' }}>
-            <CircularProgress
+            <CircleProgress
+              variant="indeterminate"
+              colorVariant="primary"
               size={50}
               sx={{
                 color: theme.palette.primary.main,
diff --git a/src/components/pages/UsecaseParticipation/index.tsx b/src/components/pages/UsecaseParticipation/index.tsx
index 69d5872c0..b8e89b3a4 100644
--- a/src/components/pages/UsecaseParticipation/index.tsx
+++ b/src/components/pages/UsecaseParticipation/index.tsx
@@ -21,10 +21,11 @@ import { useEffect } from 'react'
 import { Link } from 'react-router-dom'
 import { useDispatch } from 'react-redux'
 import { useTranslation, Trans } from 'react-i18next'
-import { CircularProgress, useTheme } from '@mui/material'
+import { useTheme } from '@mui/material'
 import dayjs from 'dayjs'
 import {
   Chip,
+  CircleProgress,
   CustomAccordion,
   PageHeader,
   StatusTag,
@@ -188,7 +189,9 @@ export default function UsecaseParticipation() {
             <ul>
               {isLoading ? (
                 <div className="progress-main">
-                  <CircularProgress
+                  <CircleProgress
+                    variant="indeterminate"
+                    colorVariant="primary"
                     size={35}
                     sx={{
                       color: theme.palette.primary.main,
diff --git a/src/components/shared/templates/AdminBoard/AdminBoardElements.tsx b/src/components/shared/templates/AdminBoard/AdminBoardElements.tsx
index e9cb1dfb9..6203cdd61 100644
--- a/src/components/shared/templates/AdminBoard/AdminBoardElements.tsx
+++ b/src/components/shared/templates/AdminBoard/AdminBoardElements.tsx
@@ -20,11 +20,12 @@
 
 import {
   CardDecision,
+  CircleProgress,
   ErrorBar,
   PageSnackbar,
 } from '@catena-x/portal-shared-components'
 import { useDispatch, useSelector } from 'react-redux'
-import { useTheme, CircularProgress } from '@mui/material'
+import { useTheme } from '@mui/material'
 import { show } from 'features/control/overlay'
 import './AdminBoard.scss'
 import {
@@ -150,7 +151,9 @@ export default function AdminBoardElements({
         />
       ) : (
         <div className="loading-progress">
-          <CircularProgress
+          <CircleProgress
+            variant="indeterminate"
+            colorVariant="primary"
             size={50}
             sx={{
               color: theme.palette.primary.main,
diff --git a/src/components/shared/templates/AdminBoard/index.tsx b/src/components/shared/templates/AdminBoard/index.tsx
index e5aa8c965..72f6c697e 100644
--- a/src/components/shared/templates/AdminBoard/index.tsx
+++ b/src/components/shared/templates/AdminBoard/index.tsx
@@ -20,7 +20,7 @@
 
 import { useEffect, useReducer, useCallback, useMemo } from 'react'
 import { useSelector } from 'react-redux'
-import { useTheme, CircularProgress } from '@mui/material'
+import { useTheme } from '@mui/material'
 import debounce from 'lodash.debounce'
 import {
   SearchInput,
@@ -28,6 +28,7 @@ import {
   SortOption,
   PageHeader,
   LoadMoreButton,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
 import './AdminBoard.scss'
 import { PageBreadcrumb } from 'components/shared/frame/PageBreadcrumb/PageBreadcrumb'
@@ -447,7 +448,9 @@ export default function CommonAdminBoard({
         <div className="mainContainer">
           {isFetching ? (
             <div className="loading-progress">
-              <CircularProgress
+              <CircleProgress
+                variant="indeterminate"
+                colorVariant="primary"
                 size={50}
                 sx={{
                   color: theme.palette.primary.main,
diff --git a/src/components/shared/templates/Subscription/SubscriptionElements.tsx b/src/components/shared/templates/Subscription/SubscriptionElements.tsx
index 37839537c..fbea6df5e 100644
--- a/src/components/shared/templates/Subscription/SubscriptionElements.tsx
+++ b/src/components/shared/templates/Subscription/SubscriptionElements.tsx
@@ -19,7 +19,7 @@
  ********************************************************************************/
 
 import { useTranslation } from 'react-i18next'
-import { useTheme, CircularProgress } from '@mui/material'
+import { useTheme } from '@mui/material'
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
 import {
   Typography,
@@ -27,6 +27,7 @@ import {
   Tooltips,
   Chip,
   ErrorBar,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
 import {
   type CompanySubscriptionData,
@@ -297,7 +298,9 @@ export default function SubscriptionElements({
         </ul>
       ) : (
         <div className="loading-progress">
-          <CircularProgress
+          <CircleProgress
+            variant="indeterminate"
+            colorVariant="primary"
             size={50}
             sx={{
               color: theme.palette.primary.main,
diff --git a/src/components/shared/templates/Subscription/index.tsx b/src/components/shared/templates/Subscription/index.tsx
index 5ac2056a5..10b617e77 100644
--- a/src/components/shared/templates/Subscription/index.tsx
+++ b/src/components/shared/templates/Subscription/index.tsx
@@ -20,7 +20,7 @@
 
 import { useEffect, useCallback, useMemo, useReducer } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import { useTheme, CircularProgress } from '@mui/material'
+import { useTheme } from '@mui/material'
 import debounce from 'lodash.debounce'
 import { OVERLAYS } from 'types/Constants'
 import {
@@ -30,6 +30,7 @@ import {
   SortOption,
   PageSnackbar,
   LoadMoreButton,
+  CircleProgress,
 } from '@catena-x/portal-shared-components'
 import type {
   AppFiltersResponse,
@@ -547,7 +548,9 @@ export default function Subscription({
             )}
             {isFetching ? (
               <div className="loading-progress">
-                <CircularProgress
+                <CircleProgress
+                  variant="indeterminate"
+                  colorVariant="primary"
                   size={50}
                   sx={{
                     color: theme.palette.primary.main,
diff --git a/yarn.lock b/yarn.lock
index 07589c21b..70838c93f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -336,10 +336,10 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@catena-x/portal-shared-components@^3.0.16":
-  version "3.0.16"
-  resolved "https://registry.yarnpkg.com/@catena-x/portal-shared-components/-/portal-shared-components-3.0.16.tgz#1a397ca1038ebbec08b01bd554c39c50aa430964"
-  integrity sha512-yUsuC7LFjKZdAmX3qLqMKPhAa9lafLRWjJLQ2Yujt1rZDcKX1jo52j/IA0fQb1H2olEWPmMsbCCeoFe9g26oFg==
+"@catena-x/portal-shared-components@^3.0.17":
+  version "3.0.17"
+  resolved "https://registry.yarnpkg.com/@catena-x/portal-shared-components/-/portal-shared-components-3.0.17.tgz#ce93d6ae694161553ffa6c534162ee46e2468105"
+  integrity sha512-5VMT8N6VKMqNABB0H0+Wl03HyQtQ5k7cVoUZAHmYgwQRyzyzH3RLj0Oo1AWS1b6DZYr4X/jVVAyfjXuf0SL2zA==
   dependencies:
     "@date-io/date-fns" "^3.0.0"
     "@emotion/react" "^11.11.4"